@charset "UTF-8";
@font-face {
    font-family: "NotoSansKR";
    font-style: normal;
    font-weight: 400;
    src: local(""), url("../fonts/noto-sans-kr-v13-latin_korean-regular.woff2") format("woff2"), url("../fonts/noto-sans-kr-v13-latin_korean-regular.woff") format("woff"), url("../fonts/noto-sans-kr-v13-latin_korean-regular.ttf") format("truetype"), url("../fonts/noto-sans-kr-v13-latin_korean-regular.svg#NotoSansKR") format("svg");
    /* Legacy iOS */
}
@font-face {
    font-family: "NotoSansKR";
    font-style: normal;
    font-weight: 500;
    src: local(""), url("../fonts/noto-sans-kr-v13-latin_korean-500.woff2") format("woff2"), url("../fonts/noto-sans-kr-v13-latin_korean-500.woff") format("woff"), url("../fonts/noto-sans-kr-v13-latin_korean-500.ttf") format("truetype"), url("../fonts/noto-sans-kr-v13-latin_korean-500.svg#NotoSansKR") format("svg");
    /* Legacy iOS */
}
@font-face {
    font-family: "NotoSansKR";
    font-style: normal;
    font-weight: 700;
    src: local(""), url("../fonts/noto-sans-kr-v13-latin_korean-700.woff2") format("woff2"), url("../fonts/noto-sans-kr-v13-latin_korean-700.woff") format("woff"), url("../fonts/noto-sans-kr-v13-latin_korean-700.ttf") format("truetype"), url("../fonts/noto-sans-kr-v13-latin_korean-700.svg#NotoSansKR") format("svg");
    /* Legacy iOS */
}
@font-face {
    font-family: "Roboto";
    src: url("../fonts/Roboto-Regular-webfont.woff") format("woff"), url("../fonts/Roboto-Regular-webfont.ttf") format("truetype"), url("../fonts/Roboto-Regular-webfont.svg#robotoregular") format("svg");
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: "Roboto";
    src: url("../fonts/Roboto-Medium-webfont.woff") format("woff"), url("../fonts/Roboto-Medium-webfont.ttf") format("truetype"), url("../fonts/Roboto-Medium-webfont.svg#robotoregular") format("svg");
    font-weight: 500;
    font-style: normal;
}
@font-face {
    font-family: "Roboto";
    src: url("../fonts/Roboto-Bold-webfont.woff") format("woff"), url("../fonts/Roboto-Bold-webfont.ttf") format("truetype"), url("../fonts/Roboto-Bold-webfont.svg#robotoregular") format("svg");
    font-weight: 700;
    font-style: normal;
}
html,
body,
h1,
h2,
h3,
h4,
h5,
h6,
div,
p,
blockquote,
pre,
code,
address,
ul,
ol,
li,
menu,
nav,
section,
article,
aside,
dl,
dt,
dd,
table,
thead,
tbody,
tfoot,
label,
caption,
th,
td,
form,
fieldset,
legend,
hr,
input,
button,
textarea,
object,
figure,
figcaption {
    margin: 0;
    padding: 0;
}

html,
body {
    width: 100%;
    height: 100%;
}

body {
    background: #fff;
    -webkit-text-size-adjust: none;
    word-wrap: break-word;
    word-break: break-all;
    letter-spacing: -0.01em;
    color: #111;
}

body,
input,
select,
textarea,
button {
    border: none;
    color: #111;
    font-family: "Roboto", "NotoSansKR", Arial, AppleGothic, verdana, sans-serif;
}

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

table {
    width: 100%;
    border-spacing: 0;
    border-collapse: collapse;
}

fieldset {
    border: 0;
}

img {
    border: 0;
    vertical-align: top;
}

address,
cite,
code,
em {
    font-style: normal;
    font-weight: normal;
}

label,
img,
input,
select,
textarea,
button {
    vertical-align: middle;
}

.hide,
caption,
legend {
    line-height: 0;
    font-size: 1px;
    overflow: hidden;
}

hr {
    display: none;
}

main,
header,
section,
nav,
footer,
aside,
article,
figure {
    display: block;
}

a {
    color: #111;
    text-decoration: none;
    cursor: pointer;
}

button {
    margin: 0;
    padding: 0;
    background: 0;
    cursor: pointer;
}

input[type=tel], input[type=time], input[type=text], input[type=password], input[type=search], input[type=email], input[type=file], input[type=url], input[type=number], input[type=date] {
    width: 100%;
    height: 42px;
    font-size: 15px;
    padding: 0 10px;
    color: #111;
    background-color: #fff;
    border: 1px solid #e6e6e6;
    border-radius: 4px;
    vertical-align: middle;
}
input[readonly], input[disabled] {
    background-color: #f9f9f9;
}
input[readonly]:focus, input[disabled]:focus {
    border-color: #e6e6e6;
    outline: 0;
}
input[type=tel].disabled, input[type=text].disabled, input[type=password].disabled, input[type=search].disabled, input[type=email].disabled {
    width: 100%;
    height: 42px;
    font-size: 15px;
    padding: 0 10px;
    color: #111;
    background-color: #f9f9f9;
    border: 1px solid #e6e6e6;
    border-radius: 4px;
    vertical-align: middle;
}
input::-webkit-input-placeholder {
    color: #999;
    font-size: 15px;
    line-height: 100%;
}
input:focus {
    border: 1px solid #111;
}

input[type=text][class*=lg], input[type=tel][class*=lg], input[type=time][class*=lg], input[type=text][class*=lg], input[type=password][class*=lg], input[type=search][class*=lg], input[type=email][class*=lg], input[type=file][class*=lg], input[type=url][class*=lg], input[type=number][class*=lg], input[type=date][class*=lg] {
    height: 50px;
    font-size: 15px;
    padding: 0 12px;
    color: #111;
    background-color: #fff;
    border: 1px solid #e6e6e6;
    border-radius: 4px;
    vertical-align: middle;
}

input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

textarea {
    width: 100%;
    font-size: 1.6rem;
    color: #111;
    padding: 5px 0;
    border: 1px solid #e9e9e9;
    background: #fff;
    -webkit-appearance: none;
    -webkit-border-radius: 0;
    appearance: none;
    border-radius: 0px;
}
textarea[readonly], textarea[disabled] {
    padding: 11px;
    font-size: 1.6rem;
    color: #666;
    font-weight: normal;
    line-height: 140%;
    height: 78px;
    background: #eaeaea;
    border: 1px solid #c0c0c0;
}
textarea[readonly]:focus, textarea[disabled]:focus {
    border-color: #c0c0c0;
    outline: 0;
}
textarea::-webkit-input-placeholder {
    color: #b5b5b5;
    font-size: 1.6rem;
    line-height: 100%;
}
textarea:focus {
    border: 1px solid #111;
}

* {
    box-sizing: border-box;
}
*:after, *:before {
    box-sizing: border-box;
}

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

input::-webkit-input-placeholder,
input::-moz-placeholder,
input:-ms-input-placeholder,
input::-ms-input-placeholder,
input::placeholder,
textarea::-webkit-input-placeholder,
textarea::-moz-placeholder,
textarea:-ms-input-placeholder,
textarea::-ms-input-placeholder {
    color: #999;
}

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

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

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

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

.add-file.view .add-file-names {
    width: 100% !important;
    border: 0;
    padding: 0 0;
}
.add-file.view .add-file-names .name {
    font-size: 14px;
    display: block;
}
.add-file.view .add-file-names .name:before {
    content: none;
}
.add-file.flex {
    align-items: start;
}
.add-file.flex .add-file-names {
    padding: 2rem;
}
.add-file .add-file-names {
    width: calc(100% - 11rem) !important;
    border: 1px solid #e6e6e6;
    border-radius: 6px;
}
.add-file .add-file-names .inner {
    display: inline-block;
}
.add-file .add-file-names .name {
    position: relative;
    font-size: 14px;
}
.add-file .add-file-names .file {
    padding: 5px 0;
}
.add-file .add-file-names .ico-cancel {
    cursor: pointer;
    vertical-align: 10%;
    margin-left: 2px;
}

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

.blind {
    border: 0;
    clip: rect(0 0 0 0);
    clip-path: inset(50%);
    width: 1px;
    height: 1px;
    margin: -1px;
    overflow: hidden;
    text-indent: -9999px;
    padding: 0;
    position: absolute;
    white-space: nowrap;
}

.hide {
    display: none !important;
}

.j-noscroll {
    overflow: hidden;
}

.l-grid {
    width: 1200px;
    margin: 0 auto;
}

#wrap {
    min-width: 1200px;
    overflow: hidden;
}

#container {
    min-height: calc(100vh - 650px);
    padding-top: 100px;
    padding-bottom: 120px;
}

.hr {
    width: 100%;
    height: 1px;
}

.img, .imgs {
    vertical-align: top;
    overflow: hidden;
}

.required:after {
    content: " *";
    color: #dc000c;
}

.skip {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1000;
    width: 100%;
}
.skip a {
    display: block;
    overflow: hidden;
    width: 1px;
    height: 1px;
    margin-bottom: -1px;
}
.skip a:focus, .skip a:active {
    font-size: 24px;
    text-align: center;
    color: #000;
    width: 100%;
    height: auto;
    padding: 2rem 0;
    background-color: #ccc;
}

[class^=box-] {
    border-radius: 14px;
    border: 1px solid transparent;
}
[class^=box-][class*=gray] {
    background-color: #f9f9f9;
}
[class^=box-][class*=gray][class*=line] {
    border-color: #f6f6f6;
    background-color: #fff;
}
[class^=box-][class*=white] {
    background-color: #fff;
}
[class^=box-][class*=white][class*=line] {
    border-color: #f6f6f6;
    background-color: #fff;
}

.quickmenu {
    position: fixed;
    bottom: 60px;
    right: 60px;
    z-index: 99;
    transition: 0.2s;
}
.quickmenu .menu + .menu {
    margin-top: 15.5px;
}
.quickmenu.on .visit-top {
    display: block;
    opacity: 1;
    margin-top: 15.5px;
}
.quickmenu .btn-compare {
    display: none;
    opacity: 0;
    background-color: #dc000c;
    color: #fff;
    font-size: 12px;
    width: 56px;
    height: 56px;
    border-radius: 100%;
    text-align: center;
    transition: all 0.3s ease;
    text-align: center;
    line-height: 56px;
}
.quickmenu .visit-top {
    display: none;
    opacity: 0;
    background-color: #fff;
    border: 1px solid #e6e6e6;
    width: 56px;
    height: 56px;
    border-radius: 100%;
    transition: all 0.3s ease;
}
.quickmenu .visit-top .ico-top {
    display: block;
    width: 24px;
    height: 24px;
    background: url("../img/common/ico_quick_arrow.svg") no-repeat center/24px;
    margin: 15px auto 0;
}
.quickmenu.up {
    bottom: 350px;
}
.quickmenu-wrap {
    position: relative;
}
.quickmenu-btn {
    border: 1px solid #dc000c;
    width: 56px;
    height: 56px;
    border-radius: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #fff;
    margin-top: 15.5px;
}
.quickmenu-ico {
    width: 24px;
    height: 24px;
    display: block;
    background: url("../img/ico/ico_plus.svg") no-repeat center/100%;
}
.quickmenu-box {
    display: none;
    width: 94px;
    padding: 16px 8px 33px 8px;
    border-radius: 15px;
    border: solid 1px #e6e6e6;
    background-color: #fff;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
}
.quickmenu-box.open {
    display: block;
}
.quickmenu-list {
    display: flex;
    flex-direction: column;
}
.quickmenu-close {
    position: absolute;
    left: 50%;
    bottom: 7px;
    transform: translateX(-50%);
    width: 16px;
    height: 16px;
    background: url("../img/ico/quickmenu-list.svg") no-repeat center/100%;
}
.quickmenu-item {
    margin-bottom: 15px;
}
.quickmenu-item:last-child {
    margin-bottom: 0;
}
.quickmenu-item a {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.quickmenu-itemIcon {
    width: 40px;
    height: 40px;
    border-radius: 100%;
    background-color: #ccc;
    margin-bottom: 5px;
}
.quickmenu-itemIcon.sitemap {
    background: url("../img/ico/quickmenu-sitemap.svg") no-repeat center/100%;
}
.quickmenu-itemIcon.store {
    background: url("../img/ico/quickmenu-store.svg") no-repeat center/100%;
}
.quickmenu-itemIcon.download {
    background: url("../img/ico/quickmenu-download.svg") no-repeat center/100%;
}
.quickmenu-itemIcon.etax {
    background: url("../img/ico/quickmenu-etax.svg") no-repeat center/100%;
}
.quickmenu-itemIcon.sns {
    background: url("../img/ico/quickmenu-sns.svg") no-repeat center/100%;
}
.quickmenu-itemIcon.inquiry {
    background: url("../img/ico/quickmenu-inquiry.svg") no-repeat center/100%;
}
.quickmenu-itemIcon.kakao {
    background: url("../img/ico/quickmenu-kakao.svg") no-repeat center/100%;
}
.quickmenu-itemIcon.registration {
    background: url("../img/ico/quickmenu-registration.svg") no-repeat center/100%;
}
.quickmenu-itemIcon.partner {
    background: url("../img/ico/quickmenu-partner.svg") no-repeat center/100%;
}
.quickmenu-itemText {
    font-size: 13px;
    text-align: center;
}

.masonry-list[data-colum="3"] {
    column-count: 3;
}
.masonry-list .masonry-item {
    display: inline-block;
    vertical-align: top;
}
.masonry-list .masonry-item img {
    width: 100%;
}

.timeline-wrap {
    display: flex;
}
.timeline-wrap > div {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 110px;
}
.timeline-wrap > div:last-child .circle::after {
    display: none;
}
.timeline-wrap > div.on .circle,
.timeline-wrap > div.on .circle::after {
    background-color: #dc000c;
}
.timeline-wrap > div.on .name {
    color: #dc000c;
}
.timeline-wrap > div .circle {
    position: relative;
    width: 20px;
    height: 20px;
    background-color: #dedede;
    border-radius: 50%;
}
.timeline-wrap > div .circle img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.timeline-wrap > div .circle::after {
    content: "";
    position: absolute;
    top: 10px;
    left: 25px;
    width: 80px;
    height: 1px;
    background-color: #dedede;
}
.timeline-wrap > div .name {
    font-size: 14px;
    color: #666;
    line-height: 20px;
    margin-top: 8px;
}

.top-title-wrap {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    margin-bottom: 10px;
}
.top-title-wrap ~ .top-title-wrap {
    margin-top: 100px;
}
.top-title-wrap .top-title {
    font-weight: 500;
    font-size: 20px;
    line-height: 30px;
}
.top-title-wrap .hr {
    margin-top: 10px;
    height: 2px;
    background-color: #111;
}

.table-list-wrap {
    width: 100%;
    text-align: left;
    border-bottom: 1px solid #e6e6e6;
}
.table-list-wrap.no-boder {
    border-bottom: none;
}
.table-list-wrap .tr {
    display: flex;
    justify-content: space-between;
    align-items: center;
    justify-content: flex-start;
}
.table-list-wrap .tr .th {
    font-weight: 500;
    padding: 11px 0;
    flex: 0 0 200px;
}
.table-list-wrap .tr .th .tit {
    font-size: 16px;
    line-height: 22px;
    color: #000;
}
.table-list-wrap .tr .td {
    flex: 0 1 50%;
    padding: 11px 0;
}
.table-list-wrap .tr .td .inp-wrap input {
    flex: 0 0 400px;
    max-width: 400px;
}

.table-layout {
    display: table;
    table-layout: fixed;
    width: 100%;
}
.table-layout .row {
    display: table-row;
}
.table-layout .row .th, .table-layout .row .td {
    text-align: center;
    line-height: 60px;
    display: table-cell;
}
.table-layout .tr .th {
    height: 60px;
    font-weight: 400;
    font-size: 16px;
    background-color: #f9f9f9;
    color: #000;
    border-top: 1px solid #e6e6e6;
    border-bottom: 1px solid #e6e6e6;
}
.table-layout .tr .td {
    height: 60px;
    text-align: center;
    font-size: 16px;
    color: #000;
    border-bottom: 1px solid #e6e6e6;
}
.table-layout.has-border .tr:last-child .td {
    border: 0;
}
.table-layout.has-border .tr .th + .th {
    border-left: 1px solid #e6e6e6;
}
.table-layout.has-border .tr .td + .td {
    border-left: 1px solid #e6e6e6;
}
.table-layout.dark .tr .th {
    border: none;
    background: #e2e2e2;
    color: #111;
    font-size: 14px;
    height: 34px;
    padding: 5px 0;
    text-align: center;
}
.table-layout.dark .tr .td {
    font-size: 14px;
    height: 30px;
    padding: 5px 0;
    text-align: center;
    color: #747474;
    border: 1px solid #626262;
}

[class^=badge-] {
    display: inline-block;
    min-width: 100px;
    height: 35px;
    font-size: 14px;
    line-height: 33px;
    padding: 0 10px;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    border: 1px solid transparent;
    box-sizing: border-box;
    border-radius: 17.5px;
}
[class^=badge-][class*=red] {
    color: #fff;
    background-color: #dc000c;
    border-color: #dc000c;
}
[class^=badge-][class*=red][class*=line] {
    background-color: #fff;
    color: #dc000c;
    border-color: #dc000c;
}
[class^=badge-][class*=sm] {
    width: 48px;
    min-width: 48px;
    height: 25px;
    line-height: 23px;
    font-size: 12px;
}

.fs12 {
    font-size: 12px;
}

.fs13 {
    font-size: 13px;
}

.fs14 {
    font-size: 14px;
}

.fs15 {
    font-size: 15px;
}

.fs16 {
    font-size: 16px;
}

.fs18 {
    font-size: 18px;
}

.fs20 {
    font-size: 20px;
}

.fs24 {
    font-size: 24px;
}

.fs28 {
    font-size: 28px;
}

.fs30 {
    font-size: 30px;
}

.fs40 {
    font-size: 40px;
}

.fs50 {
    font-size: 50px;
}

.fw-b {
    font-weight: 700 !important;
}

.fw-m {
    font-weight: 500 !important;
}

.fw-r {
    font-weight: 400 !important;
}

.flex {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.flex-start {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.color-red {
    color: #dc000c !important;
}
.color-blue {
    color: #0b5cc7 !important;
}
.color-fff {
    color: #fff !important;
}
.color-000 {
    color: #000 !important;
}
.color-111 {
    color: #111 !important;
}
.color-666 {
    color: #666 !important;
}
.color-999 {
    color: #999 !important;
}
.color-f3f3f3 {
    color: #f3f3f3 !important;
}
.color-f6f6f6 {
    color: #f6f6f6 !important;
}
.color-e6e6e6 {
    color: #e6e6e6 !important;
}
.color-eee {
    color: #eee !important;
}
.color-ccc {
    color: #ccc !important;
}

.bg-red {
    background-color: #dc000c !important;
}
.bg-fff {
    background-color: #fff !important;
}
.bg-000 {
    background-color: #000 !important;
}
.bg-111 {
    background-color: #111 !important;
}
.bg-666 {
    background-color: #666 !important;
}
.bg-999 {
    background-color: #999 !important;
}
.bg-f3f3f3 {
    background-color: #f3f3f3 !important;
}
.bg-f6f6f6 {
    background-color: #f6f6f6 !important;
}
.bg-f9f9f9 {
    background-color: #f9f9f9 !important;
}
.bg-e6e6e6 {
    background-color: #e6e6e6 !important;
}
.bg-eee {
    background-color: #eee !important;
}
.bg-ccc {
    background-color: #ccc !important;
}

.ellipsis {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.ellipsis-line02 {
    display: block;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.ellipsis-line03 {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}
.ellipsis-line04 {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
}
.ellipsis-line05 {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
}

.w0 {
    width: 0px !important;
}
.w1 {
    width: 1px !important;
}
.w2 {
    width: 2px !important;
}
.w3 {
    width: 3px !important;
}
.w4 {
    width: 4px !important;
}
.w5 {
    width: 5px !important;
}
.w6 {
    width: 6px !important;
}
.w7 {
    width: 7px !important;
}
.w8 {
    width: 8px !important;
}
.w9 {
    width: 9px !important;
}
.w10 {
    width: 10px !important;
}
.w11 {
    width: 11px !important;
}
.w12 {
    width: 12px !important;
}
.w13 {
    width: 13px !important;
}
.w14 {
    width: 14px !important;
}
.w15 {
    width: 15px !important;
}
.w16 {
    width: 16px !important;
}
.w17 {
    width: 17px !important;
}
.w18 {
    width: 18px !important;
}
.w19 {
    width: 19px !important;
}
.w20 {
    width: 20px !important;
}
.w21 {
    width: 21px !important;
}
.w22 {
    width: 22px !important;
}
.w23 {
    width: 23px !important;
}
.w24 {
    width: 24px !important;
}
.w25 {
    width: 25px !important;
}
.w26 {
    width: 26px !important;
}
.w27 {
    width: 27px !important;
}
.w28 {
    width: 28px !important;
}
.w29 {
    width: 29px !important;
}
.w30 {
    width: 30px !important;
}
.w31 {
    width: 31px !important;
}
.w32 {
    width: 32px !important;
}
.w33 {
    width: 33px !important;
}
.w34 {
    width: 34px !important;
}
.w35 {
    width: 35px !important;
}
.w36 {
    width: 36px !important;
}
.w37 {
    width: 37px !important;
}
.w38 {
    width: 38px !important;
}
.w39 {
    width: 39px !important;
}
.w40 {
    width: 40px !important;
}
.w41 {
    width: 41px !important;
}
.w42 {
    width: 42px !important;
}
.w43 {
    width: 43px !important;
}
.w44 {
    width: 44px !important;
}
.w45 {
    width: 45px !important;
}
.w46 {
    width: 46px !important;
}
.w47 {
    width: 47px !important;
}
.w48 {
    width: 48px !important;
}
.w49 {
    width: 49px !important;
}
.w50 {
    width: 50px !important;
}
.w51 {
    width: 51px !important;
}
.w52 {
    width: 52px !important;
}
.w53 {
    width: 53px !important;
}
.w54 {
    width: 54px !important;
}
.w55 {
    width: 55px !important;
}
.w56 {
    width: 56px !important;
}
.w57 {
    width: 57px !important;
}
.w58 {
    width: 58px !important;
}
.w59 {
    width: 59px !important;
}
.w60 {
    width: 60px !important;
}
.w61 {
    width: 61px !important;
}
.w62 {
    width: 62px !important;
}
.w63 {
    width: 63px !important;
}
.w64 {
    width: 64px !important;
}
.w65 {
    width: 65px !important;
}
.w66 {
    width: 66px !important;
}
.w67 {
    width: 67px !important;
}
.w68 {
    width: 68px !important;
}
.w69 {
    width: 69px !important;
}
.w70 {
    width: 70px !important;
}
.w71 {
    width: 71px !important;
}
.w72 {
    width: 72px !important;
}
.w73 {
    width: 73px !important;
}
.w74 {
    width: 74px !important;
}
.w75 {
    width: 75px !important;
}
.w76 {
    width: 76px !important;
}
.w77 {
    width: 77px !important;
}
.w78 {
    width: 78px !important;
}
.w79 {
    width: 79px !important;
}
.w80 {
    width: 80px !important;
}
.w81 {
    width: 81px !important;
}
.w82 {
    width: 82px !important;
}
.w83 {
    width: 83px !important;
}
.w84 {
    width: 84px !important;
}
.w85 {
    width: 85px !important;
}
.w86 {
    width: 86px !important;
}
.w87 {
    width: 87px !important;
}
.w88 {
    width: 88px !important;
}
.w89 {
    width: 89px !important;
}
.w90 {
    width: 90px !important;
}
.w91 {
    width: 91px !important;
}
.w92 {
    width: 92px !important;
}
.w93 {
    width: 93px !important;
}
.w94 {
    width: 94px !important;
}
.w95 {
    width: 95px !important;
}
.w96 {
    width: 96px !important;
}
.w97 {
    width: 97px !important;
}
.w98 {
    width: 98px !important;
}
.w99 {
    width: 99px !important;
}
.w100 {
    width: 100px !important;
}
.w101 {
    width: 101px !important;
}
.w102 {
    width: 102px !important;
}
.w103 {
    width: 103px !important;
}
.w104 {
    width: 104px !important;
}
.w105 {
    width: 105px !important;
}
.w106 {
    width: 106px !important;
}
.w107 {
    width: 107px !important;
}
.w108 {
    width: 108px !important;
}
.w109 {
    width: 109px !important;
}
.w110 {
    width: 110px !important;
}
.w111 {
    width: 111px !important;
}
.w112 {
    width: 112px !important;
}
.w113 {
    width: 113px !important;
}
.w114 {
    width: 114px !important;
}
.w115 {
    width: 115px !important;
}
.w116 {
    width: 116px !important;
}
.w117 {
    width: 117px !important;
}
.w118 {
    width: 118px !important;
}
.w119 {
    width: 119px !important;
}
.w120 {
    width: 120px !important;
}
.w121 {
    width: 121px !important;
}
.w122 {
    width: 122px !important;
}
.w123 {
    width: 123px !important;
}
.w124 {
    width: 124px !important;
}
.w125 {
    width: 125px !important;
}
.w126 {
    width: 126px !important;
}
.w127 {
    width: 127px !important;
}
.w128 {
    width: 128px !important;
}
.w129 {
    width: 129px !important;
}
.w130 {
    width: 130px !important;
}
.w131 {
    width: 131px !important;
}
.w132 {
    width: 132px !important;
}
.w133 {
    width: 133px !important;
}
.w134 {
    width: 134px !important;
}
.w135 {
    width: 135px !important;
}
.w136 {
    width: 136px !important;
}
.w137 {
    width: 137px !important;
}
.w138 {
    width: 138px !important;
}
.w139 {
    width: 139px !important;
}
.w140 {
    width: 140px !important;
}
.w141 {
    width: 141px !important;
}
.w142 {
    width: 142px !important;
}
.w143 {
    width: 143px !important;
}
.w144 {
    width: 144px !important;
}
.w145 {
    width: 145px !important;
}
.w146 {
    width: 146px !important;
}
.w147 {
    width: 147px !important;
}
.w148 {
    width: 148px !important;
}
.w149 {
    width: 149px !important;
}
.w150 {
    width: 150px !important;
}
.w151 {
    width: 151px !important;
}
.w152 {
    width: 152px !important;
}
.w153 {
    width: 153px !important;
}
.w154 {
    width: 154px !important;
}
.w155 {
    width: 155px !important;
}
.w156 {
    width: 156px !important;
}
.w157 {
    width: 157px !important;
}
.w158 {
    width: 158px !important;
}
.w159 {
    width: 159px !important;
}
.w160 {
    width: 160px !important;
}
.w161 {
    width: 161px !important;
}
.w162 {
    width: 162px !important;
}
.w163 {
    width: 163px !important;
}
.w164 {
    width: 164px !important;
}
.w165 {
    width: 165px !important;
}
.w166 {
    width: 166px !important;
}
.w167 {
    width: 167px !important;
}
.w168 {
    width: 168px !important;
}
.w169 {
    width: 169px !important;
}
.w170 {
    width: 170px !important;
}
.w171 {
    width: 171px !important;
}
.w172 {
    width: 172px !important;
}
.w173 {
    width: 173px !important;
}
.w174 {
    width: 174px !important;
}
.w175 {
    width: 175px !important;
}
.w176 {
    width: 176px !important;
}
.w177 {
    width: 177px !important;
}
.w178 {
    width: 178px !important;
}
.w179 {
    width: 179px !important;
}
.w180 {
    width: 180px !important;
}
.w181 {
    width: 181px !important;
}
.w182 {
    width: 182px !important;
}
.w183 {
    width: 183px !important;
}
.w184 {
    width: 184px !important;
}
.w185 {
    width: 185px !important;
}
.w186 {
    width: 186px !important;
}
.w187 {
    width: 187px !important;
}
.w188 {
    width: 188px !important;
}
.w189 {
    width: 189px !important;
}
.w190 {
    width: 190px !important;
}
.w191 {
    width: 191px !important;
}
.w192 {
    width: 192px !important;
}
.w193 {
    width: 193px !important;
}
.w194 {
    width: 194px !important;
}
.w195 {
    width: 195px !important;
}
.w196 {
    width: 196px !important;
}
.w197 {
    width: 197px !important;
}
.w198 {
    width: 198px !important;
}
.w199 {
    width: 199px !important;
}
.w200 {
    width: 200px !important;
}
.w201 {
    width: 201px !important;
}
.w202 {
    width: 202px !important;
}
.w203 {
    width: 203px !important;
}
.w204 {
    width: 204px !important;
}
.w205 {
    width: 205px !important;
}
.w206 {
    width: 206px !important;
}
.w207 {
    width: 207px !important;
}
.w208 {
    width: 208px !important;
}
.w209 {
    width: 209px !important;
}
.w210 {
    width: 210px !important;
}
.w211 {
    width: 211px !important;
}
.w212 {
    width: 212px !important;
}
.w213 {
    width: 213px !important;
}
.w214 {
    width: 214px !important;
}
.w215 {
    width: 215px !important;
}
.w216 {
    width: 216px !important;
}
.w217 {
    width: 217px !important;
}
.w218 {
    width: 218px !important;
}
.w219 {
    width: 219px !important;
}
.w220 {
    width: 220px !important;
}
.w221 {
    width: 221px !important;
}
.w222 {
    width: 222px !important;
}
.w223 {
    width: 223px !important;
}
.w224 {
    width: 224px !important;
}
.w225 {
    width: 225px !important;
}
.w226 {
    width: 226px !important;
}
.w227 {
    width: 227px !important;
}
.w228 {
    width: 228px !important;
}
.w229 {
    width: 229px !important;
}
.w230 {
    width: 230px !important;
}
.w231 {
    width: 231px !important;
}
.w232 {
    width: 232px !important;
}
.w233 {
    width: 233px !important;
}
.w234 {
    width: 234px !important;
}
.w235 {
    width: 235px !important;
}
.w236 {
    width: 236px !important;
}
.w237 {
    width: 237px !important;
}
.w238 {
    width: 238px !important;
}
.w239 {
    width: 239px !important;
}
.w240 {
    width: 240px !important;
}
.w241 {
    width: 241px !important;
}
.w242 {
    width: 242px !important;
}
.w243 {
    width: 243px !important;
}
.w244 {
    width: 244px !important;
}
.w245 {
    width: 245px !important;
}
.w246 {
    width: 246px !important;
}
.w247 {
    width: 247px !important;
}
.w248 {
    width: 248px !important;
}
.w249 {
    width: 249px !important;
}
.w250 {
    width: 250px !important;
}
.w251 {
    width: 251px !important;
}
.w252 {
    width: 252px !important;
}
.w253 {
    width: 253px !important;
}
.w254 {
    width: 254px !important;
}
.w255 {
    width: 255px !important;
}
.w256 {
    width: 256px !important;
}
.w257 {
    width: 257px !important;
}
.w258 {
    width: 258px !important;
}
.w259 {
    width: 259px !important;
}
.w260 {
    width: 260px !important;
}
.w261 {
    width: 261px !important;
}
.w262 {
    width: 262px !important;
}
.w263 {
    width: 263px !important;
}
.w264 {
    width: 264px !important;
}
.w265 {
    width: 265px !important;
}
.w266 {
    width: 266px !important;
}
.w267 {
    width: 267px !important;
}
.w268 {
    width: 268px !important;
}
.w269 {
    width: 269px !important;
}
.w270 {
    width: 270px !important;
}
.w271 {
    width: 271px !important;
}
.w272 {
    width: 272px !important;
}
.w273 {
    width: 273px !important;
}
.w274 {
    width: 274px !important;
}
.w275 {
    width: 275px !important;
}
.w276 {
    width: 276px !important;
}
.w277 {
    width: 277px !important;
}
.w278 {
    width: 278px !important;
}
.w279 {
    width: 279px !important;
}
.w280 {
    width: 280px !important;
}
.w281 {
    width: 281px !important;
}
.w282 {
    width: 282px !important;
}
.w283 {
    width: 283px !important;
}
.w284 {
    width: 284px !important;
}
.w285 {
    width: 285px !important;
}
.w286 {
    width: 286px !important;
}
.w287 {
    width: 287px !important;
}
.w288 {
    width: 288px !important;
}
.w289 {
    width: 289px !important;
}
.w290 {
    width: 290px !important;
}
.w291 {
    width: 291px !important;
}
.w292 {
    width: 292px !important;
}
.w293 {
    width: 293px !important;
}
.w294 {
    width: 294px !important;
}
.w295 {
    width: 295px !important;
}
.w296 {
    width: 296px !important;
}
.w297 {
    width: 297px !important;
}
.w298 {
    width: 298px !important;
}
.w299 {
    width: 299px !important;
}
.w300 {
    width: 300px !important;
}
.w301 {
    width: 301px !important;
}
.w302 {
    width: 302px !important;
}
.w303 {
    width: 303px !important;
}
.w304 {
    width: 304px !important;
}
.w305 {
    width: 305px !important;
}
.w306 {
    width: 306px !important;
}
.w307 {
    width: 307px !important;
}
.w308 {
    width: 308px !important;
}
.w309 {
    width: 309px !important;
}
.w310 {
    width: 310px !important;
}
.w311 {
    width: 311px !important;
}
.w312 {
    width: 312px !important;
}
.w313 {
    width: 313px !important;
}
.w314 {
    width: 314px !important;
}
.w315 {
    width: 315px !important;
}
.w316 {
    width: 316px !important;
}
.w317 {
    width: 317px !important;
}
.w318 {
    width: 318px !important;
}
.w319 {
    width: 319px !important;
}
.w320 {
    width: 320px !important;
}
.w321 {
    width: 321px !important;
}
.w322 {
    width: 322px !important;
}
.w323 {
    width: 323px !important;
}
.w324 {
    width: 324px !important;
}
.w325 {
    width: 325px !important;
}
.w326 {
    width: 326px !important;
}
.w327 {
    width: 327px !important;
}
.w328 {
    width: 328px !important;
}
.w329 {
    width: 329px !important;
}
.w330 {
    width: 330px !important;
}
.w331 {
    width: 331px !important;
}
.w332 {
    width: 332px !important;
}
.w333 {
    width: 333px !important;
}
.w334 {
    width: 334px !important;
}
.w335 {
    width: 335px !important;
}
.w336 {
    width: 336px !important;
}
.w337 {
    width: 337px !important;
}
.w338 {
    width: 338px !important;
}
.w339 {
    width: 339px !important;
}
.w340 {
    width: 340px !important;
}
.w341 {
    width: 341px !important;
}
.w342 {
    width: 342px !important;
}
.w343 {
    width: 343px !important;
}
.w344 {
    width: 344px !important;
}
.w345 {
    width: 345px !important;
}
.w346 {
    width: 346px !important;
}
.w347 {
    width: 347px !important;
}
.w348 {
    width: 348px !important;
}
.w349 {
    width: 349px !important;
}
.w350 {
    width: 350px !important;
}
.w351 {
    width: 351px !important;
}
.w352 {
    width: 352px !important;
}
.w353 {
    width: 353px !important;
}
.w354 {
    width: 354px !important;
}
.w355 {
    width: 355px !important;
}
.w356 {
    width: 356px !important;
}
.w357 {
    width: 357px !important;
}
.w358 {
    width: 358px !important;
}
.w359 {
    width: 359px !important;
}
.w360 {
    width: 360px !important;
}
.w361 {
    width: 361px !important;
}
.w362 {
    width: 362px !important;
}
.w363 {
    width: 363px !important;
}
.w364 {
    width: 364px !important;
}
.w365 {
    width: 365px !important;
}
.w366 {
    width: 366px !important;
}
.w367 {
    width: 367px !important;
}
.w368 {
    width: 368px !important;
}
.w369 {
    width: 369px !important;
}
.w370 {
    width: 370px !important;
}
.w371 {
    width: 371px !important;
}
.w372 {
    width: 372px !important;
}
.w373 {
    width: 373px !important;
}
.w374 {
    width: 374px !important;
}
.w375 {
    width: 375px !important;
}
.w376 {
    width: 376px !important;
}
.w377 {
    width: 377px !important;
}
.w378 {
    width: 378px !important;
}
.w379 {
    width: 379px !important;
}
.w380 {
    width: 380px !important;
}
.w381 {
    width: 381px !important;
}
.w382 {
    width: 382px !important;
}
.w383 {
    width: 383px !important;
}
.w384 {
    width: 384px !important;
}
.w385 {
    width: 385px !important;
}
.w386 {
    width: 386px !important;
}
.w387 {
    width: 387px !important;
}
.w388 {
    width: 388px !important;
}
.w389 {
    width: 389px !important;
}
.w390 {
    width: 390px !important;
}
.w391 {
    width: 391px !important;
}
.w392 {
    width: 392px !important;
}
.w393 {
    width: 393px !important;
}
.w394 {
    width: 394px !important;
}
.w395 {
    width: 395px !important;
}
.w396 {
    width: 396px !important;
}
.w397 {
    width: 397px !important;
}
.w398 {
    width: 398px !important;
}
.w399 {
    width: 399px !important;
}
.w400 {
    width: 400px !important;
}
.w401 {
    width: 401px !important;
}
.w402 {
    width: 402px !important;
}
.w403 {
    width: 403px !important;
}
.w404 {
    width: 404px !important;
}
.w405 {
    width: 405px !important;
}
.w406 {
    width: 406px !important;
}
.w407 {
    width: 407px !important;
}
.w408 {
    width: 408px !important;
}
.w409 {
    width: 409px !important;
}
.w410 {
    width: 410px !important;
}
.w411 {
    width: 411px !important;
}
.w412 {
    width: 412px !important;
}
.w413 {
    width: 413px !important;
}
.w414 {
    width: 414px !important;
}
.w415 {
    width: 415px !important;
}
.w416 {
    width: 416px !important;
}
.w417 {
    width: 417px !important;
}
.w418 {
    width: 418px !important;
}
.w419 {
    width: 419px !important;
}
.w420 {
    width: 420px !important;
}
.w421 {
    width: 421px !important;
}
.w422 {
    width: 422px !important;
}
.w423 {
    width: 423px !important;
}
.w424 {
    width: 424px !important;
}
.w425 {
    width: 425px !important;
}
.w426 {
    width: 426px !important;
}
.w427 {
    width: 427px !important;
}
.w428 {
    width: 428px !important;
}
.w429 {
    width: 429px !important;
}
.w430 {
    width: 430px !important;
}
.w431 {
    width: 431px !important;
}
.w432 {
    width: 432px !important;
}
.w433 {
    width: 433px !important;
}
.w434 {
    width: 434px !important;
}
.w435 {
    width: 435px !important;
}
.w436 {
    width: 436px !important;
}
.w437 {
    width: 437px !important;
}
.w438 {
    width: 438px !important;
}
.w439 {
    width: 439px !important;
}
.w440 {
    width: 440px !important;
}
.w441 {
    width: 441px !important;
}
.w442 {
    width: 442px !important;
}
.w443 {
    width: 443px !important;
}
.w444 {
    width: 444px !important;
}
.w445 {
    width: 445px !important;
}
.w446 {
    width: 446px !important;
}
.w447 {
    width: 447px !important;
}
.w448 {
    width: 448px !important;
}
.w449 {
    width: 449px !important;
}
.w450 {
    width: 450px !important;
}
.w451 {
    width: 451px !important;
}
.w452 {
    width: 452px !important;
}
.w453 {
    width: 453px !important;
}
.w454 {
    width: 454px !important;
}
.w455 {
    width: 455px !important;
}
.w456 {
    width: 456px !important;
}
.w457 {
    width: 457px !important;
}
.w458 {
    width: 458px !important;
}
.w459 {
    width: 459px !important;
}
.w460 {
    width: 460px !important;
}
.w461 {
    width: 461px !important;
}
.w462 {
    width: 462px !important;
}
.w463 {
    width: 463px !important;
}
.w464 {
    width: 464px !important;
}
.w465 {
    width: 465px !important;
}
.w466 {
    width: 466px !important;
}
.w467 {
    width: 467px !important;
}
.w468 {
    width: 468px !important;
}
.w469 {
    width: 469px !important;
}
.w470 {
    width: 470px !important;
}
.w471 {
    width: 471px !important;
}
.w472 {
    width: 472px !important;
}
.w473 {
    width: 473px !important;
}
.w474 {
    width: 474px !important;
}
.w475 {
    width: 475px !important;
}
.w476 {
    width: 476px !important;
}
.w477 {
    width: 477px !important;
}
.w478 {
    width: 478px !important;
}
.w479 {
    width: 479px !important;
}
.w480 {
    width: 480px !important;
}
.w481 {
    width: 481px !important;
}
.w482 {
    width: 482px !important;
}
.w483 {
    width: 483px !important;
}
.w484 {
    width: 484px !important;
}
.w485 {
    width: 485px !important;
}
.w486 {
    width: 486px !important;
}
.w487 {
    width: 487px !important;
}
.w488 {
    width: 488px !important;
}
.w489 {
    width: 489px !important;
}
.w490 {
    width: 490px !important;
}
.w491 {
    width: 491px !important;
}
.w492 {
    width: 492px !important;
}
.w493 {
    width: 493px !important;
}
.w494 {
    width: 494px !important;
}
.w495 {
    width: 495px !important;
}
.w496 {
    width: 496px !important;
}
.w497 {
    width: 497px !important;
}
.w498 {
    width: 498px !important;
}
.w499 {
    width: 499px !important;
}
.w500 {
    width: 500px !important;
}
.w501 {
    width: 501px !important;
}
.w502 {
    width: 502px !important;
}
.w503 {
    width: 503px !important;
}
.w504 {
    width: 504px !important;
}
.w505 {
    width: 505px !important;
}
.w506 {
    width: 506px !important;
}
.w507 {
    width: 507px !important;
}
.w508 {
    width: 508px !important;
}
.w509 {
    width: 509px !important;
}
.w510 {
    width: 510px !important;
}
.w511 {
    width: 511px !important;
}
.w512 {
    width: 512px !important;
}
.w513 {
    width: 513px !important;
}
.w514 {
    width: 514px !important;
}
.w515 {
    width: 515px !important;
}
.w516 {
    width: 516px !important;
}
.w517 {
    width: 517px !important;
}
.w518 {
    width: 518px !important;
}
.w519 {
    width: 519px !important;
}
.w520 {
    width: 520px !important;
}
.w521 {
    width: 521px !important;
}
.w522 {
    width: 522px !important;
}
.w523 {
    width: 523px !important;
}
.w524 {
    width: 524px !important;
}
.w525 {
    width: 525px !important;
}
.w526 {
    width: 526px !important;
}
.w527 {
    width: 527px !important;
}
.w528 {
    width: 528px !important;
}
.w529 {
    width: 529px !important;
}
.w530 {
    width: 530px !important;
}
.w531 {
    width: 531px !important;
}
.w532 {
    width: 532px !important;
}
.w533 {
    width: 533px !important;
}
.w534 {
    width: 534px !important;
}
.w535 {
    width: 535px !important;
}
.w536 {
    width: 536px !important;
}
.w537 {
    width: 537px !important;
}
.w538 {
    width: 538px !important;
}
.w539 {
    width: 539px !important;
}
.w540 {
    width: 540px !important;
}
.w541 {
    width: 541px !important;
}
.w542 {
    width: 542px !important;
}
.w543 {
    width: 543px !important;
}
.w544 {
    width: 544px !important;
}
.w545 {
    width: 545px !important;
}
.w546 {
    width: 546px !important;
}
.w547 {
    width: 547px !important;
}
.w548 {
    width: 548px !important;
}
.w549 {
    width: 549px !important;
}
.w550 {
    width: 550px !important;
}
.w551 {
    width: 551px !important;
}
.w552 {
    width: 552px !important;
}
.w553 {
    width: 553px !important;
}
.w554 {
    width: 554px !important;
}
.w555 {
    width: 555px !important;
}
.w556 {
    width: 556px !important;
}
.w557 {
    width: 557px !important;
}
.w558 {
    width: 558px !important;
}
.w559 {
    width: 559px !important;
}
.w560 {
    width: 560px !important;
}
.w561 {
    width: 561px !important;
}
.w562 {
    width: 562px !important;
}
.w563 {
    width: 563px !important;
}
.w564 {
    width: 564px !important;
}
.w565 {
    width: 565px !important;
}
.w566 {
    width: 566px !important;
}
.w567 {
    width: 567px !important;
}
.w568 {
    width: 568px !important;
}
.w569 {
    width: 569px !important;
}
.w570 {
    width: 570px !important;
}
.w571 {
    width: 571px !important;
}
.w572 {
    width: 572px !important;
}
.w573 {
    width: 573px !important;
}
.w574 {
    width: 574px !important;
}
.w575 {
    width: 575px !important;
}
.w576 {
    width: 576px !important;
}
.w577 {
    width: 577px !important;
}
.w578 {
    width: 578px !important;
}
.w579 {
    width: 579px !important;
}
.w580 {
    width: 580px !important;
}
.w581 {
    width: 581px !important;
}
.w582 {
    width: 582px !important;
}
.w583 {
    width: 583px !important;
}
.w584 {
    width: 584px !important;
}
.w585 {
    width: 585px !important;
}
.w586 {
    width: 586px !important;
}
.w587 {
    width: 587px !important;
}
.w588 {
    width: 588px !important;
}
.w589 {
    width: 589px !important;
}
.w590 {
    width: 590px !important;
}
.w591 {
    width: 591px !important;
}
.w592 {
    width: 592px !important;
}
.w593 {
    width: 593px !important;
}
.w594 {
    width: 594px !important;
}
.w595 {
    width: 595px !important;
}
.w596 {
    width: 596px !important;
}
.w597 {
    width: 597px !important;
}
.w598 {
    width: 598px !important;
}
.w599 {
    width: 599px !important;
}
.w600 {
    width: 600px !important;
}
.w601 {
    width: 601px !important;
}
.w602 {
    width: 602px !important;
}
.w603 {
    width: 603px !important;
}
.w604 {
    width: 604px !important;
}
.w605 {
    width: 605px !important;
}
.w606 {
    width: 606px !important;
}
.w607 {
    width: 607px !important;
}
.w608 {
    width: 608px !important;
}
.w609 {
    width: 609px !important;
}
.w610 {
    width: 610px !important;
}
.w611 {
    width: 611px !important;
}
.w612 {
    width: 612px !important;
}
.w613 {
    width: 613px !important;
}
.w614 {
    width: 614px !important;
}
.w615 {
    width: 615px !important;
}
.w616 {
    width: 616px !important;
}
.w617 {
    width: 617px !important;
}
.w618 {
    width: 618px !important;
}
.w619 {
    width: 619px !important;
}
.w620 {
    width: 620px !important;
}
.w621 {
    width: 621px !important;
}
.w622 {
    width: 622px !important;
}
.w623 {
    width: 623px !important;
}
.w624 {
    width: 624px !important;
}
.w625 {
    width: 625px !important;
}
.w626 {
    width: 626px !important;
}
.w627 {
    width: 627px !important;
}
.w628 {
    width: 628px !important;
}
.w629 {
    width: 629px !important;
}
.w630 {
    width: 630px !important;
}
.w631 {
    width: 631px !important;
}
.w632 {
    width: 632px !important;
}
.w633 {
    width: 633px !important;
}
.w634 {
    width: 634px !important;
}
.w635 {
    width: 635px !important;
}
.w636 {
    width: 636px !important;
}
.w637 {
    width: 637px !important;
}
.w638 {
    width: 638px !important;
}
.w639 {
    width: 639px !important;
}
.w640 {
    width: 640px !important;
}
.w641 {
    width: 641px !important;
}
.w642 {
    width: 642px !important;
}
.w643 {
    width: 643px !important;
}
.w644 {
    width: 644px !important;
}
.w645 {
    width: 645px !important;
}
.w646 {
    width: 646px !important;
}
.w647 {
    width: 647px !important;
}
.w648 {
    width: 648px !important;
}
.w649 {
    width: 649px !important;
}
.w650 {
    width: 650px !important;
}
.w651 {
    width: 651px !important;
}
.w652 {
    width: 652px !important;
}
.w653 {
    width: 653px !important;
}
.w654 {
    width: 654px !important;
}
.w655 {
    width: 655px !important;
}
.w656 {
    width: 656px !important;
}
.w657 {
    width: 657px !important;
}
.w658 {
    width: 658px !important;
}
.w659 {
    width: 659px !important;
}
.w660 {
    width: 660px !important;
}
.w661 {
    width: 661px !important;
}
.w662 {
    width: 662px !important;
}
.w663 {
    width: 663px !important;
}
.w664 {
    width: 664px !important;
}
.w665 {
    width: 665px !important;
}
.w666 {
    width: 666px !important;
}
.w667 {
    width: 667px !important;
}
.w668 {
    width: 668px !important;
}
.w669 {
    width: 669px !important;
}
.w670 {
    width: 670px !important;
}
.w671 {
    width: 671px !important;
}
.w672 {
    width: 672px !important;
}
.w673 {
    width: 673px !important;
}
.w674 {
    width: 674px !important;
}
.w675 {
    width: 675px !important;
}
.w676 {
    width: 676px !important;
}
.w677 {
    width: 677px !important;
}
.w678 {
    width: 678px !important;
}
.w679 {
    width: 679px !important;
}
.w680 {
    width: 680px !important;
}
.w681 {
    width: 681px !important;
}
.w682 {
    width: 682px !important;
}
.w683 {
    width: 683px !important;
}
.w684 {
    width: 684px !important;
}
.w685 {
    width: 685px !important;
}
.w686 {
    width: 686px !important;
}
.w687 {
    width: 687px !important;
}
.w688 {
    width: 688px !important;
}
.w689 {
    width: 689px !important;
}
.w690 {
    width: 690px !important;
}
.w691 {
    width: 691px !important;
}
.w692 {
    width: 692px !important;
}
.w693 {
    width: 693px !important;
}
.w694 {
    width: 694px !important;
}
.w695 {
    width: 695px !important;
}
.w696 {
    width: 696px !important;
}
.w697 {
    width: 697px !important;
}
.w698 {
    width: 698px !important;
}
.w699 {
    width: 699px !important;
}
.w700 {
    width: 700px !important;
}
.w701 {
    width: 701px !important;
}
.w702 {
    width: 702px !important;
}
.w703 {
    width: 703px !important;
}
.w704 {
    width: 704px !important;
}
.w705 {
    width: 705px !important;
}
.w706 {
    width: 706px !important;
}
.w707 {
    width: 707px !important;
}
.w708 {
    width: 708px !important;
}
.w709 {
    width: 709px !important;
}
.w710 {
    width: 710px !important;
}
.w711 {
    width: 711px !important;
}
.w712 {
    width: 712px !important;
}
.w713 {
    width: 713px !important;
}
.w714 {
    width: 714px !important;
}
.w715 {
    width: 715px !important;
}
.w716 {
    width: 716px !important;
}
.w717 {
    width: 717px !important;
}
.w718 {
    width: 718px !important;
}
.w719 {
    width: 719px !important;
}
.w720 {
    width: 720px !important;
}
.w721 {
    width: 721px !important;
}
.w722 {
    width: 722px !important;
}
.w723 {
    width: 723px !important;
}
.w724 {
    width: 724px !important;
}
.w725 {
    width: 725px !important;
}
.w726 {
    width: 726px !important;
}
.w727 {
    width: 727px !important;
}
.w728 {
    width: 728px !important;
}
.w729 {
    width: 729px !important;
}
.w730 {
    width: 730px !important;
}
.w731 {
    width: 731px !important;
}
.w732 {
    width: 732px !important;
}
.w733 {
    width: 733px !important;
}
.w734 {
    width: 734px !important;
}
.w735 {
    width: 735px !important;
}
.w736 {
    width: 736px !important;
}
.w737 {
    width: 737px !important;
}
.w738 {
    width: 738px !important;
}
.w739 {
    width: 739px !important;
}
.w740 {
    width: 740px !important;
}
.w741 {
    width: 741px !important;
}
.w742 {
    width: 742px !important;
}
.w743 {
    width: 743px !important;
}
.w744 {
    width: 744px !important;
}
.w745 {
    width: 745px !important;
}
.w746 {
    width: 746px !important;
}
.w747 {
    width: 747px !important;
}
.w748 {
    width: 748px !important;
}
.w749 {
    width: 749px !important;
}
.w750 {
    width: 750px !important;
}
.w751 {
    width: 751px !important;
}
.w752 {
    width: 752px !important;
}
.w753 {
    width: 753px !important;
}
.w754 {
    width: 754px !important;
}
.w755 {
    width: 755px !important;
}
.w756 {
    width: 756px !important;
}
.w757 {
    width: 757px !important;
}
.w758 {
    width: 758px !important;
}
.w759 {
    width: 759px !important;
}
.w760 {
    width: 760px !important;
}
.w761 {
    width: 761px !important;
}
.w762 {
    width: 762px !important;
}
.w763 {
    width: 763px !important;
}
.w764 {
    width: 764px !important;
}
.w765 {
    width: 765px !important;
}
.w766 {
    width: 766px !important;
}
.w767 {
    width: 767px !important;
}
.w768 {
    width: 768px !important;
}
.w769 {
    width: 769px !important;
}
.w770 {
    width: 770px !important;
}
.w771 {
    width: 771px !important;
}
.w772 {
    width: 772px !important;
}
.w773 {
    width: 773px !important;
}
.w774 {
    width: 774px !important;
}
.w775 {
    width: 775px !important;
}
.w776 {
    width: 776px !important;
}
.w777 {
    width: 777px !important;
}
.w778 {
    width: 778px !important;
}
.w779 {
    width: 779px !important;
}
.w780 {
    width: 780px !important;
}
.w781 {
    width: 781px !important;
}
.w782 {
    width: 782px !important;
}
.w783 {
    width: 783px !important;
}
.w784 {
    width: 784px !important;
}
.w785 {
    width: 785px !important;
}
.w786 {
    width: 786px !important;
}
.w787 {
    width: 787px !important;
}
.w788 {
    width: 788px !important;
}
.w789 {
    width: 789px !important;
}
.w790 {
    width: 790px !important;
}
.w791 {
    width: 791px !important;
}
.w792 {
    width: 792px !important;
}
.w793 {
    width: 793px !important;
}
.w794 {
    width: 794px !important;
}
.w795 {
    width: 795px !important;
}
.w796 {
    width: 796px !important;
}
.w797 {
    width: 797px !important;
}
.w798 {
    width: 798px !important;
}
.w799 {
    width: 799px !important;
}
.w800 {
    width: 800px !important;
}

.wp5 {
    width: 5% !important;
}
.wp10 {
    width: 10% !important;
}
.wp15 {
    width: 15% !important;
}
.wp20 {
    width: 20% !important;
}
.wp25 {
    width: 25% !important;
}
.wp30 {
    width: 30% !important;
}
.wp35 {
    width: 35% !important;
}
.wp40 {
    width: 40% !important;
}
.wp45 {
    width: 45% !important;
}
.wp50 {
    width: 50% !important;
}
.wp55 {
    width: 55% !important;
}
.wp60 {
    width: 60% !important;
}
.wp65 {
    width: 65% !important;
}
.wp70 {
    width: 70% !important;
}
.wp75 {
    width: 75% !important;
}
.wp80 {
    width: 80% !important;
}
.wp85 {
    width: 85% !important;
}
.wp90 {
    width: 90% !important;
}
.wp95 {
    width: 95% !important;
}
.wp100 {
    width: 100% !important;
}

.mt0 {
    margin-top: 0px !important;
}
.mt5 {
    margin-top: 5px !important;
}
.mt10 {
    margin-top: 10px !important;
}
.mt15 {
    margin-top: 15px !important;
}
.mt20 {
    margin-top: 20px !important;
}
.mt25 {
    margin-top: 25px !important;
}
.mt30 {
    margin-top: 30px !important;
}
.mt35 {
    margin-top: 35px !important;
}
.mt40 {
    margin-top: 40px !important;
}
.mt45 {
    margin-top: 45px !important;
}
.mt50 {
    margin-top: 50px !important;
}
.mt55 {
    margin-top: 55px !important;
}
.mt60 {
    margin-top: 60px !important;
}
.mt65 {
    margin-top: 65px !important;
}
.mt70 {
    margin-top: 70px !important;
}
.mt75 {
    margin-top: 75px !important;
}
.mt80 {
    margin-top: 80px !important;
}
.mt85 {
    margin-top: 85px !important;
}
.mt90 {
    margin-top: 90px !important;
}
.mt95 {
    margin-top: 95px !important;
}
.mt100 {
    margin-top: 100px !important;
}
.mt105 {
    margin-top: 105px !important;
}
.mt110 {
    margin-top: 110px !important;
}
.mt115 {
    margin-top: 115px !important;
}
.mt120 {
    margin-top: 120px !important;
}
.mt125 {
    margin-top: 125px !important;
}
.mt130 {
    margin-top: 130px !important;
}
.mt135 {
    margin-top: 135px !important;
}
.mt140 {
    margin-top: 140px !important;
}
.mt145 {
    margin-top: 145px !important;
}
.mt150 {
    margin-top: 150px !important;
}
.mt155 {
    margin-top: 155px !important;
}
.mt160 {
    margin-top: 160px !important;
}
.mt165 {
    margin-top: 165px !important;
}
.mt170 {
    margin-top: 170px !important;
}
.mt175 {
    margin-top: 175px !important;
}
.mt180 {
    margin-top: 180px !important;
}
.mt185 {
    margin-top: 185px !important;
}
.mt190 {
    margin-top: 190px !important;
}
.mt195 {
    margin-top: 195px !important;
}
.mt200 {
    margin-top: 200px !important;
}
.mt205 {
    margin-top: 205px !important;
}
.mt210 {
    margin-top: 210px !important;
}
.mt215 {
    margin-top: 215px !important;
}
.mt220 {
    margin-top: 220px !important;
}
.mt225 {
    margin-top: 225px !important;
}
.mt230 {
    margin-top: 230px !important;
}
.mt235 {
    margin-top: 235px !important;
}
.mt240 {
    margin-top: 240px !important;
}
.mt245 {
    margin-top: 245px !important;
}
.mt250 {
    margin-top: 250px !important;
}
.mt255 {
    margin-top: 255px !important;
}
.mt260 {
    margin-top: 260px !important;
}
.mt265 {
    margin-top: 265px !important;
}
.mt270 {
    margin-top: 270px !important;
}
.mt275 {
    margin-top: 275px !important;
}
.mt280 {
    margin-top: 280px !important;
}
.mt285 {
    margin-top: 285px !important;
}
.mt290 {
    margin-top: 290px !important;
}
.mt295 {
    margin-top: 295px !important;
}
.mt300 {
    margin-top: 300px !important;
}
.mt305 {
    margin-top: 305px !important;
}
.mt310 {
    margin-top: 310px !important;
}
.mt315 {
    margin-top: 315px !important;
}
.mt320 {
    margin-top: 320px !important;
}
.mt325 {
    margin-top: 325px !important;
}
.mt330 {
    margin-top: 330px !important;
}
.mt335 {
    margin-top: 335px !important;
}
.mt340 {
    margin-top: 340px !important;
}
.mt345 {
    margin-top: 345px !important;
}
.mt350 {
    margin-top: 350px !important;
}
.mt355 {
    margin-top: 355px !important;
}
.mt360 {
    margin-top: 360px !important;
}
.mt365 {
    margin-top: 365px !important;
}
.mt370 {
    margin-top: 370px !important;
}
.mt375 {
    margin-top: 375px !important;
}
.mt380 {
    margin-top: 380px !important;
}
.mt385 {
    margin-top: 385px !important;
}
.mt390 {
    margin-top: 390px !important;
}
.mt395 {
    margin-top: 395px !important;
}
.mt400 {
    margin-top: 400px !important;
}
.mt405 {
    margin-top: 405px !important;
}
.mt410 {
    margin-top: 410px !important;
}
.mt415 {
    margin-top: 415px !important;
}
.mt420 {
    margin-top: 420px !important;
}
.mt425 {
    margin-top: 425px !important;
}
.mt430 {
    margin-top: 430px !important;
}
.mt435 {
    margin-top: 435px !important;
}
.mt440 {
    margin-top: 440px !important;
}
.mt445 {
    margin-top: 445px !important;
}
.mt450 {
    margin-top: 450px !important;
}
.mt455 {
    margin-top: 455px !important;
}
.mt460 {
    margin-top: 460px !important;
}
.mt465 {
    margin-top: 465px !important;
}
.mt470 {
    margin-top: 470px !important;
}
.mt475 {
    margin-top: 475px !important;
}
.mt480 {
    margin-top: 480px !important;
}
.mt485 {
    margin-top: 485px !important;
}
.mt490 {
    margin-top: 490px !important;
}
.mt495 {
    margin-top: 495px !important;
}
.mt500 {
    margin-top: 500px !important;
}

.mb0 {
    margin-bottom: 0px !important;
}
.mb5 {
    margin-bottom: 5px !important;
}
.mb10 {
    margin-bottom: 10px !important;
}
.mb15 {
    margin-bottom: 15px !important;
}
.mb20 {
    margin-bottom: 20px !important;
}
.mb25 {
    margin-bottom: 25px !important;
}
.mb30 {
    margin-bottom: 30px !important;
}
.mb35 {
    margin-bottom: 35px !important;
}
.mb40 {
    margin-bottom: 40px !important;
}
.mb45 {
    margin-bottom: 45px !important;
}
.mb50 {
    margin-bottom: 50px !important;
}
.mb55 {
    margin-bottom: 55px !important;
}
.mb60 {
    margin-bottom: 60px !important;
}
.mb65 {
    margin-bottom: 65px !important;
}
.mb70 {
    margin-bottom: 70px !important;
}
.mb75 {
    margin-bottom: 75px !important;
}
.mb80 {
    margin-bottom: 80px !important;
}
.mb85 {
    margin-bottom: 85px !important;
}
.mb90 {
    margin-bottom: 90px !important;
}
.mb95 {
    margin-bottom: 95px !important;
}
.mb100 {
    margin-bottom: 100px !important;
}
.mb105 {
    margin-bottom: 105px !important;
}
.mb110 {
    margin-bottom: 110px !important;
}
.mb115 {
    margin-bottom: 115px !important;
}
.mb120 {
    margin-bottom: 120px !important;
}
.mb125 {
    margin-bottom: 125px !important;
}
.mb130 {
    margin-bottom: 130px !important;
}
.mb135 {
    margin-bottom: 135px !important;
}
.mb140 {
    margin-bottom: 140px !important;
}
.mb145 {
    margin-bottom: 145px !important;
}
.mb150 {
    margin-bottom: 150px !important;
}
.mb155 {
    margin-bottom: 155px !important;
}
.mb160 {
    margin-bottom: 160px !important;
}
.mb165 {
    margin-bottom: 165px !important;
}
.mb170 {
    margin-bottom: 170px !important;
}
.mb175 {
    margin-bottom: 175px !important;
}
.mb180 {
    margin-bottom: 180px !important;
}
.mb185 {
    margin-bottom: 185px !important;
}
.mb190 {
    margin-bottom: 190px !important;
}
.mb195 {
    margin-bottom: 195px !important;
}
.mb200 {
    margin-bottom: 200px !important;
}
.mb205 {
    margin-bottom: 205px !important;
}
.mb210 {
    margin-bottom: 210px !important;
}
.mb215 {
    margin-bottom: 215px !important;
}
.mb220 {
    margin-bottom: 220px !important;
}
.mb225 {
    margin-bottom: 225px !important;
}
.mb230 {
    margin-bottom: 230px !important;
}
.mb235 {
    margin-bottom: 235px !important;
}
.mb240 {
    margin-bottom: 240px !important;
}
.mb245 {
    margin-bottom: 245px !important;
}
.mb250 {
    margin-bottom: 250px !important;
}
.mb255 {
    margin-bottom: 255px !important;
}
.mb260 {
    margin-bottom: 260px !important;
}
.mb265 {
    margin-bottom: 265px !important;
}
.mb270 {
    margin-bottom: 270px !important;
}
.mb275 {
    margin-bottom: 275px !important;
}
.mb280 {
    margin-bottom: 280px !important;
}
.mb285 {
    margin-bottom: 285px !important;
}
.mb290 {
    margin-bottom: 290px !important;
}
.mb295 {
    margin-bottom: 295px !important;
}
.mb300 {
    margin-bottom: 300px !important;
}
.mb305 {
    margin-bottom: 305px !important;
}
.mb310 {
    margin-bottom: 310px !important;
}
.mb315 {
    margin-bottom: 315px !important;
}
.mb320 {
    margin-bottom: 320px !important;
}
.mb325 {
    margin-bottom: 325px !important;
}
.mb330 {
    margin-bottom: 330px !important;
}
.mb335 {
    margin-bottom: 335px !important;
}
.mb340 {
    margin-bottom: 340px !important;
}
.mb345 {
    margin-bottom: 345px !important;
}
.mb350 {
    margin-bottom: 350px !important;
}
.mb355 {
    margin-bottom: 355px !important;
}
.mb360 {
    margin-bottom: 360px !important;
}
.mb365 {
    margin-bottom: 365px !important;
}
.mb370 {
    margin-bottom: 370px !important;
}
.mb375 {
    margin-bottom: 375px !important;
}
.mb380 {
    margin-bottom: 380px !important;
}
.mb385 {
    margin-bottom: 385px !important;
}
.mb390 {
    margin-bottom: 390px !important;
}
.mb395 {
    margin-bottom: 395px !important;
}
.mb400 {
    margin-bottom: 400px !important;
}
.mb405 {
    margin-bottom: 405px !important;
}
.mb410 {
    margin-bottom: 410px !important;
}
.mb415 {
    margin-bottom: 415px !important;
}
.mb420 {
    margin-bottom: 420px !important;
}
.mb425 {
    margin-bottom: 425px !important;
}
.mb430 {
    margin-bottom: 430px !important;
}
.mb435 {
    margin-bottom: 435px !important;
}
.mb440 {
    margin-bottom: 440px !important;
}
.mb445 {
    margin-bottom: 445px !important;
}
.mb450 {
    margin-bottom: 450px !important;
}
.mb455 {
    margin-bottom: 455px !important;
}
.mb460 {
    margin-bottom: 460px !important;
}
.mb465 {
    margin-bottom: 465px !important;
}
.mb470 {
    margin-bottom: 470px !important;
}
.mb475 {
    margin-bottom: 475px !important;
}
.mb480 {
    margin-bottom: 480px !important;
}
.mb485 {
    margin-bottom: 485px !important;
}
.mb490 {
    margin-bottom: 490px !important;
}
.mb495 {
    margin-bottom: 495px !important;
}
.mb500 {
    margin-bottom: 500px !important;
}

.ml1 {
    margin-left: 1px !important;
}
.ml2 {
    margin-left: 2px !important;
}
.ml3 {
    margin-left: 3px !important;
}
.ml4 {
    margin-left: 4px !important;
}
.ml5 {
    margin-left: 5px !important;
}
.ml6 {
    margin-left: 6px !important;
}
.ml7 {
    margin-left: 7px !important;
}
.ml8 {
    margin-left: 8px !important;
}
.ml9 {
    margin-left: 9px !important;
}
.ml10 {
    margin-left: 10px !important;
}
.ml11 {
    margin-left: 11px !important;
}
.ml12 {
    margin-left: 12px !important;
}
.ml13 {
    margin-left: 13px !important;
}
.ml14 {
    margin-left: 14px !important;
}
.ml15 {
    margin-left: 15px !important;
}
.ml16 {
    margin-left: 16px !important;
}
.ml17 {
    margin-left: 17px !important;
}
.ml18 {
    margin-left: 18px !important;
}
.ml19 {
    margin-left: 19px !important;
}
.ml20 {
    margin-left: 20px !important;
}
.ml21 {
    margin-left: 21px !important;
}
.ml22 {
    margin-left: 22px !important;
}
.ml23 {
    margin-left: 23px !important;
}
.ml24 {
    margin-left: 24px !important;
}
.ml25 {
    margin-left: 25px !important;
}
.ml26 {
    margin-left: 26px !important;
}
.ml27 {
    margin-left: 27px !important;
}
.ml28 {
    margin-left: 28px !important;
}
.ml29 {
    margin-left: 29px !important;
}
.ml30 {
    margin-left: 30px !important;
}
.ml31 {
    margin-left: 31px !important;
}
.ml32 {
    margin-left: 32px !important;
}
.ml33 {
    margin-left: 33px !important;
}
.ml34 {
    margin-left: 34px !important;
}
.ml35 {
    margin-left: 35px !important;
}
.ml36 {
    margin-left: 36px !important;
}
.ml37 {
    margin-left: 37px !important;
}
.ml38 {
    margin-left: 38px !important;
}
.ml39 {
    margin-left: 39px !important;
}
.ml40 {
    margin-left: 40px !important;
}
.ml41 {
    margin-left: 41px !important;
}
.ml42 {
    margin-left: 42px !important;
}
.ml43 {
    margin-left: 43px !important;
}
.ml44 {
    margin-left: 44px !important;
}
.ml45 {
    margin-left: 45px !important;
}
.ml46 {
    margin-left: 46px !important;
}
.ml47 {
    margin-left: 47px !important;
}
.ml48 {
    margin-left: 48px !important;
}
.ml49 {
    margin-left: 49px !important;
}
.ml50 {
    margin-left: 50px !important;
}
.ml51 {
    margin-left: 51px !important;
}
.ml52 {
    margin-left: 52px !important;
}
.ml53 {
    margin-left: 53px !important;
}
.ml54 {
    margin-left: 54px !important;
}
.ml55 {
    margin-left: 55px !important;
}
.ml56 {
    margin-left: 56px !important;
}
.ml57 {
    margin-left: 57px !important;
}
.ml58 {
    margin-left: 58px !important;
}
.ml59 {
    margin-left: 59px !important;
}
.ml60 {
    margin-left: 60px !important;
}
.ml61 {
    margin-left: 61px !important;
}
.ml62 {
    margin-left: 62px !important;
}
.ml63 {
    margin-left: 63px !important;
}
.ml64 {
    margin-left: 64px !important;
}
.ml65 {
    margin-left: 65px !important;
}
.ml66 {
    margin-left: 66px !important;
}
.ml67 {
    margin-left: 67px !important;
}
.ml68 {
    margin-left: 68px !important;
}
.ml69 {
    margin-left: 69px !important;
}
.ml70 {
    margin-left: 70px !important;
}
.ml71 {
    margin-left: 71px !important;
}
.ml72 {
    margin-left: 72px !important;
}
.ml73 {
    margin-left: 73px !important;
}
.ml74 {
    margin-left: 74px !important;
}
.ml75 {
    margin-left: 75px !important;
}
.ml76 {
    margin-left: 76px !important;
}
.ml77 {
    margin-left: 77px !important;
}
.ml78 {
    margin-left: 78px !important;
}
.ml79 {
    margin-left: 79px !important;
}
.ml80 {
    margin-left: 80px !important;
}
.ml81 {
    margin-left: 81px !important;
}
.ml82 {
    margin-left: 82px !important;
}
.ml83 {
    margin-left: 83px !important;
}
.ml84 {
    margin-left: 84px !important;
}
.ml85 {
    margin-left: 85px !important;
}
.ml86 {
    margin-left: 86px !important;
}
.ml87 {
    margin-left: 87px !important;
}
.ml88 {
    margin-left: 88px !important;
}
.ml89 {
    margin-left: 89px !important;
}
.ml90 {
    margin-left: 90px !important;
}
.ml91 {
    margin-left: 91px !important;
}
.ml92 {
    margin-left: 92px !important;
}
.ml93 {
    margin-left: 93px !important;
}
.ml94 {
    margin-left: 94px !important;
}
.ml95 {
    margin-left: 95px !important;
}
.ml96 {
    margin-left: 96px !important;
}
.ml97 {
    margin-left: 97px !important;
}
.ml98 {
    margin-left: 98px !important;
}
.ml99 {
    margin-left: 99px !important;
}
.ml100 {
    margin-left: 100px !important;
}
.ml101 {
    margin-left: 101px !important;
}
.ml102 {
    margin-left: 102px !important;
}
.ml103 {
    margin-left: 103px !important;
}
.ml104 {
    margin-left: 104px !important;
}
.ml105 {
    margin-left: 105px !important;
}
.ml106 {
    margin-left: 106px !important;
}
.ml107 {
    margin-left: 107px !important;
}
.ml108 {
    margin-left: 108px !important;
}
.ml109 {
    margin-left: 109px !important;
}
.ml110 {
    margin-left: 110px !important;
}
.ml111 {
    margin-left: 111px !important;
}
.ml112 {
    margin-left: 112px !important;
}
.ml113 {
    margin-left: 113px !important;
}
.ml114 {
    margin-left: 114px !important;
}
.ml115 {
    margin-left: 115px !important;
}
.ml116 {
    margin-left: 116px !important;
}
.ml117 {
    margin-left: 117px !important;
}
.ml118 {
    margin-left: 118px !important;
}
.ml119 {
    margin-left: 119px !important;
}
.ml120 {
    margin-left: 120px !important;
}
.ml121 {
    margin-left: 121px !important;
}
.ml122 {
    margin-left: 122px !important;
}
.ml123 {
    margin-left: 123px !important;
}
.ml124 {
    margin-left: 124px !important;
}
.ml125 {
    margin-left: 125px !important;
}
.ml126 {
    margin-left: 126px !important;
}
.ml127 {
    margin-left: 127px !important;
}
.ml128 {
    margin-left: 128px !important;
}
.ml129 {
    margin-left: 129px !important;
}
.ml130 {
    margin-left: 130px !important;
}
.ml131 {
    margin-left: 131px !important;
}
.ml132 {
    margin-left: 132px !important;
}
.ml133 {
    margin-left: 133px !important;
}
.ml134 {
    margin-left: 134px !important;
}
.ml135 {
    margin-left: 135px !important;
}
.ml136 {
    margin-left: 136px !important;
}
.ml137 {
    margin-left: 137px !important;
}
.ml138 {
    margin-left: 138px !important;
}
.ml139 {
    margin-left: 139px !important;
}
.ml140 {
    margin-left: 140px !important;
}
.ml141 {
    margin-left: 141px !important;
}
.ml142 {
    margin-left: 142px !important;
}
.ml143 {
    margin-left: 143px !important;
}
.ml144 {
    margin-left: 144px !important;
}
.ml145 {
    margin-left: 145px !important;
}
.ml146 {
    margin-left: 146px !important;
}
.ml147 {
    margin-left: 147px !important;
}
.ml148 {
    margin-left: 148px !important;
}
.ml149 {
    margin-left: 149px !important;
}
.ml150 {
    margin-left: 150px !important;
}
.ml151 {
    margin-left: 151px !important;
}
.ml152 {
    margin-left: 152px !important;
}
.ml153 {
    margin-left: 153px !important;
}
.ml154 {
    margin-left: 154px !important;
}
.ml155 {
    margin-left: 155px !important;
}
.ml156 {
    margin-left: 156px !important;
}
.ml157 {
    margin-left: 157px !important;
}
.ml158 {
    margin-left: 158px !important;
}
.ml159 {
    margin-left: 159px !important;
}
.ml160 {
    margin-left: 160px !important;
}
.ml161 {
    margin-left: 161px !important;
}
.ml162 {
    margin-left: 162px !important;
}
.ml163 {
    margin-left: 163px !important;
}
.ml164 {
    margin-left: 164px !important;
}
.ml165 {
    margin-left: 165px !important;
}
.ml166 {
    margin-left: 166px !important;
}
.ml167 {
    margin-left: 167px !important;
}
.ml168 {
    margin-left: 168px !important;
}
.ml169 {
    margin-left: 169px !important;
}
.ml170 {
    margin-left: 170px !important;
}
.ml171 {
    margin-left: 171px !important;
}
.ml172 {
    margin-left: 172px !important;
}
.ml173 {
    margin-left: 173px !important;
}
.ml174 {
    margin-left: 174px !important;
}
.ml175 {
    margin-left: 175px !important;
}
.ml176 {
    margin-left: 176px !important;
}
.ml177 {
    margin-left: 177px !important;
}
.ml178 {
    margin-left: 178px !important;
}
.ml179 {
    margin-left: 179px !important;
}
.ml180 {
    margin-left: 180px !important;
}
.ml181 {
    margin-left: 181px !important;
}
.ml182 {
    margin-left: 182px !important;
}
.ml183 {
    margin-left: 183px !important;
}
.ml184 {
    margin-left: 184px !important;
}
.ml185 {
    margin-left: 185px !important;
}
.ml186 {
    margin-left: 186px !important;
}
.ml187 {
    margin-left: 187px !important;
}
.ml188 {
    margin-left: 188px !important;
}
.ml189 {
    margin-left: 189px !important;
}
.ml190 {
    margin-left: 190px !important;
}
.ml191 {
    margin-left: 191px !important;
}
.ml192 {
    margin-left: 192px !important;
}
.ml193 {
    margin-left: 193px !important;
}
.ml194 {
    margin-left: 194px !important;
}
.ml195 {
    margin-left: 195px !important;
}
.ml196 {
    margin-left: 196px !important;
}
.ml197 {
    margin-left: 197px !important;
}
.ml198 {
    margin-left: 198px !important;
}
.ml199 {
    margin-left: 199px !important;
}
.ml200 {
    margin-left: 200px !important;
}
.ml201 {
    margin-left: 201px !important;
}
.ml202 {
    margin-left: 202px !important;
}
.ml203 {
    margin-left: 203px !important;
}
.ml204 {
    margin-left: 204px !important;
}
.ml205 {
    margin-left: 205px !important;
}
.ml206 {
    margin-left: 206px !important;
}
.ml207 {
    margin-left: 207px !important;
}
.ml208 {
    margin-left: 208px !important;
}
.ml209 {
    margin-left: 209px !important;
}
.ml210 {
    margin-left: 210px !important;
}
.ml211 {
    margin-left: 211px !important;
}
.ml212 {
    margin-left: 212px !important;
}
.ml213 {
    margin-left: 213px !important;
}
.ml214 {
    margin-left: 214px !important;
}
.ml215 {
    margin-left: 215px !important;
}
.ml216 {
    margin-left: 216px !important;
}
.ml217 {
    margin-left: 217px !important;
}
.ml218 {
    margin-left: 218px !important;
}
.ml219 {
    margin-left: 219px !important;
}
.ml220 {
    margin-left: 220px !important;
}
.ml221 {
    margin-left: 221px !important;
}
.ml222 {
    margin-left: 222px !important;
}
.ml223 {
    margin-left: 223px !important;
}
.ml224 {
    margin-left: 224px !important;
}
.ml225 {
    margin-left: 225px !important;
}
.ml226 {
    margin-left: 226px !important;
}
.ml227 {
    margin-left: 227px !important;
}
.ml228 {
    margin-left: 228px !important;
}
.ml229 {
    margin-left: 229px !important;
}
.ml230 {
    margin-left: 230px !important;
}
.ml231 {
    margin-left: 231px !important;
}
.ml232 {
    margin-left: 232px !important;
}
.ml233 {
    margin-left: 233px !important;
}
.ml234 {
    margin-left: 234px !important;
}
.ml235 {
    margin-left: 235px !important;
}
.ml236 {
    margin-left: 236px !important;
}
.ml237 {
    margin-left: 237px !important;
}
.ml238 {
    margin-left: 238px !important;
}
.ml239 {
    margin-left: 239px !important;
}
.ml240 {
    margin-left: 240px !important;
}
.ml241 {
    margin-left: 241px !important;
}
.ml242 {
    margin-left: 242px !important;
}
.ml243 {
    margin-left: 243px !important;
}
.ml244 {
    margin-left: 244px !important;
}
.ml245 {
    margin-left: 245px !important;
}
.ml246 {
    margin-left: 246px !important;
}
.ml247 {
    margin-left: 247px !important;
}
.ml248 {
    margin-left: 248px !important;
}
.ml249 {
    margin-left: 249px !important;
}
.ml250 {
    margin-left: 250px !important;
}
.ml251 {
    margin-left: 251px !important;
}
.ml252 {
    margin-left: 252px !important;
}
.ml253 {
    margin-left: 253px !important;
}
.ml254 {
    margin-left: 254px !important;
}
.ml255 {
    margin-left: 255px !important;
}
.ml256 {
    margin-left: 256px !important;
}
.ml257 {
    margin-left: 257px !important;
}
.ml258 {
    margin-left: 258px !important;
}
.ml259 {
    margin-left: 259px !important;
}
.ml260 {
    margin-left: 260px !important;
}
.ml261 {
    margin-left: 261px !important;
}
.ml262 {
    margin-left: 262px !important;
}
.ml263 {
    margin-left: 263px !important;
}
.ml264 {
    margin-left: 264px !important;
}
.ml265 {
    margin-left: 265px !important;
}
.ml266 {
    margin-left: 266px !important;
}
.ml267 {
    margin-left: 267px !important;
}
.ml268 {
    margin-left: 268px !important;
}
.ml269 {
    margin-left: 269px !important;
}
.ml270 {
    margin-left: 270px !important;
}
.ml271 {
    margin-left: 271px !important;
}
.ml272 {
    margin-left: 272px !important;
}
.ml273 {
    margin-left: 273px !important;
}
.ml274 {
    margin-left: 274px !important;
}
.ml275 {
    margin-left: 275px !important;
}
.ml276 {
    margin-left: 276px !important;
}
.ml277 {
    margin-left: 277px !important;
}
.ml278 {
    margin-left: 278px !important;
}
.ml279 {
    margin-left: 279px !important;
}
.ml280 {
    margin-left: 280px !important;
}
.ml281 {
    margin-left: 281px !important;
}
.ml282 {
    margin-left: 282px !important;
}
.ml283 {
    margin-left: 283px !important;
}
.ml284 {
    margin-left: 284px !important;
}
.ml285 {
    margin-left: 285px !important;
}
.ml286 {
    margin-left: 286px !important;
}
.ml287 {
    margin-left: 287px !important;
}
.ml288 {
    margin-left: 288px !important;
}
.ml289 {
    margin-left: 289px !important;
}
.ml290 {
    margin-left: 290px !important;
}
.ml291 {
    margin-left: 291px !important;
}
.ml292 {
    margin-left: 292px !important;
}
.ml293 {
    margin-left: 293px !important;
}
.ml294 {
    margin-left: 294px !important;
}
.ml295 {
    margin-left: 295px !important;
}
.ml296 {
    margin-left: 296px !important;
}
.ml297 {
    margin-left: 297px !important;
}
.ml298 {
    margin-left: 298px !important;
}
.ml299 {
    margin-left: 299px !important;
}
.ml300 {
    margin-left: 300px !important;
}
.ml301 {
    margin-left: 301px !important;
}
.ml302 {
    margin-left: 302px !important;
}
.ml303 {
    margin-left: 303px !important;
}
.ml304 {
    margin-left: 304px !important;
}
.ml305 {
    margin-left: 305px !important;
}
.ml306 {
    margin-left: 306px !important;
}
.ml307 {
    margin-left: 307px !important;
}
.ml308 {
    margin-left: 308px !important;
}
.ml309 {
    margin-left: 309px !important;
}
.ml310 {
    margin-left: 310px !important;
}
.ml311 {
    margin-left: 311px !important;
}
.ml312 {
    margin-left: 312px !important;
}
.ml313 {
    margin-left: 313px !important;
}
.ml314 {
    margin-left: 314px !important;
}
.ml315 {
    margin-left: 315px !important;
}
.ml316 {
    margin-left: 316px !important;
}
.ml317 {
    margin-left: 317px !important;
}
.ml318 {
    margin-left: 318px !important;
}
.ml319 {
    margin-left: 319px !important;
}
.ml320 {
    margin-left: 320px !important;
}
.ml321 {
    margin-left: 321px !important;
}
.ml322 {
    margin-left: 322px !important;
}
.ml323 {
    margin-left: 323px !important;
}
.ml324 {
    margin-left: 324px !important;
}
.ml325 {
    margin-left: 325px !important;
}
.ml326 {
    margin-left: 326px !important;
}
.ml327 {
    margin-left: 327px !important;
}
.ml328 {
    margin-left: 328px !important;
}
.ml329 {
    margin-left: 329px !important;
}
.ml330 {
    margin-left: 330px !important;
}
.ml331 {
    margin-left: 331px !important;
}
.ml332 {
    margin-left: 332px !important;
}
.ml333 {
    margin-left: 333px !important;
}
.ml334 {
    margin-left: 334px !important;
}
.ml335 {
    margin-left: 335px !important;
}
.ml336 {
    margin-left: 336px !important;
}
.ml337 {
    margin-left: 337px !important;
}
.ml338 {
    margin-left: 338px !important;
}
.ml339 {
    margin-left: 339px !important;
}
.ml340 {
    margin-left: 340px !important;
}
.ml341 {
    margin-left: 341px !important;
}
.ml342 {
    margin-left: 342px !important;
}
.ml343 {
    margin-left: 343px !important;
}
.ml344 {
    margin-left: 344px !important;
}
.ml345 {
    margin-left: 345px !important;
}
.ml346 {
    margin-left: 346px !important;
}
.ml347 {
    margin-left: 347px !important;
}
.ml348 {
    margin-left: 348px !important;
}
.ml349 {
    margin-left: 349px !important;
}
.ml350 {
    margin-left: 350px !important;
}
.ml351 {
    margin-left: 351px !important;
}
.ml352 {
    margin-left: 352px !important;
}
.ml353 {
    margin-left: 353px !important;
}
.ml354 {
    margin-left: 354px !important;
}
.ml355 {
    margin-left: 355px !important;
}
.ml356 {
    margin-left: 356px !important;
}
.ml357 {
    margin-left: 357px !important;
}
.ml358 {
    margin-left: 358px !important;
}
.ml359 {
    margin-left: 359px !important;
}
.ml360 {
    margin-left: 360px !important;
}
.ml361 {
    margin-left: 361px !important;
}
.ml362 {
    margin-left: 362px !important;
}
.ml363 {
    margin-left: 363px !important;
}
.ml364 {
    margin-left: 364px !important;
}
.ml365 {
    margin-left: 365px !important;
}
.ml366 {
    margin-left: 366px !important;
}
.ml367 {
    margin-left: 367px !important;
}
.ml368 {
    margin-left: 368px !important;
}
.ml369 {
    margin-left: 369px !important;
}
.ml370 {
    margin-left: 370px !important;
}
.ml371 {
    margin-left: 371px !important;
}
.ml372 {
    margin-left: 372px !important;
}
.ml373 {
    margin-left: 373px !important;
}
.ml374 {
    margin-left: 374px !important;
}
.ml375 {
    margin-left: 375px !important;
}
.ml376 {
    margin-left: 376px !important;
}
.ml377 {
    margin-left: 377px !important;
}
.ml378 {
    margin-left: 378px !important;
}
.ml379 {
    margin-left: 379px !important;
}
.ml380 {
    margin-left: 380px !important;
}
.ml381 {
    margin-left: 381px !important;
}
.ml382 {
    margin-left: 382px !important;
}
.ml383 {
    margin-left: 383px !important;
}
.ml384 {
    margin-left: 384px !important;
}
.ml385 {
    margin-left: 385px !important;
}
.ml386 {
    margin-left: 386px !important;
}
.ml387 {
    margin-left: 387px !important;
}
.ml388 {
    margin-left: 388px !important;
}
.ml389 {
    margin-left: 389px !important;
}
.ml390 {
    margin-left: 390px !important;
}
.ml391 {
    margin-left: 391px !important;
}
.ml392 {
    margin-left: 392px !important;
}
.ml393 {
    margin-left: 393px !important;
}
.ml394 {
    margin-left: 394px !important;
}
.ml395 {
    margin-left: 395px !important;
}
.ml396 {
    margin-left: 396px !important;
}
.ml397 {
    margin-left: 397px !important;
}
.ml398 {
    margin-left: 398px !important;
}
.ml399 {
    margin-left: 399px !important;
}
.ml400 {
    margin-left: 400px !important;
}
.ml401 {
    margin-left: 401px !important;
}
.ml402 {
    margin-left: 402px !important;
}
.ml403 {
    margin-left: 403px !important;
}
.ml404 {
    margin-left: 404px !important;
}
.ml405 {
    margin-left: 405px !important;
}
.ml406 {
    margin-left: 406px !important;
}
.ml407 {
    margin-left: 407px !important;
}
.ml408 {
    margin-left: 408px !important;
}
.ml409 {
    margin-left: 409px !important;
}
.ml410 {
    margin-left: 410px !important;
}
.ml411 {
    margin-left: 411px !important;
}
.ml412 {
    margin-left: 412px !important;
}
.ml413 {
    margin-left: 413px !important;
}
.ml414 {
    margin-left: 414px !important;
}
.ml415 {
    margin-left: 415px !important;
}
.ml416 {
    margin-left: 416px !important;
}
.ml417 {
    margin-left: 417px !important;
}
.ml418 {
    margin-left: 418px !important;
}
.ml419 {
    margin-left: 419px !important;
}
.ml420 {
    margin-left: 420px !important;
}
.ml421 {
    margin-left: 421px !important;
}
.ml422 {
    margin-left: 422px !important;
}
.ml423 {
    margin-left: 423px !important;
}
.ml424 {
    margin-left: 424px !important;
}
.ml425 {
    margin-left: 425px !important;
}
.ml426 {
    margin-left: 426px !important;
}
.ml427 {
    margin-left: 427px !important;
}
.ml428 {
    margin-left: 428px !important;
}
.ml429 {
    margin-left: 429px !important;
}
.ml430 {
    margin-left: 430px !important;
}
.ml431 {
    margin-left: 431px !important;
}
.ml432 {
    margin-left: 432px !important;
}
.ml433 {
    margin-left: 433px !important;
}
.ml434 {
    margin-left: 434px !important;
}
.ml435 {
    margin-left: 435px !important;
}
.ml436 {
    margin-left: 436px !important;
}
.ml437 {
    margin-left: 437px !important;
}
.ml438 {
    margin-left: 438px !important;
}
.ml439 {
    margin-left: 439px !important;
}
.ml440 {
    margin-left: 440px !important;
}
.ml441 {
    margin-left: 441px !important;
}
.ml442 {
    margin-left: 442px !important;
}
.ml443 {
    margin-left: 443px !important;
}
.ml444 {
    margin-left: 444px !important;
}
.ml445 {
    margin-left: 445px !important;
}
.ml446 {
    margin-left: 446px !important;
}
.ml447 {
    margin-left: 447px !important;
}
.ml448 {
    margin-left: 448px !important;
}
.ml449 {
    margin-left: 449px !important;
}
.ml450 {
    margin-left: 450px !important;
}
.ml451 {
    margin-left: 451px !important;
}
.ml452 {
    margin-left: 452px !important;
}
.ml453 {
    margin-left: 453px !important;
}
.ml454 {
    margin-left: 454px !important;
}
.ml455 {
    margin-left: 455px !important;
}
.ml456 {
    margin-left: 456px !important;
}
.ml457 {
    margin-left: 457px !important;
}
.ml458 {
    margin-left: 458px !important;
}
.ml459 {
    margin-left: 459px !important;
}
.ml460 {
    margin-left: 460px !important;
}
.ml461 {
    margin-left: 461px !important;
}
.ml462 {
    margin-left: 462px !important;
}
.ml463 {
    margin-left: 463px !important;
}
.ml464 {
    margin-left: 464px !important;
}
.ml465 {
    margin-left: 465px !important;
}
.ml466 {
    margin-left: 466px !important;
}
.ml467 {
    margin-left: 467px !important;
}
.ml468 {
    margin-left: 468px !important;
}
.ml469 {
    margin-left: 469px !important;
}
.ml470 {
    margin-left: 470px !important;
}
.ml471 {
    margin-left: 471px !important;
}
.ml472 {
    margin-left: 472px !important;
}
.ml473 {
    margin-left: 473px !important;
}
.ml474 {
    margin-left: 474px !important;
}
.ml475 {
    margin-left: 475px !important;
}
.ml476 {
    margin-left: 476px !important;
}
.ml477 {
    margin-left: 477px !important;
}
.ml478 {
    margin-left: 478px !important;
}
.ml479 {
    margin-left: 479px !important;
}
.ml480 {
    margin-left: 480px !important;
}
.ml481 {
    margin-left: 481px !important;
}
.ml482 {
    margin-left: 482px !important;
}
.ml483 {
    margin-left: 483px !important;
}
.ml484 {
    margin-left: 484px !important;
}
.ml485 {
    margin-left: 485px !important;
}
.ml486 {
    margin-left: 486px !important;
}
.ml487 {
    margin-left: 487px !important;
}
.ml488 {
    margin-left: 488px !important;
}
.ml489 {
    margin-left: 489px !important;
}
.ml490 {
    margin-left: 490px !important;
}
.ml491 {
    margin-left: 491px !important;
}
.ml492 {
    margin-left: 492px !important;
}
.ml493 {
    margin-left: 493px !important;
}
.ml494 {
    margin-left: 494px !important;
}
.ml495 {
    margin-left: 495px !important;
}
.ml496 {
    margin-left: 496px !important;
}
.ml497 {
    margin-left: 497px !important;
}
.ml498 {
    margin-left: 498px !important;
}
.ml499 {
    margin-left: 499px !important;
}
.ml500 {
    margin-left: 500px !important;
}

.mr5 {
    margin-right: 5px !important;
}
.mr10 {
    margin-right: 10px !important;
}
.mr15 {
    margin-right: 15px !important;
}
.mr20 {
    margin-right: 20px !important;
}
.mr25 {
    margin-right: 25px !important;
}
.mr30 {
    margin-right: 30px !important;
}
.mr35 {
    margin-right: 35px !important;
}
.mr40 {
    margin-right: 40px !important;
}
.mr45 {
    margin-right: 45px !important;
}
.mr50 {
    margin-right: 50px !important;
}
.mr55 {
    margin-right: 55px !important;
}
.mr60 {
    margin-right: 60px !important;
}
.mr65 {
    margin-right: 65px !important;
}
.mr70 {
    margin-right: 70px !important;
}
.mr75 {
    margin-right: 75px !important;
}
.mr80 {
    margin-right: 80px !important;
}
.mr85 {
    margin-right: 85px !important;
}
.mr90 {
    margin-right: 90px !important;
}
.mr95 {
    margin-right: 95px !important;
}
.mr100 {
    margin-right: 100px !important;
}
.mr105 {
    margin-right: 105px !important;
}
.mr110 {
    margin-right: 110px !important;
}
.mr115 {
    margin-right: 115px !important;
}
.mr120 {
    margin-right: 120px !important;
}
.mr125 {
    margin-right: 125px !important;
}
.mr130 {
    margin-right: 130px !important;
}
.mr135 {
    margin-right: 135px !important;
}
.mr140 {
    margin-right: 140px !important;
}
.mr145 {
    margin-right: 145px !important;
}
.mr150 {
    margin-right: 150px !important;
}
.mr155 {
    margin-right: 155px !important;
}
.mr160 {
    margin-right: 160px !important;
}
.mr165 {
    margin-right: 165px !important;
}
.mr170 {
    margin-right: 170px !important;
}
.mr175 {
    margin-right: 175px !important;
}
.mr180 {
    margin-right: 180px !important;
}
.mr185 {
    margin-right: 185px !important;
}
.mr190 {
    margin-right: 190px !important;
}
.mr195 {
    margin-right: 195px !important;
}
.mr200 {
    margin-right: 200px !important;
}
.mr205 {
    margin-right: 205px !important;
}
.mr210 {
    margin-right: 210px !important;
}
.mr215 {
    margin-right: 215px !important;
}
.mr220 {
    margin-right: 220px !important;
}
.mr225 {
    margin-right: 225px !important;
}
.mr230 {
    margin-right: 230px !important;
}
.mr235 {
    margin-right: 235px !important;
}
.mr240 {
    margin-right: 240px !important;
}
.mr245 {
    margin-right: 245px !important;
}
.mr250 {
    margin-right: 250px !important;
}
.mr255 {
    margin-right: 255px !important;
}
.mr260 {
    margin-right: 260px !important;
}
.mr265 {
    margin-right: 265px !important;
}
.mr270 {
    margin-right: 270px !important;
}
.mr275 {
    margin-right: 275px !important;
}
.mr280 {
    margin-right: 280px !important;
}
.mr285 {
    margin-right: 285px !important;
}
.mr290 {
    margin-right: 290px !important;
}
.mr295 {
    margin-right: 295px !important;
}
.mr300 {
    margin-right: 300px !important;
}
.mr305 {
    margin-right: 305px !important;
}
.mr310 {
    margin-right: 310px !important;
}
.mr315 {
    margin-right: 315px !important;
}
.mr320 {
    margin-right: 320px !important;
}
.mr325 {
    margin-right: 325px !important;
}
.mr330 {
    margin-right: 330px !important;
}
.mr335 {
    margin-right: 335px !important;
}
.mr340 {
    margin-right: 340px !important;
}
.mr345 {
    margin-right: 345px !important;
}
.mr350 {
    margin-right: 350px !important;
}
.mr355 {
    margin-right: 355px !important;
}
.mr360 {
    margin-right: 360px !important;
}
.mr365 {
    margin-right: 365px !important;
}
.mr370 {
    margin-right: 370px !important;
}
.mr375 {
    margin-right: 375px !important;
}
.mr380 {
    margin-right: 380px !important;
}
.mr385 {
    margin-right: 385px !important;
}
.mr390 {
    margin-right: 390px !important;
}
.mr395 {
    margin-right: 395px !important;
}
.mr400 {
    margin-right: 400px !important;
}
.mr405 {
    margin-right: 405px !important;
}
.mr410 {
    margin-right: 410px !important;
}
.mr415 {
    margin-right: 415px !important;
}
.mr420 {
    margin-right: 420px !important;
}
.mr425 {
    margin-right: 425px !important;
}
.mr430 {
    margin-right: 430px !important;
}
.mr435 {
    margin-right: 435px !important;
}
.mr440 {
    margin-right: 440px !important;
}
.mr445 {
    margin-right: 445px !important;
}
.mr450 {
    margin-right: 450px !important;
}
.mr455 {
    margin-right: 455px !important;
}
.mr460 {
    margin-right: 460px !important;
}
.mr465 {
    margin-right: 465px !important;
}
.mr470 {
    margin-right: 470px !important;
}
.mr475 {
    margin-right: 475px !important;
}
.mr480 {
    margin-right: 480px !important;
}
.mr485 {
    margin-right: 485px !important;
}
.mr490 {
    margin-right: 490px !important;
}
.mr495 {
    margin-right: 495px !important;
}
.mr500 {
    margin-right: 500px !important;
}

.pt5 {
    padding-top: 5px !important;
}
.pt10 {
    padding-top: 10px !important;
}
.pt15 {
    padding-top: 15px !important;
}
.pt20 {
    padding-top: 20px !important;
}
.pt25 {
    padding-top: 25px !important;
}
.pt30 {
    padding-top: 30px !important;
}
.pt35 {
    padding-top: 35px !important;
}
.pt40 {
    padding-top: 40px !important;
}
.pt45 {
    padding-top: 45px !important;
}
.pt50 {
    padding-top: 50px !important;
}
.pt55 {
    padding-top: 55px !important;
}
.pt60 {
    padding-top: 60px !important;
}
.pt65 {
    padding-top: 65px !important;
}
.pt70 {
    padding-top: 70px !important;
}
.pt75 {
    padding-top: 75px !important;
}
.pt80 {
    padding-top: 80px !important;
}
.pt85 {
    padding-top: 85px !important;
}
.pt90 {
    padding-top: 90px !important;
}
.pt95 {
    padding-top: 95px !important;
}
.pt100 {
    padding-top: 100px !important;
}
.pt105 {
    padding-top: 105px !important;
}
.pt110 {
    padding-top: 110px !important;
}
.pt115 {
    padding-top: 115px !important;
}
.pt120 {
    padding-top: 120px !important;
}
.pt125 {
    padding-top: 125px !important;
}
.pt130 {
    padding-top: 130px !important;
}
.pt135 {
    padding-top: 135px !important;
}
.pt140 {
    padding-top: 140px !important;
}
.pt145 {
    padding-top: 145px !important;
}
.pt150 {
    padding-top: 150px !important;
}
.pt155 {
    padding-top: 155px !important;
}
.pt160 {
    padding-top: 160px !important;
}
.pt165 {
    padding-top: 165px !important;
}
.pt170 {
    padding-top: 170px !important;
}
.pt175 {
    padding-top: 175px !important;
}
.pt180 {
    padding-top: 180px !important;
}
.pt185 {
    padding-top: 185px !important;
}
.pt190 {
    padding-top: 190px !important;
}
.pt195 {
    padding-top: 195px !important;
}
.pt200 {
    padding-top: 200px !important;
}
.pt205 {
    padding-top: 205px !important;
}
.pt210 {
    padding-top: 210px !important;
}
.pt215 {
    padding-top: 215px !important;
}
.pt220 {
    padding-top: 220px !important;
}
.pt225 {
    padding-top: 225px !important;
}
.pt230 {
    padding-top: 230px !important;
}
.pt235 {
    padding-top: 235px !important;
}
.pt240 {
    padding-top: 240px !important;
}
.pt245 {
    padding-top: 245px !important;
}
.pt250 {
    padding-top: 250px !important;
}
.pt255 {
    padding-top: 255px !important;
}
.pt260 {
    padding-top: 260px !important;
}
.pt265 {
    padding-top: 265px !important;
}
.pt270 {
    padding-top: 270px !important;
}
.pt275 {
    padding-top: 275px !important;
}
.pt280 {
    padding-top: 280px !important;
}
.pt285 {
    padding-top: 285px !important;
}
.pt290 {
    padding-top: 290px !important;
}
.pt295 {
    padding-top: 295px !important;
}
.pt300 {
    padding-top: 300px !important;
}
.pt305 {
    padding-top: 305px !important;
}
.pt310 {
    padding-top: 310px !important;
}
.pt315 {
    padding-top: 315px !important;
}
.pt320 {
    padding-top: 320px !important;
}
.pt325 {
    padding-top: 325px !important;
}
.pt330 {
    padding-top: 330px !important;
}
.pt335 {
    padding-top: 335px !important;
}
.pt340 {
    padding-top: 340px !important;
}
.pt345 {
    padding-top: 345px !important;
}
.pt350 {
    padding-top: 350px !important;
}
.pt355 {
    padding-top: 355px !important;
}
.pt360 {
    padding-top: 360px !important;
}
.pt365 {
    padding-top: 365px !important;
}
.pt370 {
    padding-top: 370px !important;
}
.pt375 {
    padding-top: 375px !important;
}
.pt380 {
    padding-top: 380px !important;
}
.pt385 {
    padding-top: 385px !important;
}
.pt390 {
    padding-top: 390px !important;
}
.pt395 {
    padding-top: 395px !important;
}
.pt400 {
    padding-top: 400px !important;
}
.pt405 {
    padding-top: 405px !important;
}
.pt410 {
    padding-top: 410px !important;
}
.pt415 {
    padding-top: 415px !important;
}
.pt420 {
    padding-top: 420px !important;
}
.pt425 {
    padding-top: 425px !important;
}
.pt430 {
    padding-top: 430px !important;
}
.pt435 {
    padding-top: 435px !important;
}
.pt440 {
    padding-top: 440px !important;
}
.pt445 {
    padding-top: 445px !important;
}
.pt450 {
    padding-top: 450px !important;
}
.pt455 {
    padding-top: 455px !important;
}
.pt460 {
    padding-top: 460px !important;
}
.pt465 {
    padding-top: 465px !important;
}
.pt470 {
    padding-top: 470px !important;
}
.pt475 {
    padding-top: 475px !important;
}
.pt480 {
    padding-top: 480px !important;
}
.pt485 {
    padding-top: 485px !important;
}
.pt490 {
    padding-top: 490px !important;
}
.pt495 {
    padding-top: 495px !important;
}
.pt500 {
    padding-top: 500px !important;
}

.pb0 {
    padding-bottom: 0px !important;
}
.pb5 {
    padding-bottom: 5px !important;
}
.pb10 {
    padding-bottom: 10px !important;
}
.pb15 {
    padding-bottom: 15px !important;
}
.pb20 {
    padding-bottom: 20px !important;
}
.pb25 {
    padding-bottom: 25px !important;
}
.pb30 {
    padding-bottom: 30px !important;
}
.pb35 {
    padding-bottom: 35px !important;
}
.pb40 {
    padding-bottom: 40px !important;
}
.pb45 {
    padding-bottom: 45px !important;
}
.pb50 {
    padding-bottom: 50px !important;
}
.pb55 {
    padding-bottom: 55px !important;
}
.pb60 {
    padding-bottom: 60px !important;
}
.pb65 {
    padding-bottom: 65px !important;
}
.pb70 {
    padding-bottom: 70px !important;
}
.pb75 {
    padding-bottom: 75px !important;
}
.pb80 {
    padding-bottom: 80px !important;
}
.pb85 {
    padding-bottom: 85px !important;
}
.pb90 {
    padding-bottom: 90px !important;
}
.pb95 {
    padding-bottom: 95px !important;
}
.pb100 {
    padding-bottom: 100px !important;
}
.pb105 {
    padding-bottom: 105px !important;
}
.pb110 {
    padding-bottom: 110px !important;
}
.pb115 {
    padding-bottom: 115px !important;
}
.pb120 {
    padding-bottom: 120px !important;
}
.pb125 {
    padding-bottom: 125px !important;
}
.pb130 {
    padding-bottom: 130px !important;
}
.pb135 {
    padding-bottom: 135px !important;
}
.pb140 {
    padding-bottom: 140px !important;
}
.pb145 {
    padding-bottom: 145px !important;
}
.pb150 {
    padding-bottom: 150px !important;
}
.pb155 {
    padding-bottom: 155px !important;
}
.pb160 {
    padding-bottom: 160px !important;
}
.pb165 {
    padding-bottom: 165px !important;
}
.pb170 {
    padding-bottom: 170px !important;
}
.pb175 {
    padding-bottom: 175px !important;
}
.pb180 {
    padding-bottom: 180px !important;
}
.pb185 {
    padding-bottom: 185px !important;
}
.pb190 {
    padding-bottom: 190px !important;
}
.pb195 {
    padding-bottom: 195px !important;
}
.pb200 {
    padding-bottom: 200px !important;
}
.pb205 {
    padding-bottom: 205px !important;
}
.pb210 {
    padding-bottom: 210px !important;
}
.pb215 {
    padding-bottom: 215px !important;
}
.pb220 {
    padding-bottom: 220px !important;
}
.pb225 {
    padding-bottom: 225px !important;
}
.pb230 {
    padding-bottom: 230px !important;
}
.pb235 {
    padding-bottom: 235px !important;
}
.pb240 {
    padding-bottom: 240px !important;
}
.pb245 {
    padding-bottom: 245px !important;
}
.pb250 {
    padding-bottom: 250px !important;
}
.pb255 {
    padding-bottom: 255px !important;
}
.pb260 {
    padding-bottom: 260px !important;
}
.pb265 {
    padding-bottom: 265px !important;
}
.pb270 {
    padding-bottom: 270px !important;
}
.pb275 {
    padding-bottom: 275px !important;
}
.pb280 {
    padding-bottom: 280px !important;
}
.pb285 {
    padding-bottom: 285px !important;
}
.pb290 {
    padding-bottom: 290px !important;
}
.pb295 {
    padding-bottom: 295px !important;
}
.pb300 {
    padding-bottom: 300px !important;
}
.pb305 {
    padding-bottom: 305px !important;
}
.pb310 {
    padding-bottom: 310px !important;
}
.pb315 {
    padding-bottom: 315px !important;
}
.pb320 {
    padding-bottom: 320px !important;
}
.pb325 {
    padding-bottom: 325px !important;
}
.pb330 {
    padding-bottom: 330px !important;
}
.pb335 {
    padding-bottom: 335px !important;
}
.pb340 {
    padding-bottom: 340px !important;
}
.pb345 {
    padding-bottom: 345px !important;
}
.pb350 {
    padding-bottom: 350px !important;
}
.pb355 {
    padding-bottom: 355px !important;
}
.pb360 {
    padding-bottom: 360px !important;
}
.pb365 {
    padding-bottom: 365px !important;
}
.pb370 {
    padding-bottom: 370px !important;
}
.pb375 {
    padding-bottom: 375px !important;
}
.pb380 {
    padding-bottom: 380px !important;
}
.pb385 {
    padding-bottom: 385px !important;
}
.pb390 {
    padding-bottom: 390px !important;
}
.pb395 {
    padding-bottom: 395px !important;
}
.pb400 {
    padding-bottom: 400px !important;
}
.pb405 {
    padding-bottom: 405px !important;
}
.pb410 {
    padding-bottom: 410px !important;
}
.pb415 {
    padding-bottom: 415px !important;
}
.pb420 {
    padding-bottom: 420px !important;
}
.pb425 {
    padding-bottom: 425px !important;
}
.pb430 {
    padding-bottom: 430px !important;
}
.pb435 {
    padding-bottom: 435px !important;
}
.pb440 {
    padding-bottom: 440px !important;
}
.pb445 {
    padding-bottom: 445px !important;
}
.pb450 {
    padding-bottom: 450px !important;
}
.pb455 {
    padding-bottom: 455px !important;
}
.pb460 {
    padding-bottom: 460px !important;
}
.pb465 {
    padding-bottom: 465px !important;
}
.pb470 {
    padding-bottom: 470px !important;
}
.pb475 {
    padding-bottom: 475px !important;
}
.pb480 {
    padding-bottom: 480px !important;
}
.pb485 {
    padding-bottom: 485px !important;
}
.pb490 {
    padding-bottom: 490px !important;
}
.pb495 {
    padding-bottom: 495px !important;
}
.pb500 {
    padding-bottom: 500px !important;
}

.pl5 {
    padding-left: 5px !important;
}
.pl10 {
    padding-left: 10px !important;
}
.pl15 {
    padding-left: 15px !important;
}
.pl20 {
    padding-left: 20px !important;
}
.pl25 {
    padding-left: 25px !important;
}
.pl30 {
    padding-left: 30px !important;
}
.pl35 {
    padding-left: 35px !important;
}
.pl40 {
    padding-left: 40px !important;
}
.pl45 {
    padding-left: 45px !important;
}
.pl50 {
    padding-left: 50px !important;
}
.pl55 {
    padding-left: 55px !important;
}
.pl60 {
    padding-left: 60px !important;
}
.pl65 {
    padding-left: 65px !important;
}
.pl70 {
    padding-left: 70px !important;
}
.pl75 {
    padding-left: 75px !important;
}
.pl80 {
    padding-left: 80px !important;
}
.pl85 {
    padding-left: 85px !important;
}
.pl90 {
    padding-left: 90px !important;
}
.pl95 {
    padding-left: 95px !important;
}
.pl100 {
    padding-left: 100px !important;
}
.pl105 {
    padding-left: 105px !important;
}
.pl110 {
    padding-left: 110px !important;
}
.pl115 {
    padding-left: 115px !important;
}
.pl120 {
    padding-left: 120px !important;
}
.pl125 {
    padding-left: 125px !important;
}
.pl130 {
    padding-left: 130px !important;
}
.pl135 {
    padding-left: 135px !important;
}
.pl140 {
    padding-left: 140px !important;
}
.pl145 {
    padding-left: 145px !important;
}
.pl150 {
    padding-left: 150px !important;
}
.pl155 {
    padding-left: 155px !important;
}
.pl160 {
    padding-left: 160px !important;
}
.pl165 {
    padding-left: 165px !important;
}
.pl170 {
    padding-left: 170px !important;
}
.pl175 {
    padding-left: 175px !important;
}
.pl180 {
    padding-left: 180px !important;
}
.pl185 {
    padding-left: 185px !important;
}
.pl190 {
    padding-left: 190px !important;
}
.pl195 {
    padding-left: 195px !important;
}
.pl200 {
    padding-left: 200px !important;
}
.pl205 {
    padding-left: 205px !important;
}
.pl210 {
    padding-left: 210px !important;
}
.pl215 {
    padding-left: 215px !important;
}
.pl220 {
    padding-left: 220px !important;
}
.pl225 {
    padding-left: 225px !important;
}
.pl230 {
    padding-left: 230px !important;
}
.pl235 {
    padding-left: 235px !important;
}
.pl240 {
    padding-left: 240px !important;
}
.pl245 {
    padding-left: 245px !important;
}
.pl250 {
    padding-left: 250px !important;
}
.pl255 {
    padding-left: 255px !important;
}
.pl260 {
    padding-left: 260px !important;
}
.pl265 {
    padding-left: 265px !important;
}
.pl270 {
    padding-left: 270px !important;
}
.pl275 {
    padding-left: 275px !important;
}
.pl280 {
    padding-left: 280px !important;
}
.pl285 {
    padding-left: 285px !important;
}
.pl290 {
    padding-left: 290px !important;
}
.pl295 {
    padding-left: 295px !important;
}
.pl300 {
    padding-left: 300px !important;
}
.pl305 {
    padding-left: 305px !important;
}
.pl310 {
    padding-left: 310px !important;
}
.pl315 {
    padding-left: 315px !important;
}
.pl320 {
    padding-left: 320px !important;
}
.pl325 {
    padding-left: 325px !important;
}
.pl330 {
    padding-left: 330px !important;
}
.pl335 {
    padding-left: 335px !important;
}
.pl340 {
    padding-left: 340px !important;
}
.pl345 {
    padding-left: 345px !important;
}
.pl350 {
    padding-left: 350px !important;
}
.pl355 {
    padding-left: 355px !important;
}
.pl360 {
    padding-left: 360px !important;
}
.pl365 {
    padding-left: 365px !important;
}
.pl370 {
    padding-left: 370px !important;
}
.pl375 {
    padding-left: 375px !important;
}
.pl380 {
    padding-left: 380px !important;
}
.pl385 {
    padding-left: 385px !important;
}
.pl390 {
    padding-left: 390px !important;
}
.pl395 {
    padding-left: 395px !important;
}
.pl400 {
    padding-left: 400px !important;
}
.pl405 {
    padding-left: 405px !important;
}
.pl410 {
    padding-left: 410px !important;
}
.pl415 {
    padding-left: 415px !important;
}
.pl420 {
    padding-left: 420px !important;
}
.pl425 {
    padding-left: 425px !important;
}
.pl430 {
    padding-left: 430px !important;
}
.pl435 {
    padding-left: 435px !important;
}
.pl440 {
    padding-left: 440px !important;
}
.pl445 {
    padding-left: 445px !important;
}
.pl450 {
    padding-left: 450px !important;
}
.pl455 {
    padding-left: 455px !important;
}
.pl460 {
    padding-left: 460px !important;
}
.pl465 {
    padding-left: 465px !important;
}
.pl470 {
    padding-left: 470px !important;
}
.pl475 {
    padding-left: 475px !important;
}
.pl480 {
    padding-left: 480px !important;
}
.pl485 {
    padding-left: 485px !important;
}
.pl490 {
    padding-left: 490px !important;
}
.pl495 {
    padding-left: 495px !important;
}
.pl500 {
    padding-left: 500px !important;
}

.pr5 {
    padding-right: 5px !important;
}
.pr10 {
    padding-right: 10px !important;
}
.pr15 {
    padding-right: 15px !important;
}
.pr20 {
    padding-right: 20px !important;
}
.pr25 {
    padding-right: 25px !important;
}
.pr30 {
    padding-right: 30px !important;
}
.pr35 {
    padding-right: 35px !important;
}
.pr40 {
    padding-right: 40px !important;
}
.pr45 {
    padding-right: 45px !important;
}
.pr50 {
    padding-right: 50px !important;
}
.pr55 {
    padding-right: 55px !important;
}
.pr60 {
    padding-right: 60px !important;
}
.pr65 {
    padding-right: 65px !important;
}
.pr70 {
    padding-right: 70px !important;
}
.pr75 {
    padding-right: 75px !important;
}
.pr80 {
    padding-right: 80px !important;
}
.pr85 {
    padding-right: 85px !important;
}
.pr90 {
    padding-right: 90px !important;
}
.pr95 {
    padding-right: 95px !important;
}
.pr100 {
    padding-right: 100px !important;
}
.pr105 {
    padding-right: 105px !important;
}
.pr110 {
    padding-right: 110px !important;
}
.pr115 {
    padding-right: 115px !important;
}
.pr120 {
    padding-right: 120px !important;
}
.pr125 {
    padding-right: 125px !important;
}
.pr130 {
    padding-right: 130px !important;
}
.pr135 {
    padding-right: 135px !important;
}
.pr140 {
    padding-right: 140px !important;
}
.pr145 {
    padding-right: 145px !important;
}
.pr150 {
    padding-right: 150px !important;
}
.pr155 {
    padding-right: 155px !important;
}
.pr160 {
    padding-right: 160px !important;
}
.pr165 {
    padding-right: 165px !important;
}
.pr170 {
    padding-right: 170px !important;
}
.pr175 {
    padding-right: 175px !important;
}
.pr180 {
    padding-right: 180px !important;
}
.pr185 {
    padding-right: 185px !important;
}
.pr190 {
    padding-right: 190px !important;
}
.pr195 {
    padding-right: 195px !important;
}
.pr200 {
    padding-right: 200px !important;
}
.pr205 {
    padding-right: 205px !important;
}
.pr210 {
    padding-right: 210px !important;
}
.pr215 {
    padding-right: 215px !important;
}
.pr220 {
    padding-right: 220px !important;
}
.pr225 {
    padding-right: 225px !important;
}
.pr230 {
    padding-right: 230px !important;
}
.pr235 {
    padding-right: 235px !important;
}
.pr240 {
    padding-right: 240px !important;
}
.pr245 {
    padding-right: 245px !important;
}
.pr250 {
    padding-right: 250px !important;
}
.pr255 {
    padding-right: 255px !important;
}
.pr260 {
    padding-right: 260px !important;
}
.pr265 {
    padding-right: 265px !important;
}
.pr270 {
    padding-right: 270px !important;
}
.pr275 {
    padding-right: 275px !important;
}
.pr280 {
    padding-right: 280px !important;
}
.pr285 {
    padding-right: 285px !important;
}
.pr290 {
    padding-right: 290px !important;
}
.pr295 {
    padding-right: 295px !important;
}
.pr300 {
    padding-right: 300px !important;
}
.pr305 {
    padding-right: 305px !important;
}
.pr310 {
    padding-right: 310px !important;
}
.pr315 {
    padding-right: 315px !important;
}
.pr320 {
    padding-right: 320px !important;
}
.pr325 {
    padding-right: 325px !important;
}
.pr330 {
    padding-right: 330px !important;
}
.pr335 {
    padding-right: 335px !important;
}
.pr340 {
    padding-right: 340px !important;
}
.pr345 {
    padding-right: 345px !important;
}
.pr350 {
    padding-right: 350px !important;
}
.pr355 {
    padding-right: 355px !important;
}
.pr360 {
    padding-right: 360px !important;
}
.pr365 {
    padding-right: 365px !important;
}
.pr370 {
    padding-right: 370px !important;
}
.pr375 {
    padding-right: 375px !important;
}
.pr380 {
    padding-right: 380px !important;
}
.pr385 {
    padding-right: 385px !important;
}
.pr390 {
    padding-right: 390px !important;
}
.pr395 {
    padding-right: 395px !important;
}
.pr400 {
    padding-right: 400px !important;
}
.pr405 {
    padding-right: 405px !important;
}
.pr410 {
    padding-right: 410px !important;
}
.pr415 {
    padding-right: 415px !important;
}
.pr420 {
    padding-right: 420px !important;
}
.pr425 {
    padding-right: 425px !important;
}
.pr430 {
    padding-right: 430px !important;
}
.pr435 {
    padding-right: 435px !important;
}
.pr440 {
    padding-right: 440px !important;
}
.pr445 {
    padding-right: 445px !important;
}
.pr450 {
    padding-right: 450px !important;
}
.pr455 {
    padding-right: 455px !important;
}
.pr460 {
    padding-right: 460px !important;
}
.pr465 {
    padding-right: 465px !important;
}
.pr470 {
    padding-right: 470px !important;
}
.pr475 {
    padding-right: 475px !important;
}
.pr480 {
    padding-right: 480px !important;
}
.pr485 {
    padding-right: 485px !important;
}
.pr490 {
    padding-right: 490px !important;
}
.pr495 {
    padding-right: 495px !important;
}
.pr500 {
    padding-right: 500px !important;
}

.al-l {
    text-align: left;
}
.al-r {
    text-align: right;
}
.al-c {
    text-align: center;
}

.fl-l {
    float: left;
}
.fl-r {
    float: right;
}

.f-a-start {
    align-items: flex-start !important;
}

.border-none {
    border: 0 !important;
}

[class^=border-][class*=left][class*=c-e6] {
    border-left: 1px solid #e6e6e6 !important;
}

.hr {
    display: block;
    width: 100%;
    height: 1px;
    border: 0;
    background-color: #000;
}

[data-col="2"] > * {
    width: 50%;
}

[data-col="3"] > * {
    width: 33.3333333333%;
}

[data-col="4"] > * {
    width: 25%;
}

[data-col="5"] > * {
    width: 20%;
}

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

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

.inner0 {
    width: 0px !important;
    margin: 0 auto;
}
.inner5 {
    width: 5px !important;
    margin: 0 auto;
}
.inner10 {
    width: 10px !important;
    margin: 0 auto;
}
.inner15 {
    width: 15px !important;
    margin: 0 auto;
}
.inner20 {
    width: 20px !important;
    margin: 0 auto;
}
.inner25 {
    width: 25px !important;
    margin: 0 auto;
}
.inner30 {
    width: 30px !important;
    margin: 0 auto;
}
.inner35 {
    width: 35px !important;
    margin: 0 auto;
}
.inner40 {
    width: 40px !important;
    margin: 0 auto;
}
.inner45 {
    width: 45px !important;
    margin: 0 auto;
}
.inner50 {
    width: 50px !important;
    margin: 0 auto;
}
.inner55 {
    width: 55px !important;
    margin: 0 auto;
}
.inner60 {
    width: 60px !important;
    margin: 0 auto;
}
.inner65 {
    width: 65px !important;
    margin: 0 auto;
}
.inner70 {
    width: 70px !important;
    margin: 0 auto;
}
.inner75 {
    width: 75px !important;
    margin: 0 auto;
}
.inner80 {
    width: 80px !important;
    margin: 0 auto;
}
.inner85 {
    width: 85px !important;
    margin: 0 auto;
}
.inner90 {
    width: 90px !important;
    margin: 0 auto;
}
.inner95 {
    width: 95px !important;
    margin: 0 auto;
}
.inner100 {
    width: 100px !important;
    margin: 0 auto;
}
.inner105 {
    width: 105px !important;
    margin: 0 auto;
}
.inner110 {
    width: 110px !important;
    margin: 0 auto;
}
.inner115 {
    width: 115px !important;
    margin: 0 auto;
}
.inner120 {
    width: 120px !important;
    margin: 0 auto;
}
.inner125 {
    width: 125px !important;
    margin: 0 auto;
}
.inner130 {
    width: 130px !important;
    margin: 0 auto;
}
.inner135 {
    width: 135px !important;
    margin: 0 auto;
}
.inner140 {
    width: 140px !important;
    margin: 0 auto;
}
.inner145 {
    width: 145px !important;
    margin: 0 auto;
}
.inner150 {
    width: 150px !important;
    margin: 0 auto;
}
.inner155 {
    width: 155px !important;
    margin: 0 auto;
}
.inner160 {
    width: 160px !important;
    margin: 0 auto;
}
.inner165 {
    width: 165px !important;
    margin: 0 auto;
}
.inner170 {
    width: 170px !important;
    margin: 0 auto;
}
.inner175 {
    width: 175px !important;
    margin: 0 auto;
}
.inner180 {
    width: 180px !important;
    margin: 0 auto;
}
.inner185 {
    width: 185px !important;
    margin: 0 auto;
}
.inner190 {
    width: 190px !important;
    margin: 0 auto;
}
.inner195 {
    width: 195px !important;
    margin: 0 auto;
}
.inner200 {
    width: 200px !important;
    margin: 0 auto;
}
.inner205 {
    width: 205px !important;
    margin: 0 auto;
}
.inner210 {
    width: 210px !important;
    margin: 0 auto;
}
.inner215 {
    width: 215px !important;
    margin: 0 auto;
}
.inner220 {
    width: 220px !important;
    margin: 0 auto;
}
.inner225 {
    width: 225px !important;
    margin: 0 auto;
}
.inner230 {
    width: 230px !important;
    margin: 0 auto;
}
.inner235 {
    width: 235px !important;
    margin: 0 auto;
}
.inner240 {
    width: 240px !important;
    margin: 0 auto;
}
.inner245 {
    width: 245px !important;
    margin: 0 auto;
}
.inner250 {
    width: 250px !important;
    margin: 0 auto;
}
.inner255 {
    width: 255px !important;
    margin: 0 auto;
}
.inner260 {
    width: 260px !important;
    margin: 0 auto;
}
.inner265 {
    width: 265px !important;
    margin: 0 auto;
}
.inner270 {
    width: 270px !important;
    margin: 0 auto;
}
.inner275 {
    width: 275px !important;
    margin: 0 auto;
}
.inner280 {
    width: 280px !important;
    margin: 0 auto;
}
.inner285 {
    width: 285px !important;
    margin: 0 auto;
}
.inner290 {
    width: 290px !important;
    margin: 0 auto;
}
.inner295 {
    width: 295px !important;
    margin: 0 auto;
}
.inner300 {
    width: 300px !important;
    margin: 0 auto;
}
.inner305 {
    width: 305px !important;
    margin: 0 auto;
}
.inner310 {
    width: 310px !important;
    margin: 0 auto;
}
.inner315 {
    width: 315px !important;
    margin: 0 auto;
}
.inner320 {
    width: 320px !important;
    margin: 0 auto;
}
.inner325 {
    width: 325px !important;
    margin: 0 auto;
}
.inner330 {
    width: 330px !important;
    margin: 0 auto;
}
.inner335 {
    width: 335px !important;
    margin: 0 auto;
}
.inner340 {
    width: 340px !important;
    margin: 0 auto;
}
.inner345 {
    width: 345px !important;
    margin: 0 auto;
}
.inner350 {
    width: 350px !important;
    margin: 0 auto;
}
.inner355 {
    width: 355px !important;
    margin: 0 auto;
}
.inner360 {
    width: 360px !important;
    margin: 0 auto;
}
.inner365 {
    width: 365px !important;
    margin: 0 auto;
}
.inner370 {
    width: 370px !important;
    margin: 0 auto;
}
.inner375 {
    width: 375px !important;
    margin: 0 auto;
}
.inner380 {
    width: 380px !important;
    margin: 0 auto;
}
.inner385 {
    width: 385px !important;
    margin: 0 auto;
}
.inner390 {
    width: 390px !important;
    margin: 0 auto;
}
.inner395 {
    width: 395px !important;
    margin: 0 auto;
}
.inner400 {
    width: 400px !important;
    margin: 0 auto;
}
.inner405 {
    width: 405px !important;
    margin: 0 auto;
}
.inner410 {
    width: 410px !important;
    margin: 0 auto;
}
.inner415 {
    width: 415px !important;
    margin: 0 auto;
}
.inner420 {
    width: 420px !important;
    margin: 0 auto;
}
.inner425 {
    width: 425px !important;
    margin: 0 auto;
}
.inner430 {
    width: 430px !important;
    margin: 0 auto;
}
.inner435 {
    width: 435px !important;
    margin: 0 auto;
}
.inner440 {
    width: 440px !important;
    margin: 0 auto;
}
.inner445 {
    width: 445px !important;
    margin: 0 auto;
}
.inner450 {
    width: 450px !important;
    margin: 0 auto;
}
.inner455 {
    width: 455px !important;
    margin: 0 auto;
}
.inner460 {
    width: 460px !important;
    margin: 0 auto;
}
.inner465 {
    width: 465px !important;
    margin: 0 auto;
}
.inner470 {
    width: 470px !important;
    margin: 0 auto;
}
.inner475 {
    width: 475px !important;
    margin: 0 auto;
}
.inner480 {
    width: 480px !important;
    margin: 0 auto;
}
.inner485 {
    width: 485px !important;
    margin: 0 auto;
}
.inner490 {
    width: 490px !important;
    margin: 0 auto;
}
.inner495 {
    width: 495px !important;
    margin: 0 auto;
}
.inner500 {
    width: 500px !important;
    margin: 0 auto;
}
.inner505 {
    width: 505px !important;
    margin: 0 auto;
}
.inner510 {
    width: 510px !important;
    margin: 0 auto;
}
.inner515 {
    width: 515px !important;
    margin: 0 auto;
}
.inner520 {
    width: 520px !important;
    margin: 0 auto;
}
.inner525 {
    width: 525px !important;
    margin: 0 auto;
}
.inner530 {
    width: 530px !important;
    margin: 0 auto;
}
.inner535 {
    width: 535px !important;
    margin: 0 auto;
}
.inner540 {
    width: 540px !important;
    margin: 0 auto;
}
.inner545 {
    width: 545px !important;
    margin: 0 auto;
}
.inner550 {
    width: 550px !important;
    margin: 0 auto;
}
.inner555 {
    width: 555px !important;
    margin: 0 auto;
}
.inner560 {
    width: 560px !important;
    margin: 0 auto;
}
.inner565 {
    width: 565px !important;
    margin: 0 auto;
}
.inner570 {
    width: 570px !important;
    margin: 0 auto;
}
.inner575 {
    width: 575px !important;
    margin: 0 auto;
}
.inner580 {
    width: 580px !important;
    margin: 0 auto;
}
.inner585 {
    width: 585px !important;
    margin: 0 auto;
}
.inner590 {
    width: 590px !important;
    margin: 0 auto;
}
.inner595 {
    width: 595px !important;
    margin: 0 auto;
}
.inner600 {
    width: 600px !important;
    margin: 0 auto;
}
.inner605 {
    width: 605px !important;
    margin: 0 auto;
}
.inner610 {
    width: 610px !important;
    margin: 0 auto;
}
.inner615 {
    width: 615px !important;
    margin: 0 auto;
}
.inner620 {
    width: 620px !important;
    margin: 0 auto;
}
.inner625 {
    width: 625px !important;
    margin: 0 auto;
}
.inner630 {
    width: 630px !important;
    margin: 0 auto;
}
.inner635 {
    width: 635px !important;
    margin: 0 auto;
}
.inner640 {
    width: 640px !important;
    margin: 0 auto;
}
.inner645 {
    width: 645px !important;
    margin: 0 auto;
}
.inner650 {
    width: 650px !important;
    margin: 0 auto;
}
.inner655 {
    width: 655px !important;
    margin: 0 auto;
}
.inner660 {
    width: 660px !important;
    margin: 0 auto;
}
.inner665 {
    width: 665px !important;
    margin: 0 auto;
}
.inner670 {
    width: 670px !important;
    margin: 0 auto;
}
.inner675 {
    width: 675px !important;
    margin: 0 auto;
}
.inner680 {
    width: 680px !important;
    margin: 0 auto;
}
.inner685 {
    width: 685px !important;
    margin: 0 auto;
}
.inner690 {
    width: 690px !important;
    margin: 0 auto;
}
.inner695 {
    width: 695px !important;
    margin: 0 auto;
}
.inner700 {
    width: 700px !important;
    margin: 0 auto;
}
.inner705 {
    width: 705px !important;
    margin: 0 auto;
}
.inner710 {
    width: 710px !important;
    margin: 0 auto;
}
.inner715 {
    width: 715px !important;
    margin: 0 auto;
}
.inner720 {
    width: 720px !important;
    margin: 0 auto;
}
.inner725 {
    width: 725px !important;
    margin: 0 auto;
}
.inner730 {
    width: 730px !important;
    margin: 0 auto;
}
.inner735 {
    width: 735px !important;
    margin: 0 auto;
}
.inner740 {
    width: 740px !important;
    margin: 0 auto;
}
.inner745 {
    width: 745px !important;
    margin: 0 auto;
}
.inner750 {
    width: 750px !important;
    margin: 0 auto;
}
.inner755 {
    width: 755px !important;
    margin: 0 auto;
}
.inner760 {
    width: 760px !important;
    margin: 0 auto;
}
.inner765 {
    width: 765px !important;
    margin: 0 auto;
}
.inner770 {
    width: 770px !important;
    margin: 0 auto;
}
.inner775 {
    width: 775px !important;
    margin: 0 auto;
}
.inner780 {
    width: 780px !important;
    margin: 0 auto;
}
.inner785 {
    width: 785px !important;
    margin: 0 auto;
}
.inner790 {
    width: 790px !important;
    margin: 0 auto;
}
.inner795 {
    width: 795px !important;
    margin: 0 auto;
}
.inner800 {
    width: 800px !important;
    margin: 0 auto;
}
.inner805 {
    width: 805px !important;
    margin: 0 auto;
}
.inner810 {
    width: 810px !important;
    margin: 0 auto;
}
.inner815 {
    width: 815px !important;
    margin: 0 auto;
}
.inner820 {
    width: 820px !important;
    margin: 0 auto;
}
.inner825 {
    width: 825px !important;
    margin: 0 auto;
}
.inner830 {
    width: 830px !important;
    margin: 0 auto;
}
.inner835 {
    width: 835px !important;
    margin: 0 auto;
}
.inner840 {
    width: 840px !important;
    margin: 0 auto;
}
.inner845 {
    width: 845px !important;
    margin: 0 auto;
}
.inner850 {
    width: 850px !important;
    margin: 0 auto;
}
.inner855 {
    width: 855px !important;
    margin: 0 auto;
}
.inner860 {
    width: 860px !important;
    margin: 0 auto;
}
.inner865 {
    width: 865px !important;
    margin: 0 auto;
}
.inner870 {
    width: 870px !important;
    margin: 0 auto;
}
.inner875 {
    width: 875px !important;
    margin: 0 auto;
}
.inner880 {
    width: 880px !important;
    margin: 0 auto;
}
.inner885 {
    width: 885px !important;
    margin: 0 auto;
}
.inner890 {
    width: 890px !important;
    margin: 0 auto;
}
.inner895 {
    width: 895px !important;
    margin: 0 auto;
}
.inner900 {
    width: 900px !important;
    margin: 0 auto;
}
.inner905 {
    width: 905px !important;
    margin: 0 auto;
}
.inner910 {
    width: 910px !important;
    margin: 0 auto;
}
.inner915 {
    width: 915px !important;
    margin: 0 auto;
}
.inner920 {
    width: 920px !important;
    margin: 0 auto;
}
.inner925 {
    width: 925px !important;
    margin: 0 auto;
}
.inner930 {
    width: 930px !important;
    margin: 0 auto;
}
.inner935 {
    width: 935px !important;
    margin: 0 auto;
}
.inner940 {
    width: 940px !important;
    margin: 0 auto;
}
.inner945 {
    width: 945px !important;
    margin: 0 auto;
}
.inner950 {
    width: 950px !important;
    margin: 0 auto;
}
.inner955 {
    width: 955px !important;
    margin: 0 auto;
}
.inner960 {
    width: 960px !important;
    margin: 0 auto;
}
.inner965 {
    width: 965px !important;
    margin: 0 auto;
}
.inner970 {
    width: 970px !important;
    margin: 0 auto;
}
.inner975 {
    width: 975px !important;
    margin: 0 auto;
}
.inner980 {
    width: 980px !important;
    margin: 0 auto;
}
.inner985 {
    width: 985px !important;
    margin: 0 auto;
}
.inner990 {
    width: 990px !important;
    margin: 0 auto;
}
.inner995 {
    width: 995px !important;
    margin: 0 auto;
}
.inner1000 {
    width: 1000px !important;
    margin: 0 auto;
}
.inner1005 {
    width: 1005px !important;
    margin: 0 auto;
}
.inner1010 {
    width: 1010px !important;
    margin: 0 auto;
}
.inner1015 {
    width: 1015px !important;
    margin: 0 auto;
}
.inner1020 {
    width: 1020px !important;
    margin: 0 auto;
}
.inner1025 {
    width: 1025px !important;
    margin: 0 auto;
}
.inner1030 {
    width: 1030px !important;
    margin: 0 auto;
}
.inner1035 {
    width: 1035px !important;
    margin: 0 auto;
}
.inner1040 {
    width: 1040px !important;
    margin: 0 auto;
}
.inner1045 {
    width: 1045px !important;
    margin: 0 auto;
}
.inner1050 {
    width: 1050px !important;
    margin: 0 auto;
}
.inner1055 {
    width: 1055px !important;
    margin: 0 auto;
}
.inner1060 {
    width: 1060px !important;
    margin: 0 auto;
}
.inner1065 {
    width: 1065px !important;
    margin: 0 auto;
}
.inner1070 {
    width: 1070px !important;
    margin: 0 auto;
}
.inner1075 {
    width: 1075px !important;
    margin: 0 auto;
}
.inner1080 {
    width: 1080px !important;
    margin: 0 auto;
}
.inner1085 {
    width: 1085px !important;
    margin: 0 auto;
}
.inner1090 {
    width: 1090px !important;
    margin: 0 auto;
}
.inner1095 {
    width: 1095px !important;
    margin: 0 auto;
}
.inner1100 {
    width: 1100px !important;
    margin: 0 auto;
}
.inner1105 {
    width: 1105px !important;
    margin: 0 auto;
}
.inner1110 {
    width: 1110px !important;
    margin: 0 auto;
}
.inner1115 {
    width: 1115px !important;
    margin: 0 auto;
}
.inner1120 {
    width: 1120px !important;
    margin: 0 auto;
}
.inner1125 {
    width: 1125px !important;
    margin: 0 auto;
}
.inner1130 {
    width: 1130px !important;
    margin: 0 auto;
}
.inner1135 {
    width: 1135px !important;
    margin: 0 auto;
}
.inner1140 {
    width: 1140px !important;
    margin: 0 auto;
}
.inner1145 {
    width: 1145px !important;
    margin: 0 auto;
}
.inner1150 {
    width: 1150px !important;
    margin: 0 auto;
}
.inner1155 {
    width: 1155px !important;
    margin: 0 auto;
}
.inner1160 {
    width: 1160px !important;
    margin: 0 auto;
}
.inner1165 {
    width: 1165px !important;
    margin: 0 auto;
}
.inner1170 {
    width: 1170px !important;
    margin: 0 auto;
}
.inner1175 {
    width: 1175px !important;
    margin: 0 auto;
}
.inner1180 {
    width: 1180px !important;
    margin: 0 auto;
}
.inner1185 {
    width: 1185px !important;
    margin: 0 auto;
}
.inner1190 {
    width: 1190px !important;
    margin: 0 auto;
}
.inner1195 {
    width: 1195px !important;
    margin: 0 auto;
}
.inner1200 {
    width: 1200px !important;
    margin: 0 auto;
}

.inputSize0 {
    width: 0px !important;
    max-width: 0px !important;
}
.inputSize0 input {
    width: 0px !important;
    max-width: 0px !important;
}
.inputSize1 {
    width: 1px !important;
    max-width: 1px !important;
}
.inputSize1 input {
    width: 1px !important;
    max-width: 1px !important;
}
.inputSize2 {
    width: 2px !important;
    max-width: 2px !important;
}
.inputSize2 input {
    width: 2px !important;
    max-width: 2px !important;
}
.inputSize3 {
    width: 3px !important;
    max-width: 3px !important;
}
.inputSize3 input {
    width: 3px !important;
    max-width: 3px !important;
}
.inputSize4 {
    width: 4px !important;
    max-width: 4px !important;
}
.inputSize4 input {
    width: 4px !important;
    max-width: 4px !important;
}
.inputSize5 {
    width: 5px !important;
    max-width: 5px !important;
}
.inputSize5 input {
    width: 5px !important;
    max-width: 5px !important;
}
.inputSize6 {
    width: 6px !important;
    max-width: 6px !important;
}
.inputSize6 input {
    width: 6px !important;
    max-width: 6px !important;
}
.inputSize7 {
    width: 7px !important;
    max-width: 7px !important;
}
.inputSize7 input {
    width: 7px !important;
    max-width: 7px !important;
}
.inputSize8 {
    width: 8px !important;
    max-width: 8px !important;
}
.inputSize8 input {
    width: 8px !important;
    max-width: 8px !important;
}
.inputSize9 {
    width: 9px !important;
    max-width: 9px !important;
}
.inputSize9 input {
    width: 9px !important;
    max-width: 9px !important;
}
.inputSize10 {
    width: 10px !important;
    max-width: 10px !important;
}
.inputSize10 input {
    width: 10px !important;
    max-width: 10px !important;
}
.inputSize11 {
    width: 11px !important;
    max-width: 11px !important;
}
.inputSize11 input {
    width: 11px !important;
    max-width: 11px !important;
}
.inputSize12 {
    width: 12px !important;
    max-width: 12px !important;
}
.inputSize12 input {
    width: 12px !important;
    max-width: 12px !important;
}
.inputSize13 {
    width: 13px !important;
    max-width: 13px !important;
}
.inputSize13 input {
    width: 13px !important;
    max-width: 13px !important;
}
.inputSize14 {
    width: 14px !important;
    max-width: 14px !important;
}
.inputSize14 input {
    width: 14px !important;
    max-width: 14px !important;
}
.inputSize15 {
    width: 15px !important;
    max-width: 15px !important;
}
.inputSize15 input {
    width: 15px !important;
    max-width: 15px !important;
}
.inputSize16 {
    width: 16px !important;
    max-width: 16px !important;
}
.inputSize16 input {
    width: 16px !important;
    max-width: 16px !important;
}
.inputSize17 {
    width: 17px !important;
    max-width: 17px !important;
}
.inputSize17 input {
    width: 17px !important;
    max-width: 17px !important;
}
.inputSize18 {
    width: 18px !important;
    max-width: 18px !important;
}
.inputSize18 input {
    width: 18px !important;
    max-width: 18px !important;
}
.inputSize19 {
    width: 19px !important;
    max-width: 19px !important;
}
.inputSize19 input {
    width: 19px !important;
    max-width: 19px !important;
}
.inputSize20 {
    width: 20px !important;
    max-width: 20px !important;
}
.inputSize20 input {
    width: 20px !important;
    max-width: 20px !important;
}
.inputSize21 {
    width: 21px !important;
    max-width: 21px !important;
}
.inputSize21 input {
    width: 21px !important;
    max-width: 21px !important;
}
.inputSize22 {
    width: 22px !important;
    max-width: 22px !important;
}
.inputSize22 input {
    width: 22px !important;
    max-width: 22px !important;
}
.inputSize23 {
    width: 23px !important;
    max-width: 23px !important;
}
.inputSize23 input {
    width: 23px !important;
    max-width: 23px !important;
}
.inputSize24 {
    width: 24px !important;
    max-width: 24px !important;
}
.inputSize24 input {
    width: 24px !important;
    max-width: 24px !important;
}
.inputSize25 {
    width: 25px !important;
    max-width: 25px !important;
}
.inputSize25 input {
    width: 25px !important;
    max-width: 25px !important;
}
.inputSize26 {
    width: 26px !important;
    max-width: 26px !important;
}
.inputSize26 input {
    width: 26px !important;
    max-width: 26px !important;
}
.inputSize27 {
    width: 27px !important;
    max-width: 27px !important;
}
.inputSize27 input {
    width: 27px !important;
    max-width: 27px !important;
}
.inputSize28 {
    width: 28px !important;
    max-width: 28px !important;
}
.inputSize28 input {
    width: 28px !important;
    max-width: 28px !important;
}
.inputSize29 {
    width: 29px !important;
    max-width: 29px !important;
}
.inputSize29 input {
    width: 29px !important;
    max-width: 29px !important;
}
.inputSize30 {
    width: 30px !important;
    max-width: 30px !important;
}
.inputSize30 input {
    width: 30px !important;
    max-width: 30px !important;
}
.inputSize31 {
    width: 31px !important;
    max-width: 31px !important;
}
.inputSize31 input {
    width: 31px !important;
    max-width: 31px !important;
}
.inputSize32 {
    width: 32px !important;
    max-width: 32px !important;
}
.inputSize32 input {
    width: 32px !important;
    max-width: 32px !important;
}
.inputSize33 {
    width: 33px !important;
    max-width: 33px !important;
}
.inputSize33 input {
    width: 33px !important;
    max-width: 33px !important;
}
.inputSize34 {
    width: 34px !important;
    max-width: 34px !important;
}
.inputSize34 input {
    width: 34px !important;
    max-width: 34px !important;
}
.inputSize35 {
    width: 35px !important;
    max-width: 35px !important;
}
.inputSize35 input {
    width: 35px !important;
    max-width: 35px !important;
}
.inputSize36 {
    width: 36px !important;
    max-width: 36px !important;
}
.inputSize36 input {
    width: 36px !important;
    max-width: 36px !important;
}
.inputSize37 {
    width: 37px !important;
    max-width: 37px !important;
}
.inputSize37 input {
    width: 37px !important;
    max-width: 37px !important;
}
.inputSize38 {
    width: 38px !important;
    max-width: 38px !important;
}
.inputSize38 input {
    width: 38px !important;
    max-width: 38px !important;
}
.inputSize39 {
    width: 39px !important;
    max-width: 39px !important;
}
.inputSize39 input {
    width: 39px !important;
    max-width: 39px !important;
}
.inputSize40 {
    width: 40px !important;
    max-width: 40px !important;
}
.inputSize40 input {
    width: 40px !important;
    max-width: 40px !important;
}
.inputSize41 {
    width: 41px !important;
    max-width: 41px !important;
}
.inputSize41 input {
    width: 41px !important;
    max-width: 41px !important;
}
.inputSize42 {
    width: 42px !important;
    max-width: 42px !important;
}
.inputSize42 input {
    width: 42px !important;
    max-width: 42px !important;
}
.inputSize43 {
    width: 43px !important;
    max-width: 43px !important;
}
.inputSize43 input {
    width: 43px !important;
    max-width: 43px !important;
}
.inputSize44 {
    width: 44px !important;
    max-width: 44px !important;
}
.inputSize44 input {
    width: 44px !important;
    max-width: 44px !important;
}
.inputSize45 {
    width: 45px !important;
    max-width: 45px !important;
}
.inputSize45 input {
    width: 45px !important;
    max-width: 45px !important;
}
.inputSize46 {
    width: 46px !important;
    max-width: 46px !important;
}
.inputSize46 input {
    width: 46px !important;
    max-width: 46px !important;
}
.inputSize47 {
    width: 47px !important;
    max-width: 47px !important;
}
.inputSize47 input {
    width: 47px !important;
    max-width: 47px !important;
}
.inputSize48 {
    width: 48px !important;
    max-width: 48px !important;
}
.inputSize48 input {
    width: 48px !important;
    max-width: 48px !important;
}
.inputSize49 {
    width: 49px !important;
    max-width: 49px !important;
}
.inputSize49 input {
    width: 49px !important;
    max-width: 49px !important;
}
.inputSize50 {
    width: 50px !important;
    max-width: 50px !important;
}
.inputSize50 input {
    width: 50px !important;
    max-width: 50px !important;
}
.inputSize51 {
    width: 51px !important;
    max-width: 51px !important;
}
.inputSize51 input {
    width: 51px !important;
    max-width: 51px !important;
}
.inputSize52 {
    width: 52px !important;
    max-width: 52px !important;
}
.inputSize52 input {
    width: 52px !important;
    max-width: 52px !important;
}
.inputSize53 {
    width: 53px !important;
    max-width: 53px !important;
}
.inputSize53 input {
    width: 53px !important;
    max-width: 53px !important;
}
.inputSize54 {
    width: 54px !important;
    max-width: 54px !important;
}
.inputSize54 input {
    width: 54px !important;
    max-width: 54px !important;
}
.inputSize55 {
    width: 55px !important;
    max-width: 55px !important;
}
.inputSize55 input {
    width: 55px !important;
    max-width: 55px !important;
}
.inputSize56 {
    width: 56px !important;
    max-width: 56px !important;
}
.inputSize56 input {
    width: 56px !important;
    max-width: 56px !important;
}
.inputSize57 {
    width: 57px !important;
    max-width: 57px !important;
}
.inputSize57 input {
    width: 57px !important;
    max-width: 57px !important;
}
.inputSize58 {
    width: 58px !important;
    max-width: 58px !important;
}
.inputSize58 input {
    width: 58px !important;
    max-width: 58px !important;
}
.inputSize59 {
    width: 59px !important;
    max-width: 59px !important;
}
.inputSize59 input {
    width: 59px !important;
    max-width: 59px !important;
}
.inputSize60 {
    width: 60px !important;
    max-width: 60px !important;
}
.inputSize60 input {
    width: 60px !important;
    max-width: 60px !important;
}
.inputSize61 {
    width: 61px !important;
    max-width: 61px !important;
}
.inputSize61 input {
    width: 61px !important;
    max-width: 61px !important;
}
.inputSize62 {
    width: 62px !important;
    max-width: 62px !important;
}
.inputSize62 input {
    width: 62px !important;
    max-width: 62px !important;
}
.inputSize63 {
    width: 63px !important;
    max-width: 63px !important;
}
.inputSize63 input {
    width: 63px !important;
    max-width: 63px !important;
}
.inputSize64 {
    width: 64px !important;
    max-width: 64px !important;
}
.inputSize64 input {
    width: 64px !important;
    max-width: 64px !important;
}
.inputSize65 {
    width: 65px !important;
    max-width: 65px !important;
}
.inputSize65 input {
    width: 65px !important;
    max-width: 65px !important;
}
.inputSize66 {
    width: 66px !important;
    max-width: 66px !important;
}
.inputSize66 input {
    width: 66px !important;
    max-width: 66px !important;
}
.inputSize67 {
    width: 67px !important;
    max-width: 67px !important;
}
.inputSize67 input {
    width: 67px !important;
    max-width: 67px !important;
}
.inputSize68 {
    width: 68px !important;
    max-width: 68px !important;
}
.inputSize68 input {
    width: 68px !important;
    max-width: 68px !important;
}
.inputSize69 {
    width: 69px !important;
    max-width: 69px !important;
}
.inputSize69 input {
    width: 69px !important;
    max-width: 69px !important;
}
.inputSize70 {
    width: 70px !important;
    max-width: 70px !important;
}
.inputSize70 input {
    width: 70px !important;
    max-width: 70px !important;
}
.inputSize71 {
    width: 71px !important;
    max-width: 71px !important;
}
.inputSize71 input {
    width: 71px !important;
    max-width: 71px !important;
}
.inputSize72 {
    width: 72px !important;
    max-width: 72px !important;
}
.inputSize72 input {
    width: 72px !important;
    max-width: 72px !important;
}
.inputSize73 {
    width: 73px !important;
    max-width: 73px !important;
}
.inputSize73 input {
    width: 73px !important;
    max-width: 73px !important;
}
.inputSize74 {
    width: 74px !important;
    max-width: 74px !important;
}
.inputSize74 input {
    width: 74px !important;
    max-width: 74px !important;
}
.inputSize75 {
    width: 75px !important;
    max-width: 75px !important;
}
.inputSize75 input {
    width: 75px !important;
    max-width: 75px !important;
}
.inputSize76 {
    width: 76px !important;
    max-width: 76px !important;
}
.inputSize76 input {
    width: 76px !important;
    max-width: 76px !important;
}
.inputSize77 {
    width: 77px !important;
    max-width: 77px !important;
}
.inputSize77 input {
    width: 77px !important;
    max-width: 77px !important;
}
.inputSize78 {
    width: 78px !important;
    max-width: 78px !important;
}
.inputSize78 input {
    width: 78px !important;
    max-width: 78px !important;
}
.inputSize79 {
    width: 79px !important;
    max-width: 79px !important;
}
.inputSize79 input {
    width: 79px !important;
    max-width: 79px !important;
}
.inputSize80 {
    width: 80px !important;
    max-width: 80px !important;
}
.inputSize80 input {
    width: 80px !important;
    max-width: 80px !important;
}
.inputSize81 {
    width: 81px !important;
    max-width: 81px !important;
}
.inputSize81 input {
    width: 81px !important;
    max-width: 81px !important;
}
.inputSize82 {
    width: 82px !important;
    max-width: 82px !important;
}
.inputSize82 input {
    width: 82px !important;
    max-width: 82px !important;
}
.inputSize83 {
    width: 83px !important;
    max-width: 83px !important;
}
.inputSize83 input {
    width: 83px !important;
    max-width: 83px !important;
}
.inputSize84 {
    width: 84px !important;
    max-width: 84px !important;
}
.inputSize84 input {
    width: 84px !important;
    max-width: 84px !important;
}
.inputSize85 {
    width: 85px !important;
    max-width: 85px !important;
}
.inputSize85 input {
    width: 85px !important;
    max-width: 85px !important;
}
.inputSize86 {
    width: 86px !important;
    max-width: 86px !important;
}
.inputSize86 input {
    width: 86px !important;
    max-width: 86px !important;
}
.inputSize87 {
    width: 87px !important;
    max-width: 87px !important;
}
.inputSize87 input {
    width: 87px !important;
    max-width: 87px !important;
}
.inputSize88 {
    width: 88px !important;
    max-width: 88px !important;
}
.inputSize88 input {
    width: 88px !important;
    max-width: 88px !important;
}
.inputSize89 {
    width: 89px !important;
    max-width: 89px !important;
}
.inputSize89 input {
    width: 89px !important;
    max-width: 89px !important;
}
.inputSize90 {
    width: 90px !important;
    max-width: 90px !important;
}
.inputSize90 input {
    width: 90px !important;
    max-width: 90px !important;
}
.inputSize91 {
    width: 91px !important;
    max-width: 91px !important;
}
.inputSize91 input {
    width: 91px !important;
    max-width: 91px !important;
}
.inputSize92 {
    width: 92px !important;
    max-width: 92px !important;
}
.inputSize92 input {
    width: 92px !important;
    max-width: 92px !important;
}
.inputSize93 {
    width: 93px !important;
    max-width: 93px !important;
}
.inputSize93 input {
    width: 93px !important;
    max-width: 93px !important;
}
.inputSize94 {
    width: 94px !important;
    max-width: 94px !important;
}
.inputSize94 input {
    width: 94px !important;
    max-width: 94px !important;
}
.inputSize95 {
    width: 95px !important;
    max-width: 95px !important;
}
.inputSize95 input {
    width: 95px !important;
    max-width: 95px !important;
}
.inputSize96 {
    width: 96px !important;
    max-width: 96px !important;
}
.inputSize96 input {
    width: 96px !important;
    max-width: 96px !important;
}
.inputSize97 {
    width: 97px !important;
    max-width: 97px !important;
}
.inputSize97 input {
    width: 97px !important;
    max-width: 97px !important;
}
.inputSize98 {
    width: 98px !important;
    max-width: 98px !important;
}
.inputSize98 input {
    width: 98px !important;
    max-width: 98px !important;
}
.inputSize99 {
    width: 99px !important;
    max-width: 99px !important;
}
.inputSize99 input {
    width: 99px !important;
    max-width: 99px !important;
}
.inputSize100 {
    width: 100px !important;
    max-width: 100px !important;
}
.inputSize100 input {
    width: 100px !important;
    max-width: 100px !important;
}
.inputSize101 {
    width: 101px !important;
    max-width: 101px !important;
}
.inputSize101 input {
    width: 101px !important;
    max-width: 101px !important;
}
.inputSize102 {
    width: 102px !important;
    max-width: 102px !important;
}
.inputSize102 input {
    width: 102px !important;
    max-width: 102px !important;
}
.inputSize103 {
    width: 103px !important;
    max-width: 103px !important;
}
.inputSize103 input {
    width: 103px !important;
    max-width: 103px !important;
}
.inputSize104 {
    width: 104px !important;
    max-width: 104px !important;
}
.inputSize104 input {
    width: 104px !important;
    max-width: 104px !important;
}
.inputSize105 {
    width: 105px !important;
    max-width: 105px !important;
}
.inputSize105 input {
    width: 105px !important;
    max-width: 105px !important;
}
.inputSize106 {
    width: 106px !important;
    max-width: 106px !important;
}
.inputSize106 input {
    width: 106px !important;
    max-width: 106px !important;
}
.inputSize107 {
    width: 107px !important;
    max-width: 107px !important;
}
.inputSize107 input {
    width: 107px !important;
    max-width: 107px !important;
}
.inputSize108 {
    width: 108px !important;
    max-width: 108px !important;
}
.inputSize108 input {
    width: 108px !important;
    max-width: 108px !important;
}
.inputSize109 {
    width: 109px !important;
    max-width: 109px !important;
}
.inputSize109 input {
    width: 109px !important;
    max-width: 109px !important;
}
.inputSize110 {
    width: 110px !important;
    max-width: 110px !important;
}
.inputSize110 input {
    width: 110px !important;
    max-width: 110px !important;
}
.inputSize111 {
    width: 111px !important;
    max-width: 111px !important;
}
.inputSize111 input {
    width: 111px !important;
    max-width: 111px !important;
}
.inputSize112 {
    width: 112px !important;
    max-width: 112px !important;
}
.inputSize112 input {
    width: 112px !important;
    max-width: 112px !important;
}
.inputSize113 {
    width: 113px !important;
    max-width: 113px !important;
}
.inputSize113 input {
    width: 113px !important;
    max-width: 113px !important;
}
.inputSize114 {
    width: 114px !important;
    max-width: 114px !important;
}
.inputSize114 input {
    width: 114px !important;
    max-width: 114px !important;
}
.inputSize115 {
    width: 115px !important;
    max-width: 115px !important;
}
.inputSize115 input {
    width: 115px !important;
    max-width: 115px !important;
}
.inputSize116 {
    width: 116px !important;
    max-width: 116px !important;
}
.inputSize116 input {
    width: 116px !important;
    max-width: 116px !important;
}
.inputSize117 {
    width: 117px !important;
    max-width: 117px !important;
}
.inputSize117 input {
    width: 117px !important;
    max-width: 117px !important;
}
.inputSize118 {
    width: 118px !important;
    max-width: 118px !important;
}
.inputSize118 input {
    width: 118px !important;
    max-width: 118px !important;
}
.inputSize119 {
    width: 119px !important;
    max-width: 119px !important;
}
.inputSize119 input {
    width: 119px !important;
    max-width: 119px !important;
}
.inputSize120 {
    width: 120px !important;
    max-width: 120px !important;
}
.inputSize120 input {
    width: 120px !important;
    max-width: 120px !important;
}
.inputSize121 {
    width: 121px !important;
    max-width: 121px !important;
}
.inputSize121 input {
    width: 121px !important;
    max-width: 121px !important;
}
.inputSize122 {
    width: 122px !important;
    max-width: 122px !important;
}
.inputSize122 input {
    width: 122px !important;
    max-width: 122px !important;
}
.inputSize123 {
    width: 123px !important;
    max-width: 123px !important;
}
.inputSize123 input {
    width: 123px !important;
    max-width: 123px !important;
}
.inputSize124 {
    width: 124px !important;
    max-width: 124px !important;
}
.inputSize124 input {
    width: 124px !important;
    max-width: 124px !important;
}
.inputSize125 {
    width: 125px !important;
    max-width: 125px !important;
}
.inputSize125 input {
    width: 125px !important;
    max-width: 125px !important;
}
.inputSize126 {
    width: 126px !important;
    max-width: 126px !important;
}
.inputSize126 input {
    width: 126px !important;
    max-width: 126px !important;
}
.inputSize127 {
    width: 127px !important;
    max-width: 127px !important;
}
.inputSize127 input {
    width: 127px !important;
    max-width: 127px !important;
}
.inputSize128 {
    width: 128px !important;
    max-width: 128px !important;
}
.inputSize128 input {
    width: 128px !important;
    max-width: 128px !important;
}
.inputSize129 {
    width: 129px !important;
    max-width: 129px !important;
}
.inputSize129 input {
    width: 129px !important;
    max-width: 129px !important;
}
.inputSize130 {
    width: 130px !important;
    max-width: 130px !important;
}
.inputSize130 input {
    width: 130px !important;
    max-width: 130px !important;
}
.inputSize131 {
    width: 131px !important;
    max-width: 131px !important;
}
.inputSize131 input {
    width: 131px !important;
    max-width: 131px !important;
}
.inputSize132 {
    width: 132px !important;
    max-width: 132px !important;
}
.inputSize132 input {
    width: 132px !important;
    max-width: 132px !important;
}
.inputSize133 {
    width: 133px !important;
    max-width: 133px !important;
}
.inputSize133 input {
    width: 133px !important;
    max-width: 133px !important;
}
.inputSize134 {
    width: 134px !important;
    max-width: 134px !important;
}
.inputSize134 input {
    width: 134px !important;
    max-width: 134px !important;
}
.inputSize135 {
    width: 135px !important;
    max-width: 135px !important;
}
.inputSize135 input {
    width: 135px !important;
    max-width: 135px !important;
}
.inputSize136 {
    width: 136px !important;
    max-width: 136px !important;
}
.inputSize136 input {
    width: 136px !important;
    max-width: 136px !important;
}
.inputSize137 {
    width: 137px !important;
    max-width: 137px !important;
}
.inputSize137 input {
    width: 137px !important;
    max-width: 137px !important;
}
.inputSize138 {
    width: 138px !important;
    max-width: 138px !important;
}
.inputSize138 input {
    width: 138px !important;
    max-width: 138px !important;
}
.inputSize139 {
    width: 139px !important;
    max-width: 139px !important;
}
.inputSize139 input {
    width: 139px !important;
    max-width: 139px !important;
}
.inputSize140 {
    width: 140px !important;
    max-width: 140px !important;
}
.inputSize140 input {
    width: 140px !important;
    max-width: 140px !important;
}
.inputSize141 {
    width: 141px !important;
    max-width: 141px !important;
}
.inputSize141 input {
    width: 141px !important;
    max-width: 141px !important;
}
.inputSize142 {
    width: 142px !important;
    max-width: 142px !important;
}
.inputSize142 input {
    width: 142px !important;
    max-width: 142px !important;
}
.inputSize143 {
    width: 143px !important;
    max-width: 143px !important;
}
.inputSize143 input {
    width: 143px !important;
    max-width: 143px !important;
}
.inputSize144 {
    width: 144px !important;
    max-width: 144px !important;
}
.inputSize144 input {
    width: 144px !important;
    max-width: 144px !important;
}
.inputSize145 {
    width: 145px !important;
    max-width: 145px !important;
}
.inputSize145 input {
    width: 145px !important;
    max-width: 145px !important;
}
.inputSize146 {
    width: 146px !important;
    max-width: 146px !important;
}
.inputSize146 input {
    width: 146px !important;
    max-width: 146px !important;
}
.inputSize147 {
    width: 147px !important;
    max-width: 147px !important;
}
.inputSize147 input {
    width: 147px !important;
    max-width: 147px !important;
}
.inputSize148 {
    width: 148px !important;
    max-width: 148px !important;
}
.inputSize148 input {
    width: 148px !important;
    max-width: 148px !important;
}
.inputSize149 {
    width: 149px !important;
    max-width: 149px !important;
}
.inputSize149 input {
    width: 149px !important;
    max-width: 149px !important;
}
.inputSize150 {
    width: 150px !important;
    max-width: 150px !important;
}
.inputSize150 input {
    width: 150px !important;
    max-width: 150px !important;
}
.inputSize151 {
    width: 151px !important;
    max-width: 151px !important;
}
.inputSize151 input {
    width: 151px !important;
    max-width: 151px !important;
}
.inputSize152 {
    width: 152px !important;
    max-width: 152px !important;
}
.inputSize152 input {
    width: 152px !important;
    max-width: 152px !important;
}
.inputSize153 {
    width: 153px !important;
    max-width: 153px !important;
}
.inputSize153 input {
    width: 153px !important;
    max-width: 153px !important;
}
.inputSize154 {
    width: 154px !important;
    max-width: 154px !important;
}
.inputSize154 input {
    width: 154px !important;
    max-width: 154px !important;
}
.inputSize155 {
    width: 155px !important;
    max-width: 155px !important;
}
.inputSize155 input {
    width: 155px !important;
    max-width: 155px !important;
}
.inputSize156 {
    width: 156px !important;
    max-width: 156px !important;
}
.inputSize156 input {
    width: 156px !important;
    max-width: 156px !important;
}
.inputSize157 {
    width: 157px !important;
    max-width: 157px !important;
}
.inputSize157 input {
    width: 157px !important;
    max-width: 157px !important;
}
.inputSize158 {
    width: 158px !important;
    max-width: 158px !important;
}
.inputSize158 input {
    width: 158px !important;
    max-width: 158px !important;
}
.inputSize159 {
    width: 159px !important;
    max-width: 159px !important;
}
.inputSize159 input {
    width: 159px !important;
    max-width: 159px !important;
}
.inputSize160 {
    width: 160px !important;
    max-width: 160px !important;
}
.inputSize160 input {
    width: 160px !important;
    max-width: 160px !important;
}
.inputSize161 {
    width: 161px !important;
    max-width: 161px !important;
}
.inputSize161 input {
    width: 161px !important;
    max-width: 161px !important;
}
.inputSize162 {
    width: 162px !important;
    max-width: 162px !important;
}
.inputSize162 input {
    width: 162px !important;
    max-width: 162px !important;
}
.inputSize163 {
    width: 163px !important;
    max-width: 163px !important;
}
.inputSize163 input {
    width: 163px !important;
    max-width: 163px !important;
}
.inputSize164 {
    width: 164px !important;
    max-width: 164px !important;
}
.inputSize164 input {
    width: 164px !important;
    max-width: 164px !important;
}
.inputSize165 {
    width: 165px !important;
    max-width: 165px !important;
}
.inputSize165 input {
    width: 165px !important;
    max-width: 165px !important;
}
.inputSize166 {
    width: 166px !important;
    max-width: 166px !important;
}
.inputSize166 input {
    width: 166px !important;
    max-width: 166px !important;
}
.inputSize167 {
    width: 167px !important;
    max-width: 167px !important;
}
.inputSize167 input {
    width: 167px !important;
    max-width: 167px !important;
}
.inputSize168 {
    width: 168px !important;
    max-width: 168px !important;
}
.inputSize168 input {
    width: 168px !important;
    max-width: 168px !important;
}
.inputSize169 {
    width: 169px !important;
    max-width: 169px !important;
}
.inputSize169 input {
    width: 169px !important;
    max-width: 169px !important;
}
.inputSize170 {
    width: 170px !important;
    max-width: 170px !important;
}
.inputSize170 input {
    width: 170px !important;
    max-width: 170px !important;
}
.inputSize171 {
    width: 171px !important;
    max-width: 171px !important;
}
.inputSize171 input {
    width: 171px !important;
    max-width: 171px !important;
}
.inputSize172 {
    width: 172px !important;
    max-width: 172px !important;
}
.inputSize172 input {
    width: 172px !important;
    max-width: 172px !important;
}
.inputSize173 {
    width: 173px !important;
    max-width: 173px !important;
}
.inputSize173 input {
    width: 173px !important;
    max-width: 173px !important;
}
.inputSize174 {
    width: 174px !important;
    max-width: 174px !important;
}
.inputSize174 input {
    width: 174px !important;
    max-width: 174px !important;
}
.inputSize175 {
    width: 175px !important;
    max-width: 175px !important;
}
.inputSize175 input {
    width: 175px !important;
    max-width: 175px !important;
}
.inputSize176 {
    width: 176px !important;
    max-width: 176px !important;
}
.inputSize176 input {
    width: 176px !important;
    max-width: 176px !important;
}
.inputSize177 {
    width: 177px !important;
    max-width: 177px !important;
}
.inputSize177 input {
    width: 177px !important;
    max-width: 177px !important;
}
.inputSize178 {
    width: 178px !important;
    max-width: 178px !important;
}
.inputSize178 input {
    width: 178px !important;
    max-width: 178px !important;
}
.inputSize179 {
    width: 179px !important;
    max-width: 179px !important;
}
.inputSize179 input {
    width: 179px !important;
    max-width: 179px !important;
}
.inputSize180 {
    width: 180px !important;
    max-width: 180px !important;
}
.inputSize180 input {
    width: 180px !important;
    max-width: 180px !important;
}
.inputSize181 {
    width: 181px !important;
    max-width: 181px !important;
}
.inputSize181 input {
    width: 181px !important;
    max-width: 181px !important;
}
.inputSize182 {
    width: 182px !important;
    max-width: 182px !important;
}
.inputSize182 input {
    width: 182px !important;
    max-width: 182px !important;
}
.inputSize183 {
    width: 183px !important;
    max-width: 183px !important;
}
.inputSize183 input {
    width: 183px !important;
    max-width: 183px !important;
}
.inputSize184 {
    width: 184px !important;
    max-width: 184px !important;
}
.inputSize184 input {
    width: 184px !important;
    max-width: 184px !important;
}
.inputSize185 {
    width: 185px !important;
    max-width: 185px !important;
}
.inputSize185 input {
    width: 185px !important;
    max-width: 185px !important;
}
.inputSize186 {
    width: 186px !important;
    max-width: 186px !important;
}
.inputSize186 input {
    width: 186px !important;
    max-width: 186px !important;
}
.inputSize187 {
    width: 187px !important;
    max-width: 187px !important;
}
.inputSize187 input {
    width: 187px !important;
    max-width: 187px !important;
}
.inputSize188 {
    width: 188px !important;
    max-width: 188px !important;
}
.inputSize188 input {
    width: 188px !important;
    max-width: 188px !important;
}
.inputSize189 {
    width: 189px !important;
    max-width: 189px !important;
}
.inputSize189 input {
    width: 189px !important;
    max-width: 189px !important;
}
.inputSize190 {
    width: 190px !important;
    max-width: 190px !important;
}
.inputSize190 input {
    width: 190px !important;
    max-width: 190px !important;
}
.inputSize191 {
    width: 191px !important;
    max-width: 191px !important;
}
.inputSize191 input {
    width: 191px !important;
    max-width: 191px !important;
}
.inputSize192 {
    width: 192px !important;
    max-width: 192px !important;
}
.inputSize192 input {
    width: 192px !important;
    max-width: 192px !important;
}
.inputSize193 {
    width: 193px !important;
    max-width: 193px !important;
}
.inputSize193 input {
    width: 193px !important;
    max-width: 193px !important;
}
.inputSize194 {
    width: 194px !important;
    max-width: 194px !important;
}
.inputSize194 input {
    width: 194px !important;
    max-width: 194px !important;
}
.inputSize195 {
    width: 195px !important;
    max-width: 195px !important;
}
.inputSize195 input {
    width: 195px !important;
    max-width: 195px !important;
}
.inputSize196 {
    width: 196px !important;
    max-width: 196px !important;
}
.inputSize196 input {
    width: 196px !important;
    max-width: 196px !important;
}
.inputSize197 {
    width: 197px !important;
    max-width: 197px !important;
}
.inputSize197 input {
    width: 197px !important;
    max-width: 197px !important;
}
.inputSize198 {
    width: 198px !important;
    max-width: 198px !important;
}
.inputSize198 input {
    width: 198px !important;
    max-width: 198px !important;
}
.inputSize199 {
    width: 199px !important;
    max-width: 199px !important;
}
.inputSize199 input {
    width: 199px !important;
    max-width: 199px !important;
}
.inputSize200 {
    width: 200px !important;
    max-width: 200px !important;
}
.inputSize200 input {
    width: 200px !important;
    max-width: 200px !important;
}
.inputSize201 {
    width: 201px !important;
    max-width: 201px !important;
}
.inputSize201 input {
    width: 201px !important;
    max-width: 201px !important;
}
.inputSize202 {
    width: 202px !important;
    max-width: 202px !important;
}
.inputSize202 input {
    width: 202px !important;
    max-width: 202px !important;
}
.inputSize203 {
    width: 203px !important;
    max-width: 203px !important;
}
.inputSize203 input {
    width: 203px !important;
    max-width: 203px !important;
}
.inputSize204 {
    width: 204px !important;
    max-width: 204px !important;
}
.inputSize204 input {
    width: 204px !important;
    max-width: 204px !important;
}
.inputSize205 {
    width: 205px !important;
    max-width: 205px !important;
}
.inputSize205 input {
    width: 205px !important;
    max-width: 205px !important;
}
.inputSize206 {
    width: 206px !important;
    max-width: 206px !important;
}
.inputSize206 input {
    width: 206px !important;
    max-width: 206px !important;
}
.inputSize207 {
    width: 207px !important;
    max-width: 207px !important;
}
.inputSize207 input {
    width: 207px !important;
    max-width: 207px !important;
}
.inputSize208 {
    width: 208px !important;
    max-width: 208px !important;
}
.inputSize208 input {
    width: 208px !important;
    max-width: 208px !important;
}
.inputSize209 {
    width: 209px !important;
    max-width: 209px !important;
}
.inputSize209 input {
    width: 209px !important;
    max-width: 209px !important;
}
.inputSize210 {
    width: 210px !important;
    max-width: 210px !important;
}
.inputSize210 input {
    width: 210px !important;
    max-width: 210px !important;
}
.inputSize211 {
    width: 211px !important;
    max-width: 211px !important;
}
.inputSize211 input {
    width: 211px !important;
    max-width: 211px !important;
}
.inputSize212 {
    width: 212px !important;
    max-width: 212px !important;
}
.inputSize212 input {
    width: 212px !important;
    max-width: 212px !important;
}
.inputSize213 {
    width: 213px !important;
    max-width: 213px !important;
}
.inputSize213 input {
    width: 213px !important;
    max-width: 213px !important;
}
.inputSize214 {
    width: 214px !important;
    max-width: 214px !important;
}
.inputSize214 input {
    width: 214px !important;
    max-width: 214px !important;
}
.inputSize215 {
    width: 215px !important;
    max-width: 215px !important;
}
.inputSize215 input {
    width: 215px !important;
    max-width: 215px !important;
}
.inputSize216 {
    width: 216px !important;
    max-width: 216px !important;
}
.inputSize216 input {
    width: 216px !important;
    max-width: 216px !important;
}
.inputSize217 {
    width: 217px !important;
    max-width: 217px !important;
}
.inputSize217 input {
    width: 217px !important;
    max-width: 217px !important;
}
.inputSize218 {
    width: 218px !important;
    max-width: 218px !important;
}
.inputSize218 input {
    width: 218px !important;
    max-width: 218px !important;
}
.inputSize219 {
    width: 219px !important;
    max-width: 219px !important;
}
.inputSize219 input {
    width: 219px !important;
    max-width: 219px !important;
}
.inputSize220 {
    width: 220px !important;
    max-width: 220px !important;
}
.inputSize220 input {
    width: 220px !important;
    max-width: 220px !important;
}
.inputSize221 {
    width: 221px !important;
    max-width: 221px !important;
}
.inputSize221 input {
    width: 221px !important;
    max-width: 221px !important;
}
.inputSize222 {
    width: 222px !important;
    max-width: 222px !important;
}
.inputSize222 input {
    width: 222px !important;
    max-width: 222px !important;
}
.inputSize223 {
    width: 223px !important;
    max-width: 223px !important;
}
.inputSize223 input {
    width: 223px !important;
    max-width: 223px !important;
}
.inputSize224 {
    width: 224px !important;
    max-width: 224px !important;
}
.inputSize224 input {
    width: 224px !important;
    max-width: 224px !important;
}
.inputSize225 {
    width: 225px !important;
    max-width: 225px !important;
}
.inputSize225 input {
    width: 225px !important;
    max-width: 225px !important;
}
.inputSize226 {
    width: 226px !important;
    max-width: 226px !important;
}
.inputSize226 input {
    width: 226px !important;
    max-width: 226px !important;
}
.inputSize227 {
    width: 227px !important;
    max-width: 227px !important;
}
.inputSize227 input {
    width: 227px !important;
    max-width: 227px !important;
}
.inputSize228 {
    width: 228px !important;
    max-width: 228px !important;
}
.inputSize228 input {
    width: 228px !important;
    max-width: 228px !important;
}
.inputSize229 {
    width: 229px !important;
    max-width: 229px !important;
}
.inputSize229 input {
    width: 229px !important;
    max-width: 229px !important;
}
.inputSize230 {
    width: 230px !important;
    max-width: 230px !important;
}
.inputSize230 input {
    width: 230px !important;
    max-width: 230px !important;
}
.inputSize231 {
    width: 231px !important;
    max-width: 231px !important;
}
.inputSize231 input {
    width: 231px !important;
    max-width: 231px !important;
}
.inputSize232 {
    width: 232px !important;
    max-width: 232px !important;
}
.inputSize232 input {
    width: 232px !important;
    max-width: 232px !important;
}
.inputSize233 {
    width: 233px !important;
    max-width: 233px !important;
}
.inputSize233 input {
    width: 233px !important;
    max-width: 233px !important;
}
.inputSize234 {
    width: 234px !important;
    max-width: 234px !important;
}
.inputSize234 input {
    width: 234px !important;
    max-width: 234px !important;
}
.inputSize235 {
    width: 235px !important;
    max-width: 235px !important;
}
.inputSize235 input {
    width: 235px !important;
    max-width: 235px !important;
}
.inputSize236 {
    width: 236px !important;
    max-width: 236px !important;
}
.inputSize236 input {
    width: 236px !important;
    max-width: 236px !important;
}
.inputSize237 {
    width: 237px !important;
    max-width: 237px !important;
}
.inputSize237 input {
    width: 237px !important;
    max-width: 237px !important;
}
.inputSize238 {
    width: 238px !important;
    max-width: 238px !important;
}
.inputSize238 input {
    width: 238px !important;
    max-width: 238px !important;
}
.inputSize239 {
    width: 239px !important;
    max-width: 239px !important;
}
.inputSize239 input {
    width: 239px !important;
    max-width: 239px !important;
}
.inputSize240 {
    width: 240px !important;
    max-width: 240px !important;
}
.inputSize240 input {
    width: 240px !important;
    max-width: 240px !important;
}
.inputSize241 {
    width: 241px !important;
    max-width: 241px !important;
}
.inputSize241 input {
    width: 241px !important;
    max-width: 241px !important;
}
.inputSize242 {
    width: 242px !important;
    max-width: 242px !important;
}
.inputSize242 input {
    width: 242px !important;
    max-width: 242px !important;
}
.inputSize243 {
    width: 243px !important;
    max-width: 243px !important;
}
.inputSize243 input {
    width: 243px !important;
    max-width: 243px !important;
}
.inputSize244 {
    width: 244px !important;
    max-width: 244px !important;
}
.inputSize244 input {
    width: 244px !important;
    max-width: 244px !important;
}
.inputSize245 {
    width: 245px !important;
    max-width: 245px !important;
}
.inputSize245 input {
    width: 245px !important;
    max-width: 245px !important;
}
.inputSize246 {
    width: 246px !important;
    max-width: 246px !important;
}
.inputSize246 input {
    width: 246px !important;
    max-width: 246px !important;
}
.inputSize247 {
    width: 247px !important;
    max-width: 247px !important;
}
.inputSize247 input {
    width: 247px !important;
    max-width: 247px !important;
}
.inputSize248 {
    width: 248px !important;
    max-width: 248px !important;
}
.inputSize248 input {
    width: 248px !important;
    max-width: 248px !important;
}
.inputSize249 {
    width: 249px !important;
    max-width: 249px !important;
}
.inputSize249 input {
    width: 249px !important;
    max-width: 249px !important;
}
.inputSize250 {
    width: 250px !important;
    max-width: 250px !important;
}
.inputSize250 input {
    width: 250px !important;
    max-width: 250px !important;
}
.inputSize251 {
    width: 251px !important;
    max-width: 251px !important;
}
.inputSize251 input {
    width: 251px !important;
    max-width: 251px !important;
}
.inputSize252 {
    width: 252px !important;
    max-width: 252px !important;
}
.inputSize252 input {
    width: 252px !important;
    max-width: 252px !important;
}
.inputSize253 {
    width: 253px !important;
    max-width: 253px !important;
}
.inputSize253 input {
    width: 253px !important;
    max-width: 253px !important;
}
.inputSize254 {
    width: 254px !important;
    max-width: 254px !important;
}
.inputSize254 input {
    width: 254px !important;
    max-width: 254px !important;
}
.inputSize255 {
    width: 255px !important;
    max-width: 255px !important;
}
.inputSize255 input {
    width: 255px !important;
    max-width: 255px !important;
}
.inputSize256 {
    width: 256px !important;
    max-width: 256px !important;
}
.inputSize256 input {
    width: 256px !important;
    max-width: 256px !important;
}
.inputSize257 {
    width: 257px !important;
    max-width: 257px !important;
}
.inputSize257 input {
    width: 257px !important;
    max-width: 257px !important;
}
.inputSize258 {
    width: 258px !important;
    max-width: 258px !important;
}
.inputSize258 input {
    width: 258px !important;
    max-width: 258px !important;
}
.inputSize259 {
    width: 259px !important;
    max-width: 259px !important;
}
.inputSize259 input {
    width: 259px !important;
    max-width: 259px !important;
}
.inputSize260 {
    width: 260px !important;
    max-width: 260px !important;
}
.inputSize260 input {
    width: 260px !important;
    max-width: 260px !important;
}
.inputSize261 {
    width: 261px !important;
    max-width: 261px !important;
}
.inputSize261 input {
    width: 261px !important;
    max-width: 261px !important;
}
.inputSize262 {
    width: 262px !important;
    max-width: 262px !important;
}
.inputSize262 input {
    width: 262px !important;
    max-width: 262px !important;
}
.inputSize263 {
    width: 263px !important;
    max-width: 263px !important;
}
.inputSize263 input {
    width: 263px !important;
    max-width: 263px !important;
}
.inputSize264 {
    width: 264px !important;
    max-width: 264px !important;
}
.inputSize264 input {
    width: 264px !important;
    max-width: 264px !important;
}
.inputSize265 {
    width: 265px !important;
    max-width: 265px !important;
}
.inputSize265 input {
    width: 265px !important;
    max-width: 265px !important;
}
.inputSize266 {
    width: 266px !important;
    max-width: 266px !important;
}
.inputSize266 input {
    width: 266px !important;
    max-width: 266px !important;
}
.inputSize267 {
    width: 267px !important;
    max-width: 267px !important;
}
.inputSize267 input {
    width: 267px !important;
    max-width: 267px !important;
}
.inputSize268 {
    width: 268px !important;
    max-width: 268px !important;
}
.inputSize268 input {
    width: 268px !important;
    max-width: 268px !important;
}
.inputSize269 {
    width: 269px !important;
    max-width: 269px !important;
}
.inputSize269 input {
    width: 269px !important;
    max-width: 269px !important;
}
.inputSize270 {
    width: 270px !important;
    max-width: 270px !important;
}
.inputSize270 input {
    width: 270px !important;
    max-width: 270px !important;
}
.inputSize271 {
    width: 271px !important;
    max-width: 271px !important;
}
.inputSize271 input {
    width: 271px !important;
    max-width: 271px !important;
}
.inputSize272 {
    width: 272px !important;
    max-width: 272px !important;
}
.inputSize272 input {
    width: 272px !important;
    max-width: 272px !important;
}
.inputSize273 {
    width: 273px !important;
    max-width: 273px !important;
}
.inputSize273 input {
    width: 273px !important;
    max-width: 273px !important;
}
.inputSize274 {
    width: 274px !important;
    max-width: 274px !important;
}
.inputSize274 input {
    width: 274px !important;
    max-width: 274px !important;
}
.inputSize275 {
    width: 275px !important;
    max-width: 275px !important;
}
.inputSize275 input {
    width: 275px !important;
    max-width: 275px !important;
}
.inputSize276 {
    width: 276px !important;
    max-width: 276px !important;
}
.inputSize276 input {
    width: 276px !important;
    max-width: 276px !important;
}
.inputSize277 {
    width: 277px !important;
    max-width: 277px !important;
}
.inputSize277 input {
    width: 277px !important;
    max-width: 277px !important;
}
.inputSize278 {
    width: 278px !important;
    max-width: 278px !important;
}
.inputSize278 input {
    width: 278px !important;
    max-width: 278px !important;
}
.inputSize279 {
    width: 279px !important;
    max-width: 279px !important;
}
.inputSize279 input {
    width: 279px !important;
    max-width: 279px !important;
}
.inputSize280 {
    width: 280px !important;
    max-width: 280px !important;
}
.inputSize280 input {
    width: 280px !important;
    max-width: 280px !important;
}
.inputSize281 {
    width: 281px !important;
    max-width: 281px !important;
}
.inputSize281 input {
    width: 281px !important;
    max-width: 281px !important;
}
.inputSize282 {
    width: 282px !important;
    max-width: 282px !important;
}
.inputSize282 input {
    width: 282px !important;
    max-width: 282px !important;
}
.inputSize283 {
    width: 283px !important;
    max-width: 283px !important;
}
.inputSize283 input {
    width: 283px !important;
    max-width: 283px !important;
}
.inputSize284 {
    width: 284px !important;
    max-width: 284px !important;
}
.inputSize284 input {
    width: 284px !important;
    max-width: 284px !important;
}
.inputSize285 {
    width: 285px !important;
    max-width: 285px !important;
}
.inputSize285 input {
    width: 285px !important;
    max-width: 285px !important;
}
.inputSize286 {
    width: 286px !important;
    max-width: 286px !important;
}
.inputSize286 input {
    width: 286px !important;
    max-width: 286px !important;
}
.inputSize287 {
    width: 287px !important;
    max-width: 287px !important;
}
.inputSize287 input {
    width: 287px !important;
    max-width: 287px !important;
}
.inputSize288 {
    width: 288px !important;
    max-width: 288px !important;
}
.inputSize288 input {
    width: 288px !important;
    max-width: 288px !important;
}
.inputSize289 {
    width: 289px !important;
    max-width: 289px !important;
}
.inputSize289 input {
    width: 289px !important;
    max-width: 289px !important;
}
.inputSize290 {
    width: 290px !important;
    max-width: 290px !important;
}
.inputSize290 input {
    width: 290px !important;
    max-width: 290px !important;
}
.inputSize291 {
    width: 291px !important;
    max-width: 291px !important;
}
.inputSize291 input {
    width: 291px !important;
    max-width: 291px !important;
}
.inputSize292 {
    width: 292px !important;
    max-width: 292px !important;
}
.inputSize292 input {
    width: 292px !important;
    max-width: 292px !important;
}
.inputSize293 {
    width: 293px !important;
    max-width: 293px !important;
}
.inputSize293 input {
    width: 293px !important;
    max-width: 293px !important;
}
.inputSize294 {
    width: 294px !important;
    max-width: 294px !important;
}
.inputSize294 input {
    width: 294px !important;
    max-width: 294px !important;
}
.inputSize295 {
    width: 295px !important;
    max-width: 295px !important;
}
.inputSize295 input {
    width: 295px !important;
    max-width: 295px !important;
}
.inputSize296 {
    width: 296px !important;
    max-width: 296px !important;
}
.inputSize296 input {
    width: 296px !important;
    max-width: 296px !important;
}
.inputSize297 {
    width: 297px !important;
    max-width: 297px !important;
}
.inputSize297 input {
    width: 297px !important;
    max-width: 297px !important;
}
.inputSize298 {
    width: 298px !important;
    max-width: 298px !important;
}
.inputSize298 input {
    width: 298px !important;
    max-width: 298px !important;
}
.inputSize299 {
    width: 299px !important;
    max-width: 299px !important;
}
.inputSize299 input {
    width: 299px !important;
    max-width: 299px !important;
}
.inputSize300 {
    width: 300px !important;
    max-width: 300px !important;
}
.inputSize300 input {
    width: 300px !important;
    max-width: 300px !important;
}
.inputSize301 {
    width: 301px !important;
    max-width: 301px !important;
}
.inputSize301 input {
    width: 301px !important;
    max-width: 301px !important;
}
.inputSize302 {
    width: 302px !important;
    max-width: 302px !important;
}
.inputSize302 input {
    width: 302px !important;
    max-width: 302px !important;
}
.inputSize303 {
    width: 303px !important;
    max-width: 303px !important;
}
.inputSize303 input {
    width: 303px !important;
    max-width: 303px !important;
}
.inputSize304 {
    width: 304px !important;
    max-width: 304px !important;
}
.inputSize304 input {
    width: 304px !important;
    max-width: 304px !important;
}
.inputSize305 {
    width: 305px !important;
    max-width: 305px !important;
}
.inputSize305 input {
    width: 305px !important;
    max-width: 305px !important;
}
.inputSize306 {
    width: 306px !important;
    max-width: 306px !important;
}
.inputSize306 input {
    width: 306px !important;
    max-width: 306px !important;
}
.inputSize307 {
    width: 307px !important;
    max-width: 307px !important;
}
.inputSize307 input {
    width: 307px !important;
    max-width: 307px !important;
}
.inputSize308 {
    width: 308px !important;
    max-width: 308px !important;
}
.inputSize308 input {
    width: 308px !important;
    max-width: 308px !important;
}
.inputSize309 {
    width: 309px !important;
    max-width: 309px !important;
}
.inputSize309 input {
    width: 309px !important;
    max-width: 309px !important;
}
.inputSize310 {
    width: 310px !important;
    max-width: 310px !important;
}
.inputSize310 input {
    width: 310px !important;
    max-width: 310px !important;
}
.inputSize311 {
    width: 311px !important;
    max-width: 311px !important;
}
.inputSize311 input {
    width: 311px !important;
    max-width: 311px !important;
}
.inputSize312 {
    width: 312px !important;
    max-width: 312px !important;
}
.inputSize312 input {
    width: 312px !important;
    max-width: 312px !important;
}
.inputSize313 {
    width: 313px !important;
    max-width: 313px !important;
}
.inputSize313 input {
    width: 313px !important;
    max-width: 313px !important;
}
.inputSize314 {
    width: 314px !important;
    max-width: 314px !important;
}
.inputSize314 input {
    width: 314px !important;
    max-width: 314px !important;
}
.inputSize315 {
    width: 315px !important;
    max-width: 315px !important;
}
.inputSize315 input {
    width: 315px !important;
    max-width: 315px !important;
}
.inputSize316 {
    width: 316px !important;
    max-width: 316px !important;
}
.inputSize316 input {
    width: 316px !important;
    max-width: 316px !important;
}
.inputSize317 {
    width: 317px !important;
    max-width: 317px !important;
}
.inputSize317 input {
    width: 317px !important;
    max-width: 317px !important;
}
.inputSize318 {
    width: 318px !important;
    max-width: 318px !important;
}
.inputSize318 input {
    width: 318px !important;
    max-width: 318px !important;
}
.inputSize319 {
    width: 319px !important;
    max-width: 319px !important;
}
.inputSize319 input {
    width: 319px !important;
    max-width: 319px !important;
}
.inputSize320 {
    width: 320px !important;
    max-width: 320px !important;
}
.inputSize320 input {
    width: 320px !important;
    max-width: 320px !important;
}
.inputSize321 {
    width: 321px !important;
    max-width: 321px !important;
}
.inputSize321 input {
    width: 321px !important;
    max-width: 321px !important;
}
.inputSize322 {
    width: 322px !important;
    max-width: 322px !important;
}
.inputSize322 input {
    width: 322px !important;
    max-width: 322px !important;
}
.inputSize323 {
    width: 323px !important;
    max-width: 323px !important;
}
.inputSize323 input {
    width: 323px !important;
    max-width: 323px !important;
}
.inputSize324 {
    width: 324px !important;
    max-width: 324px !important;
}
.inputSize324 input {
    width: 324px !important;
    max-width: 324px !important;
}
.inputSize325 {
    width: 325px !important;
    max-width: 325px !important;
}
.inputSize325 input {
    width: 325px !important;
    max-width: 325px !important;
}
.inputSize326 {
    width: 326px !important;
    max-width: 326px !important;
}
.inputSize326 input {
    width: 326px !important;
    max-width: 326px !important;
}
.inputSize327 {
    width: 327px !important;
    max-width: 327px !important;
}
.inputSize327 input {
    width: 327px !important;
    max-width: 327px !important;
}
.inputSize328 {
    width: 328px !important;
    max-width: 328px !important;
}
.inputSize328 input {
    width: 328px !important;
    max-width: 328px !important;
}
.inputSize329 {
    width: 329px !important;
    max-width: 329px !important;
}
.inputSize329 input {
    width: 329px !important;
    max-width: 329px !important;
}
.inputSize330 {
    width: 330px !important;
    max-width: 330px !important;
}
.inputSize330 input {
    width: 330px !important;
    max-width: 330px !important;
}
.inputSize331 {
    width: 331px !important;
    max-width: 331px !important;
}
.inputSize331 input {
    width: 331px !important;
    max-width: 331px !important;
}
.inputSize332 {
    width: 332px !important;
    max-width: 332px !important;
}
.inputSize332 input {
    width: 332px !important;
    max-width: 332px !important;
}
.inputSize333 {
    width: 333px !important;
    max-width: 333px !important;
}
.inputSize333 input {
    width: 333px !important;
    max-width: 333px !important;
}
.inputSize334 {
    width: 334px !important;
    max-width: 334px !important;
}
.inputSize334 input {
    width: 334px !important;
    max-width: 334px !important;
}
.inputSize335 {
    width: 335px !important;
    max-width: 335px !important;
}
.inputSize335 input {
    width: 335px !important;
    max-width: 335px !important;
}
.inputSize336 {
    width: 336px !important;
    max-width: 336px !important;
}
.inputSize336 input {
    width: 336px !important;
    max-width: 336px !important;
}
.inputSize337 {
    width: 337px !important;
    max-width: 337px !important;
}
.inputSize337 input {
    width: 337px !important;
    max-width: 337px !important;
}
.inputSize338 {
    width: 338px !important;
    max-width: 338px !important;
}
.inputSize338 input {
    width: 338px !important;
    max-width: 338px !important;
}
.inputSize339 {
    width: 339px !important;
    max-width: 339px !important;
}
.inputSize339 input {
    width: 339px !important;
    max-width: 339px !important;
}
.inputSize340 {
    width: 340px !important;
    max-width: 340px !important;
}
.inputSize340 input {
    width: 340px !important;
    max-width: 340px !important;
}
.inputSize341 {
    width: 341px !important;
    max-width: 341px !important;
}
.inputSize341 input {
    width: 341px !important;
    max-width: 341px !important;
}
.inputSize342 {
    width: 342px !important;
    max-width: 342px !important;
}
.inputSize342 input {
    width: 342px !important;
    max-width: 342px !important;
}
.inputSize343 {
    width: 343px !important;
    max-width: 343px !important;
}
.inputSize343 input {
    width: 343px !important;
    max-width: 343px !important;
}
.inputSize344 {
    width: 344px !important;
    max-width: 344px !important;
}
.inputSize344 input {
    width: 344px !important;
    max-width: 344px !important;
}
.inputSize345 {
    width: 345px !important;
    max-width: 345px !important;
}
.inputSize345 input {
    width: 345px !important;
    max-width: 345px !important;
}
.inputSize346 {
    width: 346px !important;
    max-width: 346px !important;
}
.inputSize346 input {
    width: 346px !important;
    max-width: 346px !important;
}
.inputSize347 {
    width: 347px !important;
    max-width: 347px !important;
}
.inputSize347 input {
    width: 347px !important;
    max-width: 347px !important;
}
.inputSize348 {
    width: 348px !important;
    max-width: 348px !important;
}
.inputSize348 input {
    width: 348px !important;
    max-width: 348px !important;
}
.inputSize349 {
    width: 349px !important;
    max-width: 349px !important;
}
.inputSize349 input {
    width: 349px !important;
    max-width: 349px !important;
}
.inputSize350 {
    width: 350px !important;
    max-width: 350px !important;
}
.inputSize350 input {
    width: 350px !important;
    max-width: 350px !important;
}
.inputSize351 {
    width: 351px !important;
    max-width: 351px !important;
}
.inputSize351 input {
    width: 351px !important;
    max-width: 351px !important;
}
.inputSize352 {
    width: 352px !important;
    max-width: 352px !important;
}
.inputSize352 input {
    width: 352px !important;
    max-width: 352px !important;
}
.inputSize353 {
    width: 353px !important;
    max-width: 353px !important;
}
.inputSize353 input {
    width: 353px !important;
    max-width: 353px !important;
}
.inputSize354 {
    width: 354px !important;
    max-width: 354px !important;
}
.inputSize354 input {
    width: 354px !important;
    max-width: 354px !important;
}
.inputSize355 {
    width: 355px !important;
    max-width: 355px !important;
}
.inputSize355 input {
    width: 355px !important;
    max-width: 355px !important;
}
.inputSize356 {
    width: 356px !important;
    max-width: 356px !important;
}
.inputSize356 input {
    width: 356px !important;
    max-width: 356px !important;
}
.inputSize357 {
    width: 357px !important;
    max-width: 357px !important;
}
.inputSize357 input {
    width: 357px !important;
    max-width: 357px !important;
}
.inputSize358 {
    width: 358px !important;
    max-width: 358px !important;
}
.inputSize358 input {
    width: 358px !important;
    max-width: 358px !important;
}
.inputSize359 {
    width: 359px !important;
    max-width: 359px !important;
}
.inputSize359 input {
    width: 359px !important;
    max-width: 359px !important;
}
.inputSize360 {
    width: 360px !important;
    max-width: 360px !important;
}
.inputSize360 input {
    width: 360px !important;
    max-width: 360px !important;
}
.inputSize361 {
    width: 361px !important;
    max-width: 361px !important;
}
.inputSize361 input {
    width: 361px !important;
    max-width: 361px !important;
}
.inputSize362 {
    width: 362px !important;
    max-width: 362px !important;
}
.inputSize362 input {
    width: 362px !important;
    max-width: 362px !important;
}
.inputSize363 {
    width: 363px !important;
    max-width: 363px !important;
}
.inputSize363 input {
    width: 363px !important;
    max-width: 363px !important;
}
.inputSize364 {
    width: 364px !important;
    max-width: 364px !important;
}
.inputSize364 input {
    width: 364px !important;
    max-width: 364px !important;
}
.inputSize365 {
    width: 365px !important;
    max-width: 365px !important;
}
.inputSize365 input {
    width: 365px !important;
    max-width: 365px !important;
}
.inputSize366 {
    width: 366px !important;
    max-width: 366px !important;
}
.inputSize366 input {
    width: 366px !important;
    max-width: 366px !important;
}
.inputSize367 {
    width: 367px !important;
    max-width: 367px !important;
}
.inputSize367 input {
    width: 367px !important;
    max-width: 367px !important;
}
.inputSize368 {
    width: 368px !important;
    max-width: 368px !important;
}
.inputSize368 input {
    width: 368px !important;
    max-width: 368px !important;
}
.inputSize369 {
    width: 369px !important;
    max-width: 369px !important;
}
.inputSize369 input {
    width: 369px !important;
    max-width: 369px !important;
}
.inputSize370 {
    width: 370px !important;
    max-width: 370px !important;
}
.inputSize370 input {
    width: 370px !important;
    max-width: 370px !important;
}
.inputSize371 {
    width: 371px !important;
    max-width: 371px !important;
}
.inputSize371 input {
    width: 371px !important;
    max-width: 371px !important;
}
.inputSize372 {
    width: 372px !important;
    max-width: 372px !important;
}
.inputSize372 input {
    width: 372px !important;
    max-width: 372px !important;
}
.inputSize373 {
    width: 373px !important;
    max-width: 373px !important;
}
.inputSize373 input {
    width: 373px !important;
    max-width: 373px !important;
}
.inputSize374 {
    width: 374px !important;
    max-width: 374px !important;
}
.inputSize374 input {
    width: 374px !important;
    max-width: 374px !important;
}
.inputSize375 {
    width: 375px !important;
    max-width: 375px !important;
}
.inputSize375 input {
    width: 375px !important;
    max-width: 375px !important;
}
.inputSize376 {
    width: 376px !important;
    max-width: 376px !important;
}
.inputSize376 input {
    width: 376px !important;
    max-width: 376px !important;
}
.inputSize377 {
    width: 377px !important;
    max-width: 377px !important;
}
.inputSize377 input {
    width: 377px !important;
    max-width: 377px !important;
}
.inputSize378 {
    width: 378px !important;
    max-width: 378px !important;
}
.inputSize378 input {
    width: 378px !important;
    max-width: 378px !important;
}
.inputSize379 {
    width: 379px !important;
    max-width: 379px !important;
}
.inputSize379 input {
    width: 379px !important;
    max-width: 379px !important;
}
.inputSize380 {
    width: 380px !important;
    max-width: 380px !important;
}
.inputSize380 input {
    width: 380px !important;
    max-width: 380px !important;
}
.inputSize381 {
    width: 381px !important;
    max-width: 381px !important;
}
.inputSize381 input {
    width: 381px !important;
    max-width: 381px !important;
}
.inputSize382 {
    width: 382px !important;
    max-width: 382px !important;
}
.inputSize382 input {
    width: 382px !important;
    max-width: 382px !important;
}
.inputSize383 {
    width: 383px !important;
    max-width: 383px !important;
}
.inputSize383 input {
    width: 383px !important;
    max-width: 383px !important;
}
.inputSize384 {
    width: 384px !important;
    max-width: 384px !important;
}
.inputSize384 input {
    width: 384px !important;
    max-width: 384px !important;
}
.inputSize385 {
    width: 385px !important;
    max-width: 385px !important;
}
.inputSize385 input {
    width: 385px !important;
    max-width: 385px !important;
}
.inputSize386 {
    width: 386px !important;
    max-width: 386px !important;
}
.inputSize386 input {
    width: 386px !important;
    max-width: 386px !important;
}
.inputSize387 {
    width: 387px !important;
    max-width: 387px !important;
}
.inputSize387 input {
    width: 387px !important;
    max-width: 387px !important;
}
.inputSize388 {
    width: 388px !important;
    max-width: 388px !important;
}
.inputSize388 input {
    width: 388px !important;
    max-width: 388px !important;
}
.inputSize389 {
    width: 389px !important;
    max-width: 389px !important;
}
.inputSize389 input {
    width: 389px !important;
    max-width: 389px !important;
}
.inputSize390 {
    width: 390px !important;
    max-width: 390px !important;
}
.inputSize390 input {
    width: 390px !important;
    max-width: 390px !important;
}
.inputSize391 {
    width: 391px !important;
    max-width: 391px !important;
}
.inputSize391 input {
    width: 391px !important;
    max-width: 391px !important;
}
.inputSize392 {
    width: 392px !important;
    max-width: 392px !important;
}
.inputSize392 input {
    width: 392px !important;
    max-width: 392px !important;
}
.inputSize393 {
    width: 393px !important;
    max-width: 393px !important;
}
.inputSize393 input {
    width: 393px !important;
    max-width: 393px !important;
}
.inputSize394 {
    width: 394px !important;
    max-width: 394px !important;
}
.inputSize394 input {
    width: 394px !important;
    max-width: 394px !important;
}
.inputSize395 {
    width: 395px !important;
    max-width: 395px !important;
}
.inputSize395 input {
    width: 395px !important;
    max-width: 395px !important;
}
.inputSize396 {
    width: 396px !important;
    max-width: 396px !important;
}
.inputSize396 input {
    width: 396px !important;
    max-width: 396px !important;
}
.inputSize397 {
    width: 397px !important;
    max-width: 397px !important;
}
.inputSize397 input {
    width: 397px !important;
    max-width: 397px !important;
}
.inputSize398 {
    width: 398px !important;
    max-width: 398px !important;
}
.inputSize398 input {
    width: 398px !important;
    max-width: 398px !important;
}
.inputSize399 {
    width: 399px !important;
    max-width: 399px !important;
}
.inputSize399 input {
    width: 399px !important;
    max-width: 399px !important;
}
.inputSize400 {
    width: 400px !important;
    max-width: 400px !important;
}
.inputSize400 input {
    width: 400px !important;
    max-width: 400px !important;
}
.inputSize401 {
    width: 401px !important;
    max-width: 401px !important;
}
.inputSize401 input {
    width: 401px !important;
    max-width: 401px !important;
}
.inputSize402 {
    width: 402px !important;
    max-width: 402px !important;
}
.inputSize402 input {
    width: 402px !important;
    max-width: 402px !important;
}
.inputSize403 {
    width: 403px !important;
    max-width: 403px !important;
}
.inputSize403 input {
    width: 403px !important;
    max-width: 403px !important;
}
.inputSize404 {
    width: 404px !important;
    max-width: 404px !important;
}
.inputSize404 input {
    width: 404px !important;
    max-width: 404px !important;
}
.inputSize405 {
    width: 405px !important;
    max-width: 405px !important;
}
.inputSize405 input {
    width: 405px !important;
    max-width: 405px !important;
}
.inputSize406 {
    width: 406px !important;
    max-width: 406px !important;
}
.inputSize406 input {
    width: 406px !important;
    max-width: 406px !important;
}
.inputSize407 {
    width: 407px !important;
    max-width: 407px !important;
}
.inputSize407 input {
    width: 407px !important;
    max-width: 407px !important;
}
.inputSize408 {
    width: 408px !important;
    max-width: 408px !important;
}
.inputSize408 input {
    width: 408px !important;
    max-width: 408px !important;
}
.inputSize409 {
    width: 409px !important;
    max-width: 409px !important;
}
.inputSize409 input {
    width: 409px !important;
    max-width: 409px !important;
}
.inputSize410 {
    width: 410px !important;
    max-width: 410px !important;
}
.inputSize410 input {
    width: 410px !important;
    max-width: 410px !important;
}
.inputSize411 {
    width: 411px !important;
    max-width: 411px !important;
}
.inputSize411 input {
    width: 411px !important;
    max-width: 411px !important;
}
.inputSize412 {
    width: 412px !important;
    max-width: 412px !important;
}
.inputSize412 input {
    width: 412px !important;
    max-width: 412px !important;
}
.inputSize413 {
    width: 413px !important;
    max-width: 413px !important;
}
.inputSize413 input {
    width: 413px !important;
    max-width: 413px !important;
}
.inputSize414 {
    width: 414px !important;
    max-width: 414px !important;
}
.inputSize414 input {
    width: 414px !important;
    max-width: 414px !important;
}
.inputSize415 {
    width: 415px !important;
    max-width: 415px !important;
}
.inputSize415 input {
    width: 415px !important;
    max-width: 415px !important;
}
.inputSize416 {
    width: 416px !important;
    max-width: 416px !important;
}
.inputSize416 input {
    width: 416px !important;
    max-width: 416px !important;
}
.inputSize417 {
    width: 417px !important;
    max-width: 417px !important;
}
.inputSize417 input {
    width: 417px !important;
    max-width: 417px !important;
}
.inputSize418 {
    width: 418px !important;
    max-width: 418px !important;
}
.inputSize418 input {
    width: 418px !important;
    max-width: 418px !important;
}
.inputSize419 {
    width: 419px !important;
    max-width: 419px !important;
}
.inputSize419 input {
    width: 419px !important;
    max-width: 419px !important;
}
.inputSize420 {
    width: 420px !important;
    max-width: 420px !important;
}
.inputSize420 input {
    width: 420px !important;
    max-width: 420px !important;
}
.inputSize421 {
    width: 421px !important;
    max-width: 421px !important;
}
.inputSize421 input {
    width: 421px !important;
    max-width: 421px !important;
}
.inputSize422 {
    width: 422px !important;
    max-width: 422px !important;
}
.inputSize422 input {
    width: 422px !important;
    max-width: 422px !important;
}
.inputSize423 {
    width: 423px !important;
    max-width: 423px !important;
}
.inputSize423 input {
    width: 423px !important;
    max-width: 423px !important;
}
.inputSize424 {
    width: 424px !important;
    max-width: 424px !important;
}
.inputSize424 input {
    width: 424px !important;
    max-width: 424px !important;
}
.inputSize425 {
    width: 425px !important;
    max-width: 425px !important;
}
.inputSize425 input {
    width: 425px !important;
    max-width: 425px !important;
}
.inputSize426 {
    width: 426px !important;
    max-width: 426px !important;
}
.inputSize426 input {
    width: 426px !important;
    max-width: 426px !important;
}
.inputSize427 {
    width: 427px !important;
    max-width: 427px !important;
}
.inputSize427 input {
    width: 427px !important;
    max-width: 427px !important;
}
.inputSize428 {
    width: 428px !important;
    max-width: 428px !important;
}
.inputSize428 input {
    width: 428px !important;
    max-width: 428px !important;
}
.inputSize429 {
    width: 429px !important;
    max-width: 429px !important;
}
.inputSize429 input {
    width: 429px !important;
    max-width: 429px !important;
}
.inputSize430 {
    width: 430px !important;
    max-width: 430px !important;
}
.inputSize430 input {
    width: 430px !important;
    max-width: 430px !important;
}
.inputSize431 {
    width: 431px !important;
    max-width: 431px !important;
}
.inputSize431 input {
    width: 431px !important;
    max-width: 431px !important;
}
.inputSize432 {
    width: 432px !important;
    max-width: 432px !important;
}
.inputSize432 input {
    width: 432px !important;
    max-width: 432px !important;
}
.inputSize433 {
    width: 433px !important;
    max-width: 433px !important;
}
.inputSize433 input {
    width: 433px !important;
    max-width: 433px !important;
}
.inputSize434 {
    width: 434px !important;
    max-width: 434px !important;
}
.inputSize434 input {
    width: 434px !important;
    max-width: 434px !important;
}
.inputSize435 {
    width: 435px !important;
    max-width: 435px !important;
}
.inputSize435 input {
    width: 435px !important;
    max-width: 435px !important;
}
.inputSize436 {
    width: 436px !important;
    max-width: 436px !important;
}
.inputSize436 input {
    width: 436px !important;
    max-width: 436px !important;
}
.inputSize437 {
    width: 437px !important;
    max-width: 437px !important;
}
.inputSize437 input {
    width: 437px !important;
    max-width: 437px !important;
}
.inputSize438 {
    width: 438px !important;
    max-width: 438px !important;
}
.inputSize438 input {
    width: 438px !important;
    max-width: 438px !important;
}
.inputSize439 {
    width: 439px !important;
    max-width: 439px !important;
}
.inputSize439 input {
    width: 439px !important;
    max-width: 439px !important;
}
.inputSize440 {
    width: 440px !important;
    max-width: 440px !important;
}
.inputSize440 input {
    width: 440px !important;
    max-width: 440px !important;
}
.inputSize441 {
    width: 441px !important;
    max-width: 441px !important;
}
.inputSize441 input {
    width: 441px !important;
    max-width: 441px !important;
}
.inputSize442 {
    width: 442px !important;
    max-width: 442px !important;
}
.inputSize442 input {
    width: 442px !important;
    max-width: 442px !important;
}
.inputSize443 {
    width: 443px !important;
    max-width: 443px !important;
}
.inputSize443 input {
    width: 443px !important;
    max-width: 443px !important;
}
.inputSize444 {
    width: 444px !important;
    max-width: 444px !important;
}
.inputSize444 input {
    width: 444px !important;
    max-width: 444px !important;
}
.inputSize445 {
    width: 445px !important;
    max-width: 445px !important;
}
.inputSize445 input {
    width: 445px !important;
    max-width: 445px !important;
}
.inputSize446 {
    width: 446px !important;
    max-width: 446px !important;
}
.inputSize446 input {
    width: 446px !important;
    max-width: 446px !important;
}
.inputSize447 {
    width: 447px !important;
    max-width: 447px !important;
}
.inputSize447 input {
    width: 447px !important;
    max-width: 447px !important;
}
.inputSize448 {
    width: 448px !important;
    max-width: 448px !important;
}
.inputSize448 input {
    width: 448px !important;
    max-width: 448px !important;
}
.inputSize449 {
    width: 449px !important;
    max-width: 449px !important;
}
.inputSize449 input {
    width: 449px !important;
    max-width: 449px !important;
}
.inputSize450 {
    width: 450px !important;
    max-width: 450px !important;
}
.inputSize450 input {
    width: 450px !important;
    max-width: 450px !important;
}
.inputSize451 {
    width: 451px !important;
    max-width: 451px !important;
}
.inputSize451 input {
    width: 451px !important;
    max-width: 451px !important;
}
.inputSize452 {
    width: 452px !important;
    max-width: 452px !important;
}
.inputSize452 input {
    width: 452px !important;
    max-width: 452px !important;
}
.inputSize453 {
    width: 453px !important;
    max-width: 453px !important;
}
.inputSize453 input {
    width: 453px !important;
    max-width: 453px !important;
}
.inputSize454 {
    width: 454px !important;
    max-width: 454px !important;
}
.inputSize454 input {
    width: 454px !important;
    max-width: 454px !important;
}
.inputSize455 {
    width: 455px !important;
    max-width: 455px !important;
}
.inputSize455 input {
    width: 455px !important;
    max-width: 455px !important;
}
.inputSize456 {
    width: 456px !important;
    max-width: 456px !important;
}
.inputSize456 input {
    width: 456px !important;
    max-width: 456px !important;
}
.inputSize457 {
    width: 457px !important;
    max-width: 457px !important;
}
.inputSize457 input {
    width: 457px !important;
    max-width: 457px !important;
}
.inputSize458 {
    width: 458px !important;
    max-width: 458px !important;
}
.inputSize458 input {
    width: 458px !important;
    max-width: 458px !important;
}
.inputSize459 {
    width: 459px !important;
    max-width: 459px !important;
}
.inputSize459 input {
    width: 459px !important;
    max-width: 459px !important;
}
.inputSize460 {
    width: 460px !important;
    max-width: 460px !important;
}
.inputSize460 input {
    width: 460px !important;
    max-width: 460px !important;
}
.inputSize461 {
    width: 461px !important;
    max-width: 461px !important;
}
.inputSize461 input {
    width: 461px !important;
    max-width: 461px !important;
}
.inputSize462 {
    width: 462px !important;
    max-width: 462px !important;
}
.inputSize462 input {
    width: 462px !important;
    max-width: 462px !important;
}
.inputSize463 {
    width: 463px !important;
    max-width: 463px !important;
}
.inputSize463 input {
    width: 463px !important;
    max-width: 463px !important;
}
.inputSize464 {
    width: 464px !important;
    max-width: 464px !important;
}
.inputSize464 input {
    width: 464px !important;
    max-width: 464px !important;
}
.inputSize465 {
    width: 465px !important;
    max-width: 465px !important;
}
.inputSize465 input {
    width: 465px !important;
    max-width: 465px !important;
}
.inputSize466 {
    width: 466px !important;
    max-width: 466px !important;
}
.inputSize466 input {
    width: 466px !important;
    max-width: 466px !important;
}
.inputSize467 {
    width: 467px !important;
    max-width: 467px !important;
}
.inputSize467 input {
    width: 467px !important;
    max-width: 467px !important;
}
.inputSize468 {
    width: 468px !important;
    max-width: 468px !important;
}
.inputSize468 input {
    width: 468px !important;
    max-width: 468px !important;
}
.inputSize469 {
    width: 469px !important;
    max-width: 469px !important;
}
.inputSize469 input {
    width: 469px !important;
    max-width: 469px !important;
}
.inputSize470 {
    width: 470px !important;
    max-width: 470px !important;
}
.inputSize470 input {
    width: 470px !important;
    max-width: 470px !important;
}
.inputSize471 {
    width: 471px !important;
    max-width: 471px !important;
}
.inputSize471 input {
    width: 471px !important;
    max-width: 471px !important;
}
.inputSize472 {
    width: 472px !important;
    max-width: 472px !important;
}
.inputSize472 input {
    width: 472px !important;
    max-width: 472px !important;
}
.inputSize473 {
    width: 473px !important;
    max-width: 473px !important;
}
.inputSize473 input {
    width: 473px !important;
    max-width: 473px !important;
}
.inputSize474 {
    width: 474px !important;
    max-width: 474px !important;
}
.inputSize474 input {
    width: 474px !important;
    max-width: 474px !important;
}
.inputSize475 {
    width: 475px !important;
    max-width: 475px !important;
}
.inputSize475 input {
    width: 475px !important;
    max-width: 475px !important;
}
.inputSize476 {
    width: 476px !important;
    max-width: 476px !important;
}
.inputSize476 input {
    width: 476px !important;
    max-width: 476px !important;
}
.inputSize477 {
    width: 477px !important;
    max-width: 477px !important;
}
.inputSize477 input {
    width: 477px !important;
    max-width: 477px !important;
}
.inputSize478 {
    width: 478px !important;
    max-width: 478px !important;
}
.inputSize478 input {
    width: 478px !important;
    max-width: 478px !important;
}
.inputSize479 {
    width: 479px !important;
    max-width: 479px !important;
}
.inputSize479 input {
    width: 479px !important;
    max-width: 479px !important;
}
.inputSize480 {
    width: 480px !important;
    max-width: 480px !important;
}
.inputSize480 input {
    width: 480px !important;
    max-width: 480px !important;
}
.inputSize481 {
    width: 481px !important;
    max-width: 481px !important;
}
.inputSize481 input {
    width: 481px !important;
    max-width: 481px !important;
}
.inputSize482 {
    width: 482px !important;
    max-width: 482px !important;
}
.inputSize482 input {
    width: 482px !important;
    max-width: 482px !important;
}
.inputSize483 {
    width: 483px !important;
    max-width: 483px !important;
}
.inputSize483 input {
    width: 483px !important;
    max-width: 483px !important;
}
.inputSize484 {
    width: 484px !important;
    max-width: 484px !important;
}
.inputSize484 input {
    width: 484px !important;
    max-width: 484px !important;
}
.inputSize485 {
    width: 485px !important;
    max-width: 485px !important;
}
.inputSize485 input {
    width: 485px !important;
    max-width: 485px !important;
}
.inputSize486 {
    width: 486px !important;
    max-width: 486px !important;
}
.inputSize486 input {
    width: 486px !important;
    max-width: 486px !important;
}
.inputSize487 {
    width: 487px !important;
    max-width: 487px !important;
}
.inputSize487 input {
    width: 487px !important;
    max-width: 487px !important;
}
.inputSize488 {
    width: 488px !important;
    max-width: 488px !important;
}
.inputSize488 input {
    width: 488px !important;
    max-width: 488px !important;
}
.inputSize489 {
    width: 489px !important;
    max-width: 489px !important;
}
.inputSize489 input {
    width: 489px !important;
    max-width: 489px !important;
}
.inputSize490 {
    width: 490px !important;
    max-width: 490px !important;
}
.inputSize490 input {
    width: 490px !important;
    max-width: 490px !important;
}
.inputSize491 {
    width: 491px !important;
    max-width: 491px !important;
}
.inputSize491 input {
    width: 491px !important;
    max-width: 491px !important;
}
.inputSize492 {
    width: 492px !important;
    max-width: 492px !important;
}
.inputSize492 input {
    width: 492px !important;
    max-width: 492px !important;
}
.inputSize493 {
    width: 493px !important;
    max-width: 493px !important;
}
.inputSize493 input {
    width: 493px !important;
    max-width: 493px !important;
}
.inputSize494 {
    width: 494px !important;
    max-width: 494px !important;
}
.inputSize494 input {
    width: 494px !important;
    max-width: 494px !important;
}
.inputSize495 {
    width: 495px !important;
    max-width: 495px !important;
}
.inputSize495 input {
    width: 495px !important;
    max-width: 495px !important;
}
.inputSize496 {
    width: 496px !important;
    max-width: 496px !important;
}
.inputSize496 input {
    width: 496px !important;
    max-width: 496px !important;
}
.inputSize497 {
    width: 497px !important;
    max-width: 497px !important;
}
.inputSize497 input {
    width: 497px !important;
    max-width: 497px !important;
}
.inputSize498 {
    width: 498px !important;
    max-width: 498px !important;
}
.inputSize498 input {
    width: 498px !important;
    max-width: 498px !important;
}
.inputSize499 {
    width: 499px !important;
    max-width: 499px !important;
}
.inputSize499 input {
    width: 499px !important;
    max-width: 499px !important;
}
.inputSize500 {
    width: 500px !important;
    max-width: 500px !important;
}
.inputSize500 input {
    width: 500px !important;
    max-width: 500px !important;
}
.inputSize501 {
    width: 501px !important;
    max-width: 501px !important;
}
.inputSize501 input {
    width: 501px !important;
    max-width: 501px !important;
}
.inputSize502 {
    width: 502px !important;
    max-width: 502px !important;
}
.inputSize502 input {
    width: 502px !important;
    max-width: 502px !important;
}
.inputSize503 {
    width: 503px !important;
    max-width: 503px !important;
}
.inputSize503 input {
    width: 503px !important;
    max-width: 503px !important;
}
.inputSize504 {
    width: 504px !important;
    max-width: 504px !important;
}
.inputSize504 input {
    width: 504px !important;
    max-width: 504px !important;
}
.inputSize505 {
    width: 505px !important;
    max-width: 505px !important;
}
.inputSize505 input {
    width: 505px !important;
    max-width: 505px !important;
}
.inputSize506 {
    width: 506px !important;
    max-width: 506px !important;
}
.inputSize506 input {
    width: 506px !important;
    max-width: 506px !important;
}
.inputSize507 {
    width: 507px !important;
    max-width: 507px !important;
}
.inputSize507 input {
    width: 507px !important;
    max-width: 507px !important;
}
.inputSize508 {
    width: 508px !important;
    max-width: 508px !important;
}
.inputSize508 input {
    width: 508px !important;
    max-width: 508px !important;
}
.inputSize509 {
    width: 509px !important;
    max-width: 509px !important;
}
.inputSize509 input {
    width: 509px !important;
    max-width: 509px !important;
}
.inputSize510 {
    width: 510px !important;
    max-width: 510px !important;
}
.inputSize510 input {
    width: 510px !important;
    max-width: 510px !important;
}
.inputSize511 {
    width: 511px !important;
    max-width: 511px !important;
}
.inputSize511 input {
    width: 511px !important;
    max-width: 511px !important;
}
.inputSize512 {
    width: 512px !important;
    max-width: 512px !important;
}
.inputSize512 input {
    width: 512px !important;
    max-width: 512px !important;
}
.inputSize513 {
    width: 513px !important;
    max-width: 513px !important;
}
.inputSize513 input {
    width: 513px !important;
    max-width: 513px !important;
}
.inputSize514 {
    width: 514px !important;
    max-width: 514px !important;
}
.inputSize514 input {
    width: 514px !important;
    max-width: 514px !important;
}
.inputSize515 {
    width: 515px !important;
    max-width: 515px !important;
}
.inputSize515 input {
    width: 515px !important;
    max-width: 515px !important;
}
.inputSize516 {
    width: 516px !important;
    max-width: 516px !important;
}
.inputSize516 input {
    width: 516px !important;
    max-width: 516px !important;
}
.inputSize517 {
    width: 517px !important;
    max-width: 517px !important;
}
.inputSize517 input {
    width: 517px !important;
    max-width: 517px !important;
}
.inputSize518 {
    width: 518px !important;
    max-width: 518px !important;
}
.inputSize518 input {
    width: 518px !important;
    max-width: 518px !important;
}
.inputSize519 {
    width: 519px !important;
    max-width: 519px !important;
}
.inputSize519 input {
    width: 519px !important;
    max-width: 519px !important;
}
.inputSize520 {
    width: 520px !important;
    max-width: 520px !important;
}
.inputSize520 input {
    width: 520px !important;
    max-width: 520px !important;
}
.inputSize521 {
    width: 521px !important;
    max-width: 521px !important;
}
.inputSize521 input {
    width: 521px !important;
    max-width: 521px !important;
}
.inputSize522 {
    width: 522px !important;
    max-width: 522px !important;
}
.inputSize522 input {
    width: 522px !important;
    max-width: 522px !important;
}
.inputSize523 {
    width: 523px !important;
    max-width: 523px !important;
}
.inputSize523 input {
    width: 523px !important;
    max-width: 523px !important;
}
.inputSize524 {
    width: 524px !important;
    max-width: 524px !important;
}
.inputSize524 input {
    width: 524px !important;
    max-width: 524px !important;
}
.inputSize525 {
    width: 525px !important;
    max-width: 525px !important;
}
.inputSize525 input {
    width: 525px !important;
    max-width: 525px !important;
}
.inputSize526 {
    width: 526px !important;
    max-width: 526px !important;
}
.inputSize526 input {
    width: 526px !important;
    max-width: 526px !important;
}
.inputSize527 {
    width: 527px !important;
    max-width: 527px !important;
}
.inputSize527 input {
    width: 527px !important;
    max-width: 527px !important;
}
.inputSize528 {
    width: 528px !important;
    max-width: 528px !important;
}
.inputSize528 input {
    width: 528px !important;
    max-width: 528px !important;
}
.inputSize529 {
    width: 529px !important;
    max-width: 529px !important;
}
.inputSize529 input {
    width: 529px !important;
    max-width: 529px !important;
}
.inputSize530 {
    width: 530px !important;
    max-width: 530px !important;
}
.inputSize530 input {
    width: 530px !important;
    max-width: 530px !important;
}
.inputSize531 {
    width: 531px !important;
    max-width: 531px !important;
}
.inputSize531 input {
    width: 531px !important;
    max-width: 531px !important;
}
.inputSize532 {
    width: 532px !important;
    max-width: 532px !important;
}
.inputSize532 input {
    width: 532px !important;
    max-width: 532px !important;
}
.inputSize533 {
    width: 533px !important;
    max-width: 533px !important;
}
.inputSize533 input {
    width: 533px !important;
    max-width: 533px !important;
}
.inputSize534 {
    width: 534px !important;
    max-width: 534px !important;
}
.inputSize534 input {
    width: 534px !important;
    max-width: 534px !important;
}
.inputSize535 {
    width: 535px !important;
    max-width: 535px !important;
}
.inputSize535 input {
    width: 535px !important;
    max-width: 535px !important;
}
.inputSize536 {
    width: 536px !important;
    max-width: 536px !important;
}
.inputSize536 input {
    width: 536px !important;
    max-width: 536px !important;
}
.inputSize537 {
    width: 537px !important;
    max-width: 537px !important;
}
.inputSize537 input {
    width: 537px !important;
    max-width: 537px !important;
}
.inputSize538 {
    width: 538px !important;
    max-width: 538px !important;
}
.inputSize538 input {
    width: 538px !important;
    max-width: 538px !important;
}
.inputSize539 {
    width: 539px !important;
    max-width: 539px !important;
}
.inputSize539 input {
    width: 539px !important;
    max-width: 539px !important;
}
.inputSize540 {
    width: 540px !important;
    max-width: 540px !important;
}
.inputSize540 input {
    width: 540px !important;
    max-width: 540px !important;
}
.inputSize541 {
    width: 541px !important;
    max-width: 541px !important;
}
.inputSize541 input {
    width: 541px !important;
    max-width: 541px !important;
}
.inputSize542 {
    width: 542px !important;
    max-width: 542px !important;
}
.inputSize542 input {
    width: 542px !important;
    max-width: 542px !important;
}
.inputSize543 {
    width: 543px !important;
    max-width: 543px !important;
}
.inputSize543 input {
    width: 543px !important;
    max-width: 543px !important;
}
.inputSize544 {
    width: 544px !important;
    max-width: 544px !important;
}
.inputSize544 input {
    width: 544px !important;
    max-width: 544px !important;
}
.inputSize545 {
    width: 545px !important;
    max-width: 545px !important;
}
.inputSize545 input {
    width: 545px !important;
    max-width: 545px !important;
}
.inputSize546 {
    width: 546px !important;
    max-width: 546px !important;
}
.inputSize546 input {
    width: 546px !important;
    max-width: 546px !important;
}
.inputSize547 {
    width: 547px !important;
    max-width: 547px !important;
}
.inputSize547 input {
    width: 547px !important;
    max-width: 547px !important;
}
.inputSize548 {
    width: 548px !important;
    max-width: 548px !important;
}
.inputSize548 input {
    width: 548px !important;
    max-width: 548px !important;
}
.inputSize549 {
    width: 549px !important;
    max-width: 549px !important;
}
.inputSize549 input {
    width: 549px !important;
    max-width: 549px !important;
}
.inputSize550 {
    width: 550px !important;
    max-width: 550px !important;
}
.inputSize550 input {
    width: 550px !important;
    max-width: 550px !important;
}
.inputSize551 {
    width: 551px !important;
    max-width: 551px !important;
}
.inputSize551 input {
    width: 551px !important;
    max-width: 551px !important;
}
.inputSize552 {
    width: 552px !important;
    max-width: 552px !important;
}
.inputSize552 input {
    width: 552px !important;
    max-width: 552px !important;
}
.inputSize553 {
    width: 553px !important;
    max-width: 553px !important;
}
.inputSize553 input {
    width: 553px !important;
    max-width: 553px !important;
}
.inputSize554 {
    width: 554px !important;
    max-width: 554px !important;
}
.inputSize554 input {
    width: 554px !important;
    max-width: 554px !important;
}
.inputSize555 {
    width: 555px !important;
    max-width: 555px !important;
}
.inputSize555 input {
    width: 555px !important;
    max-width: 555px !important;
}
.inputSize556 {
    width: 556px !important;
    max-width: 556px !important;
}
.inputSize556 input {
    width: 556px !important;
    max-width: 556px !important;
}
.inputSize557 {
    width: 557px !important;
    max-width: 557px !important;
}
.inputSize557 input {
    width: 557px !important;
    max-width: 557px !important;
}
.inputSize558 {
    width: 558px !important;
    max-width: 558px !important;
}
.inputSize558 input {
    width: 558px !important;
    max-width: 558px !important;
}
.inputSize559 {
    width: 559px !important;
    max-width: 559px !important;
}
.inputSize559 input {
    width: 559px !important;
    max-width: 559px !important;
}
.inputSize560 {
    width: 560px !important;
    max-width: 560px !important;
}
.inputSize560 input {
    width: 560px !important;
    max-width: 560px !important;
}
.inputSize561 {
    width: 561px !important;
    max-width: 561px !important;
}
.inputSize561 input {
    width: 561px !important;
    max-width: 561px !important;
}
.inputSize562 {
    width: 562px !important;
    max-width: 562px !important;
}
.inputSize562 input {
    width: 562px !important;
    max-width: 562px !important;
}
.inputSize563 {
    width: 563px !important;
    max-width: 563px !important;
}
.inputSize563 input {
    width: 563px !important;
    max-width: 563px !important;
}
.inputSize564 {
    width: 564px !important;
    max-width: 564px !important;
}
.inputSize564 input {
    width: 564px !important;
    max-width: 564px !important;
}
.inputSize565 {
    width: 565px !important;
    max-width: 565px !important;
}
.inputSize565 input {
    width: 565px !important;
    max-width: 565px !important;
}
.inputSize566 {
    width: 566px !important;
    max-width: 566px !important;
}
.inputSize566 input {
    width: 566px !important;
    max-width: 566px !important;
}
.inputSize567 {
    width: 567px !important;
    max-width: 567px !important;
}
.inputSize567 input {
    width: 567px !important;
    max-width: 567px !important;
}
.inputSize568 {
    width: 568px !important;
    max-width: 568px !important;
}
.inputSize568 input {
    width: 568px !important;
    max-width: 568px !important;
}
.inputSize569 {
    width: 569px !important;
    max-width: 569px !important;
}
.inputSize569 input {
    width: 569px !important;
    max-width: 569px !important;
}
.inputSize570 {
    width: 570px !important;
    max-width: 570px !important;
}
.inputSize570 input {
    width: 570px !important;
    max-width: 570px !important;
}
.inputSize571 {
    width: 571px !important;
    max-width: 571px !important;
}
.inputSize571 input {
    width: 571px !important;
    max-width: 571px !important;
}
.inputSize572 {
    width: 572px !important;
    max-width: 572px !important;
}
.inputSize572 input {
    width: 572px !important;
    max-width: 572px !important;
}
.inputSize573 {
    width: 573px !important;
    max-width: 573px !important;
}
.inputSize573 input {
    width: 573px !important;
    max-width: 573px !important;
}
.inputSize574 {
    width: 574px !important;
    max-width: 574px !important;
}
.inputSize574 input {
    width: 574px !important;
    max-width: 574px !important;
}
.inputSize575 {
    width: 575px !important;
    max-width: 575px !important;
}
.inputSize575 input {
    width: 575px !important;
    max-width: 575px !important;
}
.inputSize576 {
    width: 576px !important;
    max-width: 576px !important;
}
.inputSize576 input {
    width: 576px !important;
    max-width: 576px !important;
}
.inputSize577 {
    width: 577px !important;
    max-width: 577px !important;
}
.inputSize577 input {
    width: 577px !important;
    max-width: 577px !important;
}
.inputSize578 {
    width: 578px !important;
    max-width: 578px !important;
}
.inputSize578 input {
    width: 578px !important;
    max-width: 578px !important;
}
.inputSize579 {
    width: 579px !important;
    max-width: 579px !important;
}
.inputSize579 input {
    width: 579px !important;
    max-width: 579px !important;
}
.inputSize580 {
    width: 580px !important;
    max-width: 580px !important;
}
.inputSize580 input {
    width: 580px !important;
    max-width: 580px !important;
}
.inputSize581 {
    width: 581px !important;
    max-width: 581px !important;
}
.inputSize581 input {
    width: 581px !important;
    max-width: 581px !important;
}
.inputSize582 {
    width: 582px !important;
    max-width: 582px !important;
}
.inputSize582 input {
    width: 582px !important;
    max-width: 582px !important;
}
.inputSize583 {
    width: 583px !important;
    max-width: 583px !important;
}
.inputSize583 input {
    width: 583px !important;
    max-width: 583px !important;
}
.inputSize584 {
    width: 584px !important;
    max-width: 584px !important;
}
.inputSize584 input {
    width: 584px !important;
    max-width: 584px !important;
}
.inputSize585 {
    width: 585px !important;
    max-width: 585px !important;
}
.inputSize585 input {
    width: 585px !important;
    max-width: 585px !important;
}
.inputSize586 {
    width: 586px !important;
    max-width: 586px !important;
}
.inputSize586 input {
    width: 586px !important;
    max-width: 586px !important;
}
.inputSize587 {
    width: 587px !important;
    max-width: 587px !important;
}
.inputSize587 input {
    width: 587px !important;
    max-width: 587px !important;
}
.inputSize588 {
    width: 588px !important;
    max-width: 588px !important;
}
.inputSize588 input {
    width: 588px !important;
    max-width: 588px !important;
}
.inputSize589 {
    width: 589px !important;
    max-width: 589px !important;
}
.inputSize589 input {
    width: 589px !important;
    max-width: 589px !important;
}
.inputSize590 {
    width: 590px !important;
    max-width: 590px !important;
}
.inputSize590 input {
    width: 590px !important;
    max-width: 590px !important;
}
.inputSize591 {
    width: 591px !important;
    max-width: 591px !important;
}
.inputSize591 input {
    width: 591px !important;
    max-width: 591px !important;
}
.inputSize592 {
    width: 592px !important;
    max-width: 592px !important;
}
.inputSize592 input {
    width: 592px !important;
    max-width: 592px !important;
}
.inputSize593 {
    width: 593px !important;
    max-width: 593px !important;
}
.inputSize593 input {
    width: 593px !important;
    max-width: 593px !important;
}
.inputSize594 {
    width: 594px !important;
    max-width: 594px !important;
}
.inputSize594 input {
    width: 594px !important;
    max-width: 594px !important;
}
.inputSize595 {
    width: 595px !important;
    max-width: 595px !important;
}
.inputSize595 input {
    width: 595px !important;
    max-width: 595px !important;
}
.inputSize596 {
    width: 596px !important;
    max-width: 596px !important;
}
.inputSize596 input {
    width: 596px !important;
    max-width: 596px !important;
}
.inputSize597 {
    width: 597px !important;
    max-width: 597px !important;
}
.inputSize597 input {
    width: 597px !important;
    max-width: 597px !important;
}
.inputSize598 {
    width: 598px !important;
    max-width: 598px !important;
}
.inputSize598 input {
    width: 598px !important;
    max-width: 598px !important;
}
.inputSize599 {
    width: 599px !important;
    max-width: 599px !important;
}
.inputSize599 input {
    width: 599px !important;
    max-width: 599px !important;
}
.inputSize600 {
    width: 600px !important;
    max-width: 600px !important;
}
.inputSize600 input {
    width: 600px !important;
    max-width: 600px !important;
}
.inputSize601 {
    width: 601px !important;
    max-width: 601px !important;
}
.inputSize601 input {
    width: 601px !important;
    max-width: 601px !important;
}
.inputSize602 {
    width: 602px !important;
    max-width: 602px !important;
}
.inputSize602 input {
    width: 602px !important;
    max-width: 602px !important;
}
.inputSize603 {
    width: 603px !important;
    max-width: 603px !important;
}
.inputSize603 input {
    width: 603px !important;
    max-width: 603px !important;
}
.inputSize604 {
    width: 604px !important;
    max-width: 604px !important;
}
.inputSize604 input {
    width: 604px !important;
    max-width: 604px !important;
}
.inputSize605 {
    width: 605px !important;
    max-width: 605px !important;
}
.inputSize605 input {
    width: 605px !important;
    max-width: 605px !important;
}
.inputSize606 {
    width: 606px !important;
    max-width: 606px !important;
}
.inputSize606 input {
    width: 606px !important;
    max-width: 606px !important;
}
.inputSize607 {
    width: 607px !important;
    max-width: 607px !important;
}
.inputSize607 input {
    width: 607px !important;
    max-width: 607px !important;
}
.inputSize608 {
    width: 608px !important;
    max-width: 608px !important;
}
.inputSize608 input {
    width: 608px !important;
    max-width: 608px !important;
}
.inputSize609 {
    width: 609px !important;
    max-width: 609px !important;
}
.inputSize609 input {
    width: 609px !important;
    max-width: 609px !important;
}
.inputSize610 {
    width: 610px !important;
    max-width: 610px !important;
}
.inputSize610 input {
    width: 610px !important;
    max-width: 610px !important;
}
.inputSize611 {
    width: 611px !important;
    max-width: 611px !important;
}
.inputSize611 input {
    width: 611px !important;
    max-width: 611px !important;
}
.inputSize612 {
    width: 612px !important;
    max-width: 612px !important;
}
.inputSize612 input {
    width: 612px !important;
    max-width: 612px !important;
}
.inputSize613 {
    width: 613px !important;
    max-width: 613px !important;
}
.inputSize613 input {
    width: 613px !important;
    max-width: 613px !important;
}
.inputSize614 {
    width: 614px !important;
    max-width: 614px !important;
}
.inputSize614 input {
    width: 614px !important;
    max-width: 614px !important;
}
.inputSize615 {
    width: 615px !important;
    max-width: 615px !important;
}
.inputSize615 input {
    width: 615px !important;
    max-width: 615px !important;
}
.inputSize616 {
    width: 616px !important;
    max-width: 616px !important;
}
.inputSize616 input {
    width: 616px !important;
    max-width: 616px !important;
}
.inputSize617 {
    width: 617px !important;
    max-width: 617px !important;
}
.inputSize617 input {
    width: 617px !important;
    max-width: 617px !important;
}
.inputSize618 {
    width: 618px !important;
    max-width: 618px !important;
}
.inputSize618 input {
    width: 618px !important;
    max-width: 618px !important;
}
.inputSize619 {
    width: 619px !important;
    max-width: 619px !important;
}
.inputSize619 input {
    width: 619px !important;
    max-width: 619px !important;
}
.inputSize620 {
    width: 620px !important;
    max-width: 620px !important;
}
.inputSize620 input {
    width: 620px !important;
    max-width: 620px !important;
}
.inputSize621 {
    width: 621px !important;
    max-width: 621px !important;
}
.inputSize621 input {
    width: 621px !important;
    max-width: 621px !important;
}
.inputSize622 {
    width: 622px !important;
    max-width: 622px !important;
}
.inputSize622 input {
    width: 622px !important;
    max-width: 622px !important;
}
.inputSize623 {
    width: 623px !important;
    max-width: 623px !important;
}
.inputSize623 input {
    width: 623px !important;
    max-width: 623px !important;
}
.inputSize624 {
    width: 624px !important;
    max-width: 624px !important;
}
.inputSize624 input {
    width: 624px !important;
    max-width: 624px !important;
}
.inputSize625 {
    width: 625px !important;
    max-width: 625px !important;
}
.inputSize625 input {
    width: 625px !important;
    max-width: 625px !important;
}
.inputSize626 {
    width: 626px !important;
    max-width: 626px !important;
}
.inputSize626 input {
    width: 626px !important;
    max-width: 626px !important;
}
.inputSize627 {
    width: 627px !important;
    max-width: 627px !important;
}
.inputSize627 input {
    width: 627px !important;
    max-width: 627px !important;
}
.inputSize628 {
    width: 628px !important;
    max-width: 628px !important;
}
.inputSize628 input {
    width: 628px !important;
    max-width: 628px !important;
}
.inputSize629 {
    width: 629px !important;
    max-width: 629px !important;
}
.inputSize629 input {
    width: 629px !important;
    max-width: 629px !important;
}
.inputSize630 {
    width: 630px !important;
    max-width: 630px !important;
}
.inputSize630 input {
    width: 630px !important;
    max-width: 630px !important;
}
.inputSize631 {
    width: 631px !important;
    max-width: 631px !important;
}
.inputSize631 input {
    width: 631px !important;
    max-width: 631px !important;
}
.inputSize632 {
    width: 632px !important;
    max-width: 632px !important;
}
.inputSize632 input {
    width: 632px !important;
    max-width: 632px !important;
}
.inputSize633 {
    width: 633px !important;
    max-width: 633px !important;
}
.inputSize633 input {
    width: 633px !important;
    max-width: 633px !important;
}
.inputSize634 {
    width: 634px !important;
    max-width: 634px !important;
}
.inputSize634 input {
    width: 634px !important;
    max-width: 634px !important;
}
.inputSize635 {
    width: 635px !important;
    max-width: 635px !important;
}
.inputSize635 input {
    width: 635px !important;
    max-width: 635px !important;
}
.inputSize636 {
    width: 636px !important;
    max-width: 636px !important;
}
.inputSize636 input {
    width: 636px !important;
    max-width: 636px !important;
}
.inputSize637 {
    width: 637px !important;
    max-width: 637px !important;
}
.inputSize637 input {
    width: 637px !important;
    max-width: 637px !important;
}
.inputSize638 {
    width: 638px !important;
    max-width: 638px !important;
}
.inputSize638 input {
    width: 638px !important;
    max-width: 638px !important;
}
.inputSize639 {
    width: 639px !important;
    max-width: 639px !important;
}
.inputSize639 input {
    width: 639px !important;
    max-width: 639px !important;
}
.inputSize640 {
    width: 640px !important;
    max-width: 640px !important;
}
.inputSize640 input {
    width: 640px !important;
    max-width: 640px !important;
}
.inputSize641 {
    width: 641px !important;
    max-width: 641px !important;
}
.inputSize641 input {
    width: 641px !important;
    max-width: 641px !important;
}
.inputSize642 {
    width: 642px !important;
    max-width: 642px !important;
}
.inputSize642 input {
    width: 642px !important;
    max-width: 642px !important;
}
.inputSize643 {
    width: 643px !important;
    max-width: 643px !important;
}
.inputSize643 input {
    width: 643px !important;
    max-width: 643px !important;
}
.inputSize644 {
    width: 644px !important;
    max-width: 644px !important;
}
.inputSize644 input {
    width: 644px !important;
    max-width: 644px !important;
}
.inputSize645 {
    width: 645px !important;
    max-width: 645px !important;
}
.inputSize645 input {
    width: 645px !important;
    max-width: 645px !important;
}
.inputSize646 {
    width: 646px !important;
    max-width: 646px !important;
}
.inputSize646 input {
    width: 646px !important;
    max-width: 646px !important;
}
.inputSize647 {
    width: 647px !important;
    max-width: 647px !important;
}
.inputSize647 input {
    width: 647px !important;
    max-width: 647px !important;
}
.inputSize648 {
    width: 648px !important;
    max-width: 648px !important;
}
.inputSize648 input {
    width: 648px !important;
    max-width: 648px !important;
}
.inputSize649 {
    width: 649px !important;
    max-width: 649px !important;
}
.inputSize649 input {
    width: 649px !important;
    max-width: 649px !important;
}
.inputSize650 {
    width: 650px !important;
    max-width: 650px !important;
}
.inputSize650 input {
    width: 650px !important;
    max-width: 650px !important;
}
.inputSize651 {
    width: 651px !important;
    max-width: 651px !important;
}
.inputSize651 input {
    width: 651px !important;
    max-width: 651px !important;
}
.inputSize652 {
    width: 652px !important;
    max-width: 652px !important;
}
.inputSize652 input {
    width: 652px !important;
    max-width: 652px !important;
}
.inputSize653 {
    width: 653px !important;
    max-width: 653px !important;
}
.inputSize653 input {
    width: 653px !important;
    max-width: 653px !important;
}
.inputSize654 {
    width: 654px !important;
    max-width: 654px !important;
}
.inputSize654 input {
    width: 654px !important;
    max-width: 654px !important;
}
.inputSize655 {
    width: 655px !important;
    max-width: 655px !important;
}
.inputSize655 input {
    width: 655px !important;
    max-width: 655px !important;
}
.inputSize656 {
    width: 656px !important;
    max-width: 656px !important;
}
.inputSize656 input {
    width: 656px !important;
    max-width: 656px !important;
}
.inputSize657 {
    width: 657px !important;
    max-width: 657px !important;
}
.inputSize657 input {
    width: 657px !important;
    max-width: 657px !important;
}
.inputSize658 {
    width: 658px !important;
    max-width: 658px !important;
}
.inputSize658 input {
    width: 658px !important;
    max-width: 658px !important;
}
.inputSize659 {
    width: 659px !important;
    max-width: 659px !important;
}
.inputSize659 input {
    width: 659px !important;
    max-width: 659px !important;
}
.inputSize660 {
    width: 660px !important;
    max-width: 660px !important;
}
.inputSize660 input {
    width: 660px !important;
    max-width: 660px !important;
}
.inputSize661 {
    width: 661px !important;
    max-width: 661px !important;
}
.inputSize661 input {
    width: 661px !important;
    max-width: 661px !important;
}
.inputSize662 {
    width: 662px !important;
    max-width: 662px !important;
}
.inputSize662 input {
    width: 662px !important;
    max-width: 662px !important;
}
.inputSize663 {
    width: 663px !important;
    max-width: 663px !important;
}
.inputSize663 input {
    width: 663px !important;
    max-width: 663px !important;
}
.inputSize664 {
    width: 664px !important;
    max-width: 664px !important;
}
.inputSize664 input {
    width: 664px !important;
    max-width: 664px !important;
}
.inputSize665 {
    width: 665px !important;
    max-width: 665px !important;
}
.inputSize665 input {
    width: 665px !important;
    max-width: 665px !important;
}
.inputSize666 {
    width: 666px !important;
    max-width: 666px !important;
}
.inputSize666 input {
    width: 666px !important;
    max-width: 666px !important;
}
.inputSize667 {
    width: 667px !important;
    max-width: 667px !important;
}
.inputSize667 input {
    width: 667px !important;
    max-width: 667px !important;
}
.inputSize668 {
    width: 668px !important;
    max-width: 668px !important;
}
.inputSize668 input {
    width: 668px !important;
    max-width: 668px !important;
}
.inputSize669 {
    width: 669px !important;
    max-width: 669px !important;
}
.inputSize669 input {
    width: 669px !important;
    max-width: 669px !important;
}
.inputSize670 {
    width: 670px !important;
    max-width: 670px !important;
}
.inputSize670 input {
    width: 670px !important;
    max-width: 670px !important;
}
.inputSize671 {
    width: 671px !important;
    max-width: 671px !important;
}
.inputSize671 input {
    width: 671px !important;
    max-width: 671px !important;
}
.inputSize672 {
    width: 672px !important;
    max-width: 672px !important;
}
.inputSize672 input {
    width: 672px !important;
    max-width: 672px !important;
}
.inputSize673 {
    width: 673px !important;
    max-width: 673px !important;
}
.inputSize673 input {
    width: 673px !important;
    max-width: 673px !important;
}
.inputSize674 {
    width: 674px !important;
    max-width: 674px !important;
}
.inputSize674 input {
    width: 674px !important;
    max-width: 674px !important;
}
.inputSize675 {
    width: 675px !important;
    max-width: 675px !important;
}
.inputSize675 input {
    width: 675px !important;
    max-width: 675px !important;
}
.inputSize676 {
    width: 676px !important;
    max-width: 676px !important;
}
.inputSize676 input {
    width: 676px !important;
    max-width: 676px !important;
}
.inputSize677 {
    width: 677px !important;
    max-width: 677px !important;
}
.inputSize677 input {
    width: 677px !important;
    max-width: 677px !important;
}
.inputSize678 {
    width: 678px !important;
    max-width: 678px !important;
}
.inputSize678 input {
    width: 678px !important;
    max-width: 678px !important;
}
.inputSize679 {
    width: 679px !important;
    max-width: 679px !important;
}
.inputSize679 input {
    width: 679px !important;
    max-width: 679px !important;
}
.inputSize680 {
    width: 680px !important;
    max-width: 680px !important;
}
.inputSize680 input {
    width: 680px !important;
    max-width: 680px !important;
}
.inputSize681 {
    width: 681px !important;
    max-width: 681px !important;
}
.inputSize681 input {
    width: 681px !important;
    max-width: 681px !important;
}
.inputSize682 {
    width: 682px !important;
    max-width: 682px !important;
}
.inputSize682 input {
    width: 682px !important;
    max-width: 682px !important;
}
.inputSize683 {
    width: 683px !important;
    max-width: 683px !important;
}
.inputSize683 input {
    width: 683px !important;
    max-width: 683px !important;
}
.inputSize684 {
    width: 684px !important;
    max-width: 684px !important;
}
.inputSize684 input {
    width: 684px !important;
    max-width: 684px !important;
}
.inputSize685 {
    width: 685px !important;
    max-width: 685px !important;
}
.inputSize685 input {
    width: 685px !important;
    max-width: 685px !important;
}
.inputSize686 {
    width: 686px !important;
    max-width: 686px !important;
}
.inputSize686 input {
    width: 686px !important;
    max-width: 686px !important;
}
.inputSize687 {
    width: 687px !important;
    max-width: 687px !important;
}
.inputSize687 input {
    width: 687px !important;
    max-width: 687px !important;
}
.inputSize688 {
    width: 688px !important;
    max-width: 688px !important;
}
.inputSize688 input {
    width: 688px !important;
    max-width: 688px !important;
}
.inputSize689 {
    width: 689px !important;
    max-width: 689px !important;
}
.inputSize689 input {
    width: 689px !important;
    max-width: 689px !important;
}
.inputSize690 {
    width: 690px !important;
    max-width: 690px !important;
}
.inputSize690 input {
    width: 690px !important;
    max-width: 690px !important;
}
.inputSize691 {
    width: 691px !important;
    max-width: 691px !important;
}
.inputSize691 input {
    width: 691px !important;
    max-width: 691px !important;
}
.inputSize692 {
    width: 692px !important;
    max-width: 692px !important;
}
.inputSize692 input {
    width: 692px !important;
    max-width: 692px !important;
}
.inputSize693 {
    width: 693px !important;
    max-width: 693px !important;
}
.inputSize693 input {
    width: 693px !important;
    max-width: 693px !important;
}
.inputSize694 {
    width: 694px !important;
    max-width: 694px !important;
}
.inputSize694 input {
    width: 694px !important;
    max-width: 694px !important;
}
.inputSize695 {
    width: 695px !important;
    max-width: 695px !important;
}
.inputSize695 input {
    width: 695px !important;
    max-width: 695px !important;
}
.inputSize696 {
    width: 696px !important;
    max-width: 696px !important;
}
.inputSize696 input {
    width: 696px !important;
    max-width: 696px !important;
}
.inputSize697 {
    width: 697px !important;
    max-width: 697px !important;
}
.inputSize697 input {
    width: 697px !important;
    max-width: 697px !important;
}
.inputSize698 {
    width: 698px !important;
    max-width: 698px !important;
}
.inputSize698 input {
    width: 698px !important;
    max-width: 698px !important;
}
.inputSize699 {
    width: 699px !important;
    max-width: 699px !important;
}
.inputSize699 input {
    width: 699px !important;
    max-width: 699px !important;
}
.inputSize700 {
    width: 700px !important;
    max-width: 700px !important;
}
.inputSize700 input {
    width: 700px !important;
    max-width: 700px !important;
}
.inputSize701 {
    width: 701px !important;
    max-width: 701px !important;
}
.inputSize701 input {
    width: 701px !important;
    max-width: 701px !important;
}
.inputSize702 {
    width: 702px !important;
    max-width: 702px !important;
}
.inputSize702 input {
    width: 702px !important;
    max-width: 702px !important;
}
.inputSize703 {
    width: 703px !important;
    max-width: 703px !important;
}
.inputSize703 input {
    width: 703px !important;
    max-width: 703px !important;
}
.inputSize704 {
    width: 704px !important;
    max-width: 704px !important;
}
.inputSize704 input {
    width: 704px !important;
    max-width: 704px !important;
}
.inputSize705 {
    width: 705px !important;
    max-width: 705px !important;
}
.inputSize705 input {
    width: 705px !important;
    max-width: 705px !important;
}
.inputSize706 {
    width: 706px !important;
    max-width: 706px !important;
}
.inputSize706 input {
    width: 706px !important;
    max-width: 706px !important;
}
.inputSize707 {
    width: 707px !important;
    max-width: 707px !important;
}
.inputSize707 input {
    width: 707px !important;
    max-width: 707px !important;
}
.inputSize708 {
    width: 708px !important;
    max-width: 708px !important;
}
.inputSize708 input {
    width: 708px !important;
    max-width: 708px !important;
}
.inputSize709 {
    width: 709px !important;
    max-width: 709px !important;
}
.inputSize709 input {
    width: 709px !important;
    max-width: 709px !important;
}
.inputSize710 {
    width: 710px !important;
    max-width: 710px !important;
}
.inputSize710 input {
    width: 710px !important;
    max-width: 710px !important;
}
.inputSize711 {
    width: 711px !important;
    max-width: 711px !important;
}
.inputSize711 input {
    width: 711px !important;
    max-width: 711px !important;
}
.inputSize712 {
    width: 712px !important;
    max-width: 712px !important;
}
.inputSize712 input {
    width: 712px !important;
    max-width: 712px !important;
}
.inputSize713 {
    width: 713px !important;
    max-width: 713px !important;
}
.inputSize713 input {
    width: 713px !important;
    max-width: 713px !important;
}
.inputSize714 {
    width: 714px !important;
    max-width: 714px !important;
}
.inputSize714 input {
    width: 714px !important;
    max-width: 714px !important;
}
.inputSize715 {
    width: 715px !important;
    max-width: 715px !important;
}
.inputSize715 input {
    width: 715px !important;
    max-width: 715px !important;
}
.inputSize716 {
    width: 716px !important;
    max-width: 716px !important;
}
.inputSize716 input {
    width: 716px !important;
    max-width: 716px !important;
}
.inputSize717 {
    width: 717px !important;
    max-width: 717px !important;
}
.inputSize717 input {
    width: 717px !important;
    max-width: 717px !important;
}
.inputSize718 {
    width: 718px !important;
    max-width: 718px !important;
}
.inputSize718 input {
    width: 718px !important;
    max-width: 718px !important;
}
.inputSize719 {
    width: 719px !important;
    max-width: 719px !important;
}
.inputSize719 input {
    width: 719px !important;
    max-width: 719px !important;
}
.inputSize720 {
    width: 720px !important;
    max-width: 720px !important;
}
.inputSize720 input {
    width: 720px !important;
    max-width: 720px !important;
}
.inputSize721 {
    width: 721px !important;
    max-width: 721px !important;
}
.inputSize721 input {
    width: 721px !important;
    max-width: 721px !important;
}
.inputSize722 {
    width: 722px !important;
    max-width: 722px !important;
}
.inputSize722 input {
    width: 722px !important;
    max-width: 722px !important;
}
.inputSize723 {
    width: 723px !important;
    max-width: 723px !important;
}
.inputSize723 input {
    width: 723px !important;
    max-width: 723px !important;
}
.inputSize724 {
    width: 724px !important;
    max-width: 724px !important;
}
.inputSize724 input {
    width: 724px !important;
    max-width: 724px !important;
}
.inputSize725 {
    width: 725px !important;
    max-width: 725px !important;
}
.inputSize725 input {
    width: 725px !important;
    max-width: 725px !important;
}
.inputSize726 {
    width: 726px !important;
    max-width: 726px !important;
}
.inputSize726 input {
    width: 726px !important;
    max-width: 726px !important;
}
.inputSize727 {
    width: 727px !important;
    max-width: 727px !important;
}
.inputSize727 input {
    width: 727px !important;
    max-width: 727px !important;
}
.inputSize728 {
    width: 728px !important;
    max-width: 728px !important;
}
.inputSize728 input {
    width: 728px !important;
    max-width: 728px !important;
}
.inputSize729 {
    width: 729px !important;
    max-width: 729px !important;
}
.inputSize729 input {
    width: 729px !important;
    max-width: 729px !important;
}
.inputSize730 {
    width: 730px !important;
    max-width: 730px !important;
}
.inputSize730 input {
    width: 730px !important;
    max-width: 730px !important;
}
.inputSize731 {
    width: 731px !important;
    max-width: 731px !important;
}
.inputSize731 input {
    width: 731px !important;
    max-width: 731px !important;
}
.inputSize732 {
    width: 732px !important;
    max-width: 732px !important;
}
.inputSize732 input {
    width: 732px !important;
    max-width: 732px !important;
}
.inputSize733 {
    width: 733px !important;
    max-width: 733px !important;
}
.inputSize733 input {
    width: 733px !important;
    max-width: 733px !important;
}
.inputSize734 {
    width: 734px !important;
    max-width: 734px !important;
}
.inputSize734 input {
    width: 734px !important;
    max-width: 734px !important;
}
.inputSize735 {
    width: 735px !important;
    max-width: 735px !important;
}
.inputSize735 input {
    width: 735px !important;
    max-width: 735px !important;
}
.inputSize736 {
    width: 736px !important;
    max-width: 736px !important;
}
.inputSize736 input {
    width: 736px !important;
    max-width: 736px !important;
}
.inputSize737 {
    width: 737px !important;
    max-width: 737px !important;
}
.inputSize737 input {
    width: 737px !important;
    max-width: 737px !important;
}
.inputSize738 {
    width: 738px !important;
    max-width: 738px !important;
}
.inputSize738 input {
    width: 738px !important;
    max-width: 738px !important;
}
.inputSize739 {
    width: 739px !important;
    max-width: 739px !important;
}
.inputSize739 input {
    width: 739px !important;
    max-width: 739px !important;
}
.inputSize740 {
    width: 740px !important;
    max-width: 740px !important;
}
.inputSize740 input {
    width: 740px !important;
    max-width: 740px !important;
}
.inputSize741 {
    width: 741px !important;
    max-width: 741px !important;
}
.inputSize741 input {
    width: 741px !important;
    max-width: 741px !important;
}
.inputSize742 {
    width: 742px !important;
    max-width: 742px !important;
}
.inputSize742 input {
    width: 742px !important;
    max-width: 742px !important;
}
.inputSize743 {
    width: 743px !important;
    max-width: 743px !important;
}
.inputSize743 input {
    width: 743px !important;
    max-width: 743px !important;
}
.inputSize744 {
    width: 744px !important;
    max-width: 744px !important;
}
.inputSize744 input {
    width: 744px !important;
    max-width: 744px !important;
}
.inputSize745 {
    width: 745px !important;
    max-width: 745px !important;
}
.inputSize745 input {
    width: 745px !important;
    max-width: 745px !important;
}
.inputSize746 {
    width: 746px !important;
    max-width: 746px !important;
}
.inputSize746 input {
    width: 746px !important;
    max-width: 746px !important;
}
.inputSize747 {
    width: 747px !important;
    max-width: 747px !important;
}
.inputSize747 input {
    width: 747px !important;
    max-width: 747px !important;
}
.inputSize748 {
    width: 748px !important;
    max-width: 748px !important;
}
.inputSize748 input {
    width: 748px !important;
    max-width: 748px !important;
}
.inputSize749 {
    width: 749px !important;
    max-width: 749px !important;
}
.inputSize749 input {
    width: 749px !important;
    max-width: 749px !important;
}
.inputSize750 {
    width: 750px !important;
    max-width: 750px !important;
}
.inputSize750 input {
    width: 750px !important;
    max-width: 750px !important;
}
.inputSize751 {
    width: 751px !important;
    max-width: 751px !important;
}
.inputSize751 input {
    width: 751px !important;
    max-width: 751px !important;
}
.inputSize752 {
    width: 752px !important;
    max-width: 752px !important;
}
.inputSize752 input {
    width: 752px !important;
    max-width: 752px !important;
}
.inputSize753 {
    width: 753px !important;
    max-width: 753px !important;
}
.inputSize753 input {
    width: 753px !important;
    max-width: 753px !important;
}
.inputSize754 {
    width: 754px !important;
    max-width: 754px !important;
}
.inputSize754 input {
    width: 754px !important;
    max-width: 754px !important;
}
.inputSize755 {
    width: 755px !important;
    max-width: 755px !important;
}
.inputSize755 input {
    width: 755px !important;
    max-width: 755px !important;
}
.inputSize756 {
    width: 756px !important;
    max-width: 756px !important;
}
.inputSize756 input {
    width: 756px !important;
    max-width: 756px !important;
}
.inputSize757 {
    width: 757px !important;
    max-width: 757px !important;
}
.inputSize757 input {
    width: 757px !important;
    max-width: 757px !important;
}
.inputSize758 {
    width: 758px !important;
    max-width: 758px !important;
}
.inputSize758 input {
    width: 758px !important;
    max-width: 758px !important;
}
.inputSize759 {
    width: 759px !important;
    max-width: 759px !important;
}
.inputSize759 input {
    width: 759px !important;
    max-width: 759px !important;
}
.inputSize760 {
    width: 760px !important;
    max-width: 760px !important;
}
.inputSize760 input {
    width: 760px !important;
    max-width: 760px !important;
}
.inputSize761 {
    width: 761px !important;
    max-width: 761px !important;
}
.inputSize761 input {
    width: 761px !important;
    max-width: 761px !important;
}
.inputSize762 {
    width: 762px !important;
    max-width: 762px !important;
}
.inputSize762 input {
    width: 762px !important;
    max-width: 762px !important;
}
.inputSize763 {
    width: 763px !important;
    max-width: 763px !important;
}
.inputSize763 input {
    width: 763px !important;
    max-width: 763px !important;
}
.inputSize764 {
    width: 764px !important;
    max-width: 764px !important;
}
.inputSize764 input {
    width: 764px !important;
    max-width: 764px !important;
}
.inputSize765 {
    width: 765px !important;
    max-width: 765px !important;
}
.inputSize765 input {
    width: 765px !important;
    max-width: 765px !important;
}
.inputSize766 {
    width: 766px !important;
    max-width: 766px !important;
}
.inputSize766 input {
    width: 766px !important;
    max-width: 766px !important;
}
.inputSize767 {
    width: 767px !important;
    max-width: 767px !important;
}
.inputSize767 input {
    width: 767px !important;
    max-width: 767px !important;
}
.inputSize768 {
    width: 768px !important;
    max-width: 768px !important;
}
.inputSize768 input {
    width: 768px !important;
    max-width: 768px !important;
}
.inputSize769 {
    width: 769px !important;
    max-width: 769px !important;
}
.inputSize769 input {
    width: 769px !important;
    max-width: 769px !important;
}
.inputSize770 {
    width: 770px !important;
    max-width: 770px !important;
}
.inputSize770 input {
    width: 770px !important;
    max-width: 770px !important;
}
.inputSize771 {
    width: 771px !important;
    max-width: 771px !important;
}
.inputSize771 input {
    width: 771px !important;
    max-width: 771px !important;
}
.inputSize772 {
    width: 772px !important;
    max-width: 772px !important;
}
.inputSize772 input {
    width: 772px !important;
    max-width: 772px !important;
}
.inputSize773 {
    width: 773px !important;
    max-width: 773px !important;
}
.inputSize773 input {
    width: 773px !important;
    max-width: 773px !important;
}
.inputSize774 {
    width: 774px !important;
    max-width: 774px !important;
}
.inputSize774 input {
    width: 774px !important;
    max-width: 774px !important;
}
.inputSize775 {
    width: 775px !important;
    max-width: 775px !important;
}
.inputSize775 input {
    width: 775px !important;
    max-width: 775px !important;
}
.inputSize776 {
    width: 776px !important;
    max-width: 776px !important;
}
.inputSize776 input {
    width: 776px !important;
    max-width: 776px !important;
}
.inputSize777 {
    width: 777px !important;
    max-width: 777px !important;
}
.inputSize777 input {
    width: 777px !important;
    max-width: 777px !important;
}
.inputSize778 {
    width: 778px !important;
    max-width: 778px !important;
}
.inputSize778 input {
    width: 778px !important;
    max-width: 778px !important;
}
.inputSize779 {
    width: 779px !important;
    max-width: 779px !important;
}
.inputSize779 input {
    width: 779px !important;
    max-width: 779px !important;
}
.inputSize780 {
    width: 780px !important;
    max-width: 780px !important;
}
.inputSize780 input {
    width: 780px !important;
    max-width: 780px !important;
}
.inputSize781 {
    width: 781px !important;
    max-width: 781px !important;
}
.inputSize781 input {
    width: 781px !important;
    max-width: 781px !important;
}
.inputSize782 {
    width: 782px !important;
    max-width: 782px !important;
}
.inputSize782 input {
    width: 782px !important;
    max-width: 782px !important;
}
.inputSize783 {
    width: 783px !important;
    max-width: 783px !important;
}
.inputSize783 input {
    width: 783px !important;
    max-width: 783px !important;
}
.inputSize784 {
    width: 784px !important;
    max-width: 784px !important;
}
.inputSize784 input {
    width: 784px !important;
    max-width: 784px !important;
}
.inputSize785 {
    width: 785px !important;
    max-width: 785px !important;
}
.inputSize785 input {
    width: 785px !important;
    max-width: 785px !important;
}
.inputSize786 {
    width: 786px !important;
    max-width: 786px !important;
}
.inputSize786 input {
    width: 786px !important;
    max-width: 786px !important;
}
.inputSize787 {
    width: 787px !important;
    max-width: 787px !important;
}
.inputSize787 input {
    width: 787px !important;
    max-width: 787px !important;
}
.inputSize788 {
    width: 788px !important;
    max-width: 788px !important;
}
.inputSize788 input {
    width: 788px !important;
    max-width: 788px !important;
}
.inputSize789 {
    width: 789px !important;
    max-width: 789px !important;
}
.inputSize789 input {
    width: 789px !important;
    max-width: 789px !important;
}
.inputSize790 {
    width: 790px !important;
    max-width: 790px !important;
}
.inputSize790 input {
    width: 790px !important;
    max-width: 790px !important;
}
.inputSize791 {
    width: 791px !important;
    max-width: 791px !important;
}
.inputSize791 input {
    width: 791px !important;
    max-width: 791px !important;
}
.inputSize792 {
    width: 792px !important;
    max-width: 792px !important;
}
.inputSize792 input {
    width: 792px !important;
    max-width: 792px !important;
}
.inputSize793 {
    width: 793px !important;
    max-width: 793px !important;
}
.inputSize793 input {
    width: 793px !important;
    max-width: 793px !important;
}
.inputSize794 {
    width: 794px !important;
    max-width: 794px !important;
}
.inputSize794 input {
    width: 794px !important;
    max-width: 794px !important;
}
.inputSize795 {
    width: 795px !important;
    max-width: 795px !important;
}
.inputSize795 input {
    width: 795px !important;
    max-width: 795px !important;
}
.inputSize796 {
    width: 796px !important;
    max-width: 796px !important;
}
.inputSize796 input {
    width: 796px !important;
    max-width: 796px !important;
}
.inputSize797 {
    width: 797px !important;
    max-width: 797px !important;
}
.inputSize797 input {
    width: 797px !important;
    max-width: 797px !important;
}
.inputSize798 {
    width: 798px !important;
    max-width: 798px !important;
}
.inputSize798 input {
    width: 798px !important;
    max-width: 798px !important;
}
.inputSize799 {
    width: 799px !important;
    max-width: 799px !important;
}
.inputSize799 input {
    width: 799px !important;
    max-width: 799px !important;
}
.inputSize800 {
    width: 800px !important;
    max-width: 800px !important;
}
.inputSize800 input {
    width: 800px !important;
    max-width: 800px !important;
}

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

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

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

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

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

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

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

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

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

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

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

/* 3D Effects */
.swiper-container-3d {
    -webkit-perspective: 1200px;
    perspective: 1200px;
}

.swiper-container-3d .swiper-wrapper,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-cube-shadow {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10;
}

.swiper-container-3d .swiper-slide-shadow-left {
    background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
    background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
    background-image: -o-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
    background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-container-3d .swiper-slide-shadow-right {
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
    background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
    background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-container-3d .swiper-slide-shadow-top {
    background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
    background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
    background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
    background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-container-3d .swiper-slide-shadow-bottom {
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
    background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
    background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@-webkit-keyframes swiper-preloader-spin {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@keyframes swiper-preloader-spin {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
/* a11y */
.swiper-container .swiper-notification {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    opacity: 0;
    z-index: -1000;
}

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

.swiper-container-fade .swiper-slide {
    pointer-events: none;
    -webkit-transition-property: opacity;
    -o-transition-property: opacity;
    transition-property: opacity;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

:root {
    --animate-duration: 1s;
    --animate-delay: 1s;
    --animate-repeat: 1;
}

.effect {
    opacity: 0;
    -webkit-animation-play-state: paused;
    -moz-animation-play-state: paused;
    -ms-animation-play-state: paused;
    -o-animation-play-state: paused;
    animation-play-state: paused;
}

.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-duration: var(--animate-duration);
    animation-duration: var(--animate-duration);
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    opacity: 1;
}

.animated.infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}

.animated.repeat-1 {
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-iteration-count: var(--animate-repeat);
    animation-iteration-count: var(--animate-repeat);
}

.animated.repeat-2 {
    -webkit-animation-iteration-count: 2;
    animation-iteration-count: 2;
    -webkit-animation-iteration-count: calc(var(--animate-repeat) * 2);
    animation-iteration-count: calc(var(--animate-repeat) * 2);
}

.animated.repeat-3 {
    -webkit-animation-iteration-count: 3;
    animation-iteration-count: 3;
    -webkit-animation-iteration-count: calc(var(--animate-repeat) * 3);
    animation-iteration-count: calc(var(--animate-repeat) * 3);
}

.animated.delay-02s {
    -webkit-animation-delay: 0.2s;
    animation-delay: 0.2s;
}

.animated.delay-04s {
    -webkit-animation-delay: 0.4s;
    animation-delay: 0.4s;
}

.animated.delay-06s {
    -webkit-animation-delay: 0.6s;
    animation-delay: 0.6s;
}

.animated.delay-08s {
    -webkit-animation-delay: 0.8s;
    animation-delay: 0.8s;
}

.animated.delay-1s {
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
    -webkit-animation-delay: var(--animate-delay);
    animation-delay: var(--animate-delay);
}

.animated.delay-2s {
    -webkit-animation-delay: 2s;
    animation-delay: 2s;
    -webkit-animation-delay: calc(var(--animate-delay) * 2);
    animation-delay: calc(var(--animate-delay) * 2);
}

.animated.delay-3s {
    -webkit-animation-delay: 3s;
    animation-delay: 3s;
    -webkit-animation-delay: calc(var(--animate-delay) * 3);
    animation-delay: calc(var(--animate-delay) * 3);
}

.animated.delay-4s {
    -webkit-animation-delay: 4s;
    animation-delay: 4s;
    -webkit-animation-delay: calc(var(--animate-delay) * 4);
    animation-delay: calc(var(--animate-delay) * 4);
}

.animated.delay-5s {
    -webkit-animation-delay: 5s;
    animation-delay: 5s;
    -webkit-animation-delay: calc(var(--animate-delay) * 5);
    animation-delay: calc(var(--animate-delay) * 5);
}

.animated.delay-6s {
    -webkit-animation-delay: 6s;
    animation-delay: 6s;
    -webkit-animation-delay: calc(var(--animate-delay) * 6);
    animation-delay: calc(var(--animate-delay) * 6);
}

.animated.faster {
    -webkit-animation-duration: 0.5s;
    animation-duration: 0.5s;
    -webkit-animation-duration: calc(var(--animate-duration) / 2);
    animation-duration: calc(var(--animate-duration) / 2);
}

.animated.fast {
    -webkit-animation-duration: 0.8s;
    animation-duration: 0.8s;
    -webkit-animation-duration: calc(var(--animate-duration) * 0.8);
    animation-duration: calc(var(--animate-duration) * 0.8);
}

.animated.slow {
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-duration: calc(var(--animate-duration) * 2);
    animation-duration: calc(var(--animate-duration) * 2);
}

.animated.slower {
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
    -webkit-animation-duration: calc(var(--animate-duration) * 3);
    animation-duration: calc(var(--animate-duration) * 3);
}

@media print, (prefers-reduced-motion: reduce) {
    .animated {
        -webkit-animation-duration: 1ms !important;
        animation-duration: 1ms !important;
        -webkit-transition-duration: 1ms !important;
        transition-duration: 1ms !important;
        -webkit-animation-iteration-count: 1 !important;
        animation-iteration-count: 1 !important;
    }

    .animated[class*=Out] {
        opacity: 0;
    }
}
/* Attention seekers  */
@-webkit-keyframes bounce {
    from, 20%, 53%, to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    40%, 43% {
        -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        -webkit-transform: translate3d(0, -30px, 0) scaleY(1.1);
        transform: translate3d(0, -30px, 0) scaleY(1.1);
    }
    70% {
        -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        -webkit-transform: translate3d(0, -15px, 0) scaleY(1.05);
        transform: translate3d(0, -15px, 0) scaleY(1.05);
    }
    80% {
        -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        -webkit-transform: translate3d(0, 0, 0) scaleY(0.95);
        transform: translate3d(0, 0, 0) scaleY(0.95);
    }
    90% {
        -webkit-transform: translate3d(0, -4px, 0) scaleY(1.02);
        transform: translate3d(0, -4px, 0) scaleY(1.02);
    }
}
@keyframes bounce {
    from, 20%, 53%, to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    40%, 43% {
        -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        -webkit-transform: translate3d(0, -30px, 0) scaleY(1.1);
        transform: translate3d(0, -30px, 0) scaleY(1.1);
    }
    70% {
        -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        -webkit-transform: translate3d(0, -15px, 0) scaleY(1.05);
        transform: translate3d(0, -15px, 0) scaleY(1.05);
    }
    80% {
        -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        -webkit-transform: translate3d(0, 0, 0) scaleY(0.95);
        transform: translate3d(0, 0, 0) scaleY(0.95);
    }
    90% {
        -webkit-transform: translate3d(0, -4px, 0) scaleY(1.02);
        transform: translate3d(0, -4px, 0) scaleY(1.02);
    }
}
[data-animated=bounce] {
    -webkit-animation-name: bounce;
    animation-name: bounce;
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
}

@-webkit-keyframes flash {
    from, 50%, to {
        opacity: 1;
    }
    25%, 75% {
        opacity: 0;
    }
}
@keyframes flash {
    from, 50%, to {
        opacity: 1;
    }
    25%, 75% {
        opacity: 0;
    }
}
[data-animated=flash] {
    -webkit-animation-name: flash;
    animation-name: flash;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes pulse {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
    50% {
        -webkit-transform: scale3d(1.05, 1.05, 1.05);
        transform: scale3d(1.05, 1.05, 1.05);
    }
    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}
@keyframes pulse {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
    50% {
        -webkit-transform: scale3d(1.05, 1.05, 1.05);
        transform: scale3d(1.05, 1.05, 1.05);
    }
    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}
[data-animated=pulse] {
    -webkit-animation-name: pulse;
    animation-name: pulse;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
}

@-webkit-keyframes rubberBand {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
    30% {
        -webkit-transform: scale3d(1.25, 0.75, 1);
        transform: scale3d(1.25, 0.75, 1);
    }
    40% {
        -webkit-transform: scale3d(0.75, 1.25, 1);
        transform: scale3d(0.75, 1.25, 1);
    }
    50% {
        -webkit-transform: scale3d(1.15, 0.85, 1);
        transform: scale3d(1.15, 0.85, 1);
    }
    65% {
        -webkit-transform: scale3d(0.95, 1.05, 1);
        transform: scale3d(0.95, 1.05, 1);
    }
    75% {
        -webkit-transform: scale3d(1.05, 0.95, 1);
        transform: scale3d(1.05, 0.95, 1);
    }
    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}
@keyframes rubberBand {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
    30% {
        -webkit-transform: scale3d(1.25, 0.75, 1);
        transform: scale3d(1.25, 0.75, 1);
    }
    40% {
        -webkit-transform: scale3d(0.75, 1.25, 1);
        transform: scale3d(0.75, 1.25, 1);
    }
    50% {
        -webkit-transform: scale3d(1.15, 0.85, 1);
        transform: scale3d(1.15, 0.85, 1);
    }
    65% {
        -webkit-transform: scale3d(0.95, 1.05, 1);
        transform: scale3d(0.95, 1.05, 1);
    }
    75% {
        -webkit-transform: scale3d(1.05, 0.95, 1);
        transform: scale3d(1.05, 0.95, 1);
    }
    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}
[data-animated=rubberBand] {
    -webkit-animation-name: rubberBand;
    animation-name: rubberBand;
}

@-webkit-keyframes shakeX {
    from, to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    10%, 30%, 50%, 70%, 90% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0);
    }
    20%, 40%, 60%, 80% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0);
    }
}
@keyframes shakeX {
    from, to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    10%, 30%, 50%, 70%, 90% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0);
    }
    20%, 40%, 60%, 80% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0);
    }
}
[data-animated=shakeX] {
    -webkit-animation-name: shakeX;
    animation-name: shakeX;
}

@-webkit-keyframes shakeY {
    from, to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    10%, 30%, 50%, 70%, 90% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0);
    }
    20%, 40%, 60%, 80% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0);
    }
}
@keyframes shakeY {
    from, to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    10%, 30%, 50%, 70%, 90% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0);
    }
    20%, 40%, 60%, 80% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0);
    }
}
[data-animated=shakeY] {
    -webkit-animation-name: shakeY;
    animation-name: shakeY;
}

@-webkit-keyframes headShake {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
    6.5% {
        -webkit-transform: translateX(-6px) rotateY(-9deg);
        transform: translateX(-6px) rotateY(-9deg);
    }
    18.5% {
        -webkit-transform: translateX(5px) rotateY(7deg);
        transform: translateX(5px) rotateY(7deg);
    }
    31.5% {
        -webkit-transform: translateX(-3px) rotateY(-5deg);
        transform: translateX(-3px) rotateY(-5deg);
    }
    43.5% {
        -webkit-transform: translateX(2px) rotateY(3deg);
        transform: translateX(2px) rotateY(3deg);
    }
    50% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}
@keyframes headShake {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
    6.5% {
        -webkit-transform: translateX(-6px) rotateY(-9deg);
        transform: translateX(-6px) rotateY(-9deg);
    }
    18.5% {
        -webkit-transform: translateX(5px) rotateY(7deg);
        transform: translateX(5px) rotateY(7deg);
    }
    31.5% {
        -webkit-transform: translateX(-3px) rotateY(-5deg);
        transform: translateX(-3px) rotateY(-5deg);
    }
    43.5% {
        -webkit-transform: translateX(2px) rotateY(3deg);
        transform: translateX(2px) rotateY(3deg);
    }
    50% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}
[data-animated=headShake] {
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-name: headShake;
    animation-name: headShake;
}

@-webkit-keyframes swing {
    20% {
        -webkit-transform: rotate3d(0, 0, 1, 15deg);
        transform: rotate3d(0, 0, 1, 15deg);
    }
    40% {
        -webkit-transform: rotate3d(0, 0, 1, -10deg);
        transform: rotate3d(0, 0, 1, -10deg);
    }
    60% {
        -webkit-transform: rotate3d(0, 0, 1, 5deg);
        transform: rotate3d(0, 0, 1, 5deg);
    }
    80% {
        -webkit-transform: rotate3d(0, 0, 1, -5deg);
        transform: rotate3d(0, 0, 1, -5deg);
    }
    to {
        -webkit-transform: rotate3d(0, 0, 1, 0deg);
        transform: rotate3d(0, 0, 1, 0deg);
    }
}
@keyframes swing {
    20% {
        -webkit-transform: rotate3d(0, 0, 1, 15deg);
        transform: rotate3d(0, 0, 1, 15deg);
    }
    40% {
        -webkit-transform: rotate3d(0, 0, 1, -10deg);
        transform: rotate3d(0, 0, 1, -10deg);
    }
    60% {
        -webkit-transform: rotate3d(0, 0, 1, 5deg);
        transform: rotate3d(0, 0, 1, 5deg);
    }
    80% {
        -webkit-transform: rotate3d(0, 0, 1, -5deg);
        transform: rotate3d(0, 0, 1, -5deg);
    }
    to {
        -webkit-transform: rotate3d(0, 0, 1, 0deg);
        transform: rotate3d(0, 0, 1, 0deg);
    }
}
[data-animated=swing] {
    -webkit-transform-origin: top center;
    transform-origin: top center;
    -webkit-animation-name: swing;
    animation-name: swing;
}

@-webkit-keyframes tada {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
    10%, 20% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    }
    30%, 50%, 70%, 90% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    }
    40%, 60%, 80% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    }
    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}
@keyframes tada {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
    10%, 20% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    }
    30%, 50%, 70%, 90% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    }
    40%, 60%, 80% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    }
    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}
[data-animated=tada] {
    -webkit-animation-name: tada;
    animation-name: tada;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes wobble {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    15% {
        -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
        transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    }
    30% {
        -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
        transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    }
    45% {
        -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
        transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    }
    60% {
        -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
        transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    }
    75% {
        -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
        transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}
@keyframes wobble {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    15% {
        -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
        transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    }
    30% {
        -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
        transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    }
    45% {
        -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
        transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    }
    60% {
        -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
        transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    }
    75% {
        -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
        transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}
[data-animated=wobble] {
    -webkit-animation-name: wobble;
    animation-name: wobble;
}

@-webkit-keyframes jello {
    from, 11.1%, to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    22.2% {
        -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
        transform: skewX(-12.5deg) skewY(-12.5deg);
    }
    33.3% {
        -webkit-transform: skewX(6.25deg) skewY(6.25deg);
        transform: skewX(6.25deg) skewY(6.25deg);
    }
    44.4% {
        -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
        transform: skewX(-3.125deg) skewY(-3.125deg);
    }
    55.5% {
        -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
        transform: skewX(1.5625deg) skewY(1.5625deg);
    }
    66.6% {
        -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
        transform: skewX(-0.78125deg) skewY(-0.78125deg);
    }
    77.7% {
        -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
        transform: skewX(0.390625deg) skewY(0.390625deg);
    }
    88.8% {
        -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
        transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    }
}
@keyframes jello {
    from, 11.1%, to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    22.2% {
        -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
        transform: skewX(-12.5deg) skewY(-12.5deg);
    }
    33.3% {
        -webkit-transform: skewX(6.25deg) skewY(6.25deg);
        transform: skewX(6.25deg) skewY(6.25deg);
    }
    44.4% {
        -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
        transform: skewX(-3.125deg) skewY(-3.125deg);
    }
    55.5% {
        -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
        transform: skewX(1.5625deg) skewY(1.5625deg);
    }
    66.6% {
        -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
        transform: skewX(-0.78125deg) skewY(-0.78125deg);
    }
    77.7% {
        -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
        transform: skewX(0.390625deg) skewY(0.390625deg);
    }
    88.8% {
        -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
        transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    }
}
[data-animated=jello] {
    -webkit-animation-name: jello;
    animation-name: jello;
    -webkit-transform-origin: center;
    transform-origin: center;
}

@-webkit-keyframes heartBeat {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    14% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3);
    }
    28% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    42% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3);
    }
    70% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}
@keyframes heartBeat {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    14% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3);
    }
    28% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    42% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3);
    }
    70% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}
[data-animated=heartBeat] {
    -webkit-animation-name: heartBeat;
    animation-name: heartBeat;
    -webkit-animation-duration: 1.3s;
    animation-duration: 1.3s;
    -webkit-animation-duration: calc(var(--animate-duration) * 1.3);
    animation-duration: calc(var(--animate-duration) * 1.3);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
}

/* Back entrances */
@-webkit-keyframes backInDown {
    0% {
        -webkit-transform: translateY(-1200px) scale(0.7);
        transform: translateY(-1200px) scale(0.7);
        opacity: 0.7;
    }
    80% {
        -webkit-transform: translateY(0px) scale(0.7);
        transform: translateY(0px) scale(0.7);
        opacity: 0.7;
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }
}
@keyframes backInDown {
    0% {
        -webkit-transform: translateY(-1200px) scale(0.7);
        transform: translateY(-1200px) scale(0.7);
        opacity: 0.7;
    }
    80% {
        -webkit-transform: translateY(0px) scale(0.7);
        transform: translateY(0px) scale(0.7);
        opacity: 0.7;
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }
}
[data-animated=backInDown] {
    -webkit-animation-name: backInDown;
    animation-name: backInDown;
}

@-webkit-keyframes backInLeft {
    0% {
        -webkit-transform: translateX(-2000px) scale(0.7);
        transform: translateX(-2000px) scale(0.7);
        opacity: 0.7;
    }
    80% {
        -webkit-transform: translateX(0px) scale(0.7);
        transform: translateX(0px) scale(0.7);
        opacity: 0.7;
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }
}
@keyframes backInLeft {
    0% {
        -webkit-transform: translateX(-2000px) scale(0.7);
        transform: translateX(-2000px) scale(0.7);
        opacity: 0.7;
    }
    80% {
        -webkit-transform: translateX(0px) scale(0.7);
        transform: translateX(0px) scale(0.7);
        opacity: 0.7;
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }
}
[data-animated=backInLeft] {
    -webkit-animation-name: backInLeft;
    animation-name: backInLeft;
}

@-webkit-keyframes backInRight {
    0% {
        -webkit-transform: translateX(2000px) scale(0.7);
        transform: translateX(2000px) scale(0.7);
        opacity: 0.7;
    }
    80% {
        -webkit-transform: translateX(0px) scale(0.7);
        transform: translateX(0px) scale(0.7);
        opacity: 0.7;
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }
}
@keyframes backInRight {
    0% {
        -webkit-transform: translateX(2000px) scale(0.7);
        transform: translateX(2000px) scale(0.7);
        opacity: 0.7;
    }
    80% {
        -webkit-transform: translateX(0px) scale(0.7);
        transform: translateX(0px) scale(0.7);
        opacity: 0.7;
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }
}
[data-animated=backInRight] {
    -webkit-animation-name: backInRight;
    animation-name: backInRight;
}

@-webkit-keyframes backInUp {
    0% {
        -webkit-transform: translateY(1200px) scale(0.7);
        transform: translateY(1200px) scale(0.7);
        opacity: 0.7;
    }
    80% {
        -webkit-transform: translateY(0px) scale(0.7);
        transform: translateY(0px) scale(0.7);
        opacity: 0.7;
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }
}
@keyframes backInUp {
    0% {
        -webkit-transform: translateY(1200px) scale(0.7);
        transform: translateY(1200px) scale(0.7);
        opacity: 0.7;
    }
    80% {
        -webkit-transform: translateY(0px) scale(0.7);
        transform: translateY(0px) scale(0.7);
        opacity: 0.7;
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }
}
[data-animated=backInUp] {
    -webkit-animation-name: backInUp;
    animation-name: backInUp;
}

/* Back exits */
@-webkit-keyframes backOutDown {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }
    20% {
        -webkit-transform: translateY(0px) scale(0.7);
        transform: translateY(0px) scale(0.7);
        opacity: 0.7;
    }
    100% {
        -webkit-transform: translateY(700px) scale(0.7);
        transform: translateY(700px) scale(0.7);
        opacity: 0.7;
    }
}
@keyframes backOutDown {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }
    20% {
        -webkit-transform: translateY(0px) scale(0.7);
        transform: translateY(0px) scale(0.7);
        opacity: 0.7;
    }
    100% {
        -webkit-transform: translateY(700px) scale(0.7);
        transform: translateY(700px) scale(0.7);
        opacity: 0.7;
    }
}
[data-animated=backOutDown] {
    -webkit-animation-name: backOutDown;
    animation-name: backOutDown;
}

@-webkit-keyframes backOutLeft {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }
    20% {
        -webkit-transform: translateX(0px) scale(0.7);
        transform: translateX(0px) scale(0.7);
        opacity: 0.7;
    }
    100% {
        -webkit-transform: translateX(-2000px) scale(0.7);
        transform: translateX(-2000px) scale(0.7);
        opacity: 0.7;
    }
}
@keyframes backOutLeft {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }
    20% {
        -webkit-transform: translateX(0px) scale(0.7);
        transform: translateX(0px) scale(0.7);
        opacity: 0.7;
    }
    100% {
        -webkit-transform: translateX(-2000px) scale(0.7);
        transform: translateX(-2000px) scale(0.7);
        opacity: 0.7;
    }
}
[data-animated=backOutLeft] {
    -webkit-animation-name: backOutLeft;
    animation-name: backOutLeft;
}

@-webkit-keyframes backOutRight {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }
    20% {
        -webkit-transform: translateX(0px) scale(0.7);
        transform: translateX(0px) scale(0.7);
        opacity: 0.7;
    }
    100% {
        -webkit-transform: translateX(2000px) scale(0.7);
        transform: translateX(2000px) scale(0.7);
        opacity: 0.7;
    }
}
@keyframes backOutRight {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }
    20% {
        -webkit-transform: translateX(0px) scale(0.7);
        transform: translateX(0px) scale(0.7);
        opacity: 0.7;
    }
    100% {
        -webkit-transform: translateX(2000px) scale(0.7);
        transform: translateX(2000px) scale(0.7);
        opacity: 0.7;
    }
}
[data-animated=backOutRight] {
    -webkit-animation-name: backOutRight;
    animation-name: backOutRight;
}

@-webkit-keyframes backOutUp {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }
    20% {
        -webkit-transform: translateY(0px) scale(0.7);
        transform: translateY(0px) scale(0.7);
        opacity: 0.7;
    }
    100% {
        -webkit-transform: translateY(-700px) scale(0.7);
        transform: translateY(-700px) scale(0.7);
        opacity: 0.7;
    }
}
@keyframes backOutUp {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }
    20% {
        -webkit-transform: translateY(0px) scale(0.7);
        transform: translateY(0px) scale(0.7);
        opacity: 0.7;
    }
    100% {
        -webkit-transform: translateY(-700px) scale(0.7);
        transform: translateY(-700px) scale(0.7);
        opacity: 0.7;
    }
}
[data-animated=backOutUp] {
    -webkit-animation-name: backOutUp;
    animation-name: backOutUp;
}

/* Bouncing entrances  */
@-webkit-keyframes bounceIn {
    from, 20%, 40%, 60%, 80%, to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }
    20% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1);
    }
    40% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9);
        transform: scale3d(0.9, 0.9, 0.9);
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03, 1.03, 1.03);
        transform: scale3d(1.03, 1.03, 1.03);
    }
    80% {
        -webkit-transform: scale3d(0.97, 0.97, 0.97);
        transform: scale3d(0.97, 0.97, 0.97);
    }
    to {
        opacity: 1;
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}
@keyframes bounceIn {
    from, 20%, 40%, 60%, 80%, to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }
    20% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1);
    }
    40% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9);
        transform: scale3d(0.9, 0.9, 0.9);
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03, 1.03, 1.03);
        transform: scale3d(1.03, 1.03, 1.03);
    }
    80% {
        -webkit-transform: scale3d(0.97, 0.97, 0.97);
        transform: scale3d(0.97, 0.97, 0.97);
    }
    to {
        opacity: 1;
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}
[data-animated=bounceIn] {
    -webkit-animation-duration: 0.75s;
    animation-duration: 0.75s;
    -webkit-animation-duration: calc(var(--animate-duration) * 0.75);
    animation-duration: calc(var(--animate-duration) * 0.75);
    -webkit-animation-name: bounceIn;
    animation-name: bounceIn;
}

@-webkit-keyframes bounceInDown {
    from, 60%, 75%, 90%, to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -3000px, 0) scaleY(3);
        transform: translate3d(0, -3000px, 0) scaleY(3);
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, 25px, 0) scaleY(0.9);
        transform: translate3d(0, 25px, 0) scaleY(0.9);
    }
    75% {
        -webkit-transform: translate3d(0, -10px, 0) scaleY(0.95);
        transform: translate3d(0, -10px, 0) scaleY(0.95);
    }
    90% {
        -webkit-transform: translate3d(0, 5px, 0) scaleY(0.985);
        transform: translate3d(0, 5px, 0) scaleY(0.985);
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}
@keyframes bounceInDown {
    from, 60%, 75%, 90%, to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -3000px, 0) scaleY(3);
        transform: translate3d(0, -3000px, 0) scaleY(3);
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, 25px, 0) scaleY(0.9);
        transform: translate3d(0, 25px, 0) scaleY(0.9);
    }
    75% {
        -webkit-transform: translate3d(0, -10px, 0) scaleY(0.95);
        transform: translate3d(0, -10px, 0) scaleY(0.95);
    }
    90% {
        -webkit-transform: translate3d(0, 5px, 0) scaleY(0.985);
        transform: translate3d(0, 5px, 0) scaleY(0.985);
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}
[data-animated=bounceInDown] {
    -webkit-animation-name: bounceInDown;
    animation-name: bounceInDown;
}

@-webkit-keyframes bounceInLeft {
    from, 60%, 75%, 90%, to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-3000px, 0, 0) scaleX(3);
        transform: translate3d(-3000px, 0, 0) scaleX(3);
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(25px, 0, 0) scaleX(1);
        transform: translate3d(25px, 0, 0) scaleX(1);
    }
    75% {
        -webkit-transform: translate3d(-10px, 0, 0) scaleX(0.98);
        transform: translate3d(-10px, 0, 0) scaleX(0.98);
    }
    90% {
        -webkit-transform: translate3d(5px, 0, 0) scaleX(0.995);
        transform: translate3d(5px, 0, 0) scaleX(0.995);
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}
@keyframes bounceInLeft {
    from, 60%, 75%, 90%, to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-3000px, 0, 0) scaleX(3);
        transform: translate3d(-3000px, 0, 0) scaleX(3);
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(25px, 0, 0) scaleX(1);
        transform: translate3d(25px, 0, 0) scaleX(1);
    }
    75% {
        -webkit-transform: translate3d(-10px, 0, 0) scaleX(0.98);
        transform: translate3d(-10px, 0, 0) scaleX(0.98);
    }
    90% {
        -webkit-transform: translate3d(5px, 0, 0) scaleX(0.995);
        transform: translate3d(5px, 0, 0) scaleX(0.995);
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}
[data-animated=bounceInLeft] {
    -webkit-animation-name: bounceInLeft;
    animation-name: bounceInLeft;
}

@-webkit-keyframes bounceInRight {
    from, 60%, 75%, 90%, to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }
    from {
        opacity: 0;
        -webkit-transform: translate3d(3000px, 0, 0) scaleX(3);
        transform: translate3d(3000px, 0, 0) scaleX(3);
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(-25px, 0, 0) scaleX(1);
        transform: translate3d(-25px, 0, 0) scaleX(1);
    }
    75% {
        -webkit-transform: translate3d(10px, 0, 0) scaleX(0.98);
        transform: translate3d(10px, 0, 0) scaleX(0.98);
    }
    90% {
        -webkit-transform: translate3d(-5px, 0, 0) scaleX(0.995);
        transform: translate3d(-5px, 0, 0) scaleX(0.995);
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}
@keyframes bounceInRight {
    from, 60%, 75%, 90%, to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }
    from {
        opacity: 0;
        -webkit-transform: translate3d(3000px, 0, 0) scaleX(3);
        transform: translate3d(3000px, 0, 0) scaleX(3);
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(-25px, 0, 0) scaleX(1);
        transform: translate3d(-25px, 0, 0) scaleX(1);
    }
    75% {
        -webkit-transform: translate3d(10px, 0, 0) scaleX(0.98);
        transform: translate3d(10px, 0, 0) scaleX(0.98);
    }
    90% {
        -webkit-transform: translate3d(-5px, 0, 0) scaleX(0.995);
        transform: translate3d(-5px, 0, 0) scaleX(0.995);
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}
[data-animated=bounceInRight] {
    -webkit-animation-name: bounceInRight;
    animation-name: bounceInRight;
}

@-webkit-keyframes bounceInUp {
    from, 60%, 75%, 90%, to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 3000px, 0) scaleY(5);
        transform: translate3d(0, 3000px, 0) scaleY(5);
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0) scaleY(0.9);
        transform: translate3d(0, -20px, 0) scaleY(0.9);
    }
    75% {
        -webkit-transform: translate3d(0, 10px, 0) scaleY(0.95);
        transform: translate3d(0, 10px, 0) scaleY(0.95);
    }
    90% {
        -webkit-transform: translate3d(0, -5px, 0) scaleY(0.985);
        transform: translate3d(0, -5px, 0) scaleY(0.985);
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}
@keyframes bounceInUp {
    from, 60%, 75%, 90%, to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 3000px, 0) scaleY(5);
        transform: translate3d(0, 3000px, 0) scaleY(5);
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0) scaleY(0.9);
        transform: translate3d(0, -20px, 0) scaleY(0.9);
    }
    75% {
        -webkit-transform: translate3d(0, 10px, 0) scaleY(0.95);
        transform: translate3d(0, 10px, 0) scaleY(0.95);
    }
    90% {
        -webkit-transform: translate3d(0, -5px, 0) scaleY(0.985);
        transform: translate3d(0, -5px, 0) scaleY(0.985);
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}
[data-animated=bounceInUp] {
    -webkit-animation-name: bounceInUp;
    animation-name: bounceInUp;
}

/* Bouncing exits  */
@-webkit-keyframes bounceOut {
    20% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9);
        transform: scale3d(0.9, 0.9, 0.9);
    }
    50%, 55% {
        opacity: 1;
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1);
    }
    to {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }
}
@keyframes bounceOut {
    20% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9);
        transform: scale3d(0.9, 0.9, 0.9);
    }
    50%, 55% {
        opacity: 1;
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1);
    }
    to {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }
}
[data-animated=bounceOut] {
    -webkit-animation-duration: 0.75s;
    animation-duration: 0.75s;
    -webkit-animation-duration: calc(var(--animate-duration) * 0.75);
    animation-duration: calc(var(--animate-duration) * 0.75);
    -webkit-animation-name: bounceOut;
    animation-name: bounceOut;
}

@-webkit-keyframes bounceOutDown {
    20% {
        -webkit-transform: translate3d(0, 10px, 0) scaleY(0.985);
        transform: translate3d(0, 10px, 0) scaleY(0.985);
    }
    40%, 45% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0) scaleY(0.9);
        transform: translate3d(0, -20px, 0) scaleY(0.9);
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0) scaleY(3);
        transform: translate3d(0, 2000px, 0) scaleY(3);
    }
}
@keyframes bounceOutDown {
    20% {
        -webkit-transform: translate3d(0, 10px, 0) scaleY(0.985);
        transform: translate3d(0, 10px, 0) scaleY(0.985);
    }
    40%, 45% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0) scaleY(0.9);
        transform: translate3d(0, -20px, 0) scaleY(0.9);
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0) scaleY(3);
        transform: translate3d(0, 2000px, 0) scaleY(3);
    }
}
[data-animated=bounceOutDown] {
    -webkit-animation-name: bounceOutDown;
    animation-name: bounceOutDown;
}

@-webkit-keyframes bounceOutLeft {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(20px, 0, 0) scaleX(0.9);
        transform: translate3d(20px, 0, 0) scaleX(0.9);
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0) scaleX(2);
        transform: translate3d(-2000px, 0, 0) scaleX(2);
    }
}
@keyframes bounceOutLeft {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(20px, 0, 0) scaleX(0.9);
        transform: translate3d(20px, 0, 0) scaleX(0.9);
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0) scaleX(2);
        transform: translate3d(-2000px, 0, 0) scaleX(2);
    }
}
[data-animated=bounceOutLeft] {
    -webkit-animation-name: bounceOutLeft;
    animation-name: bounceOutLeft;
}

@-webkit-keyframes bounceOutRight {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(-20px, 0, 0) scaleX(0.9);
        transform: translate3d(-20px, 0, 0) scaleX(0.9);
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0) scaleX(2);
        transform: translate3d(2000px, 0, 0) scaleX(2);
    }
}
@keyframes bounceOutRight {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(-20px, 0, 0) scaleX(0.9);
        transform: translate3d(-20px, 0, 0) scaleX(0.9);
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0) scaleX(2);
        transform: translate3d(2000px, 0, 0) scaleX(2);
    }
}
[data-animated=bounceOutRight] {
    -webkit-animation-name: bounceOutRight;
    animation-name: bounceOutRight;
}

@-webkit-keyframes bounceOutUp {
    20% {
        -webkit-transform: translate3d(0, -10px, 0) scaleY(0.985);
        transform: translate3d(0, -10px, 0) scaleY(0.985);
    }
    40%, 45% {
        opacity: 1;
        -webkit-transform: translate3d(0, 20px, 0) scaleY(0.9);
        transform: translate3d(0, 20px, 0) scaleY(0.9);
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0) scaleY(3);
        transform: translate3d(0, -2000px, 0) scaleY(3);
    }
}
@keyframes bounceOutUp {
    20% {
        -webkit-transform: translate3d(0, -10px, 0) scaleY(0.985);
        transform: translate3d(0, -10px, 0) scaleY(0.985);
    }
    40%, 45% {
        opacity: 1;
        -webkit-transform: translate3d(0, 20px, 0) scaleY(0.9);
        transform: translate3d(0, 20px, 0) scaleY(0.9);
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0) scaleY(3);
        transform: translate3d(0, -2000px, 0) scaleY(3);
    }
}
[data-animated=bounceOutUp] {
    -webkit-animation-name: bounceOutUp;
    animation-name: bounceOutUp;
}

/* Fading entrances  */
@-webkit-keyframes fadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
@keyframes fadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
[data-animated=fadeIn] {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
}

@-webkit-keyframes fadeInDown {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}
@keyframes fadeInDown {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}
[data-animated=fadeInDown] {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown;
}

@-webkit-keyframes fadeInDownBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}
@keyframes fadeInDownBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}
[data-animated=fadeInDownBig] {
    -webkit-animation-name: fadeInDownBig;
    animation-name: fadeInDownBig;
}

@-webkit-keyframes fadeInLeft {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}
@keyframes fadeInLeft {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}
[data-animated=fadeInLeft] {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft;
}

@-webkit-keyframes fadeInLeftBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}
@keyframes fadeInLeftBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}
[data-animated=fadeInLeftBig] {
    -webkit-animation-name: fadeInLeftBig;
    animation-name: fadeInLeftBig;
}

@-webkit-keyframes fadeInRight {
    from {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}
@keyframes fadeInRight {
    from {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}
[data-animated=fadeInRight] {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight;
}

@-webkit-keyframes fadeInRightBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}
@keyframes fadeInRightBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}
[data-animated=fadeInRightBig] {
    -webkit-animation-name: fadeInRightBig;
    animation-name: fadeInRightBig;
}

@-webkit-keyframes fadeInUp {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}
@keyframes fadeInUp {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}
[data-animated=fadeInUp] {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
}

@-webkit-keyframes fadeInUpBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}
@keyframes fadeInUpBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}
[data-animated=fadeInUpBig] {
    -webkit-animation-name: fadeInUpBig;
    animation-name: fadeInUpBig;
}

@-webkit-keyframes fadeInTopLeft {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-100%, -100%, 0);
        transform: translate3d(-100%, -100%, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}
@keyframes fadeInTopLeft {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-100%, -100%, 0);
        transform: translate3d(-100%, -100%, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}
[data-animated=fadeInTopLeft] {
    -webkit-animation-name: fadeInTopLeft;
    animation-name: fadeInTopLeft;
}

@-webkit-keyframes fadeInTopRight {
    from {
        opacity: 0;
        -webkit-transform: translate3d(100%, -100%, 0);
        transform: translate3d(100%, -100%, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}
@keyframes fadeInTopRight {
    from {
        opacity: 0;
        -webkit-transform: translate3d(100%, -100%, 0);
        transform: translate3d(100%, -100%, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}
[data-animated=fadeInTopRight] {
    -webkit-animation-name: fadeInTopRight;
    animation-name: fadeInTopRight;
}

@-webkit-keyframes fadeInBottomLeft {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 100%, 0);
        transform: translate3d(-100%, 100%, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}
@keyframes fadeInBottomLeft {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 100%, 0);
        transform: translate3d(-100%, 100%, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}
[data-animated=fadeInBottomLeft] {
    -webkit-animation-name: fadeInBottomLeft;
    animation-name: fadeInBottomLeft;
}

@-webkit-keyframes fadeInBottomRight {
    from {
        opacity: 0;
        -webkit-transform: translate3d(100%, 100%, 0);
        transform: translate3d(100%, 100%, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}
@keyframes fadeInBottomRight {
    from {
        opacity: 0;
        -webkit-transform: translate3d(100%, 100%, 0);
        transform: translate3d(100%, 100%, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}
[data-animated=fadeInBottomRight] {
    -webkit-animation-name: fadeInBottomRight;
    animation-name: fadeInBottomRight;
}

/* Fading exits */
@-webkit-keyframes fadeOut {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}
@keyframes fadeOut {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}
[data-animated=fadeOut] {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut;
}

@-webkit-keyframes fadeOutDown {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }
}
@keyframes fadeOutDown {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }
}
[data-animated=fadeOutDown] {
    -webkit-animation-name: fadeOutDown;
    animation-name: fadeOutDown;
}

@-webkit-keyframes fadeOutDownBig {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0);
    }
}
@keyframes fadeOutDownBig {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0);
    }
}
[data-animated=fadeOutDownBig] {
    -webkit-animation-name: fadeOutDownBig;
    animation-name: fadeOutDownBig;
}

@-webkit-keyframes fadeOutLeft {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
}
@keyframes fadeOutLeft {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
}
[data-animated=fadeOutLeft] {
    -webkit-animation-name: fadeOutLeft;
    animation-name: fadeOutLeft;
}

@-webkit-keyframes fadeOutLeftBig {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0);
    }
}
@keyframes fadeOutLeftBig {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0);
    }
}
[data-animated=fadeOutLeftBig] {
    -webkit-animation-name: fadeOutLeftBig;
    animation-name: fadeOutLeftBig;
}

@-webkit-keyframes fadeOutRight {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }
}
@keyframes fadeOutRight {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }
}
[data-animated=fadeOutRight] {
    -webkit-animation-name: fadeOutRight;
    animation-name: fadeOutRight;
}

@-webkit-keyframes fadeOutRightBig {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0);
    }
}
@keyframes fadeOutRightBig {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0);
    }
}
[data-animated=fadeOutRightBig] {
    -webkit-animation-name: fadeOutRightBig;
    animation-name: fadeOutRightBig;
}

@-webkit-keyframes fadeOutUp {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }
}
@keyframes fadeOutUp {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }
}
[data-animated=fadeOutUp] {
    -webkit-animation-name: fadeOutUp;
    animation-name: fadeOutUp;
}

@-webkit-keyframes fadeOutUpBig {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0);
    }
}
@keyframes fadeOutUpBig {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0);
    }
}
[data-animated=fadeOutUpBig] {
    -webkit-animation-name: fadeOutUpBig;
    animation-name: fadeOutUpBig;
}

@-webkit-keyframes fadeOutTopLeft {
    from {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(-100%, -100%, 0);
        transform: translate3d(-100%, -100%, 0);
    }
}
@keyframes fadeOutTopLeft {
    from {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(-100%, -100%, 0);
        transform: translate3d(-100%, -100%, 0);
    }
}
[data-animated=fadeOutTopLeft] {
    -webkit-animation-name: fadeOutTopLeft;
    animation-name: fadeOutTopLeft;
}

@-webkit-keyframes fadeOutTopRight {
    from {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, -100%, 0);
        transform: translate3d(100%, -100%, 0);
    }
}
@keyframes fadeOutTopRight {
    from {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, -100%, 0);
        transform: translate3d(100%, -100%, 0);
    }
}
[data-animated=fadeOutTopRight] {
    -webkit-animation-name: fadeOutTopRight;
    animation-name: fadeOutTopRight;
}

@-webkit-keyframes fadeOutBottomRight {
    from {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 100%, 0);
        transform: translate3d(100%, 100%, 0);
    }
}
@keyframes fadeOutBottomRight {
    from {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 100%, 0);
        transform: translate3d(100%, 100%, 0);
    }
}
[data-animated=fadeOutBottomRight] {
    -webkit-animation-name: fadeOutBottomRight;
    animation-name: fadeOutBottomRight;
}

@-webkit-keyframes fadeOutBottomLeft {
    from {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 100%, 0);
        transform: translate3d(-100%, 100%, 0);
    }
}
@keyframes fadeOutBottomLeft {
    from {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 100%, 0);
        transform: translate3d(-100%, 100%, 0);
    }
}
[data-animated=fadeOutBottomLeft] {
    -webkit-animation-name: fadeOutBottomLeft;
    animation-name: fadeOutBottomLeft;
}

/* Flippers */
@-webkit-keyframes flip {
    from {
        -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
        transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }
    40% {
        -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
        transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }
    50% {
        -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
        transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
    80% {
        -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
        transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
    to {
        -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
        transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
}
@keyframes flip {
    from {
        -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
        transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }
    40% {
        -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
        transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }
    50% {
        -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
        transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
    80% {
        -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
        transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
    to {
        -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
        transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
}
[data-animated=flip] {
    -webkit-backface-visibility: visible;
    backface-visibility: visible;
    -webkit-animation-name: flip;
    animation-name: flip;
}

@-webkit-keyframes flipInX {
    from {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0;
    }
    40% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
    60% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        opacity: 1;
    }
    80% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    }
    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
}
@keyframes flipInX {
    from {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0;
    }
    40% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
    60% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        opacity: 1;
    }
    80% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    }
    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
}
[data-animated=flipInX] {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipInX;
    animation-name: flipInX;
}

@-webkit-keyframes flipInY {
    from {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0;
    }
    40% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
    60% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        opacity: 1;
    }
    80% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    }
    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
}
@keyframes flipInY {
    from {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0;
    }
    40% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
    60% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        opacity: 1;
    }
    80% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    }
    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
}
[data-animated=flipInY] {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipInY;
    animation-name: flipInY;
}

@-webkit-keyframes flipOutX {
    from {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
    30% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        opacity: 1;
    }
    to {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        opacity: 0;
    }
}
@keyframes flipOutX {
    from {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
    30% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        opacity: 1;
    }
    to {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        opacity: 0;
    }
}
[data-animated=flipOutX] {
    -webkit-animation-duration: 0.75s;
    animation-duration: 0.75s;
    -webkit-animation-duration: calc(var(--animate-duration) * 0.75);
    animation-duration: calc(var(--animate-duration) * 0.75);
    -webkit-animation-name: flipOutX;
    animation-name: flipOutX;
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
}

@-webkit-keyframes flipOutY {
    from {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
    30% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
        opacity: 1;
    }
    to {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        opacity: 0;
    }
}
@keyframes flipOutY {
    from {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
    30% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
        opacity: 1;
    }
    to {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        opacity: 0;
    }
}
[data-animated=flipOutY] {
    -webkit-animation-duration: 0.75s;
    animation-duration: 0.75s;
    -webkit-animation-duration: calc(var(--animate-duration) * 0.75);
    animation-duration: calc(var(--animate-duration) * 0.75);
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipOutY;
    animation-name: flipOutY;
}

/* Lightspeed */
@-webkit-keyframes lightSpeedInRight {
    from {
        -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
        transform: translate3d(100%, 0, 0) skewX(-30deg);
        opacity: 0;
    }
    60% {
        -webkit-transform: skewX(20deg);
        transform: skewX(20deg);
        opacity: 1;
    }
    80% {
        -webkit-transform: skewX(-5deg);
        transform: skewX(-5deg);
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}
@keyframes lightSpeedInRight {
    from {
        -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
        transform: translate3d(100%, 0, 0) skewX(-30deg);
        opacity: 0;
    }
    60% {
        -webkit-transform: skewX(20deg);
        transform: skewX(20deg);
        opacity: 1;
    }
    80% {
        -webkit-transform: skewX(-5deg);
        transform: skewX(-5deg);
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}
[data-animated=lightSpeedInRight] {
    -webkit-animation-name: lightSpeedInRight;
    animation-name: lightSpeedInRight;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
}

@-webkit-keyframes lightSpeedInLeft {
    from {
        -webkit-transform: translate3d(-100%, 0, 0) skewX(30deg);
        transform: translate3d(-100%, 0, 0) skewX(30deg);
        opacity: 0;
    }
    60% {
        -webkit-transform: skewX(-20deg);
        transform: skewX(-20deg);
        opacity: 1;
    }
    80% {
        -webkit-transform: skewX(5deg);
        transform: skewX(5deg);
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}
@keyframes lightSpeedInLeft {
    from {
        -webkit-transform: translate3d(-100%, 0, 0) skewX(30deg);
        transform: translate3d(-100%, 0, 0) skewX(30deg);
        opacity: 0;
    }
    60% {
        -webkit-transform: skewX(-20deg);
        transform: skewX(-20deg);
        opacity: 1;
    }
    80% {
        -webkit-transform: skewX(5deg);
        transform: skewX(5deg);
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}
[data-animated=lightSpeedInLeft] {
    -webkit-animation-name: lightSpeedInLeft;
    animation-name: lightSpeedInLeft;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
}

@-webkit-keyframes lightSpeedOutRight {
    from {
        opacity: 1;
    }
    to {
        -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
        transform: translate3d(100%, 0, 0) skewX(30deg);
        opacity: 0;
    }
}
@keyframes lightSpeedOutRight {
    from {
        opacity: 1;
    }
    to {
        -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
        transform: translate3d(100%, 0, 0) skewX(30deg);
        opacity: 0;
    }
}
[data-animated=lightSpeedOutRight] {
    -webkit-animation-name: lightSpeedOutRight;
    animation-name: lightSpeedOutRight;
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
}

@-webkit-keyframes lightSpeedOutLeft {
    from {
        opacity: 1;
    }
    to {
        -webkit-transform: translate3d(-100%, 0, 0) skewX(-30deg);
        transform: translate3d(-100%, 0, 0) skewX(-30deg);
        opacity: 0;
    }
}
@keyframes lightSpeedOutLeft {
    from {
        opacity: 1;
    }
    to {
        -webkit-transform: translate3d(-100%, 0, 0) skewX(-30deg);
        transform: translate3d(-100%, 0, 0) skewX(-30deg);
        opacity: 0;
    }
}
[data-animated=lightSpeedOutLeft] {
    -webkit-animation-name: lightSpeedOutLeft;
    animation-name: lightSpeedOutLeft;
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
}

/* Rotating entrances */
@-webkit-keyframes rotateIn {
    from {
        -webkit-transform: rotate3d(0, 0, 1, -200deg);
        transform: rotate3d(0, 0, 1, -200deg);
        opacity: 0;
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1;
    }
}
@keyframes rotateIn {
    from {
        -webkit-transform: rotate3d(0, 0, 1, -200deg);
        transform: rotate3d(0, 0, 1, -200deg);
        opacity: 0;
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1;
    }
}
[data-animated=rotateIn] {
    -webkit-animation-name: rotateIn;
    animation-name: rotateIn;
    -webkit-transform-origin: center;
    transform-origin: center;
}

@-webkit-keyframes rotateInDownLeft {
    from {
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0;
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1;
    }
}
@keyframes rotateInDownLeft {
    from {
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0;
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1;
    }
}
[data-animated=rotateInDownLeft] {
    -webkit-animation-name: rotateInDownLeft;
    animation-name: rotateInDownLeft;
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
}

@-webkit-keyframes rotateInDownRight {
    from {
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0;
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1;
    }
}
@keyframes rotateInDownRight {
    from {
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0;
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1;
    }
}
[data-animated=rotateInDownRight] {
    -webkit-animation-name: rotateInDownRight;
    animation-name: rotateInDownRight;
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
}

@-webkit-keyframes rotateInUpLeft {
    from {
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0;
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1;
    }
}
@keyframes rotateInUpLeft {
    from {
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0;
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1;
    }
}
[data-animated=rotateInUpLeft] {
    -webkit-animation-name: rotateInUpLeft;
    animation-name: rotateInUpLeft;
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
}

@-webkit-keyframes rotateInUpRight {
    from {
        -webkit-transform: rotate3d(0, 0, 1, -90deg);
        transform: rotate3d(0, 0, 1, -90deg);
        opacity: 0;
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1;
    }
}
@keyframes rotateInUpRight {
    from {
        -webkit-transform: rotate3d(0, 0, 1, -90deg);
        transform: rotate3d(0, 0, 1, -90deg);
        opacity: 0;
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1;
    }
}
[data-animated=rotateInUpRight] {
    -webkit-animation-name: rotateInUpRight;
    animation-name: rotateInUpRight;
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
}

/* Rotating exits */
@-webkit-keyframes rotateOut {
    from {
        opacity: 1;
    }
    to {
        -webkit-transform: rotate3d(0, 0, 1, 200deg);
        transform: rotate3d(0, 0, 1, 200deg);
        opacity: 0;
    }
}
@keyframes rotateOut {
    from {
        opacity: 1;
    }
    to {
        -webkit-transform: rotate3d(0, 0, 1, 200deg);
        transform: rotate3d(0, 0, 1, 200deg);
        opacity: 0;
    }
}
[data-animated=rotateOut] {
    -webkit-animation-name: rotateOut;
    animation-name: rotateOut;
    -webkit-transform-origin: center;
    transform-origin: center;
}

@-webkit-keyframes rotateOutDownLeft {
    from {
        opacity: 1;
    }
    to {
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0;
    }
}
@keyframes rotateOutDownLeft {
    from {
        opacity: 1;
    }
    to {
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0;
    }
}
[data-animated=rotateOutDownLeft] {
    -webkit-animation-name: rotateOutDownLeft;
    animation-name: rotateOutDownLeft;
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
}

@-webkit-keyframes rotateOutDownRight {
    from {
        opacity: 1;
    }
    to {
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0;
    }
}
@keyframes rotateOutDownRight {
    from {
        opacity: 1;
    }
    to {
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0;
    }
}
[data-animated=rotateOutDownRight] {
    -webkit-animation-name: rotateOutDownRight;
    animation-name: rotateOutDownRight;
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
}

@-webkit-keyframes rotateOutUpLeft {
    from {
        opacity: 1;
    }
    to {
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0;
    }
}
@keyframes rotateOutUpLeft {
    from {
        opacity: 1;
    }
    to {
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0;
    }
}
[data-animated=rotateOutUpLeft] {
    -webkit-animation-name: rotateOutUpLeft;
    animation-name: rotateOutUpLeft;
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
}

@-webkit-keyframes rotateOutUpRight {
    from {
        opacity: 1;
    }
    to {
        -webkit-transform: rotate3d(0, 0, 1, 90deg);
        transform: rotate3d(0, 0, 1, 90deg);
        opacity: 0;
    }
}
@keyframes rotateOutUpRight {
    from {
        opacity: 1;
    }
    to {
        -webkit-transform: rotate3d(0, 0, 1, 90deg);
        transform: rotate3d(0, 0, 1, 90deg);
        opacity: 0;
    }
}
[data-animated=rotateOutUpRight] {
    -webkit-animation-name: rotateOutUpRight;
    animation-name: rotateOutUpRight;
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
}

/* Specials */
@-webkit-keyframes hinge {
    0% {
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }
    20%, 60% {
        -webkit-transform: rotate3d(0, 0, 1, 80deg);
        transform: rotate3d(0, 0, 1, 80deg);
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }
    40%, 80% {
        -webkit-transform: rotate3d(0, 0, 1, 60deg);
        transform: rotate3d(0, 0, 1, 60deg);
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        opacity: 1;
    }
    to {
        -webkit-transform: translate3d(0, 700px, 0);
        transform: translate3d(0, 700px, 0);
        opacity: 0;
    }
}
@keyframes hinge {
    0% {
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }
    20%, 60% {
        -webkit-transform: rotate3d(0, 0, 1, 80deg);
        transform: rotate3d(0, 0, 1, 80deg);
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }
    40%, 80% {
        -webkit-transform: rotate3d(0, 0, 1, 60deg);
        transform: rotate3d(0, 0, 1, 60deg);
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        opacity: 1;
    }
    to {
        -webkit-transform: translate3d(0, 700px, 0);
        transform: translate3d(0, 700px, 0);
        opacity: 0;
    }
}
[data-animated=hinge] {
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-duration: calc(var(--animate-duration) * 2);
    animation-duration: calc(var(--animate-duration) * 2);
    -webkit-animation-name: hinge;
    animation-name: hinge;
    -webkit-transform-origin: top left;
    transform-origin: top left;
}

@-webkit-keyframes jackInTheBox {
    from {
        opacity: 0;
        -webkit-transform: scale(0.1) rotate(30deg);
        transform: scale(0.1) rotate(30deg);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
    }
    50% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg);
    }
    70% {
        -webkit-transform: rotate(3deg);
        transform: rotate(3deg);
    }
    to {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}
@keyframes jackInTheBox {
    from {
        opacity: 0;
        -webkit-transform: scale(0.1) rotate(30deg);
        transform: scale(0.1) rotate(30deg);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
    }
    50% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg);
    }
    70% {
        -webkit-transform: rotate(3deg);
        transform: rotate(3deg);
    }
    to {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}
[data-animated=jackInTheBox] {
    -webkit-animation-name: jackInTheBox;
    animation-name: jackInTheBox;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollIn {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
        transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    }
    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}
@keyframes rollIn {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
        transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    }
    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}
[data-animated=rollIn] {
    -webkit-animation-name: rollIn;
    animation-name: rollIn;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollOut {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
        transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    }
}
@keyframes rollOut {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
        transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    }
}
[data-animated=rollOut] {
    -webkit-animation-name: rollOut;
    animation-name: rollOut;
}

/* Zooming entrances */
@-webkit-keyframes zoomIn {
    from {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }
    50% {
        opacity: 1;
    }
}
@keyframes zoomIn {
    from {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }
    50% {
        opacity: 1;
    }
}
[data-animated=zoomIn] {
    -webkit-animation-name: zoomIn;
    animation-name: zoomIn;
}

@-webkit-keyframes zoomInDown {
    from {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}
@keyframes zoomInDown {
    from {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}
[data-animated=zoomInDown] {
    -webkit-animation-name: zoomInDown;
    animation-name: zoomInDown;
}

@-webkit-keyframes zoomInLeft {
    from {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}
@keyframes zoomInLeft {
    from {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}
[data-animated=zoomInLeft] {
    -webkit-animation-name: zoomInLeft;
    animation-name: zoomInLeft;
}

@-webkit-keyframes zoomInRight {
    from {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}
@keyframes zoomInRight {
    from {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}
[data-animated=zoomInRight] {
    -webkit-animation-name: zoomInRight;
    animation-name: zoomInRight;
}

@-webkit-keyframes zoomInUp {
    from {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}
@keyframes zoomInUp {
    from {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}
[data-animated=zoomInUp] {
    -webkit-animation-name: zoomInUp;
    animation-name: zoomInUp;
}

/* Zooming exits */
@-webkit-keyframes zoomOut {
    from {
        opacity: 1;
    }
    50% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }
    to {
        opacity: 0;
    }
}
@keyframes zoomOut {
    from {
        opacity: 1;
    }
    50% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }
    to {
        opacity: 0;
    }
}
[data-animated=zoomOut] {
    -webkit-animation-name: zoomOut;
    animation-name: zoomOut;
}

@-webkit-keyframes zoomOutDown {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }
    to {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}
@keyframes zoomOutDown {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }
    to {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}
[data-animated=zoomOutDown] {
    -webkit-animation-name: zoomOutDown;
    animation-name: zoomOutDown;
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
}

@-webkit-keyframes zoomOutLeft {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    }
    to {
        opacity: 0;
        -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
        transform: scale(0.1) translate3d(-2000px, 0, 0);
    }
}
@keyframes zoomOutLeft {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    }
    to {
        opacity: 0;
        -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
        transform: scale(0.1) translate3d(-2000px, 0, 0);
    }
}
[data-animated=zoomOutLeft] {
    -webkit-animation-name: zoomOutLeft;
    animation-name: zoomOutLeft;
    -webkit-transform-origin: left center;
    transform-origin: left center;
}

@-webkit-keyframes zoomOutRight {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    }
    to {
        opacity: 0;
        -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
        transform: scale(0.1) translate3d(2000px, 0, 0);
    }
}
@keyframes zoomOutRight {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    }
    to {
        opacity: 0;
        -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
        transform: scale(0.1) translate3d(2000px, 0, 0);
    }
}
[data-animated=zoomOutRight] {
    -webkit-animation-name: zoomOutRight;
    animation-name: zoomOutRight;
    -webkit-transform-origin: right center;
    transform-origin: right center;
}

@-webkit-keyframes zoomOutUp {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }
    to {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}
@keyframes zoomOutUp {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }
    to {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}
[data-animated=zoomOutUp] {
    -webkit-animation-name: zoomOutUp;
    animation-name: zoomOutUp;
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
}

/* Sliding entrances */
@-webkit-keyframes slideInDown {
    from {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
        visibility: visible;
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}
@keyframes slideInDown {
    from {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
        visibility: visible;
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}
[data-animated=slideInDown] {
    -webkit-animation-name: slideInDown;
    animation-name: slideInDown;
}

@-webkit-keyframes slideInLeft {
    from {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
        visibility: visible;
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}
@keyframes slideInLeft {
    from {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
        visibility: visible;
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}
[data-animated=slideInLeft] {
    -webkit-animation-name: slideInLeft;
    animation-name: slideInLeft;
}

@-webkit-keyframes slideInRight {
    from {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
        visibility: visible;
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}
@keyframes slideInRight {
    from {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
        visibility: visible;
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}
[data-animated=slideInRight] {
    -webkit-animation-name: slideInRight;
    animation-name: slideInRight;
}

@-webkit-keyframes slideInUp {
    from {
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
        visibility: visible;
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}
@keyframes slideInUp {
    from {
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
        visibility: visible;
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}
[data-animated=slideInUp] {
    -webkit-animation-name: slideInUp;
    animation-name: slideInUp;
}

/* Sliding exits */
@-webkit-keyframes slideOutDown {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    to {
        visibility: hidden;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }
}
@keyframes slideOutDown {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    to {
        visibility: hidden;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }
}
[data-animated=slideOutDown] {
    -webkit-animation-name: slideOutDown;
    animation-name: slideOutDown;
}

@-webkit-keyframes slideOutLeft {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    to {
        visibility: hidden;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
}
@keyframes slideOutLeft {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    to {
        visibility: hidden;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
}
[data-animated=slideOutLeft] {
    -webkit-animation-name: slideOutLeft;
    animation-name: slideOutLeft;
}

@-webkit-keyframes slideOutRight {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    to {
        visibility: hidden;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }
}
@keyframes slideOutRight {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    to {
        visibility: hidden;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }
}
[data-animated=slideOutRight] {
    -webkit-animation-name: slideOutRight;
    animation-name: slideOutRight;
}

@-webkit-keyframes slideOutUp {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    to {
        visibility: hidden;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }
}
@keyframes slideOutUp {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    to {
        visibility: hidden;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }
}
[data-animated=slideOutUp] {
    -webkit-animation-name: slideOutUp;
    animation-name: slideOutUp;
}

[data-animated=line-bottom-width] {
    content: "";
    position: relative;
    left: 0;
    bottom: -6px;
    width: 0;
    height: 3px;
    background-color: #000;
    animation-duration: 3s;
}

.line292 {
    -webkit-animation-name: line292;
    animation-name: line292;
}

@keyframes line292 {
    from {
        width: 0;
    }
    to {
        width: 292px;
    }
}
.line210 {
    -webkit-animation-name: line210;
    animation-name: line210;
}

@keyframes line210 {
    from {
        width: 0;
    }
    to {
        width: 210px;
    }
}
.line248 {
    -webkit-animation-name: line248;
    animation-name: line248;
}

@keyframes line248 {
    from {
        width: 0;
    }
    to {
        width: 248px;
    }
}
.selectric-wrapper {
    position: relative;
    cursor: pointer;
}

.selectric-responsive {
    width: 100%;
}

.selectric {
    border: 1px solid #e6e6e6;
    border-radius: 4px;
    background: #fff;
    position: relative;
    overflow: hidden;
}

.selectric .label {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0 38px 0 10px;
    font-size: 12px;
    line-height: 38px;
    color: #444;
    height: 38px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.select-wrap .select .selectric .label {
    position: relative;
    margin: 0;
    height: 42px;
    font-size: 15px;
    line-height: 42px;
    letter-spacing: -0.16px;
    color: #000;
    font-weight: 400;
    padding: 0 28px 0 10px;
    cursor: pointer;
}

.selectric .button {
    display: block;
    position: absolute;
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    width: 38px;
    height: 38px;
    line-height: 38px;
    background-color: #F8f8f8;
    color: #BBB;
    text-align: center;
    font: 0 / 0 a;
}

.select-wrap .select .selectric .button {
    top: 50%;
    transform: translateY(-50%);
    background-color: transparent;
    width: 24px;
    height: 24px;
    margin-top: 5px;
    right: 6px;
}

.selectric .button:after {
    content: " ";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    width: 0;
    height: 0;
    border: 4px solid transparent;
    border-top-color: #BBB;
    border-bottom: none;
}

.select-wrap .select .selectric .button:after {
    content: "";
    border: 0;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%) rotate(180deg);
    width: 100%;
    height: 100%;
    background: url(../img/ico/ico_select_arrow_inp.svg) no-repeat center;
    transition: 0.2s;
}

.selectric-hover .selectric .button {
    color: #a2a2a2;
}

.selectric-hover .selectric .button:after {
    border-top-color: #a2a2a2;
}

.selectric-open {
    z-index: 9999;
}

.selectric-open .selectric-items {
    display: block;
    top: calc(100% - 3px);
    box-shadow: none;
    background-color: #fff;
    border: 1px solid #e6e6e6;
    border-top: none;
    border-radius: 0 0 6px 6px;
    overflow: hidden;
    z-index: 0;
}

.select-wrap .select .selectric-open .button:after {
    transform: translateY(-50%) rotate(0deg);
}

.select-wrap .select .selectric-items ul li {
    font-size: 16px;
    cursor: pointer;
    padding: 12px 15px;
    background-color: #fff;
}

.select-wrap .select .selectric-items ul li:hover {
    background: #f9f9f9;
    color: #444;
}

.selectric-disabled {
    filter: alpha(opacity=50);
    opacity: 0.5;
    cursor: default;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.selectric-hide-select {
    position: relative;
    overflow: hidden;
    width: 0;
    height: 0;
}

.selectric-hide-select select {
    position: absolute;
    left: -100%;
}

.selectric-hide-select.selectric-is-native {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 10;
}

.selectric-hide-select.selectric-is-native select {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    border: none;
    z-index: 1;
    box-sizing: border-box;
    opacity: 0;
}

.selectric-input {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    margin: 0 !important;
    padding: 0 !important;
    width: 1px !important;
    height: 1px !important;
    outline: none !important;
    border: none !important;
    *font: 0/0 a !important;
    background: none !important;
}

.selectric-temp-show {
    position: absolute !important;
    visibility: hidden !important;
    display: block !important;
}

/* Items box */
.selectric-items {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    background: #F8F8F8;
    border: 1px solid #c4c4c4;
    z-index: -1;
    box-shadow: 0 0 10px -6px;
}

.selectric-items .selectric-scroll {
    height: 100%;
    overflow: auto;
}

.selectric-items ul, .selectric-items li {
    list-style: none;
    padding: 0;
    margin: 0;
    font-size: 12px;
    line-height: 20px;
    min-height: 20px;
}

.selectric-items li {
    display: block;
    padding: 10px;
    color: #666;
    cursor: pointer;
}

.selectric-items li.selected {
    background: #E0E0E0;
    color: #444;
}

.selectric-items li.highlighted {
    background: #D0D0D0;
    color: #444;
}

.selectric-items li:hover {
    background: #D5D5D5;
    color: #444;
}

.selectric-items .disabled {
    filter: alpha(opacity=50);
    opacity: 0.5;
    cursor: default !important;
    background: none !important;
    color: #666 !important;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.selectric-items .selectric-group .selectric-group-label {
    font-weight: bold;
    padding-left: 10px;
    cursor: default;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background: none;
    color: #444;
}

.selectric-items .selectric-group.disabled li {
    filter: alpha(opacity=100);
    opacity: 1;
}

.selectric-items .selectric-group li {
    padding-left: 25px;
}

/*! jQuery UI - v1.12.1 - 2016-09-14
* http://jqueryui.com
* Includes: core.css, accordion.css, autocomplete.css, menu.css, button.css, controlgroup.css, checkboxradio.css, datepicker.css, dialog.css, draggable.css, resizable.css, progressbar.css, selectable.css, selectmenu.css, slider.css, sortable.css, spinner.css, tabs.css, tooltip.css, theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?bgShadowXPos=&bgOverlayXPos=&bgErrorXPos=&bgHighlightXPos=&bgContentXPos=&bgHeaderXPos=&bgActiveXPos=&bgHoverXPos=&bgDefaultXPos=&bgShadowYPos=&bgOverlayYPos=&bgErrorYPos=&bgHighlightYPos=&bgContentYPos=&bgHeaderYPos=&bgActiveYPos=&bgHoverYPos=&bgDefaultYPos=&bgShadowRepeat=&bgOverlayRepeat=&bgErrorRepeat=&bgHighlightRepeat=&bgContentRepeat=&bgHeaderRepeat=&bgActiveRepeat=&bgHoverRepeat=&bgDefaultRepeat=&iconsHover=url(%22images%2Fui-icons_555555_256x240.png%22)&iconsHighlight=url(%22images%2Fui-icons_777620_256x240.png%22)&iconsHeader=url(%22images%2Fui-icons_444444_256x240.png%22)&iconsError=url(%22images%2Fui-icons_cc0000_256x240.png%22)&iconsDefault=url(%22images%2Fui-icons_777777_256x240.png%22)&iconsContent=url(%22images%2Fui-icons_444444_256x240.png%22)&iconsActive=url(%22images%2Fui-icons_ffffff_256x240.png%22)&bgImgUrlShadow=&bgImgUrlOverlay=&bgImgUrlHover=&bgImgUrlHighlight=&bgImgUrlHeader=&bgImgUrlError=&bgImgUrlDefault=&bgImgUrlContent=&bgImgUrlActive=&opacityFilterShadow=Alpha(Opacity%3D30)&opacityFilterOverlay=Alpha(Opacity%3D30)&opacityShadowPerc=30&opacityOverlayPerc=30&iconColorHover=%23555555&iconColorHighlight=%23777620&iconColorHeader=%23444444&iconColorError=%23cc0000&iconColorDefault=%23777777&iconColorContent=%23444444&iconColorActive=%23ffffff&bgImgOpacityShadow=0&bgImgOpacityOverlay=0&bgImgOpacityError=95&bgImgOpacityHighlight=55&bgImgOpacityContent=75&bgImgOpacityHeader=75&bgImgOpacityActive=65&bgImgOpacityHover=75&bgImgOpacityDefault=75&bgTextureShadow=flat&bgTextureOverlay=flat&bgTextureError=flat&bgTextureHighlight=flat&bgTextureContent=flat&bgTextureHeader=flat&bgTextureActive=flat&bgTextureHover=flat&bgTextureDefault=flat&cornerRadius=3px&fwDefault=normal&ffDefault=Arial%2CHelvetica%2Csans-serif&fsDefault=1em&cornerRadiusShadow=8px&thicknessShadow=5px&offsetLeftShadow=0px&offsetTopShadow=0px&opacityShadow=.3&bgColorShadow=%23666666&opacityOverlay=.3&bgColorOverlay=%23aaaaaa&fcError=%235f3f3f&borderColorError=%23f1a899&bgColorError=%23fddfdf&fcHighlight=%23777620&borderColorHighlight=%23dad55e&bgColorHighlight=%23fffa90&fcContent=%23333333&borderColorContent=%23dddddd&bgColorContent=%23ffffff&fcHeader=%23333333&borderColorHeader=%23dddddd&bgColorHeader=%23e9e9e9&fcActive=%23ffffff&borderColorActive=%23003eff&bgColorActive=%23007fff&fcHover=%232b2b2b&borderColorHover=%23cccccc&bgColorHover=%23ededed&fcDefault=%23454545&borderColorDefault=%23c5c5c5&bgColorDefault=%23f6f6f6
* Copyright jQuery Foundation and other contributors; Licensed MIT */
/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
    display: none;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.ui-datepicker {
    width: 17em;
    padding: 0.2em 0.2em 0;
    display: none;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.ui-datepicker .ui-datepicker-buttonpane button {
    float: right;
    margin: 0.5em 0.2em 0.4em;
    cursor: pointer;
    padding: 0.2em 0.6em 0.3em 0.6em;
    width: auto;
    overflow: visible;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.ui-dialog .ui-dialog-buttonpane button {
    margin: 0.5em 0.4em 0.5em 0;
    cursor: pointer;
}

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

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

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

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

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

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

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

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

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

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

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

.ui-resizable {
    position: relative;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.ui-slider-horizontal .ui-slider-handle {
    top: -0.3em;
    margin-left: -0.6em;
}

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

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

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

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

.ui-slider-vertical .ui-slider-handle {
    left: -0.3em;
    margin-left: 0;
    margin-bottom: -0.6em;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
    opacity: 0.7;
    filter: Alpha(Opacity=70);
    /* support: IE8 */
    font-weight: normal;
}

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

.ui-state-disabled .ui-icon {
    filter: Alpha(Opacity=35);
    /* support: IE8 - See #6059 */
}

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

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

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

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

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

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

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

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

/* positioning */
.ui-icon-blank {
    background-position: 16px 16px;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.ll-skin-santiago {
    font-size: 90%;
}

.ll-skin-santiago .ui-widget {
    font-family: Helvetica Trebuchet MS, Tahoma, Verdana, Arial, sans-serif;
}

.ll-skin-santiago .ui-datepicker {
    padding: 0;
}

.ll-skin-santiago .ui-widget-content {
    border: none;
    background: #fff;
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.19);
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.19);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.19);
}

.ll-skin-santiago .ui-datepicker-header {
    font-family: "Myriad Pro", sans-serif;
    color: #fff;
    padding: 0;
    border-top: 1px solid #dc000c;
    border-bottom: none;
    overflow: hidden;
    text-transform: uppercase;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.35);
    border-radius: 4px 4px 0 0;
    -webkit-border-radius: 4px 4px 0 0;
    -moz-border-radius: 4px 4px 0 0;
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEwMCAxMDAiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iaGF0MCIgZ3JhZGllbnRVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giIHgxPSI1MCUiIHkxPSIxMDAlIiB4Mj0iNTAlIiB5Mj0iLTEuNDIxMDg1NDcxNTIwMmUtMTQlIj4KPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2IzMmIwYiIgc3RvcC1vcGFjaXR5PSIxIi8+CjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2NkMzAwYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgIDwvbGluZWFyR3JhZGllbnQ+Cgo8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwIiBoZWlnaHQ9IjEwMCIgZmlsbD0idXJsKCNoYXQwKSIgLz4KPC9zdmc+);
    background-image: -moz-linear-gradient(bottom, #dc000c 0%, #cd300c 100%);
    background-image: -o-linear-gradient(bottom, #dc000c 0%, #cd300c 100%);
    background-image: -webkit-linear-gradient(bottom, #dc000c 0%, #cd300c 100%);
    background-image: linear-gradient(bottom, #dc000c 0%, #cd300c 100%);
}

.ll-skin-santiago .ui-datepicker-header .ui-state-hover {
    background: transparent;
    border-color: transparent;
    cursor: pointer;
}

.ll-skin-santiago .ui-datepicker .ui-datepicker-title {
    line-height: 2.2em;
    font-weight: normal;
    color: #fff;
}

.ll-skin-santiago .ui-datepicker .ui-datepicker-prev,
.ll-skin-santiago .ui-datepicker .ui-datepicker-next {
    top: -1px;
    border-radius: 0;
    font-weight: normal;
    border: none;
    height: 2.2em;
    width: 1.4em;
}

.ll-skin-santiago .ui-datepicker .ui-datepicker-prev.ui-state-hover,
.ll-skin-santiago .ui-datepicker .ui-datepicker-next.ui-state-hover {
    background: #ba2c0c;
}

.ll-skin-santiago .ui-datepicker .ui-datepicker-prev {
    left: 0;
}

.ll-skin-santiago .ui-datepicker .ui-datepicker-next {
    right: 0;
}

.ll-skin-santiago .ui-datepicker .ui-datepicker-prev span,
.ll-skin-santiago .ui-datepicker .ui-datepicker-next span {
    margin-top: -5px;
    top: 40%;
}

.ll-skin-santiago .ui-icon-circle-triangle-e {
    top: 0;
    background: url("../img/ico/ico_next_1.svg") no-repeat center center/12px 12px;
}

.ll-skin-santiago .ui-icon-circle-triangle-w {
    background: url("../img/ico/ico_next_1.svg") no-repeat center center/12px 12px;
    transform: rotate(-180deg);
}

.ll-skin-santiago .ui-datepicker table {
    margin: 0;
}

.ll-skin-santiago .ui-datepicker th {
    padding: 0.6em 0 0.4em;
    text-transform: uppercase;
    color: #bbb;
    font-family: "Myriad Pro";
    font-weight: normal;
    font-size: 0.8em;
    border-top: 1px solid #e6e6e6;
}

.ll-skin-santiago .ui-datepicker td {
    border: none;
    border-top: 1px solid #e6e6e6;
    border-right: 1px solid #e6e6e6;
    padding: 0;
}

.ll-skin-santiago td:last-child {
    border-right: 0;
}

.ll-skin-santiago td .ui-state-default {
    background: transparent;
    border: none;
    color: #2b2b2b;
    margin: 0;
    font-family: "Myriad Pro", sans-serif;
    font-weight: normal;
    text-align: center;
}

.ll-skin-santiago .ui-datepicker-calendar .ui-state-hover {
    background: #ededed;
    color: #b2b2b2;
}

.ll-skin-santiago td a.ui-state-active,
.ll-skin-santiago td a.ui-state-active.ui-state-hover {
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.45);
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEwMCAxMDAiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iaGF0MCIgZ3JhZGllbnRVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giIHgxPSI1MCUiIHkxPSIxMDAlIiB4Mj0iNTAlIiB5Mj0iLTEuNDIxMDg1NDcxNTIwMmUtMTQlIj4KPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2IzMmIwYiIgc3RvcC1vcGFjaXR5PSIxIi8+CjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2NkMzAwYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgIDwvbGluZWFyR3JhZGllbnQ+Cgo8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwIiBoZWlnaHQ9IjEwMCIgZmlsbD0idXJsKCNoYXQwKSIgLz4KPC9zdmc+);
    background-image: -moz-linear-gradient(bottom, #dc000c 0%, #cd300c 100%);
    background-image: -o-linear-gradient(bottom, #dc000c 0%, #cd300c 100%);
    background-image: -webkit-linear-gradient(bottom, #dc000c 0%, #cd300c 100%);
    background-image: linear-gradient(bottom, #dc000c 0%, #cd300c 100%);
}

.header {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    background-color: #fff;
    z-index: 10000;
    min-width: 1200px;
}
.header > .inner {
    display: flex;
    flex-direction: column;
    max-width: 1200px;
    margin: 0 auto;
    height: 100px;
    display: flex;
    justify-content: baseline;
    align-items: center;
}
.header-top {
    width: 100%;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
.header-btm {
    display: flex;
    width: 100%;
    height: 60px;
}
.header-dimmed {
    display: none;
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    top: 100px;
    z-index: -1;
    background-color: rgba(0, 0, 0, 0.5);
}

.header.full-type {
    position: absolute;
}

.header-logo > a {
    display: block;
    width: 115px;
    height: 44px;
    background-image: url("../img/common/logo.svg");
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center;
}
.header.full-type .header-logo > a {
    background-image: url("../img/common/logo_fff.svg");
}

.header-util {
    font-size: 0;
}
.header-util .search {
    vertical-align: middle;
    margin-right: 27px;
}
.header-util a {
    position: relative;
    font-size: 14px;
    color: #666;
    padding: 0 8px;
    vertical-align: middle;
    display: inline-block;
}
.header-util a + a:before {
    content: "";
    width: 1px;
    height: 10px;
    background-color: #e6e6e6;
    position: absolute;
    left: 0;
    top: 5px;
}
.header-util a:last-child {
    padding-right: 0;
}
.header-util a:last-child + a:before {
    content: "";
    width: 1px;
    height: 10px;
    background-color: #e6e6e6;
    position: absolute;
    left: 0;
    top: 5px;
}
.header.full-type .header-util .search {
    filter: invert(1);
}
.header.full-type .header-util a {
    color: #fff;
}

.gnb {
    flex-grow: 1;
    padding-left: 25px;
}
.gnb-1depth {
    display: flex;
    align-items: center;
}
.gnb-1depth::after {
    content: "";
    display: block;
    clear: both;
}
.gnb-1depth-item {
    float: left;
    height: 100%;
    margin-right: 35px;
}
.gnb-1depth-link {
    position: relative;
    display: flex;
    align-items: center;
    padding: 0 5px 0;
    font-size: 17px;
    color: #000;
    font-weight: 500;
    letter-spacing: -0.17px;
    box-sizing: border-box;
    height: 60px;
}
.header.full-type .gnb-1depth-link {
    color: #fff;
}
.gnb-1depth-link.on::before {
    content: "";
    display: block;
    position: absolute;
    width: calc(100% - 10px);
    height: 4px;
    left: 50%;
    transform: translateX(-50%);
    bottom: 0;
    background-color: #dc000c;
}
.gnb-1depth-link--etc:after {
    content: "";
    display: inline-block;
    vertical-align: -3px;
    margin-left: 3px;
    width: 20px;
    height: 20px;
    background: url("../img/common/ico_header_link_black.svg") no-repeat center/20px;
}
.header.full-type .gnb-1depth-link--etc:after {
    background: url("../img/common/ico_header_link_white.svg") no-repeat center/20px;
}
.gnb-inner {
    overflow: hidden;
    position: absolute;
    top: 100px;
    right: 0;
    left: 0;
    background: #fff;
    height: 0;
    border-top: 1px solid #e6e6e6;
    transition: height 0.3s cubic-bezier(0.77, 0, 0.175, 1);
}
.header.full-type .gnb-inner {
    border-top: 0;
}
.gnb.is-active .gnb-inner {
    height: 680px;
}
.gnb-inner-ly {
    position: relative;
    width: 1200px;
    top: 50px;
    left: 50%;
    z-index: 2;
    transform: translate(-50%);
    transition: opacity 0.3s cubic-bezier(0.77, 0.06, 0.28, 0.85);
    background: red;
}
.gnb-inner ul {
    position: absolute;
    top: 0;
    width: 200px;
    height: 100%;
    z-index: 3;
    display: none;
}
.gnb-inner ul li + li {
    margin-top: 15px;
}
.gnb-inner ul li > a {
    position: relative;
    display: inline-block;
    font-size: 16px;
}
.gnb .is-line:before {
    content: "";
    position: absolute;
    top: 100%;
    display: block;
    width: 0;
    height: 2px;
    background: #000;
    transition: width 0.3s;
}
.gnb .is-line:hover, .gnb .is-line:focus {
    font-weight: 500;
}
.gnb .is-line:hover:before, .gnb .is-line:focus:before {
    width: 100%;
}
.gnb .is-arrow:after {
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    background: url("../img/common/ico_gnb_arrow_right.svg") no-repeat right top/16px 16px;
    width: 16px;
    height: 16px;
    opacity: 0;
    transition: right 0.3s cubic-bezier(0.77, 0, 0.175, 1), opacity 0.2s cubic-bezier(0.77, 0.06, 0.28, 0.85);
}
.gnb .is-arrow:hover:after {
    opacity: 1;
    right: -30px;
}
.gnb-2depth {
    left: 0;
}
.gnb-3depth {
    left: 220px;
}
.gnb-4depth {
    left: 220px;
}
.gnb-5depth {
    left: 240px;
}
.gnb-banner {
    position: fixed;
    top: 0;
    right: 0;
    width: 290px;
    z-index: 999;
    display: none;
}
.gnb-banner > a {
    display: block;
}
.gnb-banner .img {
    width: 290px;
    height: 290px;
}
.gnb-banner .img img {
    width: 100%;
    transition: transform 0.5s;
}
.gnb-banner .tit {
    margin-top: 19px;
    font-size: 14px;
    line-height: 20px;
}

.gnb-banner .tit.allignCtr{
    text-align: center;
}

.gnb-banner .txt {
    display: inline-block;
    margin-top: 4px;
    font-size: 17px;
    font-weight: 700;
}
.gnb-banner .txt:after {
    content: "";
    margin-left: 5px;
    background: url("../img/common/ico_gnb_arrow_right.svg") no-repeat right top/16px 16px;
    width: 16px;
    height: 16px;
    display: inline-block;
    vertical-align: -1px;
}
.gnb-close {
    display: none;
    position: absolute;
    top: 93px;
    right: 50%;
    margin: 25px -630px 0 0;
    width: 24px;
    height: 24px;
    background: url("../img/common/ico_gnb_close.svg") no-repeat center center/24px 24px;
}
.gnb-right {
    margin-left: auto;
    display: flex;
    align-items: center;
}
.gnb-right .gnb-1depth-link {
    font-size: 14px;
}
.gnb-right .gnb-1depth-item {
    margin-right: 25px;
}
/*20250630 아이콘 추가*/
.gnb-right .gnb-1depth-item.new-item .gnb-1depth-link {
    position: relative;
}
.gnb-right .gnb-1depth-item.new-item .gnb-1depth-link:before {
    content: '';
    width: 16px;
    height: 16px;
    aspect-ratio: 1/1;
    position: absolute;
    top: 7px;
    left: -10px;
    background: url("../img/common/ico-gnb-new-item-badge.png") no-repeat center center/contain;
}

.gnb-1depth-btn {
    font-size: 14px;
    font-weight: normal;
    line-height: 2.14;
    letter-spacing: -0.14px;
    text-align: left;
    color: #fff;
    min-width: 80px;
    height: 30px;
    padding: 0 10px;
    border-radius: 4px;
    background-color: #dc000c;
    text-align: center;
}
.gnb-1depth-btn:hover {
    color: #fff;
}
.gnb-1depth-btn.black {
    background-color: #000;
}

.search-dimmed {
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.5);
    z-index: 10000;
}

.total-search-wrap {
    z-index: 10001;
    display: block;
    position: absolute;
    left: 0;
    top: -800px;
    width: 100%;
    background: #fff;
}
.total-search-wrap.on {
    top: 0;
    transition: top 0.3s ease;
}
.total-search-wrap .search-wrap {
    position: relative;
    max-width: 1520px;
    padding: 174px 0 164px 0;
    margin: 0 auto;
}
.total-search-wrap .search-wrap .btn-close {
    position: absolute;
    right: 15px;
    top: 15px;
    width: 45px;
    height: 45px;
    background: url("../img/ico/ico_close2.svg") no-repeat center center;
}
.total-search-wrap .integrate-search-wrap {
    margin: 0 auto;
}
.total-search-wrap .integrate-search-wrap .inner input[type=text] {
    width: calc(100% - 129px);
    padding: 0 100px 8px 8px;
    border-bottom: none;
    background-color: #fff;
}
.total-search-wrap .integrate-search-wrap .inner .inp-wrap.del .del {
    top: 24px;
}
.total-search-wrap .integrate-search-wrap .inner .srch-btn {
    top: 14px;
}
.total-search-wrap .integrate-search-wrap .inp-wrap {
    border-bottom: 4px solid #111;
}
.total-search-wrap .integrate-search-wrap .select-wrap {
    width: 125px;
}
.total-search-wrap .integrate-search-wrap .select-wrap .filter {
    border: none;
}
.total-search-wrap .integrate-search-wrap .select-wrap .filter .selectric {
    border: none;
}
.total-search-wrap .integrate-search-wrap .select-wrap .filter .selectric .label {
    padding: 0 30px 0 0;
    height: 53px;
}
.total-search-wrap .integrate-search-wrap .select-wrap .filter .selectric .button::after {
    top: -6px;
}
.total-search-wrap .integrate-search-wrap .select-wrap .filter .selectric-items {
    top: 57px;
}
.total-search-wrap .integrate-search-wrap .auto-complete-wrap {
    left: 115px;
    top: 57px;
    width: 640px;
}

.footer {
    background-color: #fff;
    border-top: 1px solid #e6e6e6;
    text-align: left;
}
.footer-info {
    padding: 44px 0 23px;
    border-top: 1px solid #eee;
}
.footer-sitemap {
    background-color: #f9f9f9;
}
.footer-sitemap > .l-grid {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 110px;
}

.footerNav {
    position: relative;
}
.footerNav-toggle {
    position: absolute;
    width: 30px;
    height: 30px;
    top: 29px;
    right: 0;
    border: 1px solid #111;
    background: url("../img/common/ico_footer_arrow.svg") no-repeat center center;
}
.footerNav-toggle.on {
    transform: rotate(180deg);
}
.footerNav-depth-tit {
    display: flex;
    justify-content: space-between;
}
.footerNav-depth-tit--1depth {
    height: 86px;
    align-items: center;
    font-size: 16px;
    font-weight: 500;
}
.footerNav-btn-fold {
    width: 20px;
    height: 20px;
    margin-top: 2px;
}
.footerNav-btn-fold:after {
    display: block;
    content: "";
    width: 100%;
    height: 100%;
    background: url("../img/common/ico_plus.svg") no-repeat center;
}
.footerNav-btn-fold.on:after {
    background: url("../img/common/ico_minus.svg") no-repeat center;
}
.footerNav-1depth {
    display: flex;
    justify-content: space-between;
}
.footerNav-1depth > li {
    flex: 0 0 200px;
}
.footerNav-2depth {
    display: none;
    padding-bottom: 80px;
}
.footerNav-2depth > li {
    font-size: 14px;
}
.footerNav-2depth > li + li {
    margin-top: 16px;
}
.footerNav-3depth {
    display: none;
    padding-top: 8px;
}
.footerNav-3depth > li {
    font-size: 13px;
    padding: 6px 0 6px 6px;
}
.footerNav-4depth {
    display: none;
    padding-top: 4px;
}
.footerNav-4depth > li {
    padding: 6px 0 6px 6px;
}

.footer.open .footerNav-2depth {
    display: block;
}
.footer.open .footerNav-3depth {
    display: block;
}
.footer.open .footerNav-4depth {
    display: block;
}
.footer.open .footerNav-btn-fold:after:after {
    background: url("../img/common/ico_minus.svg") no-repeat center;
}

.footerQuick {
    font-size: 0;
}
.footerQuick > a {
    line-height: 10px;
    display: inline-block;
    font-size: 14px;
    color: #666;
}
.footerQuick > a + a {
    margin-left: 10px;
    padding-left: 10px;
    padding-right: 10px;
    border-left: 1px solid #ccc;
}
.footerQuick > a strong {
    font-weight: 500;
    color: #111;
}

.footerAddr {
    margin-top: 15px;
    font-size: 12px;
    color: #666;
}
.footerAddr span {
    display: inline-block;
    font-size: 12px;
    color: #666;
    line-height: 10px;
    margin-left: 8px;
    padding-left: 8px;
    border-left: 1px solid #ccc;
}
.footerAddr span:first-child {
    border-left: 0;
}
.footerAddr p {
    margin-top: 10px;
    font-size: 12px;
    color: #666;
}

.footerSites {
    margin-top: 27px;
    display: flex;
}
.footerSites li {
    font-size: 12px;
    color: #666;
    display: flex;
    align-items: center;
}
.footerSites li span {
    margin-left: 6px;
}
.footerSites li + li {
    margin-left: 20px;
}

.footerSns {
    display: flex;
}
.footerSns > li + li {
    margin-left: 20px;
}
.footerSns-wrap {
    display: flex;
}
.footerSns-box {
    margin-right: 70px;
}
.footerSns-box:last-child {
    margin-right: 0;
}
.footerSns-title {
    font-size: 14px;
    margin-bottom: 8px;
    display: block;
    color: #111;
}

.footerFamily {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.footerFamily .select {
    z-index: 1;
    position: relative;
    background-color: #fff;
    width: 200px;
}
.footerFamily .select + .select {
    margin-left: 10px;
}
.footerFamily .select .btn-select {
    position: relative;
    width: 100%;
    height: 40px;
    padding: 10px 15px;
    border: 1px solid #e6e6e6;
    border-radius: 6px;
    color: #000;
    text-align: left;
    box-sizing: border-box;
    font-size: 14px;
}
.footerFamily .select .btn-select:after {
    content: "";
    position: absolute;
    top: 50%;
    right: 15px;
    transform: translateY(-50%);
    width: 16px;
    height: 16px;
    background: url("../img/common/ico_arrow_select_bottom.svg") no-repeat center center/16px 16px;
}
.footerFamily .select .btn-select.on:after {
    transform: rotate(180deg);
    transform-origin: 50% 25%;
}
.footerFamily .select .select-list {
    display: none;
    overflow-y: auto;
    position: absolute;
    left: 0;
    width: 100%;
    max-height: 160px;
    background: #fff;
    box-sizing: border-box;
    border: 1px solid #e6e6e6;
    border-radius: 6px;
    top: auto;
    bottom: calc(100% - 1px);
    border-bottom: 0;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}
.footerFamily .select .select-list li a {
    display: block;
    padding: 10px 15px;
    font-size: 14px;
}
.footerFamily .select .select-list li a:hover {
    background-color: #dc000c;
    font-weight: 700;
    color: #fff;
}

[class^=btn-] {
    display: inline-block;
    padding: 0 10px;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    border: 1px solid transparent;
    box-sizing: border-box;
    border-radius: 4px;
    cursor: pointer;
}
[class^=btn-][class*=white][class*=line] {
    color: #111;
    background-color: #fff;
    border-color: #111;
}
[class^=btn-][class*=red] {
    color: #fff;
    background-color: #dc000c;
    border-color: #dc000c;
}
[class^=btn-][class*=red][class*=line] {
    background-color: #fff;
    color: #dc000c;
}
[class^=btn-][class*=black] {
    color: #fff;
    background-color: #000;
    border-color: #000;
}
[class^=btn-][class*=black][class*=line] {
    background-color: #fff;
    color: #000;
}
[class^=btn-][class*=blue] {
    color: #fff;
    background-color: #0b5cc7;
    border-color: #0b5cc7;
}
[class^=btn-][class*=blue][class*=line] {
    border-color: #0b5cc7;
    background-color: #fff;
    color: #0b5cc7;
}
[class^=btn-][class*=gray] {
    color: #fff;
    background-color: #666;
    border-color: #666;
}
[class^=btn-][class*=white]:disabled, [class^=btn-][class^=btn-white].disabled {
    background-color: #fff;
    color: #bfbfbf;
    border-color: #bfbfbf;
}
[class^=btn-][class*=sm] {
    min-width: 110px;
    height: 40px;
    line-height: 38px;
    padding: 0 20px;
    font-size: 14px;
}
[class^=btn-][class*=sm2] {
    min-width: 80px;
    height: 42px;
    line-height: 40px;
    padding: 0 20px;
    font-size: 15px;
}
[class^=btn-][class*=md] {
    min-width: 160px;
    height: 50px;
    line-height: 48px;
    padding: 0 25px;
    font-size: 18px;
}
[class^=btn-][class*=lg] {
    height: 60px;
    line-height: 58px;
    padding: 0 20px;
    font-size: 16px;
}
[class^=btn-][class*=square] {
    border-radius: 4px;
}

.row-btns {
    display: flex;
    justify-content: center;
    width: 100%;
    box-sizing: border-box;
}
.row-btns [class^=btn] {
    width: 100%;
    padding: 0 20px;
}
.row-btns [class^=btn] + [class^=btn] {
    margin-left: 10px;
}
.row-btns .col {
    margin: 0;
}
.row-btns .col + .col {
    margin-left: 10px;
}

.btn-box {
    display: flex;
    padding: 0;
}
.btn-box * + * {
    margin-left: 8px;
}

.select-box {
    display: flex;
}

.select-wrap + .select-wrap {
    margin-left: 10px;
}
.select-wrap .nav .selectric {
    background-color: transparent;
    border: 0;
}
.select-wrap .nav .selectric .label {
    position: relative;
    margin: 0;
    height: 60px;
    line-height: 58px;
    font-size: 16px;
    letter-spacing: -0.16px;
    color: #fff;
    font-weight: 700;
    padding: 0 50px 0 30px;
    cursor: pointer;
}
.select-wrap .nav .selectric .button {
    right: 30px;
    top: 50%;
    transform: translateY(-50%);
    background-color: transparent;
    width: 16px;
    height: 16px;
}
.select-wrap .nav .selectric .button:after {
    border: 0;
    width: 100%;
    height: 100%;
    background: url("../img/ico/ico_nav_arrow.svg") no-repeat center center;
    transition: 0.2s;
}
.select-wrap .nav .selectric-open .button:after {
    transform: rotate(180deg);
}
.select-wrap .nav .selectric-items {
    box-shadow: none;
    background-color: #fff;
    border-color: #ccc;
}
.select-wrap .nav .selectric-items ul {
    margin: 5px 0 14px;
}
.select-wrap .nav .selectric-items ul li {
    font-size: 16px;
    cursor: pointer;
    padding: 13px 30px;
    background-color: #fff;
    color: #111;
}
.select-wrap .nav .selectric-items ul li:hover {
    text-decoration: underline;
}
.select-wrap .filter .selectric {
    background-color: transparent;
    border: 0;
}
.select-wrap .filter .selectric .label {
    position: relative;
    margin: 0;
    height: 45px;
    line-height: 43px;
    font-size: 15px;
    letter-spacing: -0.16px;
    color: #000;
    font-weight: 400;
    padding: 0 28px 0 15px;
    cursor: pointer;
}
.select-wrap .filter .selectric .button {
    top: 50%;
    transform: translateY(-50%);
    background-color: transparent;
    width: 24px;
    height: 24px;
    margin-top: 5px;
}
.select-wrap .filter .selectric .button:after {
    content: "";
    border: 0;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%) rotate(180deg);
    width: 100%;
    height: 100%;
    background: url("../img/ico/ico_select_arrow.svg") no-repeat center;
    transition: 0.2s;
}
.select-wrap .filter .selectric-open .button:after {
    transform: translateY(-50%) rotate(0deg);
}
.select-wrap .filter .selectric-hover li:hover {
    background-color: #f9f9f9;
}
.select-wrap .filter .selectric-items {
    box-shadow: none;
    background-color: #fff;
    border-color: transparent;
}
.select-wrap .filter .selectric-items ul li {
    font-size: 16px;
    cursor: pointer;
    padding: 12px 15px;
    background-color: #fff;
}

.input {
    width: 100%;
    height: 42px;
    font-size: 15px;
    padding: 0 10px;
    color: #111;
    background-color: #fff;
    border: 1px solid #e6e6e6;
    border-radius: 4px;
}

input.err {
    border: 1px solid #dc000c !important;
}
input + .basic-txt {
    font-size: 13px;
    color: #666;
    line-height: 20px;
    margin-top: 5px;
}
input + button.del {
    display: none;
    position: absolute;
    top: 50%;
    right: 13px;
    transform: translateY(-50%);
    width: 15px;
    height: 15px;
    background: url("../img/ico/ico_inp_delete.svg") no-repeat center center;
}
input + button.del.on {
    display: block;
}
input + button.see {
    position: absolute;
    top: 11px;
    right: 10px;
    width: 20px;
    height: 20px;
    background: url("../img/ico/ico_inp_see_close.svg") no-repeat center center;
}
input + button.see.on {
    background: url("../img/ico/ico_inp_see.svg") no-repeat center center;
}

.inp-wrap {
    position: relative;
}
.inp-wrap .terms-title {
    margin-bottom: 8px;
    font-size: 16px;
    line-height: 24px;
    text-align: right;
}
.inp-wrap .rel {
    position: relative;
}
.inp-wrap.flex-start p[class$=-txt] {
    margin: 0 0 0 10px;
    flex: 1 0 auto;
}
.inp-wrap .err-txt {
    font-size: 13px;
    color: #dc000c;
    line-height: 20px;
    margin-top: 5px;
}
.inp-wrap .err-txt.abs {
    position: absolute;
    bottom: -25px;
    left: 0;
    white-space: nowrap;
}
.inp-wrap .success-txt {
    font-size: 13px;
    color: #0b5cc7;
    line-height: 20px;
    margin-top: 5px;
}
.inp-wrap .success-txt.abs {
    position: absolute;
    bottom: -25px;
    left: 0;
}
.inp-wrap .select-wrap {
    display: inline-block;
    vertical-align: middle;
}
.inp-wrap .select-wrap.sm {
    width: 158px;
}
.inp-wrap .select-wrap.sm .filter .selectric .label {
    padding: 0 30px 0 20px;
}
.inp-wrap .select-wrap.sm .filter .selectric-items ul li {
    padding: 10px 10px 10px 20px;
}
.inp-wrap .select-wrap .filter {
    border-bottom: 1px solid #e6e6e6;
    border-radius: 0 0 4px 4px;
}
.inp-wrap .select-wrap .filter .selectric {
    border: 1px solid #e6e6e6;
    border-bottom: 0;
    border-radius: 4px 4px 0 0;
}
.inp-wrap .select-wrap .filter .selectric .label {
    height: 42px;
    font-weight: 400;
    line-height: 42px;
    padding: 0 30px 0 10px;
}
.inp-wrap .select-wrap .filter .selectric .button {
    width: 16px;
    height: 16px;
    margin-right: 10px;
}
.inp-wrap .select-wrap .filter .selectric .button::after {
    background: url("../img/ico/ico_select_arrow_inp.svg") no-repeat center center;
}
.inp-wrap .select-wrap .filter .selectric-items {
    border: 1px solid #e6e6e6;
    border-top: 0;
    border-radius: 0 0 4px 4px;
}
.inp-wrap .select-wrap .filter .selectric-items ul li {
    font-size: 15px;
    color: #111;
    padding: 10px;
}
.inp-wrap .select-wrap .filter .selectric-items ul li:hover {
    font-weight: 500;
}

.inp-wrap.tel {
    font-size: 0;
}
.inp-wrap.tel input {
    width: calc((100% - 40px) / 3);
}
.inp-wrap.tel .span {
    display: inline-block;
    width: 8px;
    height: 1px;
    margin: 0 6px;
    background-color: #999;
    vertical-align: middle;
}
.inp-wrap.tel .select-wrap {
    width: calc((100% - 40px) / 3);
}

.inp-wrap.email {
    font-size: 0;
}
.inp-wrap.email input {
    width: calc((100% - 32px) / 3);
}
.inp-wrap.email .span {
    display: inline-block;
    font-size: 15px;
    color: #000;
    margin: 0 6px;
    vertical-align: middle;
}
.inp-wrap.email .select-wrap {
    width: calc((100% - 32px) / 3);
    margin-left: 6px;
}

.radio {
    position: relative;
    display: inline-block;
    height: 20px;
    font-size: 15px;
    line-height: 20px;
}
.radio.shapeCheckbox {
    position: relative;
    display: inline-block;
    height: 20px;
    font-size: 15px;
    line-height: 20px;
}
.radio input[type=radio] {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}
.radio input[type=radio] + i {
    display: inline-block;
    width: 20px;
    height: 20px;
    vertical-align: top;
    border: 1px solid #e1e1e1;
    border-radius: 50%;
    cursor: pointer;
    -webkit-appearance: none;
    margin-right: 6px;
}
.radio input[type=radio]:focus-visible + i {
    outline: -webkit-focus-ring-color auto 1px;
}
.radio input[type=radio]:checked + i {
    background-color: transparent;
    border-color: #dc000c;
}
.radio input[type=radio]:checked + i::after {
    content: "";
    display: block;
    position: absolute;
    top: 6px;
    left: 6px;
    width: 8px;
    height: 8px;
    display: inline-block;
    background-color: #dc000c;
    border-radius: 50%;
}
.radio input[type=radio][disabled] + i {
    background-color: #eee;
    border: 1px solid #e1e1e1;
}
.radio input[type=radio][disabled] + i::after,
.radio input[type=radio][disabled][checked] + i::after {
    content: "";
    display: block;
    position: absolute;
    top: 6px;
    left: 6px;
    width: 8px;
    height: 8px;
    display: inline-block;
    background-color: #d9d9d9;
    border-radius: 50%;
}
.radio input[type=checkbox] {
    display: none;
}
.radio input[type=checkbox] + i {
    display: inline-block;
    width: 20px;
    height: 20px;
    vertical-align: top;
    border: 1px solid #e1e1e1;
    border-radius: 50%;
    cursor: pointer;
    -webkit-appearance: none;
}
.radio input[type=checkbox]:checked + i {
    background-color: transparent;
    border-color: #dc000c;
}
.radio input[type=checkbox]:checked + i::after {
    content: "";
    display: block;
    position: absolute;
    top: 6px;
    left: 6px;
    width: 8px;
    height: 8px;
    display: inline-block;
    background-color: #dc000c;
    border-radius: 50%;
}
.radio input[type=checkbox][disabled] + i {
    background-color: #eee;
    border: 1px solid #e1e1e1;
}
.radio input[type=checkbox][disabled] + i::after,
.radio input[type=checkbox][disabled][checked] + i::after {
    content: "";
    display: block;
    position: absolute;
    top: 6px;
    left: 6px;
    width: 8px;
    height: 8px;
    display: inline-block;
    background-color: #d9d9d9;
    border-radius: 50%;
}
.radio.txt + .txt {
    margin-left: 30px;
}

.checkbox {
    position: relative;
    display: inline-block;
    font-size: 15px;
    cursor: pointer;
    padding-left: 28px;
}
.checkbox i::after {
    content: "";
    position: absolute;
    display: none;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    width: 100%;
    height: 100%;
    background: url("../img/ico/ico_check_grey.svg") no-repeat center center;
}
.checkbox input[type=checkbox],
.checkbox input[type=radio] {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}
.checkbox input[type=checkbox] + i,
.checkbox input[type=radio] + i {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    display: inline-block;
    width: 20px;
    height: 20px;
    vertical-align: top;
    border: 1px solid #e1e1e1;
    border-radius: 100%;
    cursor: pointer;
    -webkit-appearance: none;
}
.checkbox input[type=checkbox]:focus-visible + i {
    outline: -webkit-focus-ring-color auto 1px;
}
.checkbox input[type=checkbox]:checked + i,
.checkbox input[type=radio]:checked + i {
    background-color: #dc000c;
    border-color: #dc000c;
}
.checkbox input[type=checkbox]:checked + i::after,
.checkbox input[type=radio]:checked + i::after {
    display: inline-block;
    background: url("../img/ico/ico_check.svg") no-repeat center center;
}
.checkbox input[type=checkbox]:disabled,
.checkbox input[type=radio]:disabled {
    background-color: #eee;
    border: 1px solid #e1e1e1;
}
.checkbox input[type=checkbox]:disabled + i::after,
.checkbox input[type=radio]:disabled + i::after {
    display: inline-block;
}
.checkbox.txt + .txt {
    margin-left: 30px;
}
.checkbox.circle input[type=checkbox],
.checkbox.circle input[type=radio] {
    width: 20px;
    height: 20px;
    background: #fff;
    border-radius: 100%;
}
.checkbox.circle input[type=checkbox]:checked,
.checkbox.circle input[type=radio]:checked {
    background-color: #dc000c;
}
.checkbox.circle i {
    width: 20px;
    height: 20px;
    background-size: 18px 18px;
    background: none;
}

.textCheckBox {
    display: flex;
}
.textCheckBox__item {
    margin: 0 5px;
    flex-shrink: 0;
}
.textCheckBox__item:first-child {
    margin-left: 0;
}
.textCheckBox__item:last-child {
    margin-right: 0;
}
.textCheckBox__label {
    font-size: 14px;
    font-weight: normal;
    line-height: 1.57;
    letter-spacing: -0.14px;
    color: #111;
    padding: 5px 18px;
    border-radius: 17px;
    border: solid 1px #e6e6e6;
    cursor: pointer;
    display: block;
}
.textCheckBox__checkbox {
    display: none;
}
.textCheckBox__checkbox:checked + .textCheckBox__label {
    color: #dc000c;
    border: solid 1px #dc000c;
}

.datepicker + .ui-datepicker-trigger {
    margin-left: 10px;
}

.ui-datepicker-trigger {
    cursor: pointer;
}

.ll-skin-canon .ui-datepicker {
    padding: 20px;
}

.ll-skin-canon .ui-widget-content {
    width: 320px;
    border: 1px solid #e6e6e6;
    border-radius: 15px;
}

.ll-skin-canon .ui-datepicker-header {
    color: #fff;
    margin-bottom: 20px;
    padding: 0;
    border: 0;
    overflow: hidden;
    text-transform: uppercase;
    background-color: transparent;
}

.ll-skin-canon .ui-datepicker-header .ui-state-hover {
    background: transparent;
    border-color: transparent;
    cursor: pointer;
}

.ll-skin-canon .ui-datepicker .ui-datepicker-title {
    height: 22px;
    line-height: 20px;
    font-size: 18px;
    font-weight: 700;
    font-family: "Roboto";
    color: #111;
}

.ll-skin-canon .ui-datepicker .ui-datepicker-prev,
.ll-skin-canon .ui-datepicker .ui-datepicker-next {
    top: -1px;
    border-radius: 0;
    font-weight: normal;
    border: none;
    height: 2.2em;
    width: 1.4em;
}

.ll-skin-canon .ui-datepicker .ui-datepicker-prev {
    left: 40px;
}

.ll-skin-canon .ui-datepicker .ui-datepicker-next {
    right: 40px;
}

.ll-skin-canon .ui-datepicker .ui-datepicker-prev span,
.ll-skin-canon .ui-datepicker .ui-datepicker-next span {
    margin-top: -5px;
    top: 30%;
}

.ll-skin-canon .ui-icon-circle-triangle-e {
    top: 0;
    background: url("../img/ico/ico_datepicker_title_arrow.svg") no-repeat center center/16px 16px;
}

.ll-skin-canon .ui-icon-circle-triangle-w {
    background: url("../img/ico/ico_datepicker_title_arrow.svg") no-repeat center center/16px 16px;
    transform: rotate(-180deg);
}

.ll-skin-canon .ui-datepicker table {
    margin: 0;
}

.ll-skin-canon .ui-datepicker th {
    font-size: 14px;
    width: 40px;
    height: 40px;
    text-transform: uppercase;
    color: #111;
    font-family: "Roboto";
    font-weight: 700;
}

.ll-skin-canon .ui-datepicker td {
    position: relative;
    line-height: 38px;
    border: none;
    padding: 0;
}

.ll-skin-canon .ui-datepicker td.ui-state-disabled,
.ll-skin-canon .ui-datepicker td.ui-widget-content .ui-state-disabled,
.ll-skin-canon .ui-datepicker td.ui-widget-header .ui-state-disabled {
    color: #e6e6e6;
}

.ll-skin-canon td:last-child {
    border-right: 0;
}

.ll-skin-canon td .ui-state-default {
    width: 40px;
    height: 40px;
    font-size: 14px;
    padding: 0 !important;
    background: transparent;
    border: none;
    color: #111;
    margin: 0;
    font-family: "Roboto";
    font-weight: 500;
    text-align: center;
}

.ll-skin-canon .ui-datepicker-calendar .ui-state-hover {
    width: 30px;
    height: 30px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    border-radius: 100%;
    line-height: 30px;
    background: #ededed;
    color: #b2b2b2;
}

.ll-skin-canon td a.ui-state-active,
.ll-skin-canon td a.ui-state-active.ui-state-hover {
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.45);
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEwMCAxMDAiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iaGF0MCIgZ3JhZGllbnRVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giIHgxPSI1MCUiIHkxPSIxMDAlIiB4Mj0iNTAlIiB5Mj0iLTEuNDIxMDg1NDcxNTIwMmUtMTQlIj4KPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2IzMmIwYiIgc3RvcC1vcGFjaXR5PSIxIi8+CjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2NkMzAwYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgIDwvbGluZWFyR3JhZGllbnQ+Cgo8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwIiBoZWlnaHQ9IjEwMCIgZmlsbD0idXJsKCNoYXQwKSIgLz4KPC9zdmc+);
    background-image: -moz-linear-gradient(bottom, #dc000c 0%, #cd300c 100%);
    background-image: -o-linear-gradient(bottom, #dc000c 0%, #cd300c 100%);
    background-image: -webkit-linear-gradient(bottom, #dc000c 0%, #cd300c 100%);
    background-image: linear-gradient(bottom, #dc000c 0%, #cd300c 100%);
    width: 30px;
    height: 30px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    border-radius: 100%;
    line-height: 30px;
}

.modal {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 10040;
    display: none;
    width: 100%;
    overflow-y: auto;
}
.modal .modal-dialog {
    z-index: 10040;
    position: relative;
    display: table;
    width: 100%;
    height: 100%;
}
.modal .modal-dialog .modal-inner {
    display: table-cell;
    padding: 120px 0;
    vertical-align: middle;
    text-align: left;
}
.modal .modal-dialog .modal-inner .modal-body {
    position: relative;
    margin: 0 auto;
    background-color: #fff;
    border-radius: 15px;
}
.modal .modal-dialog .modal-inner .modal-body .modal-header {
    padding: 0 25px;
}
.modal .modal-dialog .modal-inner .modal-body .modal-header .modal-title {
    margin: 0;
    padding: 0;
    font-size: 16px;
    color: #000;
    font-weight: 500;
    height: 70px;
    line-height: 68px;
}
.modal .modal-dialog .modal-inner .modal-body .modal-header + .modal-content {
    padding-top: 20px;
}
.modal .modal-dialog .modal-inner .modal-content {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 0;
    padding-bottom: 40px;
    font-size: 15px;
    line-height: 1.3;
    color: #000;
}
.modal .modal-dialog .modal-inner .modal-content .modal-content-scroll {
    overflow-x: hidden;
    overflow-y: auto;
}
.modal .modal-dialog .modal-inner .modal-content .modal-txt {
    font-size: 15px;
    line-height: 22px;
}
.modal .modal-dialog .modal-inner .modal-footer {
    padding-bottom: 40px;
    text-align: center;
}
.modal .modal-dialog .modal-inner .modal-footer .row-btns {
    display: flex;
    justify-content: center;
    width: 100%;
    box-sizing: border-box;
}
.modal .modal-dialog .modal-inner .modal-footer .row-btns [class^=btn] {
    width: 100%;
    padding: 0 20px;
}
.modal .modal-dialog .modal-inner .modal-footer .row-btns [class^=btn] + [class^=btn] {
    margin-left: 10px;
}
.modal .modal-dialog .modal-inner .btn-close {
    position: absolute;
    top: 23px;
    right: 25px;
    width: 24px;
    height: 24px;
    background: url("../img/common/ico_modal_close.svg") no-repeat center/24px;
}
.modal.size300 .modal-body {
    width: 300px;
}
.modal.size300 .modal-body .row-btns [class^=btn] + [class^=btn] {
    margin-left: 5px;
}
.modal.size300 .modal-body .modal-header + .modal-content {
    height: 100px;
}
.modal.size300 .modal-body .modal-content {
    margin-top: 0 !important;
    height: 130px;
    padding: 0 30px;
}
.modal.size300 .modal-body .modal-footer {
    padding: 0 0 30px;
    text-align: center;
}
.modal.size500 .modal-body {
    width: 500px;
}
.modal.size600 .modal-body {
    width: 600px;
}
.modal.size800 .modal-body {
    width: 800px;
}
.modal.size960 .modal-body {
    width: 960px;
}
.modal .dimmed {
    display: block;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 10030;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=20);
    filter: alpha(opacity=20);
    opacity: 0.2;
    background-color: #000;
}
.modal [class^=btn-][class*=md] {
    font-size: 16px;
    padding: 0 35px;
}
.modal .company-list {
    width: 100%;
    padding: 0 30px;
}
.modal .company-list .company-item .company-tit {
    color: #000;
    font-weight: 500;
}
.modal .company-list .company-item .company-info {
    margin-top: 10px;
    display: flex;
    justify-content: baseline;
    align-items: center;
}
.modal .company-list .company-item .company-info span {
    position: relative;
}
.modal .company-list .company-item .company-info span + span {
    margin-left: 23px;
}
.modal .company-list .company-item .company-info span + span:before {
    content: "";
    position: absolute;
    left: -13px;
    top: 10px;
    width: 3px;
    height: 3px;
    background-color: #999;
}
.modal .company-list .company-item + .company-item {
    border-top: 1px solid #e6e6e6;
    margin-top: 20px;
    padding-top: 20px;
}
.modal .prd-slide-wrap {
    padding-top: 60px;
}
.modal .prd-slide-wrap .prd-slide-top,
.modal .prd-slide-wrap .prd-slide-thumbs {
    margin: 0 auto;
    overflow: hidden;
}
.modal .prd-slide-wrap .prd-slide-top img,
.modal .prd-slide-wrap .prd-slide-thumbs img {
    width: 100%;
}
.modal .prd-slide-wrap .prd-slide-top {
    width: 600px;
}
.modal .prd-slide-wrap .prd-slide-top .swiper-slide .info-subject {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 20px;
}
.modal .prd-slide-wrap .prd-slide-top .swiper-slide .info-subject .subject {
    font-size: 22px;
    font-weight: bold;
    line-height: 1.95;
    letter-spacing: -0.22px;
}
.modal .prd-slide-wrap .prd-slide-top .swiper-slide .info-subject .name {
    font-size: 18px;
    font-weight: 500;
}
.modal .prd-slide-wrap .prd-slide-top .swiper-slide .desc {
    margin-top: 5px;
    font-size: 16px;
    line-height: 26px;
    letter-spacing: -0.16px;
}
.modal .prd-slide-wrap .prd-slide-top .swiper-slide .sns {
    margin-top: 15px;
    font-size: 12px;
    color: #666;
    line-height: 26px;
    letter-spacing: -0.12px;
}
.modal .prd-slide-wrap .thumbs-box {
    overflow: hidden;
    position: relative;
    width: 600px;
    margin: 30px auto 0 auto;
    padding: 0 34px;
}
.modal .prd-slide-wrap .thumbs-box.ww668 {
    width: 668px;
}
.modal .prd-slide-wrap .thumbs-box .prd-slide-thumbs {
    position: static;
}
.modal .prd-slide-wrap .thumbs-box .prd-slide-thumbs .small-img {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    position: relative;
    width: 80px;
    height: 80px;
    margin: 0 auto;
    border-radius: 10px;
}
.modal .prd-slide-wrap .thumbs-box .prd-slide-thumbs .small-img:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 10px;
    border: 2px solid #eee;
}
.modal .prd-slide-wrap .thumbs-box .prd-slide-thumbs .swiper-slide-thumb-active .small-img:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 10px;
    border: 2px solid #dc000c;
}
.modal .prd-slide-wrap .thumbs-box .prd-slide-thumbs .swiper-button {
    width: 24px;
    height: 24px;
    margin-top: -11px;
    opacity: 1;
    background: url(../img/common/ico_thumb_pager_arrow.svg) no-repeat center/24px;
    -webkit-filter: invert(1);
    filter: invert(1);
}
.modal .prd-slide-wrap .thumbs-box .prd-slide-thumbs .swiper-button.swiper-button-disabled {
    -webkit-filter: invert(0);
    filter: invert(0);
}
.modal .prd-slide-wrap .thumbs-box .prd-slide-thumbs .swiper-button-prev {
    left: 10px;
    transform: rotate(-90deg);
}
.modal .prd-slide-wrap .thumbs-box .prd-slide-thumbs .swiper-button-next {
    right: 10px;
    transform: rotate(90deg);
}
.modal .prd_compare {
    padding: 0 25px 23px;
    margin-top: 0 !important;
}
.modal .prd_compare thead {
    display: block;
}
.modal .prd_compare .modal-content-scroll {
    display: block;
}
.modal .prd_compare table {
    display: block;
    border: 1px solid #e6e6e6;
}
.modal .prd_compare table tr {
    display: flex;
}
.modal .prd_compare table th, .modal .prd_compare table td {
    border-right: 1px solid #e6e6e6;
    flex: 1 1 0%;
    display: block;
}
.modal .prd_compare table th:last-child, .modal .prd_compare table td:last-child {
    border-right: none;
}
.modal .prd_compare table th .name {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 55px;
    background: #000;
    padding: 0 10px;
}
.modal .prd_compare table th .name p {
    font-size: 14px;
    color: #fff;
    display: block;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-align: center;
}
.modal .prd_compare table th .img-wrap {
    padding: 15px 18px;
    text-align: center;
}
.modal .prd_compare table th .img-wrap img {
    width: 190px;
    height: 190px;
}
.modal .prd_compare table .dl-tit td {
    font-size: 12px;
    color: #666;
    background: #f9f9f9;
    padding: 12px 20px;
}
.modal .prd_compare table .dl td {
    padding: 15px 20px;
    vertical-align: top;
}
.modal .prd_compare table .dl td dt {
    font-size: 12px;
    color: #666;
}
.modal .prd_compare table .dl td dd {
    font-size: 14px;
    line-height: 20px;
    margin-top: 4px;
}
.modal .join .txt1 {
    font-size: 20px;
    line-height: 28px;
    font-weight: 500;
    text-align: center;
}
.modal .join .txt2 {
    color: #666;
    line-height: 20px;
    text-align: center;
    margin-top: 5px;
}
.modal .join .dl-cont.info1 dl {
    display: flex;
}
.modal .join .dl-cont.info1 dl.busi ~ dl dt {
    margin-right: 75px;
}
.modal .join .dl-cont.info1 dl + dl {
    margin-top: 8px;
}
.modal .join .dl-cont.info1 dl dt {
    margin-right: 20px;
}
.modal .join .dl-cont.info2 dl {
    display: flex;
}
.modal .join .dl-cont.info2 dl.busi ~ dl dt {
    margin-right: 85px;
}
.modal .join .dl-cont.info2 dl + dl {
    margin-top: 8px;
}
.modal .join .dl-cont.info2 dl dt {
    margin-right: 30px;
}
.modal .join-address-wrap {
    width: 100%;
    padding: 0 40px;
}
.modal .join-address-wrap .search-wrap {
    display: flex;
}
.modal .join-address-wrap .search-wrap .search-btn {
    width: 110px;
    height: 42px;
    font-size: 16px;
    color: #fff;
    border-radius: 4px;
    background-color: #000;
    margin-left: 10px;
}
.modal .join-address-wrap .search-wrap .inp-wrap {
    width: calc(100% - 120px);
}
.modal .join-address-wrap .cont-wrap .search-b {
    display: none;
    height: 84px;
}
.modal .join-address-wrap .cont-wrap .search-a {
    display: none;
    padding: 20px 0 60px;
}
.modal .join-address-wrap .cont-wrap .search-a .cont-top {
    align-items: flex-end;
    margin-bottom: 8px;
}
.modal .join-address-wrap .cont-wrap .search-a .cont-top .inp-wrap .select {
    width: 110px;
}
.modal .join-address-wrap .cont-wrap .search-a .table-list {
    border-collapse: collapse;
    text-align: center;
}
.modal .join-address-wrap .cont-wrap .search-a .table-list .thead {
    display: table-header-group;
    background-color: #f9f9f9;
    border-top: 1px solid #e6e6e6;
    border-bottom: 1px solid #e6e6e6;
}
.modal .join-address-wrap .cont-wrap .search-a .table-list .tr {
    display: table-row;
    cursor: pointer;
}
.modal .join-address-wrap .cont-wrap .search-a .table-list .tr:hover {
    background-color: #f9f9f9;
}
.modal .join-address-wrap .cont-wrap .search-a .table-list .th,
.modal .join-address-wrap .cont-wrap .search-a .table-list .td {
    display: table-cell;
    font-size: 13px;
    color: #000;
    vertical-align: middle;
    padding: 10px;
}
.modal .join-address-wrap .cont-wrap .search-a .table-list .th:nth-child(1),
.modal .join-address-wrap .cont-wrap .search-a .table-list .td:nth-child(1) {
    width: 50px;
}
.modal .join-address-wrap .cont-wrap .search-a .table-list .th:nth-child(2),
.modal .join-address-wrap .cont-wrap .search-a .table-list .td:nth-child(2) {
    width: 100px;
}
.modal .join-address-wrap .cont-wrap .search-a .table-list .th:last-child,
.modal .join-address-wrap .cont-wrap .search-a .table-list .td:last-child {
    width: 370px;
}
.modal .join-address-wrap .cont-wrap .search-a .table-list .td:last-child {
    width: 370px;
    text-align: left;
}
.modal .join-address-wrap .cont-wrap .search-a .table-list .td:last-child dl {
    display: flex;
}
.modal .join-address-wrap .cont-wrap .search-a .table-list .td:last-child dl + dl {
    margin-top: 3px;
}
.modal .join-address-wrap .cont-wrap .search-a .table-list .td:last-child dl dt {
    flex: 0 0 38px;
}
.modal .join-address-wrap .cont-wrap .search-a .table-list .td:last-child dl dt span {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 38px;
    height: 20px;
    font-size: 10px;
    color: #999;
    border: 0.5px solid #999;
    border-radius: 4px;
}
.modal .join-address-wrap .cont-wrap .search-a .table-list .td:last-child dl dd {
    font-size: 14px;
    line-height: 20px;
    padding-left: 10px;
}
.modal .join-address-wrap .cont-wrap .search-a .table-list .modal-content-scroll {
    max-height: 441px;
}
.modal .join-address-wrap .cont-wrap .nolist {
    display: none;
    height: 84px;
    padding-top: 20px;
    font-size: 15px;
    color: #111;
}
.modal .join-address-wrap .cont-wrap .on {
    display: block;
}
.modal .join-address-wrap .tip-wrap .tit {
    display: block;
    font-size: 15px;
    line-height: 22px;
    font-weight: 500;
    margin-bottom: 10px;
}
.modal .join-address-wrap .tip-wrap .explanation .explanation-content {
    margin: 0;
    line-height: 25px;
}
.modal .join-address-wrap .tip-wrap .explanation .explanation-content::after {
    top: 10.5px;
}
.modal .join-address-detail-wrap {
    width: 100%;
    padding: 0 68px 0 40px;
}
.modal .join-address-detail-wrap dl {
    display: flex;
    align-items: center;
}
.modal .join-address-detail-wrap dl + dl {
    margin-top: 10px;
}
.modal .join-address-detail-wrap dl dt {
    flex: 0 0 75px;
    color: #111;
    text-align: right;
    margin-right: 17px;
}
.modal .join-address-detail-wrap dl dd {
    flex: 0 0 400px;
}
.modal .join-terms-wrap {
    padding: 0 40px;
}
.modal .join-terms-wrap .modal-content-scroll {
    max-height: 600px;
}
.modal .join-terms-wrap * {
    font-size: 14px;
    color: #333;
    font-weight: 400;
    line-height: 20px;
}
.modal .join-terms-wrap p + p {
    margin-top: 10px;
}
.modal .join-busi-certification-wrap {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.modal .join-busi-certification-wrap .dl-cont {
    width: 522px;
}
.modal .join-busi-certification-wrap .dl-cont dl {
    display: flex;
    align-items: center;
}
.modal .join-busi-certification-wrap .dl-cont dl + dl {
    margin-top: 17px;
}
.modal .join-busi-certification-wrap .dl-cont dl dt {
    flex: 0 0 122px;
    font-size: 16px;
    color: #000;
}
.modal .join-busi-certification-wrap .dl-cont dl dd {
    flex: 0 0 400px;
}
.modal .join-integrated-member-wrap {
    width: 100%;
    padding: 0 90px;
}
.modal .join-integrated-member-wrap .txt3 {
    font-size: 16px;
    line-height: 24px;
    text-align: center;
    margin-top: 30px;
}
.modal .join-integrated-member-wrap .joinList__content .joinList {
    width: auto;
}
.modal .join-integrated-member-wrap .joinList__content .joinList.nojoin .joinList__list {
    justify-content: center;
}
.modal .join-integrated-member-wrap .joinList__content .joinList.nojoin .joinList__list .joinList__item {
    border: 0;
}
.modal .join-integrated-member-wrap .joinList__content .joinList.nojoin .joinList__list .box-gray {
    width: 330px;
    padding: 30px 40px;
    border-radius: 15px;
}
.modal .join-integrated-member-wrap .joinList__content .joinList .joinList__item {
    flex: 0 1 300px;
    padding: 20px 0;
    margin: 0;
}
.modal .join-integrated-member-wrap .joinList__content .joinList .joinList__titleWrap {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.modal .join-info-wrap .box-gray,
.modal .join-info-02-wrap .box-gray {
    display: flex;
    align-items: center;
    width: 330px;
    padding: 25px 0;
    margin: 30px auto 0;
    border-radius: 10px;
}
.modal .join-info-wrap .box-gray .dl-cont,
.modal .join-info-02-wrap .box-gray .dl-cont {
    margin: 0 auto;
}
.modal .join-limit-01-wrap .box-gray {
    width: 330px;
    border-radius: 10px;
    padding: 20px 0;
    margin: 20px auto 0;
}
.modal .join-limit-01-wrap .box-gray p {
    text-align: center;
}
.modal .join-limit-02-wrap .modal-txt,
.modal .join-new-wrap .modal-txt {
    font-size: 16px !important;
    line-height: 26px !important;
}
.modal .pw-change-wrap {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.modal .pw-change-wrap .dl-cont {
    margin-top: 35px;
}
.modal .pw-change-wrap .dl-cont dl {
    display: flex;
    justify-content: center;
    align-items: baseline;
}
.modal .pw-change-wrap .dl-cont dl + dl {
    margin-top: 30px;
}
.modal .pw-change-wrap .dl-cont dl dt {
    flex: 0 0 135px;
}
.modal .pw-change-wrap .dl-cont dl dd {
    flex: 0 0 300px;
}
.modal .pw-change-wrap .box-gray {
    margin-top: 40px;
    padding: 20px;
}
.modal .dormant-cancle-wrap .box-gray {
    width: 460px;
    padding: 24px 0;
    margin-top: 20px;
}
.modal .dormant-cancle-wrap .box-gray .inp-wrap {
    width: 300px;
    margin: 20px auto 0;
}
.modal .dormant-cancle-wrap .box-gray .inp-wrap input + input {
    margin-top: 10px;
}
.modal .comany-brand-advert-wrap {
    display: block !important;
    padding: 0 25px;
}
.modal .comany-brand-advert-wrap .tit {
    font-size: 20px;
    font-weight: 500;
}
.modal .comany-brand-advert-wrap .img {
    margin-top: 40px;
}
.modal .comany-brand-advert-wrap .img img {
    width: 100%;
}
.modal .comany-brand-advert-wrap .video-wrap {
    margin-top: 40px;
}
.modal .comany-brand-advert-wrap .video-wrap iframe {
    width: 100%;
    height: 400px;
    border: 0;
}
.modal .datepicker-type1 {
    position: relative;
}
.modal .datepicker-type1 .datepicker {
    width: 180px;
}
.modal .datepicker-type1 .ui-datepicker-trigger {
    position: absolute;
    right: -2px;
    top: 1px;
    width: 40px;
    height: 40px;
    margin-left: 0;
    background: url("../img/ico/ico_calender2.svg") no-repeat center;
}
.modal .datepicker-type1 .ui-datepicker-trigger img {
    display: none;
}
.modal .waste-cartridge-wrap {
    width: 100%;
    padding: 0 100px;
}
.modal .waste-cartridge-wrap [class^=btn-][class*=sm] {
    height: 42px;
}
.modal .waste-cartridge-wrap .err-txt {
    margin-top: 4px;
    font-size: 13px;
    color: #dc000c;
    line-height: 22px;
    letter-spacing: -0.13px;
}
.modal .waste-cartridge-wrap .info-txt {
    margin-top: 10px;
    font-size: 13px;
    line-height: 20px;
    letter-spacing: -0.13px;
    text-align: left;
    color: #111;
}
.modal .waste-cartridge-wrap .tip-txt {
    position: relative;
    margin-top: 4px;
    padding-left: 12px;
    font-size: 13px;
    line-height: 20px;
    letter-spacing: -0.13px;
    color: #666;
}
.modal .waste-cartridge-wrap .tip-txt::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    width: 4px;
    height: 4px;
    background-color: #999;
    border-radius: 100%;
    transform: translateY(-50%);
}
.modal .waste-cartridge-wrap .table-list-wrap {
    margin-top: 38px;
    border-bottom: none;
}
.modal .waste-cartridge-wrap .table-list-wrap .tr {
    align-items: flex-start;
}
.modal .waste-cartridge-wrap .table-list-wrap .tr.line {
    margin-top: 21px;
    padding-top: 10px;
    border-top: 1px solid #e6e6e6;
}
.modal .waste-cartridge-wrap .table-list-wrap .th {
    flex: 0 0 160px;
    margin-top: 12px;
    font-size: 16px;
    font-weight: normal;
}
.modal .waste-cartridge-wrap .table-list-wrap .th .tit.return {
    display: block;
    margin-top: 38px;
}
.modal .waste-cartridge-wrap .table-list-wrap .td {
    flex: 0 1 100%;
}
.modal .waste-cartridge-wrap .table-list-wrap .name .btn-white-square-sm {
    margin-left: 86px;
}
.modal .waste-cartridge-wrap .table-list-wrap .inp-wrap .err-txt {
    margin: 0 0 0 20px;
}
.modal .waste-cartridge-wrap .table-list-wrap .inp-wrap.tel .select-wrap {
    width: 120px;
}
.modal .waste-cartridge-wrap .table-list-wrap .inp-wrap.tel input {
    flex: 0 0 120px;
    width: 120px;
}
.modal .waste-cartridge-wrap .table-list-wrap .inp-wrap.tel .span {
    margin: 0 7px;
}
.modal .waste-cartridge-wrap .table-list-wrap .inp-wrap.return {
    display: flex;
    margin-top: 18px;
}
.modal .waste-cartridge-wrap .table-list-wrap .inp-wrap.return .select-wrap {
    width: 400px;
    margin-right: 10px;
}
.modal .waste-cartridge-wrap .table-list-wrap .inp-wrap.package {
    display: flex;
    align-items: center;
}
.modal .waste-cartridge-wrap .table-list-wrap .inp-wrap.package input {
    flex: 0 0 120px;
    margin-right: 10px;
}
.modal .waste-cartridge-wrap .table-list-wrap .inp-wrap.return-date {
    display: flex;
    align-items: center;
}
.modal .waste-cartridge-wrap .table-list-wrap .inp-wrap.return-date input {
    flex: 0 0 200px;
    width: 200px !important;
}
.modal .waste-cartridge-wrap .table-list-wrap + .top-title-wrap {
    margin-top: 38px;
}
.modal .waste-cartridge-wrap .address-box .inp-wrap {
    display: flex;
    align-items: center;
    margin-top: 10px;
}
.modal .waste-cartridge-wrap .address-box .inp-wrap:first-child {
    margin-top: 0;
}
.modal .waste-cartridge-wrap .address-box .inp-wrap.type1 input {
    flex: 0 0 120px;
}
.modal .waste-cartridge-wrap .address-box .inp-wrap.type1 input + .btn-black-square-sm {
    margin-left: 10px;
}
.modal .waste-cartridge-wrap .address-box .inp-wrap.type1 .btn-black-square-sm {
    min-width: 80px;
}
.modal .waste-cartridge-wrap .address-box .inp-wrap.type1 .err-txt {
    margin-left: 10px;
}
.modal .waste-cartridge-wrap .address-box .inp-wrap.type2 input {
    flex: 0 0 200px;
}
.modal .waste-cartridge-wrap .address-box .inp-wrap.type2 input + input {
    margin-left: 5px;
}
.modal .waste-cartridge-wrap .address-box .inp-wrap.type3 input {
    flex: 0 0 405px;
}
.modal .waste-cartridge-wrap .return-count-box {
    font-size: 15px;
    line-height: 22px;
    letter-spacing: -0.15px;
}
.modal .waste-cartridge-wrap .return-count-box .total {
    display: inline-block;
    margin-left: 6px;
}
.modal .waste-cartridge-wrap .return-count-box .total em {
    display: inline-block;
    margin: 0 1px 0 11px;
    font-size: 16px;
    font-weight: 500;
}
.modal .waste-cartridge-wrap .cartridge-select-box {
    margin-top: 10px;
}
.modal .waste-cartridge-wrap .cartridge-select-box .cartridge-list::after {
    content: "";
    display: block;
    clear: both;
}
.modal .waste-cartridge-wrap .cartridge-select-box .cartridge-list > li {
    float: left;
    margin-right: 10px;
}
.modal .waste-cartridge-wrap .cartridge-select-box .cartridge-list > li .btn-delete {
    width: 15px;
    height: 15px;
    padding: 10px;
    vertical-align: top;
    background: url("../img/ico/ico_close1.svg") no-repeat center center;
    background-size: 15px;
}
.modal .waste-cartridge-wrap .cartridge-select-box .cartridge-list > li .btn-delete:focus {
    border-radius: 0;
}
.modal .waste-cartridge-wrap .top-title-wrap {
    margin-top: 37px;
    margin-bottom: 20px;
}
.modal .waste-cartridge-wrap .privacy-agree-box {
    padding: 20px;
    border: 1px solid #e6e6e6;
}
.modal .waste-cartridge-wrap .privacy-agree-box .tit,
.modal .waste-cartridge-wrap .privacy-agree-box .desc {
    font-size: 14px;
    line-height: 19px;
    color: #111;
}
.modal .waste-cartridge-wrap .privacy-agree-box .tit {
    margin-top: 20px;
}
.modal .waste-cartridge-wrap .privacy-agree-box .tit:first-child {
    margin-top: 0;
}
.modal .waste-cartridge-wrap .privacy-agree-box .desc {
    position: relative;
    padding-left: 7px;
}
.modal .waste-cartridge-wrap .privacy-agree-box .desc::before {
    content: "";
    position: absolute;
    left: 0;
    top: 9px;
    display: block;
    width: 3px;
    height: 1px;
    background: #111;
}
.modal .waste-cartridge-wrap .agree-check {
    margin-top: 15px;
}
.modal .waste-cartridge-wrap .search-period-top .inp-wrap .selectric {
    min-width: 120px;
}
.modal .waste-cartridge-wrap .search-period-top .datepicker-wrap {
    display: flex;
    align-items: center;
    margin-top: 15px;
}
.modal .waste-cartridge-wrap .search-period-top .datepicker-wrap .dash {
    display: inline-block;
    width: 21px;
    text-align: center;
}
.modal .waste-cartridge-wrap .search-period-top .datepicker-wrap .datepicker-type1 + button {
    min-width: 80px;
    margin-left: 10px;
}
.modal .waste-cartridge-wrap .search-period-cont {
    margin-top: 60px;
}
.modal .waste-cartridge-wrap .search-period-cont .search-inquiry-box {
    margin: 20px 0;
    max-height: 510px;
    overflow: hidden;
    overflow-y: auto;
    border-top: 1px solid #e6e6e6;
}
.modal .waste-cartridge-wrap .table-grid {
    table-layout: fixed;
}
.modal .waste-cartridge-wrap .table-grid thead tr {
    position: sticky;
    top: 0;
    z-index: 1;
    background: white;
}
.modal .waste-cartridge-wrap .table-grid thead tr th {
    padding: 20px 0;
    font-size: 14px;
    font-weight: 400;
    text-align: center;
    box-shadow: inset 0 -1px 0 #e6e6e6;
}
.modal .waste-cartridge-wrap .table-grid tbody tr.no-data td {
    padding: 61px 0;
    font-size: 15px;
    line-height: 25px;
    letter-spacing: -0.15px;
    color: #000;
}
.modal .waste-cartridge-wrap .table-grid tbody td {
    text-align: center;
    padding: 20px 0;
    border-bottom: 1px solid #e6e6e6;
}
.modal .waste-cartridge-wrap .table-grid tbody td .status {
    display: inline-block;
    font-size: 14px;
}
.modal .waste-cartridge-wrap .table-grid tbody td .status + .status {
    margin-left: 6px;
}
.modal .waste-cartridge-wrap .table-grid tbody td button {
    font-size: 14px;
    cursor: pointer;
    padding: 0;
    border: 0;
    background: none;
}
.modal .waste-cartridge-wrap .table-grid tbody td button.btn-cancel {
    text-decoration: underline;
    vertical-align: baseline;
    margin-left: 6px;
}
.modal .waste-cartridge-wrap .table-grid tbody td button.btn-toggle {
    position: relative;
    width: 100%;
    font-size: 15px;
    text-align: left;
}
.modal .waste-cartridge-wrap .table-grid tbody td button.btn-toggle:after {
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 20px;
    height: 20px;
    background: url(../img/common/ico_arrow_accordion3.svg) no-repeat center/cover;
    transition: transform 0.3s ease-in-out;
}
.modal .waste-cartridge-wrap .table-grid tbody td button.btn-toggle.on:after {
    transform: translateY(-50%) rotate(180deg);
}
.modal .waste-cartridge-wrap .table-grid tbody td button:disabled {
    cursor: default;
    text-decoration: none;
}
.modal .waste-cartridge-wrap .table-grid tbody .detail-view {
    display: none;
}
.modal .waste-cartridge-wrap .table-grid tbody .detail-view td {
    padding: 0;
    text-align: left;
    border-bottom: none;
}
.modal .waste-cartridge-wrap .table-grid tbody .detail-view td .detail-view-list {
    display: none;
    padding: 20px 40px;
    border-bottom: 1px solid #e6e6e6;
    background: #f9f9f9;
}
.modal .waste-cartridge-wrap .table-grid tbody .detail-view td .detail-view-list > div {
    margin: 10px 0;
}
.modal .waste-cartridge-wrap .table-grid tbody .detail-view td .detail-view-list > div dt {
    display: inline-block;
    min-width: 100px;
    font-weight: 500;
}
.modal .waste-cartridge-wrap .table-grid tbody .detail-view td .detail-view-list > div dd {
    display: inline-block;
}
.modal .waste-cartridge-wrap .table-grid tbody .detail-view.on {
    display: table-row;
}
.modal .waste-cartridge-wrap .table-grid tbody .detail-view.on .detail-view-list {
    display: block;
}
.modal .btn-wrap .btn-red-lg {
    font-size: 18px;
    letter-spacing: -0.18px;
}
.modal .btn-wrap .btn-red-lg:last-child {
    margin-left: 17px;
}
.modal .integration-info .btn-integration {
    display: block;
    position: relative;
    margin-top: 20px;
    color: #dc000c;
    font-size: 16px;
    font-weight: 500;
    text-align: center;
    letter-spacing: -0.16px;
}
.modal .integration-info .btn-integration::after {
    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-top: -3px;
    background-color: #dc000c;
    background: url("../img/login/loginMain__integrated-btn.png") no-repeat center/100%;
    vertical-align: middle;
}
.modal .integration-info-check {
    display: flex;
    justify-content: flex-end;
    padding-right: 25px;
}

.mobileApp .table-layout .tr .th {
    text-align: center;
    font-size: 12px;
    font-weight: 500;
    line-height: 1.33;
    letter-spacing: -0.12px;
    border: 1px solid #e6e6e6;
}
.mobileApp.modal .join-terms-wrap {
    padding: 0 25px;
}
.mobileApp.modal .modal-dialog .modal-inner .modal-body .modal-header + .modal-content {
    margin-top: 0;
}
.mobileApp .table-layout .tr .td {
    font-size: 12px;
    line-height: 2.08;
    letter-spacing: -0.12px;
    color: #000;
    border: 1px solid #e6e6e6;
}

.gallery-slide-wrap {
    padding-top: 60px;
}
.gallery-slide-wrap .gallery-slide-top,
.gallery-slide-wrap .gallery-slide-thumbs {
    margin: 0 auto;
    overflow: hidden;
}
.gallery-slide-wrap .gallery-slide-top img,
.gallery-slide-wrap .gallery-slide-thumbs img {
    width: 100%;
}
.gallery-slide-wrap .gallery-slide-top {
    width: 840px;
}
.gallery-slide-wrap .gallery-slide-top .swiper-slide .info-subject {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 20px;
}
.gallery-slide-wrap .gallery-slide-top .swiper-slide .info-subject .subject {
    font-size: 22px;
    font-weight: bold;
    line-height: 1.95;
    letter-spacing: -0.22px;
}
.gallery-slide-wrap .gallery-slide-top .swiper-slide .info-subject .name {
    font-size: 18px;
    font-weight: 500;
}
.gallery-slide-wrap .gallery-slide-top .swiper-slide .large-img {
    width: 840px;
    height: 610px;
}
.gallery-slide-wrap .gallery-slide-top .swiper-slide .desc {
    margin-top: 5px;
    font-size: 16px;
    line-height: 26px;
    letter-spacing: -0.16px;
}
.gallery-slide-wrap .gallery-slide-top .swiper-slide .sns {
    margin-top: 15px;
    font-size: 12px;
    color: #666;
    line-height: 26px;
    letter-spacing: -0.12px;
}
.gallery-slide-wrap .thumbs-box {
    overflow: hidden;
    position: relative;
    width: 840px;
    margin: 30px auto 0 auto;
    padding: 0 34px;
}
.gallery-slide-wrap .thumbs-box.ww668 {
    width: 668px;
}
.gallery-slide-wrap .thumbs-box .gallery-slide-thumbs {
    position: static;
}
.gallery-slide-wrap .thumbs-box .gallery-slide-thumbs .small-img {
    overflow: hidden;
    position: relative;
    width: 80px;
    height: 80px;
    margin: 0 auto;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.gallery-slide-wrap .thumbs-box .gallery-slide-thumbs .swiper-slide-thumb-active .small-img:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 10px;
    border: 2px solid #dc000c;
}
.gallery-slide-wrap .thumbs-box .gallery-slide-thumbs .swiper-button {
    width: 24px;
    height: 24px;
    margin-top: -11px;
    opacity: 1;
    background: url(../img/common/ico_thumb_pager_arrow_black.svg) no-repeat center/24px;
}
.gallery-slide-wrap .thumbs-box .gallery-slide-thumbs .swiper-button.swiper-button-disabled {
    background: url(../img/common/ico_thumb_pager_arrow.svg) no-repeat center/24px;
    transform: rotate(-90deg);
}
.gallery-slide-wrap .thumbs-box .gallery-slide-thumbs .swiper-button-prev {
    left: 10px;
}
.gallery-slide-wrap .thumbs-box .gallery-slide-thumbs .swiper-button-next {
    right: 10px;
    transform: rotate(-180deg);
}
.gallery-slide-wrap .thumbs-box .gallery-slide-thumbs .swiper-button-next.swiper-button-disabled {
    transform: rotate(90deg);
}

.slider {
    position: relative;
}
.slider .inner {
    overflow: visible;
}

.swiper-support .swiper-pag-bullet-wrap {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    z-index: 1;
    text-align: center;
}
.swiper-support .swiper-pag-bullet-wrap button {
    display: inline-block;
    width: 10px;
    height: 12px;
    margin: 0 4px;
}
.swiper-support .swiper-pag-bullet-wrap button.play {
    background: url("../img/ico/ico_sub_ban_play.svg") no-repeat center center;
}
.swiper-support .swiper-pag-bullet-wrap button.pause {
    background: url("../img/ico/ico_sub_ban_pause.svg") no-repeat center center;
}
.swiper-support .swiper-pag-bullet-wrap .swiper-pagination {
    position: static;
    display: inline-block;
}
.swiper-support .swiper-pag-bullet-wrap .swiper-pagination .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    background: #ccc;
    opacity: 1;
    margin: 0 4px;
}
.swiper-support .swiper-pag-bullet-wrap .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: #dc000c;
}

.accordion .accordion-item {
    background-color: #fff;
}
.accordion .accordion-item .accordion-toggle {
    display: block;
    position: relative;
    padding: 18px 0;
    font-size: 16px;
    color: #000;
}
.accordion .accordion-item .accordion-toggle:after {
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 30px;
    height: 30px;
    background: url("../img/common/ico_arrow_accordion1.svg") no-repeat center/cover;
    transition: transform 0.3s ease-in-out;
}
.accordion .accordion-item .accordion-toggle.on:after {
    transform: translateY(-50%) rotate(180deg);
}
.accordion .accordion-item .accordion-content {
    display: none;
    border: 1px solid #e6e6e6;
    border-left: 0;
    border-right: 0;
    font-size: 16px;
    color: #000;
}
.accordion .accordion-item .accordion-header {
    position: relative;
}
.accordion .accordion-item .accordion-header .accordion-toggle {
    position: absolute;
    right: 0;
    top: 50%;
    width: 30px;
    transform: translateY(-59%);
}
.accordion.terms-type .accordion-item .accordion-header {
    padding: 18px 0;
}
.accordion.terms-type .accordion-item .accordion-header .checkbox {
    margin-bottom: 0;
    font-size: 16px;
    color: #000;
}
.accordion.terms-type .accordion-item .accordion-content > .inner {
    margin: 40px 0 30px 28px;
    font-size: 14px;
    color: #000;
    line-height: 22px;
}

.accordion.terms-type .accordion-item .accordion-content > .inner .table-layout .tr .th{
	font-size:14px;
}

.accordion.terms-type .accordion-item .accordion-content > .inner .table-layout .tr .td{
	font-size:14px;
	word-break: keep-all;
}

.accordion.qna .accordion-item .accordion-header {
    padding: 18px 0;
}
.accordion.qna .accordion-item .accordion-header .checkbox {
    margin-bottom: 0;
    font-size: 16px;
    color: #000;
}
.accordion.qna .accordion-item .accordion-header::before {
    content: "";
    display: block;
}
.accordion.qna .accordion-item .accordion-content > .inner {
    margin: 20px 0 20px 28px;
    font-size: 14px;
    color: #000;
    line-height: 22px;
}
.accordion.qna .accordion-item .accordion-content::before {
    content: "";
    display: block;
}
.accordion.top-title-type .accordion-item .accordion-toggle {
    margin-bottom: 10px;
    padding: 0 0 10px;
    line-height: 30px;
    border-bottom: 2px solid #111;
    font-weight: 500;
    font-size: 20px;
}
.accordion.top-title-type .accordion-item .accordion-toggle:after {
    width: 26px;
    height: 26px;
    background: url("../img/common/ico_arrow_accordion2.svg") no-repeat center/cover;
    transform: translateY(-50%) rotate(-180deg);
    transition: transform 0.3s ease-in-out;
}
.accordion.top-title-type .accordion-item .accordion-toggle.on:after {
    transform: translateY(-50%) rotate(0);
}
.accordion.top-title-type .accordion-item .accordion-content {
    border: 0;
}

.terms-agree-wrap .checkbox {
    margin-bottom: 10px;
}
.terms-agree-wrap .checkbox .top-title {
    font-size: 17px;
    line-height: 26px;
    font-weight: 500;
}

.paging {
    margin-top: 50px;
    text-align: center;
    font-size: 0;
    line-height: 0;
}
.paging .paging-wrap {
    font-size: 0;
}
.paging a {
    position: relative;
    display: inline-block;
    width: 28px;
    height: 28px;
    font-size: 16px;
    line-height: 28px;
    color: #000;
    vertical-align: top;
    margin: 0 4px;
}
.paging a.on {
    font-weight: 700;
    color: #dc000c;
}
.paging a.on::after {
    content: "";
    position: relative;
    bottom: 2px;
    left: 50%;
    transform: translateX(-50%);
    display: block;
    width: 12px;
    height: 2px;
    background: #dc000c;
}
.paging .first {
    background: url("../img/common/ico_arrow_doble.svg") no-repeat center;
}
.paging .prev {
    background: url("../img/common/ico_arrow_single.svg") no-repeat center;
    margin-right: 15px;
}
.paging .last {
    background: url("../img/common/ico_arrow_doble.svg") no-repeat center;
    transform: rotate(180deg);
}
.paging .next {
    background: url("../img/common/ico_arrow_single.svg") no-repeat center;
    transform: rotate(180deg);
    margin-left: 15px;
}
.paging .first.disabled,
.paging .prev.disabled,
.paging .last.disabled,
.paging .next.disabled {
    opacity: 0;
}

.tooltip {
    position: relative;
}
.tooltip.desc {
    display: inline-block;
    vertical-align: text-bottom;
    margin-left: 1px;
}
.tooltip.desc .q-mark {
    width: 18px;
    height: 18px;
    background: url("../img/ico/ico_qmark.png") no-repeat center center/18px;
}
.tooltip.desc .tooltip-wrap {
    padding: 20px;
    width: 310px;
    box-shadow: none;
    border-radius: 10px;
    border: 1px solid #ccc;
}
.tooltip.desc .tooltip-wrap .tooltip-title {
    font-size: 15px;
}
.tooltip.desc .tooltip-wrap .tooltip-content {
    margin-top: 15px;
    font-size: 14px;
    color: #666;
    line-height: 22px;
}
.tooltip.desc .tooltip-wrap .tooltip-content .desc-txt {
    font-weight: 400;
}
.tooltip.desc .tooltip-wrap .tooltip-close {
    top: 20px;
    right: 20px;
    width: 12px;
    height: 12px;
    background: url("../img/common/ico_tooltip_close2.svg") no-repeat left top/12px;
}
.tooltip__contentItem {
    font-size: 14px;
    font-weight: normal;
    line-height: 1.43;
    letter-spacing: -0.14px;
    color: #666;
}
.tooltip__contentItem.label {
    padding-left: 10px;
    position: relative;
}
.tooltip__contentItem.label::after {
    content: "-";
    display: block;
    position: absolute;
    left: 0;
    top: 0px;
    font-size: 14px;
    color: #666;
    line-height: 1.2;
}

.tooltip-wrap {
    display: none;
    position: absolute;
    z-index: 1;
    background-color: #fff;
    border-radius: 18px;
    box-shadow: 0 8px 18px 0 rgba(0, 0, 0, 0.08);
}
.tooltip-wrap .tooltip-title {
    font-size: 14px;
    font-weight: 500;
}
.tooltip-wrap .tooltip-close {
    position: absolute;
    top: 27px;
    right: 40px;
    display: block;
    width: 24px;
    height: 24px;
    background: url("../img/common/ico_popup_close.svg") no-repeat left top/24px;
}

.share-sns {
    width: 24px;
    height: 24px;
    background: url("../img/ico/ico_share.svg") no-repeat left top/24px;
}
.share-sns + .tooltip-wrap {
    display: none;
    width: 392px;
    padding: 30px 40px;
    box-sizing: border-box;
    z-index: 1;
}
.share-sns + .tooltip-wrap .share-link {
    display: flex;
    justify-content: space-between;
    align-items: center;
    text-align: center;
    margin-top: 30px;
}
.share-sns + .tooltip-wrap .share-link a:before {
    content: "";
    width: 48px;
    height: 48px;
    background-size: 48px 48px;
    display: inline-block;
}
.share-sns + .tooltip-wrap .share-link .ico-facebook:before {
    background-image: url("../img/ico/ico_sns_facebook.svg");
}
.share-sns + .tooltip-wrap .share-link .ico-twitter:before {
    background-image: url("../img/ico/ico_sns_twitter.svg");
}
.share-sns + .tooltip-wrap .share-link .ico-kakao:before {
    background-image: url("../img/ico/ico_sns_kakao.svg");
}
.share-sns + .tooltip-wrap .share-link .ico-share:before {
    background-image: url("../img/ico/ico_sns_share.svg");
}
.share-sns + .tooltip-wrap .share-link .txt {
    display: block;
    font-size: 13px;
}

.contents.page-home {
    max-width: 1920px;
    margin: 0 auto;
    overflow: hidden;
}

.main-kv {
    position: relative;
    visibility: hidden;
    opacity: 0;
    height: 700px;
    transition: opacity 0.7s;
}
.main-kv .swiper-container {
    position: absolute;
    left: 50%;
    top: 0;
    transform: translateX(-50%);
    max-width: 1920px;
    min-width: 1200px;
    width: 100%;
    height: 100%;
}
.main-kv__conts {
    position: relative;
    width: 100%;
    height: 100%;
    background-color: #000;
    color: #fff;
}
.main-kv__img {
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    z-index: 1;
}
.main-kv__ly {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 1200px;
    height: 100%;
    z-index: 2;
}
.main-kv__ly iframe {
    width: 100% !important;
    height: 100% !important;
}
.main-kv__utube {
    width: 100%;
    height: 700px;
}
.main-kv__desc {
    margin-top: 100px;
    margin-left: 78px;
    width: 600px;
}
.main-kv__desc .desc-state {
    padding: 0 2px 1px;
    border-bottom: 3px solid #dc000c;
    color: #dc000c;
    line-height: 1.88;
    font-size: 16px;
}
.main-kv__desc .desc-txt {
    display: block;
    margin-top: 5px;
    font-size: 19px;
    line-height: 1.53;
    letter-spacing: -0.19px;
    color: #fff;
}
.main-kv__desc .desc-tit {
    display: block;
    margin-top: 10px;
    font-size: 52px;
    line-height: 1.2;
    color: #fff;
    word-break: keep-all;
}
.main-kv__desc .desc-more {
    display: inline-block;
    padding: 14px 32px 15px 32px;
    line-height: 1;
    margin-top: 30px;
    border-radius: 28px;
    font-size: 18px;
    color: #fff;
    background-color: #dc000c;
    text-align: center;
}
.main-kv__progress {
    position: absolute;
    left: 50%;
    bottom: 55px;
    transform: translateX(-50%);
    z-index: 3;
    font-size: 0;
    width: 1200px;
}
.main-kv__progress-inner {
    position: relative;
    display: flex;
    justify-content: center;
}
.main-kv__control {
    position: absolute;
    right: 30px;
    top: 46px;
}
.main-kv__control > button {
    width: 12px;
    height: 14px;
}
.main-kv__stop {
    background: url("../img/main/ico_stop.svg") no-repeat center/12px 14px;
}
.main-kv__stop.on {
    background-image: url("../img/main/ico_stop_active.svg");
}
.main-kv__play {
    background: url("../img/main/ico_play.svg") no-repeat center/12px 14px;
    margin-left: 6px;
}
.main-kv__play.on {
    background-image: url("../img/main/ico_play_active.svg");
}
.main-kv__pagerItem {
    font-size: 0;
    display: inline-block;
    width: 110px;
    text-align: center;
    cursor: pointer;
}
.main-kv__pagerItem.is-active .main-kv__pagerBar:after {
    background-color: #dc000c;
    width: 100%;
}
.main-kv__pagerItem.is-active .main-kv__pagerTxt {
    color: #dc000c;
    font-weight: bold;
}
.main-kv__pagerItem + .main-kv__pagerItem {
    margin-left: 16px;
}
.main-kv__pagerTxt {
    font-size: 14px;
    color: rgba(255, 255, 255, 0.3);
}
.main-kv__pagerBar {
    position: relative;
    display: block;
    height: 2px;
    margin-top: 14px;
    background-color: rgba(255, 255, 255, 0.3);
}
.main-kv__pagerBar:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 100%;
    transition: width 1s;
}
.main-kv__prev, .main-kv__next {
    position: absolute;
    top: 50%;
    width: 50px;
    height: 50px;
    background: url("../img/ico/ico_slide_arrow_right.svg") no-repeat center/50px;
}
.main-kv__prev {
    left: 50%;
    transform: rotateY(180deg) translate(680px, -50%);
}
.main-kv__next {
    right: 50%;
    transform: translate(680px, -50%);
}

.home-title__stit {
    display: block;
    font-size: 34px;
    line-height: 41px;
}
.home-title__stit.eng {
    font-size: 26px;
    font-weight: 700;
    font-family: "Roboto" !important;
    line-height: 32px;
}
.home-title__tit {
    display: inline-block;
    margin-top: 10px;
    font-size: 70px;
    line-height: 85px;
}
.home-title__tit.small {
    margin-top: 5px;
    font-size: 46px;
    font-weight: 700;
    line-height: 66px;
}
.home-title__line {
    display: block;
}
.home-title .more-view {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 165px;
    height: 60px;
    margin-top: 25px;
    border-radius: 30px;
    font-size: 18px;
    font-weight: 500;
    background-color: #dc000c;
    color: #fff;
}
.home-title .more-view .ico_arrow_link {
    display: inline-block;
    margin-left: 5px;
    width: 24px;
    height: 24px;
    background: url("../img/common/ico_arrow_link.svg") no-repeat center/24px;
}

.home-bs {
    padding: 140px 0 30px;
}
.home-bs .masonry-list {
    margin-top: 40px;
    column-gap: 30px;
    opacity: 1;
    display: block;
}
.home-bs .masonry-list .masonry-item {
    padding-bottom: 1px;
}
.home-bs .masonry-list .masonry-item .img {
    border-radius: 16px;
}
.home-bs .masonry-list .masonry-item img {
    width: 100%;
    transform: scale(1);
    transition: transform 1.5s ease;
}
.home-bs .masonry-list .masonry-item img:hover {
    transform: scale(1.1);
}

.home-feature {
    padding: 100px 0;
}

.home-event {
    padding: 47px 0 0;
    overflow: visible;
}
.home-event .inner .info {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.home-event .inner .info .desc {
    flex: 0 0 46%;
}
.home-event .inner .info .desc .txt {
    font-size: 20px;
    line-height: 29px;
}
.home-event .inner .info .desc .tit {
    margin-top: 5px;
    font-weight: 700;
    font-size: 50px;
    line-height: 62px;
}
.home-event .inner .info .desc .date {
    margin-top: 44px;
    color: #666;
    font-size: 20px;
}
.home-event .inner .info .desc .more-view {
    margin-top: 25px;
    display: inline-block;
    width: 165px;
    text-align: center;
    height: 60px;
    line-height: 60px;
    padding: 0 27px;
    box-sizing: border-box;
    background-color: #dc000c;
    color: #fff;
    border-radius: 30px;
    font-size: 18px;
    font-weight: 500;
}
.home-event .swiper-support .swiper-navigation .swiper-button-prev,
.home-event .swiper-support .swiper-navigation .swiper-button-next {
    position: absolute;
    top: 50%;
    width: 50px;
    height: 50px;
    background: url("../img/ico/ico_slide_arrow_right.svg") no-repeat center/50px;
}
.home-event .swiper-support .swiper-navigation .swiper-button-prev {
    left: -100px;
    transform: rotateY(180deg) translate(0, -50%);
}
.home-event .swiper-support .swiper-navigation .swiper-button-next {
    right: -100px;
    transform: translate(0, -50%);
}
.home-event .swiper-support .swiper-pag-bullet-wrap .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    width: 13px;
    height: 13px;
}

.slider-home-event .swiper-wrapper {
    display: flex;
    align-items: center;
}

.home-tv {
    padding: 160px 0 160px 360px;
    background-color: #000;
    overflow: visible;
}
.home-tv .home-title {
    min-width: 358px;
}
.home-tv .slider .swiper-container {
    position: static;
    width: calc(100% - 358px);
    overflow: hidden;
}
.home-tv .slider-canon-tv {
    overflow: visible;
    display: flex;
}
.home-tv .slider-canon-tv .swiper-slide {
    width: 480px !important;
    margin-right: 50px;
}
.home-tv .slider-canon-tv .swiper-slide .info {
    display: block;
}
.home-tv .slider-canon-tv .swiper-slide .info .img {
    position: relative;
}
.home-tv .slider-canon-tv .swiper-slide .info .img:before {
    content: "";
    position: absolute;
    right: 30px;
    bottom: 30px;
    width: 70px;
    height: 70px;
    background: url("../img/ico/ico_video_play.svg") no-repeat center/70px;
}
.home-tv .slider-canon-tv .swiper-slide .info .desc {
    margin-top: 20px;
    width: calc(100% - 70px);
}
.home-tv .slider-canon-tv .swiper-slide .info .desc .txt {
    font-size: 20px;
    color: #fff;
    line-height: 30px;
    word-break: keep-all;
}
.home-tv .slider-canon-tv .swiper-slide .info .desc .date {
    margin-top: 10px;
    font-size: 16px;
    color: #fff;
    line-height: 19px;
}
.home-tv .swiper-support .swiper-navigation .swiper-button-prev,
.home-tv .swiper-support .swiper-navigation .swiper-button-next {
    position: absolute;
    top: 300px;
    width: 40px;
    height: 40px;
    background: url("../img/ico/ico_slide_arrow_right_round.svg") no-repeat center/40px;
}
.home-tv .swiper-support .swiper-navigation .swiper-button-prev {
    left: 0;
    transform: rotateY(180deg) translate(0, -50%);
}
.home-tv .swiper-support .swiper-navigation .swiper-button-next {
    left: 60px;
    transform: translate(0, -50%);
}
.home-tv .swiper-support .swiper-pag-bullet-wrap {
    position: absolute;
    top: calc(100% + 90px);
    margin-left: -180px;
}

.home-rchive .top-con {
    position: relative;
}
.home-rchive .top-con .img {
    width: 1024px;
    height: 600px;
    margin-left: auto;
}
.home-rchive .top-con .img img {
    width: 100%;
}
.home-rchive .top-con .home-title {
    position: absolute;
    left: 0;
    top: 200px;
}
.home-rchive .rchive-list {
    margin-top: 140px;
    /*margin-top: 160px;*/
    margin-bottom: 160px;
    display: flex;
    flex-wrap: wrap;
}
.home-rchive .rchive-list .rchive-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    padding: 40px 0;
}
.home-rchive .rchive-list .rchive-item:first-child {
    padding-top: 0;
}
.home-rchive .rchive-list .rchive-item:last-child {
    padding-bottom: 0;
}
.home-rchive .rchive-list .rchive-item + .rchive-item {
    border-top: 1px solid #e6e6e6;
}
.home-rchive .rchive-list .rchive-item:nth-child(2n) .img {
    border-radius: 40px;
}
.home-rchive .rchive-list .rchive-item .tit {
    flex: 0 0 200px;
    margin-right: 40px;
    font-size: 28px;
}
.home-rchive .rchive-list .rchive-item .txt {
    padding-right: 60px;
    text-align: left;
    width: calc(100% - 624px);
    font-size: 17px;
    line-height: 26px;
}
.home-rchive .rchive-list .rchive-item .img {
    overflow: hidden;
    border-radius: 30px;
}
.home-rchive .rchive-list .rchive-item .img > img {
    transform: scale(1);
    transition: transform 1.5s ease;
}
.home-rchive .rchive-list .rchive-item .img > img:hover {
    transform: scale(1.1);
}
.home-rchive .rchive-list .rchive-txt-link {
    margin-top: 8px;
}
.home-rchive .rchive-list .txt-link {
    font-size: 16px;
    font-weight: 500;
}
.home-rchive .rchive-list .txt-link::after {
    content: "";
    display: inline-block;
    position: relative;
    width: 16px;
    height: 16px;
    margin-top: -4px;
    margin-left: 5px;
    background: url("../img/ico/ico_alink.svg");
    vertical-align: middle;
}
.home-rchive .rchive-list .txt-link:not(:last-child) {
    margin-right: 20px;
}
.home-rchive .rchive-notice .list {
    display: flex;
    padding: 80px 0;
    border-top: 1px solid #000;
}
.home-rchive .rchive-notice .list:last-child {
    padding-bottom: 0;
}
.home-rchive .rchive-notice .list .link {
    position: relative;
    flex: 0 0 170px;
    margin-right: 70px;
}
.home-rchive .rchive-notice .list .link:after {
    content: "";
    position: absolute;
    left: 0;
    top: 75px;
    width: 40px;
    height: 40px;
    background: url("../img/ico/ico_rchive_plus.svg") no-repeat center/40px;
}
.home-rchive .rchive-notice .list .link .tit {
    font-size: 30px;
    line-height: 44px;
}
.home-rchive .rchive-notice .list .item {
    width: calc(100% - 240px);
}
.home-rchive .rchive-notice .list .item li .info {
    display: flex;
    justify-content: space-between;
    align-items: center;
    align-items: flex-start;
    flex-wrap: wrap;
}
.home-rchive .rchive-notice .list .item li .info .tit {
    width: 70%;
    font-size: 17px;
    line-height: 26px;
    font-weight: 500;
}
.home-rchive .rchive-notice .list .item li .info .txt {
    width: 85%;
    margin-top: 10px;
    font-size: 16px;
    line-height: 24px;
}
.home-rchive .rchive-notice .list .item li .info .date {
    margin-top: 10px;
    font-size: 17px;
    color: #666;
    line-height: 24px;
}
.home-rchive .rchive-notice .list .item li + li {
    margin-top: 50px;
}

.cont .desc {
    min-height: 192px;
    margin: 20px 10px;
}
.cont .desc .txt p {
    line-height: 30px;
    word-break: break-word;
    font-size: 20px;
    color: #111;
}
.cont .desc .info-list {
    display: flex;
    justify-content: baseline;
    align-items: center;
    flex-wrap: wrap;
    margin: 16px -4px;
}
.cont .desc .info-list .info {
    height: 40px;
    line-height: 40px;
    border: 1px solid #ccc;
    margin: 4px;
    padding: 0 20px;
    border-radius: 20px;
    box-sizing: content-box;
}
.cont .top-con .home-title {
    width: 410px;
}
.cont .top-con a {
    position: relative;
}
.cont .top-con a .info {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    padding: 80px 0 0 80px;
}
.cont .top-con a .info .txt {
    font-size: 18px;
    line-height: 26px;
}
.cont .top-con a .info .name {
    display: block;
    font-size: 30px;
    line-height: 36px;
    margin-top: 10px;
}
.cont .top-con .img {
    overflow: hidden;
    max-width: 789px;
    border-radius: 16px;
}
.cont .top-con .img > img {
    transform: scale(1);
    transition: transform 1.5s ease;
}
.cont .top-con .img > img:hover {
    transform: scale(1.1);
}
.cont .imgs {
    margin-top: 30px;
}
.cont .imgs a {
    overflow: hidden;
    position: relative;
    display: inline-block;
    border-radius: 16px;
}
.cont .imgs a + a {
    margin-left: 30px;
}
.cont .imgs a .info {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    padding: 40px 20px 0 30px;
}
.cont .imgs a .info .txt {
    font-size: 16px;
    line-height: 24px;
}
.cont .imgs a .info .name {
    display: block;
    font-size: 30px;
    line-height: 36px;
    margin-top: 10px;
    word-break: keep-all;
}
.cont .imgs a > img {
    transform: scale(1);
    transition: transform 1.5s ease;
}
.cont .imgs a > img:hover {
    transform: scale(1.1);
}

.link-box.row > .tit {
    font-size: 24px;
    line-height: 35px;
    font-weight: 700;
}
.link-box.row > div {
    display: flex;
    align-items: stretch;
}
.link-box.row > div + div {
    border-top: 1px solid #e6e6e6;
}
.link-box.row > div[data-col="3"] a {
    padding: 60px 0;
}
.link-box.row > div[data-col="3"] a:nth-child(3) {
    border-right: 0;
}
.link-box.row > div[data-col="3"] a::after {
    padding-right: 162px;
    background-position: center right 136px;
}
.link-box.row > div[data-col="3"] img {
    width: 243px;
    height: 243px;
    margin-bottom: 20px;
}
.link-box.row > div[data-col="4"] a {
    padding: 30px 0;
}
.link-box.row > div[data-col="4"] a:nth-child(4) {
    border-right: 0;
}
.link-box.row > div[data-col="4"] a::after {
    padding-right: 115px;
    background-position: center right 90px;
}
.link-box.row > div[data-col="4"] img {
    width: 181px;
    height: 181px;
    margin-bottom: 15px;
}
.link-box.row > div a {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    border-right: 1px solid #e6e6e6;
}
.link-box.row > div a::after {
    content: "더 알아보기";
    position: absolute;
    width: 100%;
    height: 32%;
    bottom: 0;
    left: 0;
    display: none;
    justify-content: flex-end;
    align-items: center;
    background: #dc000c url("../img/ico/ico_link_arrow_w.svg") no-repeat;
    font-size: 20px;
    color: #fff;
    line-height: 20px;
    font-weight: 500;
    text-align: right;
}
.link-box.row > div a:hover::after {
    display: flex;
}
.link-box.row > div .tit {
    font-size: 20px;
    line-height: 30px;
    font-weight: 500;
    display: block;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-align: center;
}
.link-box.row > div .desc {
    font-size: 15px;
    color: #666;
    line-height: 22px;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    text-align: center;
    margin-top: 10px;
}

.more-btn {
    display: block;
    margin: 0 auto;
    width: 100px;
    height: 45px;
    font-size: 14px;
    border: 1px solid #eee;
    border-radius: 22.5px;
    text-align: center;
}

.subbanner {
    position: relative;
    height: 480px;
}
.subbanner .banner-wrap {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 1920px;
    height: 100%;
}
.subbanner .banner-wrap .bg {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
}
.subbanner .banner-wrap .l-grid {
    position: relative;
    height: 420px;
}
.subbanner .banner-wrap .l-grid a {
    display: block;
    height: 100%;
}
.subbanner .banner-wrap .l-grid .txt-wrap {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    z-index: 1;
}
.subbanner .banner-wrap.type1 .txt-wrap .main {
    font-size: 50px;
    line-height: 60px;
    font-weight: 500;
    margin-top: 10px;
}
.subbanner .banner-wrap.type1 .txt-wrap .sub {
    font-size: 24px;
    line-height: 35px;
}
.subbanner .banner-wrap.type2 .txt-wrap .date {
    font-size: 17px;
    line-height: 22px;
}
.subbanner .banner-wrap.type2 .txt-wrap .main {
    font-size: 40px;
    line-height: 60px;
    font-weight: 700;
    margin-top: 20px;
}
.subbanner .banner-wrap.type2 .txt-wrap .sub {
    font-size: 20px;
    line-height: 24px;
    margin-top: 10px;
}
.subbanner .banner-wrap.type2 .txt-wrap .visual-btn {
    display: inline-block;
    font-size: 17px;
    color: #fff;
    margin-top: 36px;
    padding: 15px 32px;
    background-color: #dc000c;
    border-radius: 28px;
}
.subbanner .banner-wrap.swiper-container.swiper-container-horizontal .swiper-button-prev,
.subbanner .banner-wrap.swiper-container.swiper-container-horizontal .swiper-button-next,
.subbanner .banner-wrap.swiper-container.swiper-container-horizontal .swiper-pag-bullet-wrap {
    display: block;
}
.subbanner .banner-wrap.swiper-container .swiper-slide {
    cursor: default;
}
.subbanner .banner-wrap.swiper-container .swiper-slide.dark * {
    color: #fff;
}
.subbanner .banner-wrap.swiper-container .swiper-button-prev,
.subbanner .banner-wrap.swiper-container .swiper-button-next {
    display: none;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 50px;
    height: 50px;
    background: url("../img/ico/ico_sub_ban_arrow.svg") no-repeat center center;
}
.subbanner .banner-wrap.swiper-container .swiper-button-prev {
    transform: translate(-710px, -50%);
}
.subbanner .banner-wrap.swiper-container .swiper-button-next {
    transform: translate(660px, -50%) scale(-1);
}
.subbanner .banner-wrap.swiper-container .swiper-pag-bullet-wrap {
    display: none;
    position: absolute;
    bottom: 95px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 1;
}
.subbanner .nav-wrap {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 1920px;
    background: rgba(0, 0, 0, 0.4);
    border-top: 1px solid rgba(255, 255, 255, 0.25);
    z-index: 1;
}
.subbanner .nav-wrap .inner {
    width: 1200px;
    margin: 0 auto;
}
.subbanner .nav-wrap .nav-info {
    font-size: 0;
    height: 60px;
}
.subbanner .nav-wrap .nav-info > li {
    position: relative;
    display: inline-block;
    width: 250px;
}
.subbanner .nav-wrap .nav-info > li:after {
    content: "";
    width: 1px;
    height: 26px;
    background-color: rgba(255, 255, 255, 0.25);
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}
.subbanner .nav-wrap .nav-info > li:first-child {
    width: 80px;
    height: 100%;
}
.subbanner .nav-wrap .nav-info > li:first-child a {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.img-tab {
    padding: 25px 0;
    height: 160px;
    position: relative;
    overflow: hidden;
}
.img-tab .swiper-container-horizontal .swiper-button-prev,
.img-tab .swiper-container-horizontal .swiper-button-next {
    display: block;
}
.img-tab .swiper-slide {
    width: auto;
}
.img-tab .swiper-slide + .swiper-slide {
    margin-left: 44px;
}
.img-tab .swiper-button-prev,
.img-tab .swiper-button-next {
    display: none;
    position: absolute;
    top: 50%;
    width: 54px;
    height: 54px;
    background: url("../img/common/ico_swiper_arrow.svg") no-repeat center;
}
.img-tab .swiper-button-prev {
    transform: scaleX(-1);
    left: 0px;
}
.img-tab .swiper-button-next {
    right: 0px;
}
.img-tab .swiper-button-disabled {
    display: none !important;
}
.img-tab .tab-menu {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    display: inline-flex;
}
.img-tab .tab-menu img {
    max-width: 90px;
    max-height: 90px;
}
.img-tab .tab-menu p {
    font-size: 13px;
}
.img-tab .tab-menu:hover p, .img-tab .tab-menu.on p {
    color: #dc000c;
    text-decoration: underline;
}
.img-tab .tab-menu + .tab-menu {
    margin-left: 30px;
}

.list-filter {
    position: relative;
}
.list-filter-grid {
    position: relative;
    display: flex;
    align-items: center;
    min-height: 40px;
}
.list-filter-category {
    display: flex;
    flex-wrap: wrap;
    word-break: keep-all;
    max-width: 90%;
}
.list-filter-category__link {
    display: inline-block;
    line-height: 2;
    margin-right: 30px;
}
.list-filter-category__link.--on {
    color: #dc000c;
    text-decoration: underline;
}
.list-filter .inner {
    width: 1200px;
    margin: 0 auto;
}
.list-filter .filter-btn {
    position: absolute;
    right: 0;
    width: 90px;
    font-size: 16px;
    color: #fff;
    line-height: 40px;
    text-align: left;
    background: #000;
    border-radius: 20px;
    padding: 0 15px;
}
.list-filter .filter-btn::after {
    content: "";
    position: absolute;
    width: 16px;
    height: 16px;
    background: url("../img/ico/ico_filter_arrow.svg") no-repeat center;
    top: 50%;
    right: 15px;
    transform: translateY(-50%);
    transition: 0.2s;
}
.list-filter .filter-btn.on::after {
    transform: translateY(-50%) rotate(180deg);
}
.list-filter .filter-wrap {
    display: none;
    position: absolute;
    top: 60px;
    left: 0;
    z-index: 5;
    width: 100%;
    background: #f9f9f9;
    padding: 30px 0 50px;
}
.list-filter .filter-wrap.on {
    display: block !important;
}
.list-filter .filter-wrap .filter-box {
    display: flex;
}
.list-filter .filter-wrap .filter-box > div {
    position: relative;
}
.list-filter .filter-wrap .filter-box > div .tit {
    font-size: 14px;
    font-weight: 500;
    padding: 0 30px;
}
.list-filter .filter-wrap .filter-box > div .list-box {
    display: flex;
}
.list-filter .filter-wrap .filter-box > div .list-box .area {
    width: 200px;
    padding: 0 30px;
}
.list-filter .filter-wrap .filter-box > div .list-box .area div {
    margin-top: 10px;
}
.list-filter .filter-wrap .filter-box > div .list-box .area div * {
    font-size: 14px;
}
.list-filter .filter-wrap .filter-box > div .list-box .area + .area {
    padding-left: 0;
    width: 180px;
}
.list-filter .filter-wrap .filter-box > div:first-child .tit {
    padding-left: 0;
}
.list-filter .filter-wrap .filter-box > div:first-child .area {
    width: 170px;
    padding-left: 0;
}
.list-filter .filter-wrap .filter-box > div + div::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 1px;
    height: 100%;
    background: #e6e6e6;
}
.list-filter .filter-wrap .btn-wrap {
    display: flex;
    justify-content: center;
    margin-top: 50px;
}
.list-filter .filter-wrap .btn-wrap button {
    display: block;
    width: 140px;
    font-size: 14px;
    line-height: 40px;
    text-align: center;
    border-radius: 20px;
}
.list-filter .filter-wrap .btn-wrap button.reset-btn {
    border: 1px solid #000;
    background: #fff;
}
.list-filter .filter-wrap .btn-wrap button.reset-btn::before {
    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url("../img/ico/ico_reset_black.svg") no-repeat center center;
    vertical-align: text-bottom;
    margin-right: 6px;
}
.list-filter .filter-wrap .btn-wrap button.apply-btn {
    background: #000;
    color: #fff;
}
.list-filter .filter-wrap .btn-wrap button + button {
    margin-left: 10px;
}
.list-filter .choice-wrap {
    display: none;
    width: 100%;
    background: #f9f9f9;
    margin-top: 20px;
    padding: 25px;
}
.list-filter .choice-wrap.on {
    display: block !important;
}
.list-filter .choice-wrap.fixed {
    position: fixed;
    top: 0;
    left: 0;
    margin-top: 0;
    z-index: 2;
}
.list-filter .choice-wrap .inner {
    display: flex;
    align-items: center;
}
.list-filter .choice-wrap .reset-btn {
    font-size: 14px;
    text-decoration: underline;
}
.list-filter .choice-wrap .reset-btn::before {
    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url("../img/ico/ico_reset_black.svg") no-repeat center center;
    vertical-align: text-bottom;
    margin-right: 6px;
}
.list-filter .choice-wrap .choice-list {
    display: flex;
    margin-left: 60px;
}
.list-filter .choice-wrap .choice-list li {
    font-size: 14px;
}
.list-filter .choice-wrap .choice-list li + li {
    margin-left: 30px;
}

.item-wrap {
    flex-wrap: wrap;
    align-items: stretch;
}

.page-prod-list .item-wrap {
    justify-content: flex-start;
    margin: 0 -36px;
}

.page-prod-list .itembox {
    margin: 0 36px;
}

.itembox {
    position: relative;
    padding: 20px 20px 30px;
    border: 1px solid #e6e6e6;
    border-radius: 30px;
    flex: 0 0 352px;
    width: 352px;
    max-width: 352px;
    box-sizing: border-box;
}
.itembox:nth-child(n+4) {
    margin-top: 70px;
}
.itembox .add-wrap {
    display: flex;
    top: 20px;
    left: 20px;
    height: 25px;
}
.itembox .add-wrap button {
    margin-right: 4px;
    width: 48px;
    font-size: 12px;
    line-height: 23px;
}
.itembox .add-wrap button.btn-bor-red {
    border: 1px solid #dc000c;
    background: #fff;
    color: #dc000c;
}
.itembox .add-wrap button.btn-bg-red {
    background: #dc000c;
    color: #fff;
}
.itembox .img-wrap {
    position: relative;
    width: 320px;
    height: 320px;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}
.itembox .img-wrap img {
    max-width: 100%;
    max-height: 100%;
}
.itembox .img-wrap.noimg {
    display: flex;
    justify-content: center;
    align-items: center;
}
.itembox .img-wrap.noimg p {
    line-height: 26px;
    color: #666;
    text-align: center;
}
.itembox .txt-wrap {
    border-top: 1px solid #e6e6e6;
    padding-top: 20px;
    margin-top: 10px;
}
.itembox .txt-wrap .name {
    font-size: 20px;
    font-weight: 500;
    display: block;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.itembox .txt-wrap .desc {
    font-size: 14px;
    margin-top: 10px;
}
.itembox .spec-wrap {
    position: absolute;
    right: 16px;
    top: 20px;
}
.itembox .spec-wrap .gray-line {
    min-width: 26px;
    height: 22px;
    padding-left: 5px;
    padding-right: 5px;
    border-radius: 4px;
    border: 1px solid #111;
    background-color: #fff;
    color: #111;
    font-size: 14px;
}
.itembox .url-wrap {
    position: absolute;
    top: 340px;
    left: 20px;
}
.itembox .url-wrap .url:not(:last-child) {
    margin-right: 8px;
}
.itembox .url-wrap .btn-url {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 20px;
    padding-left: 5px;
    padding-right: 5px;
    border-radius: 2px;
    background-color: #eee;
    color: #666;
    font-size: 12px;
}
.itembox .chk-box {
    position: relative;
}
.itembox .chk-box input[type=checkbox] {
    display: none;
}
.itembox .chk-box input[type=checkbox] + i {
    -webkit-appearance: none;
    position: absolute;
    top: 9px;
    left: 10px;
    width: 16px;
    height: 16px;
    background: url("../img/ico/ico_check_grey.svg") no-repeat center center;
    cursor: pointer;
}
.itembox .chk-box input[type=checkbox]:focus + i {
    border: none;
    outline: unset;
}
.itembox .chk-box input[type=checkbox]:checked + i {
    background: url("../img/ico/ico_check.svg") no-repeat center center;
}
.itembox .chk-box input[type=checkbox]:checked ~ label {
    border: 1px solid #dc000c;
    background: #dc000c;
    color: #fff;
}
.itembox .chk-box label {
    display: block;
    width: 90px;
    line-height: 30px;
    border: 1px solid #e6e6e6;
    border-radius: 20px;
    margin-top: 20px;
    padding-left: 30px;
    font-size: 13px;
    color: #666;
    cursor: pointer;
}

.nolist {
    font-size: 16px;
    color: #666;
    line-height: 22px;
    text-align: center;
}

.compare {
    max-height: 0;
    transition: 0.2s;
}
.compare.on {
    max-height: 320px;
}
.compare.fixed {
    box-shadow: 0 -10px 20px 0 rgba(0, 0, 0, 0.08);
    position: fixed;
    left: 0;
    bottom: 0;
    z-index: 10;
    width: 100%;
    background: #fff;
}
.compare .inner {
    width: 1200px;
    margin: 60px auto 80px;
}
.compare .inner .top-wrap .tit {
    display: inline-block;
    font-size: 20px;
    line-height: 30px;
    font-weight: 500;
}
.compare .inner .top-wrap .btn_compare_arrow {
    display: inline-block;
    vertical-align: top;
    width: 29px;
    height: 29px;
    background: url("../img/ico/ico_compare_arrow.svg") no-repeat center center;
    transform: rotate(180deg);
    margin-left: 25px;
}
.compare .inner .con-wrap {
    position: relative;
    margin-top: 40px;
}
.compare .inner .con-wrap .initial-btn {
    position: absolute;
    top: -30px;
    right: 137px;
    font-size: 14px;
    color: #666;
    line-height: 20px;
    font-weight: 500;
}
.compare .inner .con-wrap .initial-btn::before {
    content: "";
    display: inline-block;
    vertical-align: text-top;
    width: 16px;
    height: 16px;
    background: url("../img/ico/ico_reset_grey.svg") no-repeat center center;
    margin-right: 4px;
}
.compare .inner .con-wrap .item-wrap {
    width: 1075px;
    justify-content: space-between;
    margin: 0;
}
.compare .inner .con-wrap .item-wrap li {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 250px;
    height: 110px;
    border-radius: 18px;
    border: 1px solid #e6e6e6;
    padding: 20px;
}
.compare .inner .con-wrap .item-wrap li p {
    font-size: 14px;
    color: #ccc;
    line-height: 20px;
    font-weight: 500;
}
.compare .inner .con-wrap .item-wrap li p::before {
    content: "";
    display: inline-block;
    vertical-align: text-top;
    width: 18px;
    height: 18px;
    background: url("../img/ico/ico_compare_plus.svg") no-repeat center center;
    margin-right: 12px;
}
.compare .inner .con-wrap .item-wrap li .img-wrap {
    flex: 0 0 70px;
    margin-right: 5px;
}
.compare .inner .con-wrap .item-wrap li .img-wrap img {
    width: 100%;
}
.compare .inner .con-wrap .item-wrap li .img-wrap + p {
    color: #111;
    display: block;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.compare .inner .con-wrap .item-wrap li .img-wrap + p::before {
    display: none;
}
.compare .inner .con-wrap .item-wrap li .cancle-btn {
    position: absolute;
    top: 12px;
    right: 12px;
    width: 16px;
    height: 16px;
    background: url("../img/ico/ico_cancle_grey.svg") no-repeat center center;
}
.compare .inner .con-wrap .compare-btn {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100px;
    height: 110px;
    font-size: 16px;
    color: #fff;
    font-weight: 500;
    background: #000;
    border-radius: 20px;
}

.summary-wrap.flex {
    align-items: flex-start;
}

.summarybox {
    flex: 0 0 560px;
}
.summarybox .top-wrap {
    padding-bottom: 10px;
    border-bottom: 1px solid #111;
}
.summarybox .top-wrap .tit {
    font-size: 24px;
    line-height: 35px;
    font-weight: 700;
}
.summarybox .top-wrap a {
    width: 21px;
    height: 21px;
    background: url("../img/ico/ico_summarybox_plus.svg") no-repeat center center;
}
.summarybox .con-wrap {
    margin-top: 30px;
    width: 560px;
}
.summarybox .con-wrap .list-wrap li {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.summarybox .con-wrap .list-wrap li .tit {
    flex: 0 0 70%;
}
.summarybox .con-wrap .list-wrap li a {
    font-size: 17px;
}
.summarybox .con-wrap .list-wrap li a:hover {
    text-decoration: underline;
}
.summarybox .con-wrap .list-wrap li p {
    font-size: 17px;
    color: #666;
}
.summarybox .con-wrap .list-wrap li + li {
    margin-top: 30px;
}
.summarybox .con-wrap .event-wrap {
    overflow: hidden;
}
.summarybox .con-wrap .event-wrap .swiper-slide {
    cursor: pointer;
    height: 250px;
    overflow: hidden;
}
.summarybox .con-wrap .event-wrap .swiper-slide img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
}
.summarybox .con-wrap .event-wrap .swiper-pag-bullet-wrap {
    position: relative;
    margin-top: 20px;
}

.location {
    background-color: #fff;
}
.location ol {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    width: 1200px;
    height: 60px;
    margin: 0 auto;
    text-align: right;
}
.location ol li {
    position: relative;
}
.location ol li:first-child {
    width: 20px;
    height: 20px;
    background: url("../img/common/ico_loaction_home.svg") no-repeat center center/20px;
}
.location ol li + li {
    margin-left: 16px;
    padding-left: 16px;
}
.location ol li + li:before {
    content: "";
    position: absolute;
    left: -8px;
    top: 4px;
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url("../img/common/ico_location_arrow_right.png") no-repeat center center/16px;
}
.location ol li a {
    font-size: 14px;
    color: #666;
    display: block;
    height: 100%;
    width: 100%;
}

[class^=btn-].button-download {
    height: 34px;
    margin-left: 20px;
    line-height: 34px;
}
[class^=btn-].button-download::after {
    content: "";
    display: inline-block;
    width: 18px;
    height: 18px;
    margin-left: 2px;
    background: url("../img/ico/ico_download.png") no-repeat center center/18px;
    vertical-align: middle;
}
[class^=btn-].round {
    border-radius: 25px;
}
[class^=btn-].btn-50 {
    height: 50px;
    padding: 0 20px;
    font-size: 16px;
}

.prd-detail-top .inner {
    width: 1200px;
    margin: 0 auto;
    padding: 50px 0 35px;
}
.prd-detail-top .inner .inner-left {
    position: relative;
    float: left;
    width: 580px;
}
.prd-detail-top .inner .inner-left .color-box {
    width: 100%;
    height: 22px;
    display: block;
    position: relative;
    margin: -30px auto 20px;
    z-index: 9;
}
.prd-detail-top .inner .inner-left .color-wrap {
    display: flex;
    position: absolute;
    justify-content: space-between;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 9;
}
.prd-detail-top .inner .inner-left .color-wrap button {
    position: relative;
    display: block;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    padding: 0;
}
.prd-detail-top .inner .inner-left .color-wrap button.on {
    background-color: #ffffff;
    border: 2px solid #111111;
    position: relative;
}
.prd-detail-top .inner .inner-left .color-wrap button.on:after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 17px;
    height: 17px;
    border: 2px solid #fff;
    border-radius: 50%;
}
.prd-detail-top .inner .inner-left .color-wrap button.white {
    border: 2px solid #eee;
}
.prd-detail-top .inner .inner-left .color-wrap button.white.on {
    border: 2px solid #111;
}
.prd-detail-top .inner .inner-left .color-wrap li + li {
    margin-left: 5px;
}
.prd-detail-top .inner .inner-left .button-func {
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-25%);
    margin-top: 20px;
}
.prd-detail-top .inner .inner-left .ico-enlarge {
    width: 34px;
    height: 34px;
    background: url("../img/ico/ico_enlarge.svg") no-repeat center center/34px;
}
.prd-detail-top .inner .inner-left .product-slide-wrap {
    padding-top: 0;
    position: relative;
    display: flex;
    justify-content: space-between;
}
.prd-detail-top .inner .inner-left .product-slide-wrap .swiper-button {
    width: 24px;
    height: 24px;
    opacity: 1;
    background: url(../img/common/ico_thumb_pager_arrow.svg) no-repeat center/24px;
    -webkit-filter: invert(1);
    filter: invert(1);
}
.prd-detail-top .inner .inner-left .product-slide-wrap .swiper-button.swiper-button-disabled {
    -webkit-filter: invert(0);
    filter: invert(0);
}
.prd-detail-top .inner .inner-left .product-slide-wrap .swiper-button-prev {
    top: -5px;
    left: 24px;
    transform: rotate(0deg);
}
.prd-detail-top .inner .inner-left .product-slide-wrap .swiper-button-next {
    bottom: 18px;
    top: auto;
    left: 24px;
    transform: rotate(180deg);
}
.prd-detail-top .inner .inner-left .product-slide-wrap .prd-slide-top,
.prd-detail-top .inner .inner-left .product-slide-wrap .prd-slide-thumbs {
    margin: 0 auto;
    overflow: hidden;
}
.prd-detail-top .inner .inner-left .product-slide-wrap .prd-slide-top img,
.prd-detail-top .inner .inner-left .product-slide-wrap .prd-slide-thumbs img {
    width: 100%;
}
.prd-detail-top .inner .inner-left .product-slide-wrap .prd-slide-top {
    width: 600px;
    margin-left: 10px;
}
.prd-detail-top .inner .inner-left .product-slide-wrap .prd-slide-top .swiper-slide .info-subject {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 20px;
}
.prd-detail-top .inner .inner-left .product-slide-wrap .prd-slide-top .swiper-slide .info-subject .subject {
    font-size: 22px;
    font-weight: bold;
    line-height: 1.95;
    letter-spacing: -0.22px;
}
.prd-detail-top .inner .inner-left .product-slide-wrap .prd-slide-top .swiper-slide .info-subject .name {
    font-size: 18px;
    font-weight: 500;
}
.prd-detail-top .inner .inner-left .product-slide-wrap .prd-slide-top .swiper-slide .large-img {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 500px;
    height: 500px;
}
.prd-detail-top .inner .inner-left .product-slide-wrap .prd-slide-top .swiper-slide .desc {
    margin-top: 5px;
    font-size: 16px;
    line-height: 26px;
    letter-spacing: -0.16px;
}
.prd-detail-top .inner .inner-left .product-slide-wrap .prd-slide-top .swiper-slide .sns {
    margin-top: 15px;
    font-size: 12px;
    color: #666;
    line-height: 26px;
    letter-spacing: -0.12px;
}
.prd-detail-top .inner .inner-left .product-slide-wrap .thumbs-box {
    overflow: hidden;
    position: relative;
    flex: 0 0 70px;
    margin-top: 20px;
}
.prd-detail-top .inner .inner-left .product-slide-wrap .thumbs-box .prd-slide-thumbs {
    order: -1;
    position: relative;
    height: 433px;
}
.prd-detail-top .inner .inner-left .product-slide-wrap .thumbs-box .prd-slide-thumbs .small-img {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    position: relative;
    border-radius: 10px;
    width: 50px;
    height: 50px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.prd-detail-top .inner .inner-left .product-slide-wrap .thumbs-box .prd-slide-thumbs .swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    margin: 0 auto;
}
.prd-detail-top .inner .inner-left .product-slide-wrap .thumbs-box .prd-slide-thumbs .swiper-slide {
    width: 70px !important;
    height: 70px !important;
    margin-bottom: 18px;
    border-radius: 10px;
    border: 2px solid transparent;
}
.prd-detail-top .inner .inner-left .product-slide-wrap .thumbs-box .prd-slide-thumbs .swiper-slide-thumb-active {
    border: 2px solid #dc000c;
}
.prd-detail-top .inner .inner-right {
    float: right;
    width: calc(100% - 630px);
}
.prd-detail-top .inner .inner-right .prd-header {
    position: relative;
}
.prd-detail-top .inner .inner-right .prd-header .prd-tit {
    flex: 1;
    display: flex;
    align-items: flex-start;
}
.prd-detail-top .inner .inner-right .prd-header .prd-tit strong {
    font-size: 34px;
    line-height: 42px;
    word-break: break-word;
}
.prd-detail-top .inner .inner-right .prd-additional {
    display: flex;
    right: 0;
    margin-top: 10px;
    align-items: center;
    flex-shrink: 0;
}
.prd-detail-top .inner .inner-right .prd-additional .global-service {
    display: inline-block;
    width: auto;
    margin-right: 15px;
    padding-right: 15px;
    border-right: 1px solid #ccc;
    line-height: 15px;
    text-decoration: underline;
}
.prd-detail-top .inner .inner-right .prd-additional .share-sns {
    width: 24px;
    height: 24px;
    background: url("../img/ico/ico_share.svg") no-repeat left top/24px;
}
.prd-detail-top .inner .inner-right .prd-additional .share-link {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 30px;
    text-align: center;
}
.prd-detail-top .inner .inner-right .prd-additional .share-link a:before {
    content: "";
    display: inline-block;
    width: 48px;
    height: 48px;
    background-size: 48px 48px;
}
.prd-detail-top .inner .inner-right .prd-additional .share-link .ico-facebook:before {
    background-image: url("../img/ico/ico_sns_facebook.svg");
}
.prd-detail-top .inner .inner-right .prd-additional .share-link .ico-twitter:before {
    background-image: url("../img/ico/ico_sns_twitter.svg");
}
.prd-detail-top .inner .inner-right .prd-additional .share-link .ico-kakao:before {
    background-image: url("../img/ico/ico_sns_kakao.svg");
}
.prd-detail-top .inner .inner-right .prd-additional .share-link .ico-share:before {
    background-image: url("../img/ico/ico_sns_share.svg");
}
.prd-detail-top .inner .inner-right .prd-additional .share-link .txt {
    display: block;
    font-size: 13px;
}
.prd-detail-top .inner .inner-right .prd-additional .tooltip-wrap {
    display: none;
    width: 392px;
    padding: 30px 40px;
    box-sizing: border-box;
    z-index: 1;
}
.prd-detail-top .inner .inner-right .box-gray {
    margin-top: 20px;
    padding: 40px;
}
.prd-detail-top .inner .inner-right .box-gray .top-tit {
    margin-bottom: 20px;
    padding-bottom: 10px;
    border-bottom: 1px solid #ccc;
}
.prd-detail-top .inner .inner-right .box-gray .top-tit span {
    margin-left: 14px;
    font-size: 17px;
    color: #000;
}
.prd-detail-top .inner .inner-right .box-gray .top-tit span + span {
    margin-left: 30px;
}
.prd-detail-top .inner .inner-right .box-gray .desc-list .desc-item {
    position: relative;
    padding-left: 10px;
    font-size: 18px;
}
.prd-detail-top .inner .inner-right .box-gray .desc-list .desc-item:before {
    content: "";
    display: inline-block;
    position: absolute;
    left: 0;
    top: 12px;
    width: 4px;
    height: 4px;
    margin-right: 10px;
    border-radius: 100%;
    background-color: #999;
    vertical-align: middle;
}
.prd-detail-top .inner .inner-right .box-gray .desc-list .desc-item + .desc-item {
    margin-top: 15px;
}
.prd-detail-top .inner .row-btns {
    margin-top: 75px;
}
.prd-detail-top .inner .row-btns .ico-msg {
    font-style: normal;
}
.prd-detail-top .inner .row-btns .ico-msg:before {
    content: "";
    display: inline-block;
    width: 24px;
    height: 24px;
    margin-right: 6px;
    margin-top: -5px;
    background: url("../img/ico/ico_message.svg") no-repeat center center/24px;
    vertical-align: middle;
}
.prd-detail-top .inner::after {
    content: "";
    display: block;
    clear: both;
}

.detail-prd-list {
    width: 100%;
    border-top: 1px solid #000;
}
.detail-prd-list.fixed > .inner {
    position: fixed;
    left: 0;
    top: 80px;
    min-width: 1200px;
    z-index: 2;
    z-index: 10000;
}
.detail-prd-list.fixed .detail-content {
    padding-top: 150px;
}
.detail-prd-list > .inner {
    width: 100%;
    height: 70px;
    border-bottom: 1px solid #e6e6e6;
    background-color: #fff;
}

.detail-prd-title {
    overflow: hidden;
    display: flex;
    width: 1200px;
    margin: 0 auto;
    text-align: center;
}
.detail-prd-title a {
    height: 70px;
    line-height: 68px;
    flex: 1 1 auto;
    font-size: 18px;
    text-align: center;
}
.detail-prd-title a.on {
    border-bottom: 4px solid #dc000c;
    font-weight: 500;
}

.detail-content {
    position: relative;
    padding-top: 100px !important;
}
.detail-content .button-download {
    position: absolute;
    top: 20px;
    right: 0;
}

.temp-v img {
    position: relative;
    left: 50%;
    transform: translateX(-50%);
}

.prd-info {
    height: 80px;
    border-bottom: 1px solid #000;
    opacity: 0;
}
.prd-info.fixed {
    position: fixed;
    top: 0;
    z-index: 3333;
    z-index: 10001;
    width: 100%;
    min-width: 1200px;
    margin: 0 auto;
    background-color: #fff;
    opacity: 1;
}
.prd-info > .inner {
    display: flex;
    justify-content: baseline;
    align-items: center;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    width: 1200px;
    margin: 0 auto;
}
.prd-info > .inner .img {
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.prd-info > .inner .prd-name {
    margin: 0 10px 0 20px;
}
.prd-info .share-sns {
    width: 24px;
    height: 24px;
    background: url("../img/ico/ico_share2.svg") no-repeat center center/24px;
}
.prd-info .share-link {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 30px;
    text-align: center;
}
.prd-info .share-link a:before {
    content: "";
    display: inline-block;
    width: 48px;
    height: 48px;
    background-size: 48px 48px;
}
.prd-info .share-link .ico-facebook:before {
    background-image: url("../img/ico/ico_sns_facebook.svg");
}
.prd-info .share-link .ico-twitter:before {
    background-image: url("../img/ico/ico_sns_twitter.svg");
}
.prd-info .share-link .ico-kakao:before {
    background-image: url("../img/ico/ico_sns_kakao.svg");
}
.prd-info .share-link .ico-share:before {
    background-image: url("../img/ico/ico_sns_share.svg");
}
.prd-info .share-link .txt {
    display: block;
    font-size: 13px;
}
.prd-info .tooltip {
    position: relative;
}
.prd-info .tooltip-wrap {
    display: none;
    width: 392px !important;
    padding: 30px 40px;
    box-sizing: border-box;
    z-index: 1;
}

.prd-detail-bottom {
    position: relative;
    width: 1200px;
    margin: 0 auto;
    padding-top: 120px;
    z-index: 1;
}
.prd-detail-bottom .info-txt {
    font-size: 16px;
}
.prd-detail-bottom .info-txt .length {
    color: #dc000c;
    text-decoration: underline;
}
.prd-detail-bottom > .inner {
    width: calc(100% - 121px);
    margin: 40px auto 0;
}

.slider-prd-similar {
    overflow: visible;
}
.slider-prd-similar > .inner {
    overflow: hidden;
}
.slider-prd-similar .swiper-slide {
    text-align: center;
}
.slider-prd-similar .swiper-button-prev,
.slider-prd-similar .swiper-button-next {
    position: absolute;
    top: 75px;
    width: 50px;
    height: 50px;
    margin-top: 0;
    background: url("../img/ico/ico_slide_arrow_rightx50.svg") no-repeat center/50px;
}
.slider-prd-similar .swiper-button-prev {
    left: -60px;
    transform: rotateY(180deg);
}
.slider-prd-similar .swiper-button-next {
    right: -60px;
}
.slider-prd-similar .img {
    overflow: hidden;
    position: relative;
    width: 200px;
    height: 200px;
    margin: 0 auto;
    border: 1px solid #e6e6e6;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
}
.slider-prd-similar .img img {
    max-height: 100%;
}
.slider-prd-similar .name {
    margin: 10px 30px 0;
    font-size: 14px;
}

.detail-content {
    text-align: center;
}
.detail-content .detail-top .video_area {
    margin-bottom: 100px;
}
.detail-content .detail-top .video_area iframe {
    width: 1200px;
    height: 722px;
    border: 0;
}
.detail-content .detail-top .detail-top-tit {
    font-size: 70px;
    line-height: 85px;
}
.detail-content .detail-top .detail-top-txt {
    margin-top: 20px;
    font-size: 40px;
    line-height: 58px;
}
.detail-content .detail-top img {
    margin-top: 60px;
    margin: 60px 0 20px 0;
}
.detail-content .detail-top .img_caption {
    font-size: 13px;
}
.detail-content .detail-top .detail-box {
    margin: 180px 0 0px 0;
    display: flex;
    justify-content: space-between;
    align-items: stretch;
}
.detail-content .detail-top .detail-box .detail-desc {
    width: 294px;
    padding: 54px 28px;
    background-color: #f7f7f7;
    border-top: 4px solid #dc000c;
    text-align: left;
}
.detail-content .detail-top .detail-box .detail-desc .detail-desc-tit {
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 30px;
}
.detail-content .detail-top .detail-box .detail-desc .detail-desc-item {
    font-size: 16px;
    margin-bottom: 12px;
}
.detail-content .detail-top .detail-box .detail-desc .detail-desc-item::before {
    content: "";
    width: 3px;
    height: 3px;
    display: inline-block;
    background-color: #111;
    vertical-align: middle;
    margin-right: 5px;
    margin-bottom: 3px;
}
.detail-content .detail-top .detail-box .detail-desc .detail-desc-item span {
    display: block;
    text-indent: 7px;
}
.detail-content .detail-top .detail-box .detail-desc .detail-desc-item:last-child {
    margin-bottom: 0;
}
.detail-content .detail-main {
    margin-top: 180px;
}
.detail-content .detail-main .detail-item .main-tit p {
    padding: 10px 20px;
    display: inline-block;
    margin: 0 auto;
    font-size: 30px;
    line-height: 30px;
    font-weight: 500;
    color: #fff;
    background-color: #dc000c;
    border-radius: 26px;
    margin-bottom: 20px;
}
.detail-content .detail-main .detail-item .main-tit strong {
    display: block;
    font-size: 70px;
    font-weight: bold;
}
.detail-content .detail-main .detail-item .main-desc {
    margin: 180px 0 180px 0;
}
.detail-content .detail-main .detail-item .main-desc .main-txt p {
    font-size: 16px;
}
.detail-content .detail-main .detail-item .main-desc .main-txt p:nth-child(1) {
    font-size: 34px;
    font-weight: bold;
    margin-bottom: 30px;
}
.detail-content .detail-main .detail-item .main-desc .main-imgwrap {
    margin-top: 60px;
}
.detail-content .detail-main .detail-item .main-desc .main-imgwrap .img_caption {
    font-size: 13px;
    display: block;
    color: #666;
    margin-top: 20px;
}
.detail-content .detail-main .detail-item .float_area {
    display: flex;
    justify-content: center;
    align-items: stretch;
}
.detail-content .detail-main .detail-item .float_area .main-imgwrap {
    margin-top: 0;
}
.detail-content .detail-main .detail-item .float_area .main-txt {
    padding: 100px 60px;
    text-align: left;
}
.detail-content .detail-main .detail-item:nth-child(2) .main-desc .img {
    margin: 0 auto;
}
.detail-content .detail-main .detail-item:nth-child(2) .main-desc:nth-child(5) .main-sup-txt {
    margin: 40px 0 100px 0;
}
.detail-content .detail-main .detail-item:nth-child(2) .main-desc:nth-child(5) .main-sup-txt p:nth-child(1) {
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 14px;
}
.detail-content .detail-main .detail-item:nth-child(3) .main-desc:nth-child(2) span {
    font-size: 13px;
    display: block;
    color: #666;
    margin-top: 30px;
}
.detail-content .detail-main .detail-item:nth-child(3) .main-desc:nth-child(2) .img {
    margin: 0 auto;
}
.detail-content .detail-main .detail-item:nth-child(3) .main-desc:nth-child(2) .main-sub-txt p:nth-child(1) {
    font-size: 24px;
    font-weight: bold;
    margin: 40px 0 14px 0;
}
.detail-content .detail-main .detail-item:nth-child(3) .float_area .main-txt {
    padding: 84px 60px;
}
.detail-content .detail-main .detail-item:nth-child(4) .main-desc:nth-child(2).float_area .main-imgwrap {
    width: 50%;
}
.detail-content .detail-main .detail-item:nth-child(4) .main-desc:nth-child(2).float_area .main-txt {
    width: 50%;
    padding: 37px 60px;
    padding-right: 0;
}
.detail-content .detail-main .detail-item:nth-child(4) .main-desc:nth-child(3).float_area .main-imgwrap {
    width: 50%;
}
.detail-content .detail-main .detail-item:nth-child(4) .main-desc:nth-child(3).float_area .main-txt {
    width: 50%;
    padding: 49px 60px;
    padding-right: 0;
}
.detail-content .detail-main .detail-item:nth-child(4) .main-desc:nth-child(4) {
    margin-bottom: 0;
}
.detail-content .detail-spec {
    margin-bottom: 60px;
}
.detail-content .detail-spec .spec-tit {
    font-size: 24px;
    font-weight: 500;
    line-height: 1.25;
    text-align: left;
    margin-bottom: 9px;
}
.detail-content .detail-spec .spec-tit::before {
    content: "";
    width: 7px;
    height: 7px;
    display: inline-block;
    background-color: #dc000c;
    vertical-align: middle;
    margin-right: 8px;
    margin-bottom: 5px;
    border-radius: 100%;
}
.detail-content .detail-spec .spec-desc {
    text-align: center;
    border-top: 3px solid #000;
}
.detail-content .detail-spec .spec-desc th {
    width: 400px;
    padding: 18px 10px;
    vertical-align: top;
    font-weight: normal;
    background-color: #f9f9f9;
    border: 1px solid #e6e6e6;
    border-left: none;
}
.detail-content .detail-spec .spec-desc td {
    width: 800px;
    padding: 18px 10px;
    border: 1px solid #e6e6e6;
    border-right: none;
}
.detail-content .detail-spec .spec-desc td p:nth-child(1) {
    margin-bottom: 10px;
}
.detail-content .detail_image {
    width: 516px;
    margin: 0 auto;
}
.detail-content .detail_image .download-btn {
    padding: 13px 28px;
    border: 1px solid #000;
    border-radius: 25px;
    margin: 11px 0 90px;
}
.detail-content .detail_image .download-btn::after {
    content: "";
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url("../img/common/ico_arrow_download.svg") no-repeat center center/20px;
    vertical-align: middle;
    margin-top: -5px;
}
.detail-content .detail_image .imgdl-thumb-pager {
    height: 70px;
    position: relative;
}
.detail-content .detail_image .imgdl-thumb-pager .swiper-wrapper {
    width: 90%;
    margin-left: 20px;
}
.detail-content .detail_image .imgdl-thumb-pager .swiper-slide {
    width: 70px !important;
    height: 70px !important;
    height: 100%;
    margin-left: 20px;
    text-align: center;
    border-radius: 12px;
    border: 2px solid transparent;
    overflow: hidden;
    cursor: pointer;
}
.detail-content .detail_image .imgdl-thumb-pager .swiper-slide .img {
    margin-top: 6px;
}
.detail-content .detail_image .imgdl-thumb-pager .swiper-slide-thumb-active {
    border: 2px solid #dc000c;
}
.detail-content .detail_image .imgdl-thumb-pager .swiper-button-next,
.detail-content .detail_image .imgdl-thumb-pager .swiper-button-prev {
    position: absolute;
    top: 63%;
    width: 24px;
    height: 24px;
    opacity: 1;
    background: url("../img/ico/ico_slide_arrow_right.svg") no-repeat center/24px;
    z-index: 99;
    pointer-events: pointer;
    filter: invert(1);
}
.detail-content .detail_image .imgdl-thumb-pager .swiper-button-prev {
    left: 0;
    opacity: 1;
    transform: rotateY(180deg);
}
.detail-content .detail_image .imgdl-thumb-pager .swiper-button-next {
    right: 0;
}
.detail-content .detail_image .imgdl-thumb-pager .swiper-button-disabled {
    filter: invert(0);
}
.detail-content .detail-down {
    text-align: left;
    margin-bottom: 80px;
}
.detail-content .detail-down .down-top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 9px;
}
.detail-content .detail-down .down-top .down-tit {
    font-size: 24px;
}
.detail-content .detail-down .down-top #select-box {
    width: 200px;
    height: auto;
    padding: 10px 20px;
    background: url("../img/common/ico_selectbox_arrow.svg") no-repeat center right/24px;
    background-position: 95%;
}
.detail-content .detail-down .down-content {
    border-top: 3px solid #000;
}
.detail-content .detail-down .down-content > li {
    border-bottom: 1px solid #e6e6e6;
}
.detail-content .detail-down .accodian-box {
    position: relative;
}
.detail-content .detail-down .accodian-desc {
    padding: 33px 0;
    display: flex;
}
.detail-content .detail-down .accodian-desc p {
    width: 700px;
}
.detail-content .detail-down .accodian-desc a {
    cursor: pointer;
    margin-left: 20px;
}
.detail-content .detail-down .accodian-desc a img {
    width: 24px;
    height: 24px;
    vertical-align: top;
}
.detail-content .detail-down .read-more {
    position: absolute;
    top: 30px;
    right: 0;
    width: 40px;
    text-align: right;
    transform: rotate(0deg);
}
.detail-content .detail-down .read-more img {
    width: 24px;
    height: 24px;
}
.detail-content .detail-down .read-more.on img {
    transform: rotate(180deg);
}
.detail-content .detail-down .accodian-content {
    display: none;
}
.detail-content .detail-down .accodian-content > li {
    padding-bottom: 30px;
}
.detail-content .detail-down .accodian-content > li strong {
    font-weight: 500;
}
.detail-content .detail_option .option_tit {
    text-align: left;
    font-size: 24px;
    font-weight: 500;
    margin-bottom: 20px;
}
.detail-content .detail_option .option_tit span {
    color: #dc000c;
}
.detail-content .detail_option .option_list li {
    border-top: 1px solid #e6e6e6;
    padding: 21px 0 21px 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    box-sizing: border-box;
}
.detail-content .detail_option .option_list li .img {
    width: 200px;
    margin-right: 50px;
}
.detail-content .detail_option .option_list li .option-txt {
    width: 950px;
    text-align: left;
    padding-right: 20px;
}
.detail-content .detail_option .option_list li .option-txt h3 {
    font-size: 17px;
    font-weight: bold;
    margin-bottom: 8px;
}
.detail-content .detail_option .option_list li .option-txt h3::before {
    content: "";
    width: 18px;
    height: 18px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 8px;
    border-radius: 100%;
}
.detail-content .detail_option .option_list li .option-txt .option_sub_tit {
    font-size: 24px;
    font-weight: 500;
    margin-bottom: 20px;
}
.detail-content .detail_option .option_list li.BK .option-txt h3::before {
    background-color: #000000;
}
.detail-content .detail_option .option_list li.MBK .option-txt h3::before {
    background-color: #000000;
}
.detail-content .detail_option .option_list li.PBK .option-txt h3::before {
    background-color: #202020;
}
.detail-content .detail_option .option_list li.DGY .option-txt h3::before {
    background-color: #262626;
}
.detail-content .detail_option .option_list li.GY .option-txt h3::before {
    background-color: #a6a6a6;
}
.detail-content .detail_option .option_list li.LGY .option-txt h3::before {
    background-color: #f2f2f2;
}
.detail-content .detail_option .option_list li.CO .option-txt h3::before {
    background-color: #ffffff;
}
.detail-content .detail_option .option_list li.RED .option-txt h3::before {
    background-color: #ff000a;
}
.detail-content .detail_option .option_list li.M .option-txt h3::before {
    background-color: #ff00ff;
}
.detail-content .detail_option .option_list li.PM .option-txt h3::before {
    background-color: #ff99ff;
}
.detail-content .detail_option .option_list li.Y .option-txt h3::before {
    background-color: #fefe00;
}
.detail-content .detail_option .option_list li.PC .option-txt h3::before {
    background-color: #99ffff;
}
.detail-content .detail_option .option_list li.C .option-txt h3::before {
    background-color: #01ffff;
}
.detail-content .detail_option .option_list li.GREEN .option-txt h3::before {
    background-color: #009e30;
}
.detail-content .detail_option .option_list li.PGY .option-txt h3::before {
    background-color: #a6a6a6;
}
.detail-content .detail_option .option_list li.WH .option-txt h3::before {
    background-color: #ffffff;
}
.detail-content .detail_option .option_list li.NATURAL .option-txt h3::before {
    background-color: #fefbc0;
}
.detail-content .detail_option .option_list li.SILVER .option-txt h3::before {
    background-color: #dbd9d6;
}
.detail-content .detail_option .option_list li.LIGHT_ORANGE .option-txt h3::before {
    background-color: #e0614f;
}
.detail-content .detail_option .option_list li.SKY_BLUE .option-txt h3::before {
    background-color: #1fb78e;
}
.detail-content .detail_option .option_list li.MATT_BLACK .option-txt h3::before {
    background-color: #231f20;
}
.detail-content .detail_option .option_list li.LUMINOUS .option-txt h3::before {
    background-color: #d5d9cf;
}
.detail-content .detail_option .option_list li.DARK_YELLOW .option-txt h3::before {
    background-color: #e1d642;
}
.detail-content .detail_option .option_list li.CLEAR_GREEN .option-txt h3::before {
    background-color: #80c570;
}
.detail-content .detail_option .option_list li.LIGHT_PINK .option-txt h3::before {
    background-color: #e86e9c;
}
.detail-content .detail_option .option_list li.MATT_GRAY .option-txt h3::before {
    background-color: #3f4146;
}
.detail-content .detail_option .option_list li.DARK_PURPLE .option-txt h3::before {
    background-color: #46367d;
}
.detail-content .detail_option .option_list li.LIGHT_BLUE .option-txt h3::before {
    background-color: #354a90;
}
.detail-content .detail_option .option_list li.MATT_BROWN .option-txt h3::before {
    background-color: #673334;
}
.detail-content .detail_option .option_list li.SUNSET_YELLOW .option-txt h3::before {
    background-color: #e6bb5e;
}
.detail-content .detail_caution .caution_tit {
    font-size: 24px;
    font-weight: 500;
    text-align: left;
    margin-bottom: 20px;
}
.detail-content .detail_caution .caution_list {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 80px;
}
.detail-content .detail_caution .caution_list li {
    margin-right: 30px;
}
.detail-content .detail_caution .caution_list .img_wrap {
    padding: 20px 25px 30px 25px;
    border: 1px solid #e6e6e6;
    border-radius: 26px;
}
.detail-content .detail_caution .caution_list .img_wrap .img {
    width: 110px;
    height: 110px;
}
.detail-content .detail_caution .caution_list h3 {
    font-weight: 500;
    margin-top: 20px;
}
.detail-content .detail_caution .caution_tab_nav {
    display: flex;
    justify-content: center;
    align-items: center;
}
.detail-content .detail_caution .caution_tab_nav li {
    width: 400px;
    background-color: #f6f6f6;
    border: 1px solid #e6e6e6;
    margin-right: -1px;
}
.detail-content .detail_caution .caution_tab_nav li a {
    display: block;
    width: 100%;
    font-size: 17px;
    padding: 17px 0;
}
.detail-content .detail_caution .caution_tab_nav li.active {
    background-color: #dc000c;
    border: 1px solid #dc000c;
}
.detail-content .detail_caution .caution_tab_nav li.active a {
    color: #fff;
}
.detail-content .detail_caution .caution_tab_content {
    border: 1px solid #e6e6e6;
    margin-top: -1px;
    padding: 60px 40px;
}
.detail-content .detail_caution .caution_tab_content .caution_tab_item {
    display: none;
    text-align: left;
}
.detail-content .detail_caution .caution_tab_content .caution_tab_item li {
    list-style: disc;
    margin-bottom: 20px;
}
.detail-content .detail_caution .caution_tab_content .caution_tab_item li::marker {
    font-size: 5px;
    color: #999;
}
.detail-content .detail_caution .caution_tab_content .caution_tab_item li:last-child {
    margin-bottom: 0;
}
.detail-content .detail_caution .caution_tab_content .caution_tab_item.active {
    display: inherit;
}
.detail-content .detail_point .detail-top img {
    margin: 0;
}
.detail-content .detail_point .detail-top .point-box {
    margin-top: 100px;
}
.detail-content .detail_point .detail-top .point-box .detail-box {
    margin-top: 0;
    flex-wrap: wrap;
}
.detail-content .detail_point .detail-top .point-box .detail-box .detail-desc {
    width: 50%;
    background-color: #fff;
    border-top: none;
    padding: 0 65px 100px 65px;
    text-align: center;
}
.detail-content .detail_point .detail-top .point-box .detail-box .detail-desc h3 {
    font-size: 34px;
    font-weight: bold;
    margin: 20px 0;
}
.detail-content .detail_point .detail-main .detail-item {
    margin-bottom: 180px;
}
.detail-content .detail_point .detail-main .main-imgwrap .img {
    margin-bottom: 20px;
}
.detail-content .detail_point .detail-main .main-imgwrap .img_caption {
    font-size: 13px;
    color: #666;
}
.detail-content .detail_point .detail-main .main-imgwrap.img_content {
    margin-bottom: 180px;
}
.detail-content .detail_point .detail-main .main-tit {
    text-align: center;
}
.detail-content .detail_point .detail-main .main-tit h2 {
    font-size: 70px;
    font-weight: bold;
    line-height: 1.36;
    letter-spacing: -0.7px;
    margin-bottom: 30px;
}
.detail-content .detail_point .detail-main .main-tit h2.tit_mg_60 {
    margin-bottom: 60px;
}
.detail-content .detail_point .detail-main .main-tit p {
    background-color: #fff;
    color: #111;
    font-size: 16px;
    font-weight: normal;
    padding: 0;
    margin-bottom: 60px;
}
.detail-content .detail_point .detail-main .main-tit strong {
    font-size: 30px;
    color: #dc000c;
    margin-bottom: 30px;
}
.detail-content .detail_point .detail-main .main-tit span {
    display: block;
    font-size: 13px;
    color: #666;
    margin-bottom: 60px;
}
.detail-content .detail_point .detail-main .main-desc {
    margin-top: 80px;
}
.detail-content .detail_point .detail-main .main-desc .main-txt {
    margin-bottom: 100px;
}
.detail-content .detail_point .detail-main .main-desc .main-txt h3 {
    font-size: 34px;
    font-weight: bold;
    margin-top: 20px;
    margin-bottom: 30px;
}
.detail-content .detail_point .detail-main .main-desc .main-txt h4 {
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 30px;
}
.detail-content .detail_point .detail-main .main-desc .main-txt h4.title_content {
    margin: 0;
}
.detail-content .detail_point .detail-main .main-desc .main-txt span {
    display: block;
    font-size: 13px;
    color: #666;
    margin-top: 20px;
}
.detail-content .detail_point .detail-main .main-desc .main-txt span.title_script {
    margin-top: 9px;
    margin-bottom: 31px;
}
.detail-content .detail_point .detail-main .main-desc .main-txt:nth-child(3) {
    margin-bottom: 61px;
}
.detail-content .detail_point .detail-main .main-desc .main-txt.sub_txt {
    margin-bottom: 60px;
}
.detail-content .detail_point .detail-main .main-desc .line_box {
    border-top: 1px solid #ddd;
    padding-top: 59px;
}
.detail-content .detail_point .detail-main .main-desc .line_box span {
    display: block;
    font-size: 13px;
    color: #666;
}
.detail-content .detail_point .detail-main .main-desc .line_box span.img_caption {
    margin-bottom: 60px;
}
.detail-content .detail_point .detail-main .main-desc .line_box h4 {
    margin-top: 101px;
    margin-bottom: 30px;
    font-size: 24px;
    font-weight: bold;
}
.detail-content .detail_point .detail-main .main-desc .line_box .sub_img {
    margin-bottom: 19px;
}
.detail-content .detail_point .detail-main .main-desc.sub_desc {
    margin-top: 100px;
}
.detail-content .detail_point .detail-main .main-desc.desc_mg_none {
    margin: 0;
}
.detail-content .camera_spec .spec_container {
    margin-bottom: 60px;
}
.detail-content .camera_spec .spec_container .detail-spec {
    margin-bottom: 20px;
}
.detail-content .camera_spec .spec_container .first_tit {
    margin-bottom: 20px;
}
.detail-content .camera_spec .spec_container .suptit {
    font-size: 20px;
}
.detail-content .camera_spec .spec_container .suptit::before {
    display: none;
}
.detail-content .camera_spec .spec_container .subscript {
    font-size: 12px;
    letter-spacing: -0.12px;
    line-height: 2.08;
    vertical-align: top;
}
.detail-content .camera_spec .spec_container .spec_caption {
    display: block;
    font-size: 13px;
    line-height: 1.92;
    text-align: left;
    color: #666;
}
.detail-content .camera_spec .spec_container .img_flex .img {
    display: inline-block;
}
.detail-content .camera_spec .spec_container .img_flex span {
    margin-left: 6px;
    margin-right: 3px;
}
.detail-content .camera_spec .spec_container .border_right_none {
    border-right: none;
}
.detail-content .camera_spec .spec_container .border_left_none {
    border-left: none;
}
.detail-content .camera_spec .spec_container .vertical_mid > th {
    vertical-align: middle;
}
.detail-content .camera_spec .spec_container.sub_container {
    margin-top: 40px;
}
.detail-content .detail-down.camera .down-content .down_catalog {
    margin-left: 10px;
}
.detail-content .detail_acc .acc_tab_nav {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 20px;
}
.detail-content .detail_acc .acc_tab_nav li {
    margin-right: 10px;
    margin-bottom: 10px;
}
.detail-content .detail_acc .acc_tab_nav li a {
    display: block;
    font-size: 16px;
    padding: 13px 30px;
    background: #f5f5f5;
    border-radius: 25px;
}
.detail-content .detail_acc .acc_tab_nav li.active a {
    background: #dc000c;
    color: #fff;
}
.detail-content .detail_acc .acc_tab_content .acc_tab_item {
    display: none;
}
.detail-content .detail_acc .acc_tab_content .acc_tab_item .tab_item_container {
    display: flex;
    flex-wrap: wrap;
}
.detail-content .detail_acc .acc_tab_content .acc_tab_item .tab_item_container .acc_item {
    width: 278px;
    border: 1px solid #e6e6e6;
    border-radius: 24px;
    margin-bottom: 30px;
    margin-right: 29px;
}
.detail-content .detail_acc .acc_tab_content .acc_tab_item .tab_item_container .acc_item:nth-child(4n) {
    margin-right: 0;
}
.detail-content .detail_acc .acc_tab_content .acc_tab_item .tab_item_container .acc_item .img {
    padding: 41px 64px 0 64px;
    margin-bottom: 41px;
}
.detail-content .detail_acc .acc_tab_content .acc_tab_item .tab_item_container .acc_item h2 {
    font-size: 17px;
    font-weight: normal;
    border-top: 1px solid #e6e6e6;
    padding: 30px 0;
    margin: 0 20px;
}
.detail-content .detail_acc .acc_tab_content .acc_tab_item .tab_item_container .acc_item.active {
    border: 0;
    box-shadow: 0 0 0 2px #dc000c inset;
}
.detail-content .detail_acc .acc_tab_content .acc_tab_item.active {
    display: block;
}
.detail-content .detail_awards {
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #e6e6e6;
}
.detail-content .detail_awards dt {
    width: 400px;
}
.detail-content .detail_awards dt .img {
    display: inline-block;
    margin-right: 20px;
}
.detail-content .detail_awards dd {
    width: 800px;
    padding: 71px 50px;
    font-size: 17px;
    font-weight: 500;
    background: #f9f9f9;
    text-align: left;
}
.detail-content .detail_awards:not(:last-child) {
    margin-bottom: 20px;
}
.detail-content .detail_awards img {
    width: 100%;
}
.detail-content .detail_review {
    display: flex;
    flex-wrap: wrap;
}
.detail-content .detail_review .review_content {
    margin-top: 90px;
    flex: 0 1 380px;
    margin-right: 30px;
}
.detail-content .detail_review .review_content:nth-child(3n) {
    margin-right: 0;
}
.detail-content .detail_review .review_content:nth-child(1), .detail-content .detail_review .review_content:nth-child(2), .detail-content .detail_review .review_content:nth-child(3) {
    margin-top: 0;
}
.detail-content .detail_review .review_content h2 {
    font-size: 20px;
    display: block;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-align: left;
    margin-top: 20px;
}
.detail-content .detail_benefits {
    display: flex;
    flex-wrap: wrap;
}
.detail-content .detail_benefits .benefits_content {
    width: 380px;
    flex: 0 1 380px;
    margin-right: 30px;
    margin-top: 90px;
}
.detail-content .detail_benefits .benefits_content:nth-child(3n) {
    margin-right: 0;
}
.detail-content .detail_benefits .benefits_content:nth-child(1), .detail-content .detail_benefits .benefits_content:nth-child(2), .detail-content .detail_benefits .benefits_content:nth-child(3) {
    margin-top: 0;
}
.detail-content .detail_benefits .benefits_content .imgwrap {
    position: relative;
    margin-bottom: 20px;
}
.detail-content .detail_benefits .benefits_content .imgwrap .event_dday {
    position: absolute;
    top: 15px;
    right: 15px;
    font-size: 14px;
    font-weight: bold;
    color: #dc000c;
    padding: 8px 16px;
    background: #fff;
    border-radius: 20px;
}
.detail-content .detail_benefits .benefits_content .benefits_desc {
    text-align: left;
}
.detail-content .detail_benefits .benefits_content .benefits_desc span {
    font-size: 14px;
    margin-bottom: 4px;
}
.detail-content .detail_benefits .benefits_content .benefits_desc h2 {
    font-size: 24px;
    font-weight: bold;
    word-break: keep-all;
    margin-bottom: 20px;
}
.detail-content .detail_benefits .benefits_content .benefits_desc .event_date {
    font-size: 14px;
    color: #999;
}

.tab-wrap.type1 {
    display: flex;
    border-top: 1px solid #e6e6e6;
}
.tab-wrap.type1 li {
    flex: 1 1 0%;
    border: 1px solid #e6e6e6;
    border-top: 0;
}
.tab-wrap.type1 li + li {
    border-left: 0;
}
.tab-wrap.type1 li a {
    display: block;
    font-size: 17px;
    line-height: 60px;
    text-align: center;
}
.tab-wrap.type1 li.on {
    background-color: #dc000c;
    border: 1px solid #dc000c;
}
.tab-wrap.type1 li.on a {
    color: #fff;
    font-weight: 500;
}
.tab-wrap.type1.line li.on {
    background: transparent;
    border: 1px solid #dc000c !important;
}
.tab-wrap.type1.line li.on a {
    font-weight: 500;
    color: #dc000c;
}

.tab-wrap.type2 {
    display: flex;
}
.tab-wrap.type2 li::before {
    content: "";
    display: inline-block;
    width: 1px;
    height: 13px;
    background: #ccc;
    vertical-align: 0;
}
.tab-wrap.type2 li:first-child a {
    padding-left: 0;
}
.tab-wrap.type2 li:first-child::before {
    display: none;
}
.tab-wrap.type2 li a {
    padding: 0 20px;
}
.tab-wrap.type2 li.on a {
    color: #dc000c;
    font-weight: 500;
}

div.select-box {
    position: relative;
}

.event-proceed .event-list {
    display: flex;
    align-items: stretch;
    flex-wrap: wrap;
}
.event-proceed .event-list .event-box {
    position: relative;
    flex: 0 0 380px;
    width: 380px;
    max-width: 380px;
    box-sizing: border-box;
    border: 1px solid #e6e6e6;
    border-radius: 12px;
    overflow: hidden;
    margin-left: 30px;
}
.event-proceed .event-list .event-box:nth-child(n+4) {
    margin-top: 50px;
}
.event-proceed .event-list .event-box:nth-child(3n+1) {
    margin-left: 0;
}
.event-proceed .event-list .event-box a {
    display: block;
}
.event-proceed .event-list .event-box .img-wrap {
    height: 260px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}
.event-proceed .event-list .event-box .img-wrap img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.event-proceed .event-list .event-box .txt-wrap {
    padding: 30px 20px;
}
.event-proceed .event-list .event-box .txt-wrap .cate {
    font-size: 14px;
    line-height: 20px;
}
.event-proceed .event-list .event-box .txt-wrap .name {
    font-size: 17px;
    line-height: 26px;
    font-weight: 700;
    margin-top: 3px;
    display: block;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.event-proceed .event-list .event-box .txt-wrap .date {
    font-size: 14px;
    color: #999;
    line-height: 17px;
    margin-top: 10px;
}
.event-proceed .event-list .event-box .badge {
    position: absolute;
    top: 15px;
    right: 15px;
    display: block;
    width: 60px;
    font-size: 14px;
    color: #fff;
    line-height: 34px;
    font-weight: 700;
    text-align: center;
    border-radius: 17px;
    background-color: #dc000c;
}

.table-list.type1 {
    table-layout: fixed;
}
.table-list.type1 thead {
    background-color: #f9f9f9;
    border-top: 1px solid #e6e6e6;
}
.table-list.type1 tr {
    border-bottom: 1px solid #e6e6e6;
}
.table-list.type1 th, .table-list.type1 td {
    font-size: 16px;
    color: #000;
    line-height: 24px;
    font-weight: 400;
    padding: 18px 0;
    text-align: center;
}
.table-list.type1 .tit {
    padding: 0 50px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.info-title {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.info-title .title {
    max-width: 80%;
    margin-left: 15px;
    font-size: 24px;
    text-align: left;
    line-height: 35px;
    color: #000;
}
.info-title .tooltip {
    margin-left: auto;
}
.info-title .info-title-bottom {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    margin-top: 20px;
    font-size: 14px;
    color: #111;
}
.info-title .info-title-bottom .date {
    line-height: 20px;
}
.info-title .info-title-bottom .date span {
    display: inline-block;
    line-height: 13px;
}
.info-title .info-title-bottom .date-txt {
    margin-left: 6px;
    padding-left: 10px;
    border-left: 1px solid #ccc;
}

.event-detailView {
    margin-top: 60px;
}
.event-detailView .row-btns {
    margin-top: 40px;
}
.event-detailView .row-btns [class^=btn-] {
    min-width: 180px;
    font-size: 18px;
}

.explanation .explanation-content {
    font-size: 14px;
    padding-left: 12px;
    color: #666;
    font-weight: 400;
    margin: 5px 0;
    letter-spacing: -0.02em;
    position: relative;
}
.explanation .explanation-content:first-child {
    margin-top: 0;
}
.explanation .explanation-content:last-child {
    margin-bottom: 0;
}
.explanation .explanation-content::after {
    content: "";
    display: block;
    position: absolute;
    width: 4px;
    height: 4px;
    border-radius: 100%;
    background-color: #999;
    left: 0;
    top: 8.5px;
}
.explanation .explanation-content.red {
    color: #dc000c !important;
}
.explanation .explanation-content.red::after {
    background-color: #dc000c !important;
}
.explanation.point-black .explanation-content {
    color: #111;
    font-size: 15px;
    margin: 10px 0;
}
.explanation.point-black .explanation-content::after {
    background-color: #ccc;
}
.explanation.no-labeling .explanation-content {
    padding-left: 0;
}
.explanation.no-labeling .explanation-content::after {
    display: none;
}

.joinTitle {
    margin-top: 60px;
    text-align: center;
}
.joinTitle__title {
    margin-bottom: 5px;
    color: #111;
    font-weight: 500;
    font-size: 28px;
    line-height: 1.43;
    letter-spacing: -0.28px;
}
.joinTitle__sub-title {
    color: #000;
    font-weight: 400;
    font-size: 18px;
    letter-spacing: -0.18px;
}

.joinList {
    margin-top: 60px;
}
.joinList__list {
    display: flex;
}
.joinList__item {
    margin-right: 30px;
    border-radius: 15px;
    border: solid 1px #e6e6e6;
    padding: 40px 30px 36px 30px;
}
.joinList__item:last-child {
    margin-right: 0;
}
.list1 .joinList__item {
    flex: 1 0 100%;
}
.list2 .joinList__item {
    flex: 1 0 45%;
}
.list2 .joinList__item.new {
	flex: 0 0 320px
}
.list3 .joinList__item {
    flex: 1 0 30%;
}
.joinList__titleWrap {
    text-align: center;
    margin-bottom: 30px;
}
.joinList__title {
    font-size: 24px;
    font-weight: 500;
    line-height: 1.25;
    letter-spacing: -0.24px;
    color: #111;
}
.joinList__sub-title {
    font-size: 15px;
    line-height: 1.25;
    letter-spacing: -0.16px;
    color: #000;
    margin-top: 5px;
    font-weight: 400;
}
.joinList__button {
    text-align: center;
    margin-bottom: 40px;
}
.joinList__button [class^=btn-] {
    min-width: 140px;
}

.table-layout.has-border.text-center .tr:last-child td {
    border-bottom: 1px solid #e6e6e6;
}
.table-layout.has-border.text-center .th, .table-layout.has-border.text-center .td {
    padding: 10px 0;
    text-align: center;
}
.table-layout.has-border.text-center strong, .table-layout.has-border.text-center .bold {
    font-size: 16px;
    font-weight: 500;
}

.modal .table-layout .th, .modal .table-layout .td {
    font-size: 14px;
}
.modal .table-layout caption {
    display: none;
}

.table-info {
    margin-top: 20px;
    color: #333;
    font-size: 14px;
}

.term-set + .term-set {
    margin-top: 30px;
}
.term-set .inp-wrap {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin-top: 10px;
}
.term-set .inp-wrap label + label {
    margin-left: 50px;
}

.term-box {
    display: flex;
    padding: 24px 0;
    background-color: #f9f9f9;
}
.term-box .tit {
    width: 182px;
    text-align: center;
    color: #000;
    font-size: 14px;
}
.term-box .desc {
    color: #000;
    font-size: 14px;
}

.accordion.terms-type .accordion-content {
    border-top: 0;
}

.result-box {
    padding: 28px 0;
    background: #f9f9f9;
    width: calc(100% - 80px);
    padding-left: 60px;
    border-radius: 10px;
    font-size: 15px;
    line-height: 25px;
}

.termAgreeType2__wrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    flex-direction: column;
}
.termAgreeType2__item {
    /* flex: 0 0 500px;
    margin-bottom: 20px; */
    display: flex;
    justify-content: space-between;
    max-width: 41%;
}
.termAgreeType2__item + .termAgreeType2__item {
    margin-top: 20px;
}
.termAgreeType2__button {
    font-size: 16px;
    font-weight: normal;
    line-height: 1.38;
    letter-spacing: -0.16px;
    color: #666;
    border-bottom: 1px solid #666;
}
.termAgreeType2.terms-agree-wrap .top-title-wrap .checkbox {
    padding-left: 26px;
}
.termAgreeType2.terms-agree-wrap .checkbox .top-title {
    font-size: 22px;
    line-height: 1.38;
    letter-spacing: -0.16px;
    color: #000;
}
.termAgreeType2.terms-agree-wrap .checkbox {
    margin-bottom: 0;
    font-size: 16px;
    line-height: 1.38;
    letter-spacing: -0.16px;
    color: #000;
}
.termAgreeType2.terms-agree-wrap .top-title-wrap {
    margin-bottom: 30px;
}

.joinMembershipForm p[class$=-txt] {
    max-width: 528px;
}
.joinMembershipForm__phone .select-wrap, .joinMembershipForm__phone input {
    width: 120px !important;
    flex: 0 0 120px !important;
}
.joinMembershipForm__phone [class^=btn-] {
    width: 120px;
    max-width: 120px;
    height: 42px;
    margin-left: 10px;
    font-size: 15px;
    flex: 0 0 120px;
    min-width: 120px;
}
.joinMembershipForm__phone .inp-wrap {
    flex-shrink: 0;
}
.joinMembershipForm__phone p[class$=-txt] {
    max-width: 400px;
}
.joinMembershipForm__line {
    margin-top: 100px;
}
.joinMembershipForm__line .table-list-wrap {
    border: none;
}
.joinMembershipForm__line .table-list-wrap .tr .td:not(.joinMembershipForm__phone, .joinMembershipForm__email) {
    flex: 0 0 400px;
}
.joinMembershipForm__line .table-list-wrap .tr {
    margin-bottom: 5px;
}
.joinMembershipForm__line:first-child {
    margin-top: 80px;
}
.joinMembershipForm__radio-con {
    flex: 0 0 400px;
}
.joinMembershipForm__radio-con .radio {
    line-height: 18px;
}
.joinMembershipForm__radio-con .radio input[type=radio] {
    width: 18px;
    height: 18px;
    margin-right: 3px;
}
.joinMembershipForm__radio-con .radio input[type=radio]:checked + i {
    top: 5px;
    left: 5px;
}
.joinMembershipForm__email input,
.joinMembershipForm__email .select-wrap {
    width: 187px !important;
    max-width: 187px;
}

.joinMembershipForm__email .under-txt {
	max-width: 600px !important;
}

.joinMembershipForm__address {
    flex-shrink: 0;
}
.joinMembershipForm__address-line {
    margin-bottom: 10px;
}
.joinMembershipForm__address-line.inputBtn input {
    flex: 0 0 120px !important;
    width: 120px;
}
.joinMembershipForm__address-line.inputBtn [class^=btn-] {
    width: 75px;
    height: 42px;
    font-size: 15px;
    margin-left: 5px;
    min-width: 75px;
}
.joinMembershipForm__address-line.input2 input {
    flex: 0 0 197px !important;
    width: 197px;
}
.joinMembershipForm__address-line.input2 input:first-child {
    margin-right: 3px;
}
.joinMembershipForm__address-line:last-child {
    margin-bottom: 0;
}
.joinMembershipForm__address-wrap .th {
    align-self: flex-start !important;
    margin-top: 11px;
}
.joinMembershipForm p[class$=-txt] {
    font-size: 13px;
    font-weight: normal;
    line-height: 1.38;
    letter-spacing: -0.13px;
}
.joinMembershipForm .err-txt {
    color: #dc000c;
}
.joinMembershipForm .success-txt {
    color: #0b5cc7;
}
.joinMembershipForm .basic-txt {
    color: #666;
}
.joinMembershipForm__job .select-wrap {
    width: 100%;
    flex-shrink: 0;
}
.joinMembershipForm__textCheckBox .td {
    flex: 0 0 auto !important;
}
.joinMembershipForm__textCheckBox [class$=-txt] {
    width: 200px !important;
}
.joinMembershipForm .joinBtn .col {
    margin-left: 0 !important;
}
.joinMembershipForm__nameDepartment input:first-child {
    width: 120px;
    flex: 0 0 120px !important;
}
.joinMembershipForm__nameDepartment input:nth-child(2) {
    width: 200px;
    flex: 0 0 200px !important;
    margin-left: 10px;
    margin-right: 70px;
}
.joinMembershipForm.integration .top-title-wrap {
    margin-bottom: 25px;
}
.joinMembershipForm.integration .guide-text {
    display: inline-block;
    margin-left: 10px;
    color: #666;
    font-size: 14px;
}
.joinMembershipForm.integration .star::after {
    content: "*";
    margin-left: 2px;
    color: #dc000c;
    font-size: inherit;
}
.joinMembershipForm.integration .box-gray.line {
    padding: 30px;
}
.joinMembershipForm.integration .private-policy li {
    font-size: 15px;
}
.joinMembershipForm.integration .private-policy li:not(:last-child) {
    margin-bottom: 20px;
}
.joinMembershipForm.integration .private-policy .underline {
    text-decoration: underline;
}
.joinMembershipForm.integration .inp-wrap.check {
    margin-top: 20px;
}
.joinMembershipForm.integration .table-list-wrap {
    border-bottom: 0;
}
.joinMembershipForm.integration .table-list-wrap .tr {
    display: table;
    width: 100%;
    min-height: 64px;
}
.joinMembershipForm.integration .table-list-wrap .tr .th {
    display: table-cell;
    width: 200px;
    font-weight: 400;
}
.joinMembershipForm.integration .table-list-wrap .tr .td {
    display: table-cell;
    font-size: 15px;
    padding:15px 0;

}
.joinMembershipForm.integration .table-list-wrap .tr .td .inp-wrap.check {
    flex-direction: column;
    align-items: inherit;
    margin-top: 20px;
}
.joinMembershipForm.integration .table-list-wrap .tr .td .inp-wrap.check input {
    width: 20px;
}
.joinMembershipForm.integration .table-list-wrap .tr .td .inp-wrap.check .err-txt {
    display: block;
    margin-left: 24px;
}
.joinMembershipForm.integration .table-list-wrap .tr .td .inp-wrap.id .btn-black-square-sm {
    margin-left: 10px;
}
.joinMembershipForm.integration .table-list-wrap .tr .td .inp-wrap.tel {
    width: 420px;
}

.joinCompleted .joinList {
    margin-top: 100px;
}
.joinCompleted .joinList__icon {
    width: 50px;
    height: 50px;
    margin-bottom: 25px;
}
.joinCompleted .joinList__titleWrap {
    text-align: left;
    margin-bottom: 40px;
}
.joinCompleted .joinList__title {
    font-size: 18px;
    letter-spacing: -0.18px;
}
.joinCompleted .joinList__sub-title {
    margin-top: 2px;
    font-size: 15px;
    color: #111;
}
.joinCompleted .join-list {
    margin-top: 100px;
}
.joinCompleted .join-list-icon {
    width: 50px;
    height: 50px;
    margin-bottom: 25px;
}
.joinCompleted .join-list-title-wrap {
    text-align: left;
    margin-bottom: 40px;
}
.joinCompleted .join-list-title {
    font-size: 18px;
    letter-spacing: -0.18px;
}
.joinCompleted .join-list-sub-title {
    margin-top: 2px;
    font-size: 15px;
    color: #111;
}

.joinBtn {
    margin-top: 80px;
}
.joinBtn [class^=btn-] {
    min-width: 180px;
    font-size: 18px;
}
.joinBtn .col:last-child {
    margin-left: 16px;
}

.integratedMember__timeline {
    margin-top: 40px;
}
.integratedMember__timeline .timeline-wrap {
    justify-content: center;
}
.integratedMember .joinTitle {
    margin-top: 70px;
}
.integratedMember .joinTitle__title {
    margin-bottom: 10px;
}
.integratedMember .joinTitle__sub-title {
    color: #111;
}
.integratedMember .joinList {
    margin-top: 70px;
}
.integratedMember .joinList__list {
    justify-content: center;
}
.integratedMember .joinList__item {
    flex: 0 0 370px;
    padding: 35px 20px 30px 20px;
}
.integratedMember .joinList__sub-title {
    line-height: 1.47;
    margin-top: 8px;
}
.integratedMember .joinList__button {
    margin-bottom: 0;
}
.integratedMember .joinList__button [class^=btn-] {
    min-width: 180px;
}

.joinList__smallTitle {
    font-size: 18px;
    letter-spacing: -0.18px;
    font-weight: 400;
    color: #111;
    text-align: center;
    margin-bottom: 20px;
}

.integratedMember_terms .joinTitle__title {
    margin-bottom: 70px;
}
.integratedMember_terms .joinBtn {
    margin-top: 60px;
}

.userInfoList_sub-txt {
	font-size:18px;
	letter-spacing:-0.10px;
	text-align: center;
	margin: 55px 0 17px 0;
	color:#9999;
}


.idVerification {
	padding: 48px 50px 39px 50px;
    width: 660px;
    border-radius: 12px;
    border: solid 1px #e6e6e6;
    margin: 0 auto;
    margin-top: 20px;
}
.idVerification__checkID {
    display: flex;
    align-items: center;
    margin-bottom: 30px;
}
.idVerification__title {
    font-size: 16px;
    font-weight: 500;
    line-height: 1.5;
    letter-spacing: -0.16px;
    color: #111;
    margin-right: 54px;
    flex-shrink: 0;
}
.idVerification__input {
    width: 300px;
}
.idVerification__button {
    margin-left: auto;
}
.idVerification__button [class^=btn-] {
    width: 90px;
    height: 42px;
    min-width: 90px;
}
.idVerification .explanation,
.idVerification .explanation-content {
    display: table;
}
.idVerification .explanation {
    margin-left: 120px;
}

.informationInput {
	padding: 25px 50px 39px 50px;
    width: 660px;
    border-radius: 12px;
    border: solid 1px #e6e6e6;
    margin: 0 auto;
    margin-top: 20px;
}

.informationInput__checkID {
    display: flex;
    align-items: center;
    margin-bottom: 30px;
}
.informationInput__title {
    font-size: 16px;
    font-weight: 500;
    line-height: 1.5;
    letter-spacing: -0.16px;
    color: #111;
    flex-shrink: 0;
}

.informationInput .table-list-wrap .tr .th {
	width: 158px !important;
}

.joinMembershipForm.integration .informationInput .table-list-wrap .tr .td .inp-wrap.tel {
	width:400px !important;
}

.informationInput .explanation {margin-left:160px; margin-top:30px; word-break:keep-all;}

.informationInput .informationInput_txt {font-size:15px; padding: 13px 0 17px; }


.joinList__content:first-child .joinTitle:first-child {
    margin-top: 70px;
}

.joinList__content .joinTitle__title {
    font-size: 18px;
}
.joinList__content .joinTitle__sub-title {
    color: #666;
}
.joinList__content .joinList {
    width: 660px;
    margin: 0 auto;
    margin-top: 20px;
}
.joinList__content .joinList__titleWrap {
    margin-bottom: 0;
}
.joinList__content .joinList__item {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 20px 55px 30px 55px;
    flex-basis: 320px;
    cursor: pointer;
}
.joinList__content .joinList__item.on {
    border: solid 1px #dc000c;
}

.joinList__content .joinList__titleWrap {
    margin-top: 10px;
}
.joinList__content .joinList__title {
    font-size: 16px;
    line-height: 1.75;
    color: #000;
    letter-spacing: -0.16px;
}

.joinList__content .joinList__item.new .joinList__titleWrap {
	margin-top:23px;
}

.joinList__content .joinList__sub-title {
    font-size: 14px;
    color: #999;
    margin-top: 3px;
    margin-bottom: 17px;
}
.joinList__content .joinList__userId {
    font-size: 16px;
    font-weight: 500;
    line-height: normal;
    letter-spacing: normal;
    color: #111;
}
.joinList__content .joinList__userId-tag {
    font-size: 14px;
    font-weight: 500;
    line-height: 1;
    letter-spacing: -0.14px;
    margin-left: 8px;
}
.joinList__content .joinList__userId-tag.ok {
    color: #0b5cc7;
}
.joinList__content .joinList__userId-tag.errow {
    color: #dc000c;
}
.joinList_content .joinList__sub-txt {
	font-size: 18px;
	color:#999999;
	text-align: center;
	margin: 55px 0 57px 0;
}
.integratedMember_IdChange .joinList__list {
	justify-content: center;
}
.integratedMember_IdChange .joinBtn {
    margin-top: 60px;
}
.integratedMember_IdChange .joinBtn .col {
    margin-left: 0;
}

.integratedMember_IdChange .joinBtn .col:nth-of-type(2) {
	margin-left:16px !important;
}

.integratedMember_IdChange .joinBtn [class^=btn-] {
    min-width: none;
    padding: 0 36px;
}

.userInfoList__list {
    width: 360px;
    padding: 30px 57px;
    border-radius: 15px;
    border: solid 1px #e6e6e6;
    margin: 0 auto;
    margin-top: 40px;
}
.userInfoList__line {
    display: flex;
    margin-bottom: 10px;
    justify-content: space-between;
}
.userInfoList__line:last-child {
    margin-bottom: 0;
}
.userInfoList__title {
    font-size: 16px;
    font-weight: 400;
    line-height: normal;
    letter-spacing: -0.16px;
    color: #666;
    flex: 0 0 50%;
    position: relative;
    padding-left: 14px;
}
.userInfoList__title::after {
    content: "";
    display: block;
    position: absolute;
    width: 4px;
    height: 4px;
    border-radius: 100%;
    background-color: #ccc;
    left: 0;
    top: 8.5px;
}
.userInfoList__text {
    font-size: 16px;
    font-weight: 400;
    line-height: normal;
    letter-spacing: -0.16px;
    color: #111;
    margin-bottom: 10px;
    flex: 0 0 105px;
}
.userInfoList__text:last-child {
    margin-bottom: 0;
}
.userInfoList__text.emphasis {
    font-weight: 500;
}
.userInfoList__header {
    font-size: 18px;
    font-weight: normal;
    line-height: 1.89;
    letter-spacing: -0.18px;
    text-align: center;
    color: #111;
    margin-bottom: 20px;
}

.integratedMember .joinBtn {
    margin-top: 40px;
}
.integratedMember .joinBtn [class^=btn-] {
    width: 200px;
}

.loginMain__wrap {
    display: flex;
    margin: 0 auto;
}
.loginMain__input-wrap {
    flex: 0 0 480px;
    margin-right: 48px;
}
.loginMain__banner {
    flex: 0 0 497px;
}
.loginMain__integrated-link {
    padding: 15px 43px;
    border-radius: 4px;
    background-color: #f9f9f9;
    text-align: center;
    margin-bottom: 20px;
}
.loginMain__integrated-header {
    font-size: 16px;
    font-weight: 500;
    line-height: 1.38;
    letter-spacing: -0.16px;
    color: #111;
    margin-bottom: 5px;
}
.loginMain__integrated-text {
    font-size: 14px;
    font-weight: normal;
    line-height: normal;
    letter-spacing: -0.21px;
    color: #666;
    margin-bottom: 10px;
}
.loginMain__integrated-btn {
    font-size: 16px;
    font-weight: normal;
    line-height: 1.38;
    letter-spacing: -0.16px;
    color: #dc000c;
    position: relative;
}
.loginMain__integrated-btn::after {
    width: 16px;
    height: 16px;
    background-color: #dc000c;
    content: "";
    display: block;
    position: absolute;
    right: -18px;
    top: 50%;
    transform: translateY(-50%);
    background: url("../img/login/loginMain__integrated-btn.png") no-repeat center/100%;
}
.loginMain__idPW input {
    margin-bottom: 10px;
    height: 50px !important;
}
.loginMain__idPW input + button.see {
    top: 15px;
}
.loginMain__idPW input:last-child {
    margin-bottom: 20px;
}
.loginMain__checkLink, .loginMain__check, .loginMain__link {
    display: flex;
}
.loginMain__checkLink {
    justify-content: space-between;
    margin-bottom: 30px;
}
.loginMain__check .checkbox {
    padding-left: 21px;
    margin-left: 19px;
    font-size: 13px;
    font-weight: normal;
    line-height: 1.54;
    letter-spacing: -0.13px;
    color: #666;
}
.loginMain__check .checkbox:first-child {
    margin-left: 0;
}
.loginMain__check input, .loginMain__check i {
    width: 16px !important;
    height: 16px !important;
}
.loginMain__link-item a {
    font-size: 13px;
    font-weight: normal;
    line-height: 1.54;
    letter-spacing: -0.13px;
    color: #666;
    padding: 0 10px;
    position: relative;
}
.loginMain__link-item a::after {
    content: "";
    display: block;
    position: absolute;
    width: 1px;
    height: 10px;
    background-color: #ccc;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}
.loginMain__link-item:first-child a {
    padding-left: 0;
}
.loginMain__link-item:last-child a {
    padding-right: 0;
}
.loginMain__link-item:last-child a::after {
    display: none;
}
.loginMain__button-wrap {
    width: 100%;
    height: 60px;
    margin-bottom: 26px;
}
.loginMain__button {
    width: 100%;
    height: 100%;
    border-radius: 4px;
    background-color: #dc000c;
    display: block;
    font-size: 18px;
    font-weight: normal;
    line-height: 60px;
    letter-spacing: -0.18px;
    text-align: center;
    color: #fff;
}
.loginMain__snsLogin {
    display: flex;
    justify-content: center;
    margin-bottom: 20px;
}
.loginMain__snsLogin-item button {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin: 0 34px;
}
.loginMain__snsLogin-icon {
    width: 45px;
    height: 45px;
    border-radius: 100%;
    margin-bottom: 15px;
}
.loginMain__snsLogin-icon.facebook {
    background-image: url("../img/ico/ico_sns_facebook.svg");
    background-position: center;
    background-size: cover;
}
.loginMain__snsLogin-icon.naver {
    background-image: url("../img/ico/ico_sns_naver.svg");
    background-position: center;
    background-size: cover;
}
.loginMain__snsLogin-icon.kakao {
    background-image: url("../img/ico/ico_sns_kakao.svg");
    background-position: center;
    background-size: cover;
}
.loginMain__snsLogin-text {
    font-size: 14px;
    font-weight: normal;
    line-height: 1.29;
    letter-spacing: -0.14px;
    color: #111;
}
.loginMain__explanation {
    font-size: 12px;
    font-weight: normal;
    line-height: 1.54;
    letter-spacing: -0.13px;
    text-align: center;
    color: #666;
}
.loginMain .tab-wrap.type3 {
    margin-bottom: 30px;
}
.loginMain .tab-wrap.type3 li {
    flex: 1;
    border-bottom: 1px solid #e6e6e6;
}
.loginMain .tab-wrap.type3 li.on {
    border-bottom: 3px solid #dc000c;
}
.loginMain .tab-wrap.type3 li a {
    color: #111;
    font-size: 16px;
    text-align: center;
}
.loginMain .tab-wrap.type3 li + li {
    margin-left: 0;
}
.loginMain .non-members-box {
    padding-bottom: 26px;
    margin-bottom: 26px;
    text-align: center;
    border-bottom: 1px solid #e6e6e6;
}
.loginMain .non-members-box .title {
    font-size: 16px;
    font-weight: 500;
    line-height: 1.38;
    letter-spacing: -0.16px;
}
.loginMain .non-members-box .desc {
    margin: 2px 0 16px 0;
    color: #666;
    font-size: 16px;
    letter-spacing: -0.16px;
}
.loginMain .login-cont {
    display: none;
}
.loginMain .login-cont.on {
    display: block;
}

.loginMain .joinTitle {
    width: 480px;
}
.loginMain .joinTitle__title {
    margin-bottom: 25px;
    font-weight: 700;
}
.loginMain .l-grid {
    width: 1030px;
}

.loginIdFindInfo {
    width: 1000px;
    margin: 0 auto;
}
.loginIdFindInfo__input-wrap {
    display: flex;
    margin-top: 90px;
    margin-bottom: 60px;
}
.loginIdFindInfo__item {
    margin: 0 55px;
    position: relative;
    min-height: 267px;
    display: flex;
    flex-direction: column;
}
.loginIdFindInfo__item:first-child {
    margin-left: 0;
}
.loginIdFindInfo__item:last-child {
    margin-right: 0;
}
.loginIdFindInfo__item::after {
    content: "";
    display: block;
    position: absolute;
    width: 1px;
    height: 146px;
    background-color: #e6e6e6;
    top: 46px;
    right: -55px;
}
.loginIdFindInfo__item:last-child::after {
    display: none;
}
.loginIdFindInfo__input-wrap.list3 .loginIdFindInfo__item {
    flex: 1 0 260px;
}
.loginIdFindInfo__header {
    font-size: 18px;
    font-weight: 500;
    line-height: 1.56;
    letter-spacing: -0.18px;
    color: #111;
    margin-bottom: 20px;
}
.loginIdFindInfo__inputbox input {
    margin-bottom: 10px;
}
.loginIdFindInfo__inputbox input:last-child {
    margin-bottom: 0;
}
.loginIdFindInfo__text {
    font-size: 16px;
    font-weight: normal;
    line-height: normal;
    letter-spacing: -0.3px;
    color: #111;
}
.loginIdFindInfo__btn {
    margin-top: auto;
    display: flex;
    justify-content: center;
}

.loginIdFindEnter .joinTitle__title {
    margin-bottom: 26px;
}

.tapLink {
    display: flex;
    justify-content: center;
}
.tapLink__item {
    position: relative;
}
.tapLink__item:first-child::after {
    content: "";
    display: block;
    position: absolute;
    width: 2px;
    height: 16px;
    background-color: #ccc;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}
.tapLink__item a, .tapLink__item span {
    font-size: 20px;
    font-weight: normal;
    line-height: 1.1;
    letter-spacing: -0.2px;
    color: #999;
    padding: 0 30px;
}
.tapLink__item.on a, .tapLink__item.on span {
    font-weight: 500;
    color: #dc000c;
}

.loginIdFindEnd .joinTitle__title {
    margin-bottom: 26px;
}
.loginIdFindEnd .userInfoList__list {
    margin-top: 50px;
}

.my-order {
    display: flex;
    align-items: center;
}
.my-order.line {
    height: 110px;
    border: 1px solid #e6e6e6;
    background-color: #fff;
    border-radius: 15px;
}
.my-order-col {
    position: relative;
    width: 20%;
    margin-left: 4px;
    margin-right: 4px;
    text-align: center;
}
.my-order-col:not(:last-child):after {
    content: "";
    display: inline-block;
    position: absolute;
    right: -20px;
    top: 50%;
    transform: translateY(-50%);
    width: 24px;
    height: 24px;
    background: url("../img/mycanon/ico_arrow_24.svg") no-repeat;
    background-size: contain;
}
.my-order .icon {
    display: inline-block;
    vertical-align: middle;
    width: 48px;
    height: 48px;
}
.my-order .text {
    display: inline-block;
    vertical-align: middle;
}
.my-order .text {
    margin-left: 4px;
    font-weight: 500;
}
.my-order .number {
    margin-left: 5px;
    margin-right: 2px;
    color: #CC0000;
    font-weight: 500;
}

.mycanon {
    width: 1200px;
    margin: 40px auto 100px;
}
.mycanon-wrap {
    display: flex;
}
.mycanon-lnb {
    width: 180px;
    margin-right: 20px;
}
.mycanon-lnb .h3-title {
    margin-bottom: 40px;
}
.mycanon-lnb .menu-list li:not(:last-child) {
    margin-bottom: 20px;
}
.mycanon-lnb .menu-list .name {
    display: block;
    font-size: 18px;
}
.mycanon-lnb .menu-list .name.on {
    color: #dc000c;
    font-weight: 500;
}
.mycanon-content {
    width: 1000px;
}
.mycanon-unit:not(:last-child) {
    margin-bottom: 60px;
}
.mycanon .title-wrap {
    display: flex;
    align-items: center;
    margin-bottom: 15px;
}
.mycanon .title-wrap .sub-text {
    display: inline-block;
    margin-left: 20px;
    color: #666;
    font-size: 16px;
}
.mycanon .title-wrap .right-area {
    display: flex;
    justify-content: flex-end;
    flex: 1;
}
.mycanon .title-wrap .right-area .txt-link {
    display: block;
    color: #666;
    font-size: 14px;
}
.mycanon .title-wrap .right-area .txt-link::after {
    content: "";
    display: inline-block;
    width: 12px;
    height: 13px;
    margin-top: -2px;
    margin-left: 2px;
    background: url("../img/common/ico_chevron_gray_12.svg") no-repeat;
    vertical-align: middle;
}
.mycanon .h3-title {
    margin-top: 0;
    font-size: 24px;
    font-weight: 700;
}
.mycanon .h4-title {
    font-size: 20px;
    font-weight: 500;
}
.mycanon .v-align-initial {
    vertical-align: initial !important;
}
.mycanon .v-align-top {
    vertical-align: top !important;
}
.mycanon .v-align-middle {
    vertical-align: middle !important;
}
.mycanon .box-gray {
    border-radius: 10px;
}
.mycanon .box-gray .explanation-content {
    margin: 10px 0;
}
.mycanon .box-gray.line {
    border-radius: 10px;
    border: 1px solid #e6e6e6;
    background-color: #fff;
}
.mycanon .box-gray .inner {
    margin: auto;
}
.mycanon .box-gray .inner .row {
    display: table;
    width: 100%;
}
.mycanon .box-gray .inner .row:not(:last-child) {
    margin-bottom: 10px;
}
.mycanon .box-gray .inner .tit {
    display: table-cell;
    color: #666;
    font-size: 16px;
    vertical-align: middle;
}
.mycanon .box-gray .inner .desc {
    display: table-cell;
    font-size: 16px;
    font-weight: 500;
    vertical-align: middle;
}
.mycanon .message-block {
    margin-bottom: 30px;
    text-align: center;
}
.mycanon .message-block .sub-message {
    display: block;
    margin-top: 5px;
    color: #666;
    font-size: 14px;
}
.mycanon .message {
    font-size: 20px;
    font-weight: 500;
    text-align: center;
}
.mycanon .guide-text {
    display: block;
    color: #666;
    font-size: 14px;
}
.mycanon .guide-text::before {
    content: "ⓘ";
    margin-right: 3px;
    vertical-align: text-top;
}
.mycanon .badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    background-color: #dc000c;
    color: #fff;
    font-size: 10px;
    font-weight: 700;
    text-align: center;
}
.mycanon .btn-size-34 {
    height: 34px;
    font-size: 14px;
    line-height: 32px;
}
.mycanon .empty {
    padding-top: 60px;
    padding-bottom: 60px;
    text-align: center;
}
.mycanon .empty-message {
    color: #666;
    font-size: 18px;
}
.mycanon .empty-link {
    display: block;
    margin-top: 5px;
    color: #dc000c;
    font-size: 15px;
    font-weight: 500;
}
.mycanon .empty-link::after {
    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-top: -2px;
    margin-left: 2px;
    background: url("../img/common/ico_chevron_red_16.svg") no-repeat;
    vertical-align: middle;
}
.mycanon .my-level {
    color: #dc000c;
    font-size: 20px;
    font-weight: 700;
    font-family: "Roboto";
}
.mycanon .my-level.none {
    color: #111;
    font-weight: 500;
}
.mycanon .tbl-box {
    display: flex;
}
.mycanon .tbl-box .col {
    position: relative;
    width: 33.3334%;
    padding-left: 30px;
    padding-right: 30px;
    text-align: center;
}
.mycanon .tbl-box .col:not(:last-child)::after {
    content: "";
    display: block;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 1px;
    height: 30px;
    background-color: #e6e6e6;
}
.mycanon .table-btn-func {
    position: relative;
}
.mycanon .table-btn-func .button-func-group {
    position: absolute;
    right: 0;
    top: -70px;
    display: flex;
    margin-top: 0;
}
.mycanon .table-btn-func .button-func-group .btn-func:not(:last-child) {
    margin-right: 10px;
}
.mycanon .table-layout.form {
    border-top: 1px solid #111;
}
.mycanon .table-layout.form .tr:first-child .th,
.mycanon .table-layout.form .tr:first-child .td {
    padding-top: 30px;
}
.mycanon .table-layout.form .tr .th,
.mycanon .table-layout.form .tr .td {
    padding-top: 13px;
    padding-bottom: 13px;
    vertical-align: top;
}
.mycanon .table-layout.form .tr .th {
    padding-left: 0;
    line-height: 44px;
}
.mycanon .table-layout.form .tr .td {
    height: auto;
    padding-left: 0;
    padding-right: 0;
    border-bottom: 0;
    text-align: left;
}
.mycanon .table-layout.form .tr .td:first-child {
    font-size: 16px;
}
.mycanon .table-layout.form.form-ask .inp-wrap .select-wrap {
    width: 400px;
}
.mycanon .table-layout.form.form-ask .inp-wrap.tel .select-wrap,
.mycanon .table-layout.form.form-ask .inp-wrap.tel input {
    width: calc((100% - 440px) / 3);
}
.mycanon .table-layout.form.form-ask .inp-wrap.email input {
    width: calc((100% - 210px) / 3);
}
.mycanon .table-layout.form.form-ask .inp-wrap.email .select-wrap {
    width: 190px;
}
.mycanon .table-layout.form.form-ask .guide-text {
    display: block;
    margin-top: 10px;
    font-size: 13px;
    text-align: left;
    line-height: 1.2;
}
.mycanon .table-layout.form.form-ask .guide-text::before {
    content: none;
}
.mycanon .table-layout.form.form-ask .file-upload-group .file-upload:not(:last-child) {
    margin-bottom: 10px;
}
.mycanon .button-group {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 60px;
}
.mycanon .button-group .btn {
    width: 180px;
}
.mycanon .button-group .btn:not(:last-child) {
    margin-right: 10px;
}
.mycanon .explanation {
    margin-top: 20px;
    margin-bottom: 20px;
}
.mycanon .explanation-title {
    margin-bottom: 20px;
    color: #111;
    font-size: 16px;
    font-weight: 500;
}
.mycanon .explanation em {
    color: #111;
    font-weight: 500;
}
.mycanon .text-area {
    width: 100%;
    padding: 20px;
}
.mycanon .text-area::placeholder {
    font-size: 15px;
}
.mycanon .text-area:disabled {
    border-color: #e6e6e6;
    background-color: #f9f9f9;
}
.mycanon [class^=btn-].disabled,
.mycanon [class^=btn-]:disabled {
    border-color: transparent;
    background-color: #e6e6e6;
    color: #fff;
    cursor: not-allowed;
}
.mycanon .file-upload {
    position: relative;
    width: 100%;
}
.mycanon .file-upload #fileupload {
    display: none;
}
.mycanon .file-upload input[type=file] {
    position: absolute;
    opacity: 0;
}
.mycanon .file-upload input[type=text] {
    z-index: 1;
    width: calc(100% - 130px);
    height: 42px;
    border-radius: 4px;
    border: 1px solid #e6e6e6;
}
.mycanon .file-upload .button-upload {
    position: absolute;
    right: 0;
    bottom: 0;
    height: 42px;
    width: 120px;
    font-size: 15px;
}
.mycanon .button-link {
    display: inline-block;
    font-weight: 500;
}
.mycanon .button-link.underline {
    text-decoration: underline;
}
.mycanon .button-link.with-icon::after {
    content: "";
    display: inline-block;
    width: 12px;
    height: 12px;
    margin-top: -2px;
    margin-left: 2px;
    background: url("../img/common/ico_chevron_red_12.svg") no-repeat;
    vertical-align: middle;
}
.mycanon .button-link.color-blue {
    border: 0;
}
.mycanon .note-link {
    font-size: 15px;
}
.mycanon .note-link .note {
    vertical-align: middle;
}
.mycanon .note-link .note::before {
    content: "";
    display: inline-block;
    margin-top: -4px;
    margin-right: 4px;
    width: 18px;
    height: 18px;
    background: url("../img/common/ico_info.svg") no-repeat;
    vertical-align: middle;
}
.mycanon .note-link .button-link {
    color: #dc000c;
    vertical-align: middle;
}
.mycanon .coupon-card {
    display: block;
    position: relative;
    min-height: 122px;
    padding: 20px 60px 20px 20px;
    border-radius: 10px;
    border: 1px solid #ccc;
}
.mycanon .coupon-card::after {
    content: "";
    display: inline-block;
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    width: 28px;
    height: 28px;
    background: url("../img/common/ico_arrow_download_2.svg") no-repeat;
}
.mycanon .coupon-card:hover {
    text-decoration: none;
}
.mycanon .coupon-card.disabled {
    cursor: not-allowed;
}
.mycanon .coupon-card .row {
    text-align: left;
    font-size: 14px;
}
.mycanon .coupon-card .row.mb-big {
    margin-bottom: 10px;
}
.mycanon .coupon-card .row.mb-small {
    margin-bottom: 5px;
}
.mycanon .coupon-card .number {
    font-size: 24px;
    font-weight: 700;
    font-family: "Roboto";
}
.mycanon .coupon-card .discount {
    margin-left: 5px;
    color: #dc000c;
    font-size: 12px;
}
.mycanon .coupon-card .text {
    font-size: 16px;
    font-weight: 500;
}
.mycanon .coupon-card .date {
    font-size: 12px;
    font-family: "Roboto";
}
.mycanon .coupon-card.disabled * {
    border-color: #ccc;
    color: #999 !important;
    cursor: not-allowed;
}
.mycanon .coupon-card.disabled::after {
    background: url("../img/common/ico_arrow_download_2_disabled.svg") no-repeat;
}
.mycanon .table-layout .tr th,
.mycanon .table-layout .tr td {
    padding: 0 20px;
    font-size: 14px;
}
.mycanon .table-layout .name {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.mycanon .table-layout.coupon td:nth-child(3) {
    text-align: left;
}
.mycanon .table-layout.coupon [class^=btn-][class*=sm] {
    min-width: 62px;
    padding: 0 12px;
}
.mycanon .table-layout.event td:nth-child(3) {
    text-align: left;
}
.mycanon .table-layout.ask td:nth-child(3) {
    text-align: left;
}

.mycanon-content.MY_000 .title-wrap.hello {
    margin-bottom: 30px;
}
.mycanon-content.MY_000 .title-wrap.hello .h3-title {
    display: inline-block;
    margin-right: 10px;
    vertical-align: middle;
}
.mycanon-content.MY_000 .title-wrap.hello .h3-title .name {
    text-decoration: underline;
}
.mycanon-content.MY_000 .btn-black-sm {
    position: relative;
    height: 30px;
    line-height: 28px;
}
.mycanon-content.MY_000 .button-link.with-icon::after {
    content: "";
    width: 12px;
    height: 13px;
    background: url("../img/common/ico_chevron_white_12.svg") no-repeat;
    vertical-align: middle;
}
.mycanon-content.MY_000 .user-level {
    display: flex;
}
.mycanon-content.MY_000 .user-level-box {
    display: flex;
    align-items: center;
}
.mycanon-content.MY_000 .user-level-box:not(:last-child) {
    margin-right: 20px;
}
.mycanon-content.MY_000 .user-level-box.left {
    width: 640px;
    padding: 40px 50px;
}
.mycanon-content.MY_000 .user-level-box.left .col {
    width: calc(100% - 250px);
}
.mycanon-content.MY_000 .user-level-box.left .col:first-child {
    width: 250px;
    padding-right: 25px;
}
.mycanon-content.MY_000 .user-level-box.left .tit {
    display: inline-block;
    font-size: 15px;
    vertical-align: middle;
}
.mycanon-content.MY_000 .user-level-box.right {
    width: 340px;
}
.mycanon-content.MY_000 .user-level-box.right .col {
    display: block;
    width: 33.3334%;
    text-align: center;
}
.mycanon-content.MY_000 .user-level-box.right .tit {
    display: block;
}
.mycanon-content.MY_000 .user-level-box.right .desc {
    display: block;
    margin-bottom: 5px;
}
.mycanon-content.MY_000 .user-level-box.right .number {
    display: inline-block;
    position: relative;
    font-size: 28px;
    font-weight: 700;
    font-family: "Roboto";
}
.mycanon-content.MY_000 .user-level-box.right .number::after {
    content: "";
    display: block;
    position: absolute;
    bottom: 5px;
    width: 100%;
    height: 1px;
    background-color: #111;
}
.mycanon-content.MY_000 .user-level-box.right .number.none {
    color: #666;
}
.mycanon-content.MY_000 .user-level-box.right .number.none::after {
    content: none;
}
.mycanon-content.MY_000 .user-level-box .col {
    display: table-cell;
}
.mycanon-content.MY_000 .user-level-box .row {
    position: relative;
}
.mycanon-content.MY_000 .user-level-box .row:not(:last-child) {
    margin-bottom: 5px;
}
.mycanon-content.MY_000 .user-level-box .level-detail-link {
    display: inline-block;
    margin-left: 10px;
    color: #666;
    font-size: 13px;
    vertical-align: middle;
}
.mycanon-content.MY_000 .user-level-box .level-detail-link::after {
    content: "";
    display: inline-block;
    width: 12px;
    height: 13px;
    margin-left: 2px;
    margin-top: -2px;
    background: url("../img/common/ico_chevron_gray_12.svg") no-repeat;
    vertical-align: middle;
}
.mycanon-content.MY_000 .user-level-box .product {
    color: #000;
    font-size: 20px;
    font-weight: 700;
    font-family: "Roboto";
    display: block;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.mycanon-content.MY_000 .user-level-box .badge {
    position: absolute;
    right: 25px;
    top: 5px;
}
.mycanon-content.MY_000 .tbl-box {
    padding: 30px 0;
}
.mycanon-content.MY_000 .tbl-box .tit {
    display: inline-block;
    margin-right: 10px;
    color: #666;
    font-size: 16px;
    vertical-align: middle;
}
.mycanon-content.MY_000 .tbl-box .price {
    display: inline-block;
    vertical-align: middle;
}
.mycanon-content.MY_000 .tbl-box .price .unit {
    color: #000;
    font-size: 18px;
}
.mycanon-content.MY_000 .tbl-box .price .number {
    color: #000;
    font-size: 20px;
    font-weight: 700;
    font-family: "Roboto";
}
.mycanon-content.MY_000 .site-link {
    display: flex;
}
.mycanon-content.MY_000 .site-link-box {
    display: block;
    position: relative;
    width: calc(50% - 10px);
    padding: 30px;
    border-radius: 10px;
    border: 1px solid #ccc;
    background-color: #fff;
    font-size: 20px;
}
.mycanon-content.MY_000 .site-link-box:not(:last-child) {
    margin-right: 20px;
}
.mycanon-content.MY_000 .site-link-box::after {
    content: "";
    display: inline-block;
    position: absolute;
    right: 30px;
    top: 50%;
    transform: translateY(-50%);
    width: 12px;
    height: 13px;
    margin-left: 2px;
    background: url("../img/common/ico_chevron_black_12.svg") no-repeat;
    vertical-align: middle;
}
.mycanon-content.MY_000 .site-link-box .icon {
    margin-right: 10px;
}
.mycanon-content.MY_000 .site-link-box .ico_service {
    display: inline-block;
    width: 40px;
    height: 40px;
    background: url("../img/ico/ico_service.svg") no-repeat;
    vertical-align: middle;
}
.mycanon-content.MY_000 .site-link-box .ico_waste_toner {
    display: inline-block;
    width: 40px;
    height: 40px;
    background: url("../img/ico/ico_waste_toner.svg") no-repeat;
    vertical-align: middle;
}

.mycanon-content.MY_110 .table-layout.authentic {
    margin-top: 20px;
}
.mycanon-content.MY_110 .table-layout.authentic .tr .th:first-child,
.mycanon-content.MY_110 .table-layout.authentic .tr .td:first-child {
    padding-left: 20px;
}
.mycanon-content.MY_110 .table-layout.authentic .tr .th:last-child,
.mycanon-content.MY_110 .table-layout.authentic .tr .td:last-child {
    padding-right: 20px;
}
.mycanon-content.MY_110 .table-layout.authentic .tr .td {
    padding: 0 10px;
}
.mycanon-content.MY_110 .table-layout.authentic .tr .td:first-child, .mycanon-content.MY_110 .table-layout.authentic .tr .td:nth-child(2) {
    text-align: left;
}
.mycanon-content.MY_110 .table-layout.authentic .title {
    font-size: 16px;
    font-weight: 500;
}
.mycanon-content.MY_110 .table-layout.authentic .button-cancel {
    color: #111;
    font-size: 14px;
}
.mycanon-content.MY_110 .table-layout .guide-text {
    font-size: 13px;
    letter-spacing: -1px;
}
.mycanon-content.MY_110 .table-layout .guide-text::before {
    content: "*";
}
.mycanon-content.MY_110 .tooltip.desc .tooltip-wrap {
    min-width: 250px;
    width: 100%;
    border-color: #e6e6e6;
    box-shadow: 0 8px 18px 0 rgba(0, 0, 0, 0.08);
}
.mycanon-content.MY_110 .tooltip.desc .tooltip-wrap .tooltip-content {
    margin-top: 0;
}
.mycanon-content.MY_110 .tooltip.desc .tooltip-button {
    font-size: 14px;
    text-decoration: underline;
}
.mycanon-content.MY_110 .tooltip.desc .button-link {
    color: #111;
    font-size: 15px;
    text-align: left;
    outline: 0;
}
.mycanon-content.MY_110 .tooltip.desc .button-link.with-icon::after {
    background-image: url("../img/common/ico_chevron_gray_12.svg");
}
.mycanon-content.MY_110 .tooltip.desc .button-link:not(:last-child) {
    margin-bottom: 10px;
}
.mycanon-content.MY_110 .button-link {
    display: block;
    width: 100%;
    color: #666;
    font-size: 13px;
    text-align: center;
}
.mycanon-content.MY_110 .box-gray.line {
    padding: 40px;
}

.mycanon-content.MY_120 .box-gray {
    padding: 30px 40px;
}
.mycanon-content.MY_120 .box-gray .inner .tit {
    color: #111;
    font-size: 16px;
}
.mycanon-content.MY_120 .box-gray .inner .desc {
    text-align: right;
}
.mycanon-content.MY_120 .box-gray.line .sub-text {
    margin-top: 10px;
}
.mycanon-content.MY_120 .fulltab {
    margin-top: 60px;
    height: auto;
}
.mycanon-content.MY_120 .tab-content-wrap {
    margin-top: 50px;
}
.mycanon-content.MY_120 .prd-activation {
    display: flex;
    flex-wrap: wrap;
}
.mycanon-content.MY_120 .prd-activation.repeat-2 .col {
    width: calc(50% - 15px);
    padding: 30px;
}
.mycanon-content.MY_120 .prd-activation.repeat-2 .col:not(:last-child) {
    margin-right: 30px;
}
.mycanon-content.MY_120 .prd-activation.repeat-2 .btn-white-sm {
    margin-top: 20px;
}
.mycanon-content.MY_120 .prd-activation.repeat-3 {
    margin-bottom: 20px;
}
.mycanon-content.MY_120 .prd-activation.repeat-3 .col {
    display: flex;
    width: 33.3334%;
    padding: 20px;
}
.mycanon-content.MY_120 .prd-activation .left-area {
    width: 60px;
}
.mycanon-content.MY_120 .prd-activation .right-area {
    width: calc(100% - 60px);
}
.mycanon-content.MY_120 .prd-activation .ico_service_1 {
    display: inline-block;
    width: 40px;
    height: 40px;
    background: url("../img/mycanon/ico_service_1.svg") no-repeat;
    background-size: contain;
}
.mycanon-content.MY_120 .prd-activation .ico_service_2 {
    display: inline-block;
    width: 40px;
    height: 40px;
    background: url("../img/mycanon/ico_service_2.svg") no-repeat;
    background-size: contain;
}
.mycanon-content.MY_120 .prd-activation .ico_service_3 {
    display: inline-block;
    width: 40px;
    height: 40px;
    background: url("../img/mycanon/ico_service_3.svg") no-repeat;
    background-size: contain;
}
.mycanon-content.MY_120 .prd-activation .ico_service_4 {
    display: inline-block;
    width: 40px;
    height: 40px;
    background: url("../img/mycanon/ico_service_4.svg") no-repeat;
    background-size: contain;
}
.mycanon-content.MY_120 .prd-activation .ico_service_5 {
    display: inline-block;
    width: 40px;
    height: 40px;
    background: url("../img/mycanon/ico_service_5.svg") no-repeat;
    background-size: contain;
}
.mycanon-content.MY_120 .prd-activation .ico_service_6 {
    display: inline-block;
    width: 40px;
    height: 40px;
    background: url("../img/mycanon/ico_service_6.svg") no-repeat;
    background-size: contain;
}
.mycanon-content.MY_120 .main-text {
    font-size: 18px;
    font-weight: 500;
}
.mycanon-content.MY_120 .sub-text {
    margin-top: 5px;
    font-size: 14px;
}
.mycanon-content.MY_120 .button-link {
    margin-top: 14px;
    color: #dc000c;
}
.mycanon-content.MY_120 .box-list {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 60px;
    margin-left: -13px;
    margin-right: -13px;
}
.mycanon-content.MY_120 .box-list li {
    max-width: 230px;
    flex: 1;
    margin: 0 13px;
}
.mycanon-content.MY_120 .box-list li img {
    display: block;
    width: 100%;
    border: 1px solid #e6e6e6;
    text-align: center;
}
.mycanon-content.MY_120 .box-list .img-svg {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 230px;
    height: 158px;
    border: 1px solid #e6e6e6;
}
.mycanon-content.MY_120 .box-list .img-svg img {
    width: 75px;
    height: 115px;
    border: 0;
}
.mycanon-content.MY_120 .box-list .text {
    margin-top: 20px;
}
.mycanon-content.MY_120 .box-list .main-text {
    font-size: 16px;
}
.mycanon-content.MY_120 .explanation-title {
    margin-bottom: 10px;
    font-size: 14px;
    font-weight: 500;
}

.mycanon-content.MY_124 .authentic-form-list {
    margin-top: 80px;
}
.mycanon-content.MY_124 .authentic-form-list:first-child {
    margin-top: 30px;
}
.mycanon-content.MY_124 .authentic-form .top-title-wrap.vertical {
    flex-direction: column;
    align-items: inherit;
}
.mycanon-content.MY_124 .authentic-form .table-list-wrap {
    border-bottom: 0;
}
.mycanon-content.MY_124 .authentic-form .table-list-wrap .tr {
    display: table;
    width: 100%;
    min-height: 64px;
}
.mycanon-content.MY_124 .authentic-form .table-list-wrap .tr .th {
    display: table-cell;
    width: 200px;
    font-weight: 400;
}
.mycanon-content.MY_124 .authentic-form .table-list-wrap .tr .td {
    display: table-cell;
    font-size: 15px;
}
.mycanon-content.MY_124 .authentic-form .search-group .inp-wrap.search:not(:last-child) {
    margin-bottom: 10px;
}
.mycanon-content.MY_124 .authentic-form .inp-wrap.type .err-txt,
.mycanon-content.MY_124 .authentic-form .inp-wrap.type .success-txt {
    display: inline-block;
    margin-top: 0;
    margin-left: 30px;
    vertical-align: middle;
}
.mycanon-content.MY_124 .authentic-form .inp-wrap.search {
    display: flex;
    align-items: center;
}
.mycanon-content.MY_124 .authentic-form .inp-wrap.search input {
    flex: none;
    width: 290px;
    font-family: "Roboto";
}
.mycanon-content.MY_124 .authentic-form .inp-wrap.search .button-area {
    display: flex;
    margin-left: 10px;
}
.mycanon-content.MY_124 .authentic-form .inp-wrap.search .button-area .btn-black-sm-square:not(:last-child) {
    margin-right: 10px;
}
.mycanon-content.MY_124 .authentic-form .basic-txt {
    margin-left: 10px;
    color: #666;
    font-size: 13px;
}
.mycanon-content.MY_124 .authentic-form .success-txt {
    margin-left: 10px;
    color: #0b5cc7;
}
.mycanon-content.MY_124 .authentic-form .err-txt {
    color: #dc000c;
    margin-left: 10px;
}
.mycanon-content.MY_124 .authentic-form .button-area .btn-black-sm-square:not(:last-child) {
    margin-right: 10px;
}
.mycanon-content.MY_124 .authentic-form .select-prduct .basic-txt,
.mycanon-content.MY_124 .authentic-form .select-prduct .success-txt,
.mycanon-content.MY_124 .authentic-form .select-prduct .err-txt {
    margin-left: 0;
    font-size: 13px;
}
.mycanon-content.MY_124 .authentic-form .select-prduct .text {
    margin-bottom: 20px;
}
.mycanon-content.MY_124 .authentic-form .select-prduct .radio {
    display: block;
}
.mycanon-content.MY_124 .authentic-form .select-prduct .radio:not(:last-child) {
    margin-bottom: 10px;
}
.mycanon-content.MY_124 .authentic-form .select-prduct .radio.txt + .txt {
    margin-left: 0;
}
.mycanon-content.MY_124 .authentic-form .inp-wrap.date {
    display: flex;
    align-items: center;
}
.mycanon-content.MY_124 .authentic-form .inp-wrap.date .err-txt {
    margin-left: 50px;
}
.mycanon-content.MY_124 .authentic-form .inp-wrap.date .success-txt {
    margin-left: 50px;
}
.mycanon-content.MY_124 .authentic-form .datepicker-type2 {
    width: 400px;
}
.mycanon-content.MY_124 .authentic-form .inp-wrap.store {
    display: flex;
    align-items: center;
}
.mycanon-content.MY_124 .authentic-form .inp-wrap.store .select-wrap {
    width: 195px;
}
.mycanon-content.MY_124 .authentic-form .inp-wrap.store .err-txt,
.mycanon-content.MY_124 .authentic-form .inp-wrap.store .success-txt {
    margin-top: 0;
    margin-left: 10px;
}
.mycanon-content.MY_124 .authentic-form .file-upload-group .inp-wrap {
    display: flex;
    align-items: center;
}
.mycanon-content.MY_124 .authentic-form .file-upload-group .inp-wrap:not(:last-child) {
    margin-bottom: 10px;
}
.mycanon-content.MY_124 .authentic-form .file-upload-group .inp-wrap .file-upload {
    width: 510px;
}
.mycanon-content.MY_124 .authentic-form .file-upload-group .inp-wrap .err-txt {
    margin-top: 0;
}
.mycanon-content.MY_124 .authentic-form .post-guide .explanation {
    margin-top: 0;
}
.mycanon-content.MY_124 .authentic-form .post-guide .explanation-title {
    margin-bottom: 5px;
    color: #666;
    font-size: 14px;
    font-weight: 400;
}
.mycanon-content.MY_124 .authentic-form .survey-wrap:first-child {
    margin-top: 20px;
}
.mycanon-content.MY_124 .authentic-form .survey-wrap:not(:last-child) {
    margin-bottom: 40px;
}
.mycanon-content.MY_124 .authentic-form .survey-title-wrap {
    margin-bottom: 20px;
}
.mycanon-content.MY_124 .authentic-form .survey-title-wrap .title {
    font-size: 16px;
}
.mycanon-content.MY_124 .authentic-form .survey-title-wrap .sub-text {
    display: block;
    margin-top: 5px;
    color: #666;
    font-size: 14px;
}
.mycanon-content.MY_124 .authentic-form .survey .sub-title {
    margin-bottom: 10px;
    font-size: 14px;
}
.mycanon-content.MY_124 .authentic-form .survey .inp-wrap.answer-check:not(:last-of-type) {
    margin-bottom: 30px;
}
.mycanon-content.MY_124 .authentic-form .survey .inp-wrap.answer-check .checkbox {
    display: block;
    margin-bottom: 20px;
    font-size: 14px;
}
.mycanon-content.MY_124 .authentic-form .survey .inp-wrap.answer-check .text-area {
    height: 120px;
}
.mycanon-content.MY_124 .authentic-form .survey .inp-wrap.answer-check .text-area:disabled {
    font-size: 15px;
}
.mycanon-content.MY_124 .authentic-form .survey .inp-wrap.answer-check .err-txt {
    margin-left: 0;
}
.mycanon-content.MY_124 .guide-text {
    margin-top: 100px;
    font-size: 15px;
    text-align: center;
}
.mycanon-content.MY_124 .guide-text::before {
    content: none;
}
.mycanon-content.MY_124 .survey-check {
    margin-top: 20px;
    text-align: center;
}
.mycanon-content.MY_124 .button-group {
    margin-top: 60px;
}

.mycanon-content.MY_126 .authentic-info {
    display: flex;
    align-items: center;
    width: 600px;
    margin: auto;
}
.mycanon-content.MY_126 .authentic-info .left {
    width: 260px;
    height: 260px;
    margin-right: 20px;
}
.mycanon-content.MY_126 .authentic-info img {
    width: 100%;
}
.mycanon-content.MY_126 .authentic-info .name {
    font-size: 18px;
    font-weight: 500;
}
.mycanon-content.MY_126 .authentic-info .sub-name {
    display: block;
    margin-top: 2px;
    font-size: 14px;
}
.mycanon-content.MY_126 .authentic-info .inner {
    margin-top: 20px;
}
.mycanon-content.MY_126 .authentic-info .inner .tit {
    width: 80px;
    color: #666;
    font-size: 16px;
}
.mycanon-content.MY_126 .authentic-info .inner .desc {
    font-size: 16px;
    font-weight: 500;
}
.mycanon-content.MY_126 .authentc-guide {
    margin-top: 20px;
}
.mycanon-content.MY_126 .authentc-guide .guide-text {
    color: #111;
    font-size: 16px;
    font-weight: 500;
}
.mycanon-content.MY_126 .authentc-guide em {
    font-weight: 500;
}
.mycanon-content.MY_126 .authentc-guide .explanation {
    margin-top: 10px;
}
.mycanon-content.MY_126 .button-group {
    margin-bottom: 80px;
}
.mycanon-content.MY_126 .box-gray {
    padding: 40px;
}
.mycanon-content.MY_126 .box-gray .explanation {
    margin-top: 0;
    margin-bottom: 0;
}

.mycanon-content.MY_200 .box-gray {
    padding: 40px;
}
.mycanon-content.MY_200 .explanation {
    margin-top: 0;
}
.mycanon-content.MY_200 .explanation:not(:last-child) {
    margin-bottom: 40px;
}

.mycanon-content.MY_300 .box-gray {
    padding: 40px;
}
.mycanon-content.MY_300 .explanation {
    margin-top: 0;
}

.mycanon-content.MY_400 .box-gray {
    padding: 40px;
}
.mycanon-content.MY_400 .explanation {
    margin-top: 0;
}
.mycanon-content.MY_400 .button-group {
    justify-content: flex-end;
}

.mycanon-content.MY_401 .table-layout.form .tr .td {
    padding: 20px 0 40px;
    border-bottom: 1px solid #e6e6e6;
}
.mycanon-content.MY_401 .table-layout.form.form-qna .head {
    margin-bottom: 40px;
}
.mycanon-content.MY_401 .table-layout.form.form-qna .form-title {
    font-size: 16px;
    font-weight: 500;
    text-align: left;
}
.mycanon-content.MY_401 .table-layout.form.form-qna .form-state {
    display: flex;
    color: #666;
    margin-top: 10px;
    font-size: 14px;
}
.mycanon-content.MY_401 .table-layout.form.form-qna .form-state .right-area {
    display: flex;
    flex: 1;
    justify-content: flex-end;
}
.mycanon-content.MY_401 .table-layout.form.form-qna .form-state .status {
    margin-left: 10px;
    color: #111;
    font-weight: 500;
}
.mycanon-content.MY_401 .table-layout.form.form-qna .form-file {
    display: flex;
    align-items: center;
    margin-top: 40px;
}
.mycanon-content.MY_401 .table-layout.form.form-qna .form-file .txt {
    display: inline-block;
    margin-right: 20px;
    color: #666;
    font-size: 14px;
}
.mycanon-content.MY_401 .table-layout.form.form-qna .form-file .file-list {
    display: flex;
}
.mycanon-content.MY_401 .table-layout.form.form-qna .form-file .file-list .file {
    font-size: 15px;
    text-decoration: underline;
}
.mycanon-content.MY_401 .table-layout.form.form-qna .form-file .file-list .file:not(:last-child) {
    margin-right: 20px;
}
.mycanon-content.MY_401 .table-layout.form.form-qna .answer .td {
    padding-top: 40px;
}
.mycanon-content.MY_401 .button-group .btn {
    min-width: 120px;
    width: 120px;
}
.mycanon-content.MY_401 .paging2 {
    margin-top: 60px;
}

.mycanon-content.MY_402 .table-layout.form .tr .th {
    border: 0;
    background-color: #fff;
    font-size: 16px;
    font-weight: 400;
    text-align: left;
}
.mycanon-content.MY_402 .text-area::placeholder {
    line-height: 2;
}
.mycanon-content.MY_402 .explanation-title {
    margin-bottom: 10px;
    color: #666;
    font-size: 15px;
}
.mycanon-content.MY_402 .explanation-content {
    padding-left: 0;
}
.mycanon-content.MY_402 .explanation-content::after {
    content: none;
}
.mycanon-content.MY_402 .explanation.inner {
    margin-top: 10px;
    margin-bottom: 10px;
    padding-left: 12px;
}
.mycanon-content.MY_402 .explanation.inner .explanation-content {
    padding-left: 12px;
}
.mycanon-content.MY_402 .explanation.inner .explanation-content::after {
    content: "";
    display: block;
    position: absolute;
    width: 4px;
    height: 4px;
    border-radius: 100%;
    background-color: #999;
    left: 0;
    top: 8.5px;
}

.mycanon-content.MY_500 .title-wrap.top {
    margin-bottom: 40px;
}
.mycanon-content.MY_500 .box-gray {
    padding: 40px;
}
.mycanon-content.MY_500 .tbl-box {
    padding-top: 0;
    padding-bottom: 0;
}
.mycanon-content.MY_500 .tbl-box .col {
    display: flex;
    justify-content: center;
}
.mycanon-content.MY_500 .tbl-box .align-left {
    min-width: 60px;
    text-align: left;
}
.mycanon-content.MY_500 .tbl-box .tit {
    display: block;
    margin-right: 0;
    margin-bottom: 5px;
    font-size: 14px;
}
.mycanon-content.MY_500 .tbl-box .name {
    display: block;
    font-size: 18px;
    font-weight: 500;
}
.mycanon-content.MY_500 .tbl-box .name.none {
    color: #111;
    font-weight: 500;
}
.mycanon-content.MY_500 .fulltab {
    height: auto;
}
.mycanon-content.MY_500 .fulltab .tabLink {
    height: 60px;
}
.mycanon-content.MY_500 .fulltab .tab-content-wrap {
    margin-top: 50px;
}
.mycanon-content.MY_500 .fulltab .box-gray {
    margin-top: 60px;
}
.mycanon-content.MY_500 .fulltab .box-gray .explanation {
    margin-top: 0;
}
.mycanon-content.MY_500 .fulltab .box-gray .explanation:not(:last-child) {
    margin-bottom: 40px;
}
.mycanon-content.MY_500 .table-layout.level-benefit thead .tr .th {
    font-size: 20px;
    text-align: center;
}
.mycanon-content.MY_500 .table-layout.level-benefit .tr .th:not(:last-child),
.mycanon-content.MY_500 .table-layout.level-benefit .tr .td:not(:last-child) {
    border-right: 1px solid #e6e6e6;
}
.mycanon-content.MY_500 .table-layout.level-benefit .tr:not(:first-child) .td {
    padding-top: 15px;
    padding-bottom: 15px;
    border-bottom: 0;
}
.mycanon-content.MY_500 .table-layout.level-benefit .tr:last-child .td {
    border-bottom: 1px solid #e6e6e6;
}
.mycanon-content.MY_500 .table-layout.level-benefit .tr.btn-download-wrap .td {
    padding-bottom: 40px;
}
.mycanon-content.MY_500 .table-layout.level-benefit .tr .td {
    height: auto;
    padding-top: 30px;
    padding-bottom: 30px;
    font-size: 16px;
}
.mycanon-content.MY_500 .table-layout.level-benefit .tr:nth-child(2) .td {
    padding-top: 30px;
}
.mycanon-content.MY_500 .table-layout.level-benefit .main-txt {
    display: block;
    letter-spacing: -0.16px;
}
.mycanon-content.MY_500 .table-layout.level-benefit .sub-txt {
    display: block;
    color: #666;
    font-size: 14px;
    letter-spacing: -0.5px;
}
.mycanon-content.MY_500 .table-layout.level-benefit .academy-coupon .td {
    padding-top: 60px !important;
    padding-bottom: 60px !important;
}
.mycanon-content.MY_500 .table-layout.level-benefit .guide-text {
    color: #666;
    font-size: 18px;
}
.mycanon-content.MY_500 .table-layout.level-benefit .guide-text::before {
    content: none;
}
.mycanon-content.MY_500 .table-layout.level-benefit .txt-link {
    display: block;
    margin-top: 5px;
    color: #dc000c;
    font-size: 16px;
    font-weight: 500;
}
.mycanon-content.MY_500 .table-layout.level-benefit .txt-link::after {
    content: "";
    display: inline-block;
    width: 12px;
    height: 13px;
    margin-top: -2px;
    margin-left: 2px;
    background: url("../img/common/ico_chevron_red_12.svg") no-repeat;
    vertical-align: middle;
}
.mycanon-content.MY_500 .table-layout.level-product .tr .th,
.mycanon-content.MY_500 .table-layout.level-product .tr .td {
    font-size: 14px;
}
.mycanon-content.MY_500 .table-layout.level-product .tr .th:not(:last-child),
.mycanon-content.MY_500 .table-layout.level-product .tr .td:not(:last-child) {
    border-right: 1px solid #e6e6e6;
}
.mycanon-content.MY_500 .table-layout.level-product .tr .th em {
    font-weight: 500;
}
.mycanon-content.MY_500 .coupon-card {
    margin-left: 10px;
    margin-right: 10px;
}

.mycanon-content.MY_600 .joinMembershipForm.modify .joinMembershipForm__line,
.mycanon-content.MY_601 .joinMembershipForm.modify .joinMembershipForm__line {
    margin-top: 80px;
}
.mycanon-content.MY_600 .joinMembershipForm.modify .joinMembershipForm__line:first-child,
.mycanon-content.MY_601 .joinMembershipForm.modify .joinMembershipForm__line:first-child {
    margin-top: 30px;
}
.mycanon-content.MY_600 .joinMembershipForm.modify .table-list-wrap .tr,
.mycanon-content.MY_601 .joinMembershipForm.modify .table-list-wrap .tr {
    min-height: 64px;
}
.mycanon-content.MY_600 .joinMembershipForm.modify .table-list-wrap .tr .th,
.mycanon-content.MY_601 .joinMembershipForm.modify .table-list-wrap .tr .th {
    font-weight: 400;
}
.mycanon-content.MY_600 .joinMembershipForm.modify .table-list-wrap .tr .td,
.mycanon-content.MY_601 .joinMembershipForm.modify .table-list-wrap .tr .td {
    font-size: 15px;
}
.mycanon-content.MY_600 .joinMembershipForm.modify .inp-wrap.name,
.mycanon-content.MY_601 .joinMembershipForm.modify .inp-wrap.name {
    display: flex;
    align-items: center;
}
.mycanon-content.MY_600 .joinMembershipForm.modify .inp-wrap.name span,
.mycanon-content.MY_601 .joinMembershipForm.modify .inp-wrap.name span {
    display: inline-block;
    flex: 0 0 290px;
}
.mycanon-content.MY_600 .joinMembershipForm.modify .joinMembershipForm__email,
.mycanon-content.MY_600 .joinMembershipForm.modify .agreeNotification,
.mycanon-content.MY_600 .joinMembershipForm.modify .agreeNotification .joinMembershipForm__radio-con,
.mycanon-content.MY_601 .joinMembershipForm.modify .joinMembershipForm__email,
.mycanon-content.MY_601 .joinMembershipForm.modify .agreeNotification,
.mycanon-content.MY_601 .joinMembershipForm.modify .agreeNotification .joinMembershipForm__radio-con {
    flex: 1;
}
.mycanon-content.MY_600 .joinMembershipForm.modify .myCpsInfo .guide-text,
.mycanon-content.MY_601 .joinMembershipForm.modify .myCpsInfo .guide-text {
    display: inline-block;
    color: #111;
    font-size: 15px;
}
.mycanon-content.MY_600 .joinMembershipForm.modify .myCpsInfo .button-link.with-icon,
.mycanon-content.MY_601 .joinMembershipForm.modify .myCpsInfo .button-link.with-icon {
    margin-left: 8px;
    color: #dc000c;
    font-size: 15px;
}
.mycanon-content.MY_600 .setting-group,
.mycanon-content.MY_601 .setting-group {
    display: flex;
    align-items: center;
}
.mycanon-content.MY_600 .setting-group [class^=btn-]:not(:last-child),
.mycanon-content.MY_601 .setting-group [class^=btn-]:not(:last-child) {
    margin-right: 10px;
}
.mycanon-content.MY_600 .button-group,
.mycanon-content.MY_601 .button-group {
    position: relative;
}
.mycanon-content.MY_600 .button-group .button-link,
.mycanon-content.MY_601 .button-group .button-link {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    font-size: 16px;
}

.mycanon-content.MY_602 .box-gray {
    padding-top: 60px;
    padding-bottom: 60px;
}
.mycanon-content.MY_602 .box-gray .inner {
    width: 300px;
}
.mycanon-content.MY_602 .box-gray .inner .tit {
    width: 100px;
}
.mycanon-content.MY_602 .box-gray .inner input[type=password] {
    height: 50px;
}

.mycanon-content.information_auth .box-gray {
    padding-top: 60px;
    padding-bottom: 60px;
}
.mycanon-content.information_auth .box-gray .inner {
    width: 395px;
}
.mycanon-content.information_auth .box-gray .inner .row {display: flex;line-height: 50px}
.mycanon-content.information_auth .box-gray .inner .title {
    width: 100px;
}
.mycanon-content.information_auth .box-gray .inner .description {
    width: 200px;
}
/*.mycanon-content.information_auth .box-gray .inner .button_group {*/
/*    width: 20%;*/
/*}*/
.mycanon-content.information_auth .box-gray .inner .button_group {
    margin-left: 12px;
}

.mycanon-content.MY_607 .note-link .button-link.with-icon {
    color: #111;
}
.mycanon-content.MY_607 .note-link .button-link.with-icon::after {
    background: url("../img/common/ico_chevron_black_12.svg") no-repeat;
}
.mycanon-content.MY_607 .table-layout.authentic {
    margin-top: 20px;
}
.mycanon-content.MY_607 .table-layout.authentic .tr .th:first-child,
.mycanon-content.MY_607 .table-layout.authentic .tr .td:first-child {
    padding-left: 20px;
}
.mycanon-content.MY_607 .table-layout.authentic .tr .th:last-child,
.mycanon-content.MY_607 .table-layout.authentic .tr .td:last-child {
    padding-right: 20px;
}
.mycanon-content.MY_607 .table-layout.authentic .tr .td {
    padding: 0 10px;
}
.mycanon-content.MY_607 .table-layout.authentic .tr .td:first-child, .mycanon-content.MY_607 .table-layout.authentic .tr .td:nth-child(2) {
    text-align: left;
}
.mycanon-content.MY_607 .table-layout.my-coupons .tr .td:nth-child(2) {
    text-align: left;
}
.mycanon-content.MY_607 .my-gallery {
    display: flex;
}
.mycanon-content.MY_607 .my-gallery li {
    width: 184px;
    height: 184px;
}
.mycanon-content.MY_607 .my-gallery li:not(:last-child) {
    margin-right: 20px;
}
.mycanon-content.MY_607 .my-gallery img {
    width: 100%;
}
.mycanon-content.MY_607 .my-gallery .empty {
    width: 100%;
    height: auto;
}
.mycanon-content.MY_607 .table-list-wrap.cancel-account {
    border-bottom: 0;
}
.mycanon-content.MY_607 .table-list-wrap.cancel-account .tr {
    display: table;
    width: 100%;
}
.mycanon-content.MY_607 .table-list-wrap.cancel-account .tr .th {
    display: table-cell;
    width: 200px;
    font-size: 16px;
    font-weight: 400;
}
.mycanon-content.MY_607 .table-list-wrap.cancel-account .th .td {
    display: table-cell;
    width: 800px;
    font-size: 15px;
}
.mycanon-content.MY_607 .table-list-wrap.cancel-account .inp-wrap.multi-check .checkbox.circle {
    display: block;
    margin-bottom: 20px;
}
.mycanon-content.MY_607 .table-list-wrap.cancel-account .text-area {
    height: 120px;
    font-size: 15px;
}
.mycanon-content.MY_607 .table-list-wrap.cancel-account .text-area::placeholder {
    font-size: 15px;
}
.mycanon-content.MY_607 .table-list-wrap.cancel-account .text-area:disabled {
    border-color: #e6e6e6;
    background-color: #f9f9f9;
}
.mycanon-content.MY_607 .guide-text {
    margin-top: 100px;
    text-align: center;
}
.mycanon-content.MY_607 .button-group {
    margin-top: 20px;
}

.mycanon-content.MY_700 .box-gray {
    padding: 40px;
    text-align: center;
}
.mycanon-content.MY_700 .box-gray .inner {
    width: 300px;
}
.mycanon-content.MY_700 .box-gray .inner .row {
    text-align: left;
}
.mycanon-content.MY_700 .box-gray .inner .tit {
    width: 100px;
}

.mycanon .border-top {
    border-top: 1px solid #e6e6e6;
}

.modal.mycanon {
    width: 100%;
    margin: initial;
}
.modal.mycanon .modal-content .mycanon-content {
    width: 100%;
}
.modal.mycanon .modal-content.MY_111 .box-gray {
    width: 470px;
    margin: auto;
    padding: 40px;
}
.modal.mycanon .modal-content.MY_111 .box-gray .inner {
    width: 400px;
}
.modal.mycanon .modal-content.MY_111 .box-gray .inner .tit {
    width: 110px;
}
.modal.mycanon .modal-content.MY_112 {
    width: 610px;
    margin: auto;
}
.modal.mycanon .modal-content.MY_112 .box-gray {
    width: 100%;
    margin: auto;
    padding: 40px;
}
.modal.mycanon .modal-content.MY_112 .box-gray .inner {
    width: 540px;
}
.modal.mycanon .modal-content.MY_112 .box-gray .inner .tit {
    width: 110px;
}
.modal.mycanon .modal-content.MY_112 .box-white {
    margin-top: 40px;
}
.modal.mycanon .modal-content.MY_112 .box-white .title {
    margin-bottom: 14px;
}
.modal.mycanon .modal-content.MY_112 .table-layout .tr:first-child .td {
    border-top: 1px solid #e6e6e6;
}
.modal.mycanon .modal-content.MY_112 .table-layout .tr .th {
    text-align: center;
}
.modal.mycanon .modal-content.MY_112 .table-layout .tr .td {
    text-align: left;
}
.modal.mycanon .modal-content.MY_113 {
    width: 610px;
    margin: auto;
}
.modal.mycanon .modal-content.MY_113 .box-gray {
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
}
.modal.mycanon .modal-content.MY_113 .guide-block .title {
    margin-bottom: 14px;
}
.modal.mycanon .modal-content.MY_113 .table-list-wrap {
    padding-left: 20px;
    padding-right: 20px;
    border-bottom: 0;
}
.modal.mycanon .modal-content.MY_113 .table-list-wrap .tr {
    display: table;
    width: 100%;
}
.modal.mycanon .modal-content.MY_113 .table-list-wrap .tr .th,
.modal.mycanon .modal-content.MY_113 .table-list-wrap .tr .td {
    display: table-cell;
    text-align: left;
}
.modal.mycanon .modal-content.MY_113 .table-list-wrap .tr .th {
    width: 150px;
}
.modal.mycanon .modal-content.MY_113 .table-list-wrap .tr .td {
    width: 460px;
}
.modal.mycanon .modal-content.MY_113 .box-gray {
    margin-top: 20px;
}
.modal.mycanon .modal-content.MY_113 .guide-text {
    margin-top: 20px;
}
.modal.mycanon .modal-content.MY_113 .inp-wrap input {
    max-width: 100% !important;
}
.modal.mycanon .modal-content.MY_114 {
    text-align: center;
}
.modal.mycanon .modal-content.MY_114 .message-block {
    margin-bottom: 0;
}
.modal.mycanon .modal-content.MY_114 .message {
    font-size: 18px;
}
.modal.mycanon .modal-content.MY_114 .sub-message {
    display: block;
    margin-top: 20px;
}
.modal.mycanon .modal-content.MY_121 {
    width: 610px;
    margin: auto;
}
.modal.mycanon .modal-content.MY_121 .box-gray {
    padding: 20px;
    text-align: center;
}
.modal.mycanon .modal-content.MY_121 .box-gray .message {
    margin-bottom: 6px;
    font-size: 18px;
}
.modal.mycanon .modal-content.MY_121 .box-white {
    margin-top: 40px;
}
.modal.mycanon .modal-content.MY_121 .box-white .explanation:not(:last-child) {
    margin-bottom: 40px;
}
.modal.mycanon .modal-content.MY_122 {
    padding-left: 30px;
    padding-right: 30px;
}
.modal.mycanon .modal-content.MY_122 .sub-message {
    margin-top: 10px;
}
.modal.mycanon .modal-content.MY_122 .button-link.with-icon {
    color: #666;
    font-weight: 400;
}
.modal.mycanon .modal-content.MY_122 .button-link.with-icon::after {
    background-image: url("../img/common/ico_chevron_gray_12.svg");
    vertical-align: middle;
}
.modal.mycanon .modal-content.MY_122 .table-layout.level-benefit {
    margin-top: 40px;
}
.modal.mycanon .modal-content.MY_122 .table-layout.level-benefit thead .tr .th {
    font-size: 20px;
    text-align: center;
}
.modal.mycanon .modal-content.MY_122 .table-layout.level-benefit .tr .th:not(:last-child),
.modal.mycanon .modal-content.MY_122 .table-layout.level-benefit .tr .td:not(:last-child) {
    border-right: 1px solid #e6e6e6;
}
.modal.mycanon .modal-content.MY_122 .table-layout.level-benefit .tr:last-child .td {
    padding-bottom: 30px;
    border-bottom: 1px solid #e6e6e6;
}
.modal.mycanon .modal-content.MY_122 .table-layout.level-benefit .tr .td {
    height: auto;
    padding-top: 30px;
    padding-bottom: 30px;
    border-top: 1px solid #e6e6e6;
    font-size: 16px;
}
.modal.mycanon .modal-content.MY_122 .table-layout.level-benefit .tr.coupon-row .td {
    padding-top: 15px;
    padding-bottom: 15px;
    border-top: 0;
    border-bottom: 0;
}
.modal.mycanon .modal-content.MY_122 .table-layout.level-benefit .tr:nth-child(2) .td {
    padding-top: 30px;
}
.modal.mycanon .modal-content.MY_122 .table-layout.level-benefit .main-txt {
    display: block;
    letter-spacing: -0.16px;
}
.modal.mycanon .modal-content.MY_122 .table-layout.level-benefit .sub-txt {
    display: block;
    color: #666;
    font-size: 14px;
    letter-spacing: -0.5px;
}
.modal.mycanon .modal-content.MY_122 .coupon-card {
    margin-left: 10px;
    margin-right: 10px;
    padding-right: 20px;
}
.modal.mycanon .modal-content.MY_122 .coupon-card::after {
    content: none;
}
.modal.mycanon .modal-content.MY_122 .note {
    margin-top: 5px;
    font-size: 12px;
}
.modal.mycanon .modal-content.MY_122 .note::before {
    content: none;
}
.modal.mycanon .modal-content.MY_123.modal-content {
    padding-top: 0 !important;
}
.modal.mycanon .modal-content.MY_123 .video-wrap {
    margin-top: 0;
}
.modal.mycanon .modal-content.MY_125 {
    padding-left: 25px;
    padding-right: 25px;
}
.modal.mycanon .modal-content.MY_125 .popup-contents--block:not(:last-child) {
    margin-bottom: 40px;
}
.modal.mycanon .modal-content.MY_125 .fulltab.tab-pop {
    height: auto;
}
.modal.mycanon .modal-content.MY_125 .fulltab.tab-pop .tapLink {
    display: flex;
    height: 40px;
    margin-bottom: 50px;
    border-bottom: solid 1px #e6e6e6;
}
.modal.mycanon .modal-content.MY_125 .fulltab.tab-pop .tapLink li {
    width: 25%;
    text-align: center;
}
.modal.mycanon .modal-content.MY_125 .fulltab.tab-pop .tapLink li:hover::after, .modal.mycanon .modal-content.MY_125 .fulltab.tab-pop .tapLink li.on a:after {
    transform: scaleX(1);
}
.modal.mycanon .modal-content.MY_125 .fulltab.tab-pop .tapLink li:hover, .modal.mycanon .modal-content.MY_125 .fulltab.tab-pop .tapLink li.on a {
    color: #dc000c;
    font-weight: 500;
}
.modal.mycanon .modal-content.MY_125 .fulltab.tab-pop .tapLink a {
    display: block;
    position: relative;
    width: 100%;
    padding-bottom: 19px;
    color: #000;
    font-size: 15px;
    text-align: center;
}
.modal.mycanon .modal-content.MY_125 .fulltab.tab-pop .tapLink a::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -1px;
    width: 100%;
    height: 4px;
    background: #dc000c;
    transition: 0.2s;
    transform: scaleX(0);
}
.modal.mycanon .modal-content.MY_125 .fulltab.tab-pop .tab-content {
    height: 713px;
    overflow-y: auto;
}
.modal.mycanon .modal-content.MY_125 .serialno-block {
    font-size: 15px;
    text-align: center;
}
.modal.mycanon .modal-content.MY_125 .serialno-block dt {
    font-weight: 500;
    margin-bottom: 4px;
}
.modal.mycanon .modal-content.MY_125 .serialno-block dd {
    color: #666;
}
.modal.mycanon .modal-content.MY_125 .serialno-block .img {
    margin-top: 10px;
}
.modal.mycanon .modal-content.MY_127 {
    width: 610px;
    margin: auto;
}
.modal.mycanon .modal-content.MY_127.modal-content {
    padding-bottom: 20px;
}
.modal.mycanon .modal-content.MY_127 .box-white,
.modal.mycanon .modal-content.MY_127 .box-gray.line {
    padding: 30px 40px;
}
.modal.mycanon .modal-content.MY_127 .box-white {
    margin-bottom: 20px;
}
.modal.mycanon .modal-content.MY_127 img {
    width: 100%;
}
.modal.mycanon .modal-content.MY_127 .event-info {
    display: flex;
    align-items: center;
}
.modal.mycanon .modal-content.MY_127 .event-info .left {
    width: 220px;
    margin-right: 40px;
}
.modal.mycanon .modal-content.MY_127 .event-info .right {
    flex: 1;
}
.modal.mycanon .modal-content.MY_127 .event-info .name {
    font-size: 18px;
    font-weight: 500;
}
.modal.mycanon .modal-content.MY_127 .event-info .serial-number {
    margin-top: 5px;
    font-size: 14px;
}
.modal.mycanon .modal-content.MY_127 .event-info .inner {
    margin-top: 20px;
}
.modal.mycanon .modal-content.MY_127 .event-info .inner .row {
    display: flex;
    align-items: center;
}
.modal.mycanon .modal-content.MY_127 .event-info .inner .row:not(:last-child) {
    margin-bottom: 5px;
}
.modal.mycanon .modal-content.MY_127 .event-info .inner .tit {
    width: 80px;
    color: #666;
    font-size: 16px;
}
.modal.mycanon .modal-content.MY_127 .event-info .inner .date {
    font-size: 16px;
    font-weight: 500;
}
.modal.mycanon .modal-content.MY_127 .event-product {
    display: flex;
    align-items: center;
}
.modal.mycanon .modal-content.MY_127 .event-product .left {
    width: 220px;
    margin-right: 40px;
}
.modal.mycanon .modal-content.MY_127 .event-product .right {
    flex: 1;
}
.modal.mycanon .modal-content.MY_127 .event-product .desc {
    margin-top: 20px;
}
.modal.mycanon .modal-content.MY_127 .event-product .tit {
    font-size: 18px;
    font-weight: 500;
}
.modal.mycanon .modal-content.MY_127 .event-product .txt {
    display: block;
    color: #666;
    font-size: 14px;
}
.modal.mycanon .modal-content.MY_127 .event-product .date {
    display: block;
    margin-top: 5px;
    font-size: 16px;
    font-weight: 500;
}
.modal.mycanon .modal-content.MY_127 .event-group .box-gray:not(:last-child) {
    margin-bottom: 20px;
}
.modal.mycanon .modal-content.MY_127 .guide-text {
    margin-top: 20px;
    text-align: center;
}
.modal.mycanon .modal-content.MY_128, .modal.mycanon .modal-content.MY_129 {
    width: 610px;
    margin: auto;
}
.modal.mycanon .modal-content.MY_130 {
    width: 470px;
    margin: auto;
}
.modal.mycanon .modal-content.MY_130 .box-gray {
    padding-left: 20px;
    padding-right: 20px;
}
.modal.mycanon .modal-content.MY_131 .box-gray {
    width: 330px;
    margin: auto;
    padding: 30px 40px;
}
.modal.mycanon .modal-content.MY_132 {
    width: 610px;
    margin: auto;
}
.modal.mycanon .modal-content.MY_132.modal-content {
    padding-bottom: 20px;
}
.modal.mycanon .modal-content.MY_132 .box-gray {
    padding: 30px 40px;
}
.modal.mycanon .modal-content.MY_132 .box-gray .inner .tit {
    width: 135px;
    vertical-align: inherit;
}
.modal.mycanon .modal-content.MY_132 .box-gray .inner .desc {
    width: 350px;
}
.modal.mycanon .modal-content.MY_132 .guide-text {
    margin-top: 40px;
    text-align: center;
}
.modal.mycanon .modal-content.MY_133 {
    width: 610px;
    margin: auto;
}
.modal.mycanon .modal-content.MY_133.modal-content {
    padding-bottom: 20px;
}
.modal.mycanon .modal-content.MY_133 .message em {
    font-weight: 500;
}
.modal.mycanon .modal-content.MY_133 .explanation {
    margin-left: 20px;
    margin-right: 20px;
}
.modal.mycanon .modal-content.MY_133 .inp-wrap {
    margin-top: 20px;
}
.modal.mycanon .modal-content.MY_133 .inp-wrap .radio:not(:last-child) {
    margin-right: 30px;
}
.modal.mycanon .modal-content.MY_133 .button-link {
    margin-left: 5px;
}
.modal.mycanon .modal-content.MY_134 {
    padding-left: 20px;
    padding-right: 20px;
}
.modal.mycanon .modal-content.MY_134 .inp-wrap {
    display: flex;
    margin-bottom: 20px;
}
.modal.mycanon .modal-content.MY_134 .inp-wrap .count {
    display: flex;
    justify-content: flex-end;
    flex: 1;
}
.modal.mycanon .modal-content.MY_134 .inp-wrap .count .text {
    margin-right: 5px;
    color: #666;
}
.modal.mycanon .modal-content.MY_134 .inp-wrap .count .number {
    font-weight: 700;
    font-family: "Roboto";
}
.modal.mycanon .modal-content.MY_134 .table-layout .tr .th,
.modal.mycanon .modal-content.MY_134 .table-layout .tr .td {
    padding: 0 10px;
}
.modal.mycanon .modal-content.MY_134 .table-layout .tr .th {
    text-align: center;
}
.modal.mycanon .modal-content.MY_134 .table-layout .tr .td:nth-child(2),
.modal.mycanon .modal-content.MY_134 .table-layout .tr .td:nth-child(3) {
    text-align: left;
}
.modal.mycanon .modal-content.MY_134 .table-layout .tr.checked .td {
    color: #dc000c;
    font-weight: 500;
}
.modal.mycanon .modal-content.MY_135 {
    width: 470px;
    margin: auto;
}
.modal.mycanon .modal-content.MY_135 .message-block {
    margin-bottom: 0;
}
.modal.mycanon .modal-content.MY_135 .message-block .message em {
    font-weight: 500;
}
.modal.mycanon .modal-content.MY_135 .message-block .sub-message {
    margin-top: 20px;
}
.modal.mycanon .modal-content.MY_136 {
    width: 470px;
    margin: auto;
}
.modal.mycanon .modal-content.MY_136 .message-block {
    margin-bottom: 0;
}
.modal.mycanon .modal-content.MY_136 .message-block .message em {
    font-weight: 500;
}
.modal.mycanon .modal-content.MY_136 .message-block .sub-message {
    margin-top: 20px;
}
.modal.mycanon .modal-content.MY_137 {
    width: 470px;
    margin: auto;
}
.modal.mycanon .modal-content.MY_137.modal-content {
    padding-bottom: 20px;
}
.modal.mycanon .modal-content.MY_137 .message-block .message em {
    font-weight: 500;
}
.modal.mycanon .modal-content.MY_137 .message-block .sub-message {
    margin-top: 20px;
}
.modal.mycanon .modal-content.MY_137 .guide-text {
    text-align: center;
}
.modal.mycanon .modal-content.MY_138 {
    padding-left: 20px;
    padding-right: 20px;
}
.modal.mycanon .modal-content.MY_138 .box-gray {
    margin-top: 30px;
}
.modal.mycanon .modal-content.MY_138 .box-gray.top {
    margin-top: 0;
    padding: 30px 40px;
}
.modal.mycanon .modal-content.MY_138 .box-gray .tit {
    width: 230px;
}
.modal.mycanon .modal-content.MY_138 .box-gray .number {
    color: #0b5cc7;
    font-weight: 500;
    font-family: "Roboto";
}
.modal.mycanon .modal-content.MY_138 .box-gray em {
    font-weight: 500;
}
.modal.mycanon .modal-content.MY_138 .box-gray .explanation {
    margin: 20px;
}
.modal.mycanon .modal-content.MY_138 .box-gray .button-link::after {
    content: none;
}
.modal.mycanon .modal-content.MY_138 .table-layout {
    margin-top: 30px;
}
.modal.mycanon .modal-content.MY_138 .table-layout .tr .th,
.modal.mycanon .modal-content.MY_138 .table-layout .tr .td {
    padding: 0 10px;
}
.modal.mycanon .modal-content.MY_138 .table-layout .tr .th:first-child,
.modal.mycanon .modal-content.MY_138 .table-layout .tr .td:first-child {
    padding-left: 20px;
}
.modal.mycanon .modal-content.MY_138 .table-layout .tr .th:last-child,
.modal.mycanon .modal-content.MY_138 .table-layout .tr .td:last-child {
    padding-right: 20px;
}
.modal.mycanon .modal-content.MY_138 .table-layout .tr .td:nth-child(1),
.modal.mycanon .modal-content.MY_138 .table-layout .tr .td:nth-child(2) {
    text-align: left;
}
.modal.mycanon .modal-content.MY_138 .table-layout .tr .th {
    text-align: center;
}
.modal.mycanon .modal-content.MY_138 .inp-wrap {
    margin-top: 20px;
}
.modal.mycanon .modal-content.MY_139 {
    width: 470px;
    margin: auto;
}
.modal.mycanon .modal-content.MY_139 .message-block {
    margin-bottom: 0;
}
.modal.mycanon .modal-content.MY_139 .message-block .message em {
    font-weight: 500;
}
.modal.mycanon .modal-content.MY_139 .message-block .sub-message {
    margin-top: 20px;
}
.modal.mycanon .modal-content.MY_140 {
    width: 610px;
    margin: auto;
}
.modal.mycanon .modal-content.MY_140 .box-gray {
    padding: 20px;
    text-align: center;
}
.modal.mycanon .modal-content.MY_140 .box-gray .message {
    margin-bottom: 6px;
    font-size: 18px;
}
.modal.mycanon .modal-content.MY_140 .box-white {
    margin-top: 40px;
}
.modal.mycanon .modal-content.MY_140 .box-white .explanation-title {
    margin-bottom: 10px;
    font-size: 15px;
    font-weight: 500;
}
.modal.mycanon .modal-content.MY_140 .box-white .explanation:not(:last-child) {
    margin-bottom: 40px;
}
.modal.mycanon .modal-content.MY_140 .table-title {
    margin-bottom: 10px;
    color: #111;
    font-size: 15px;
    font-weight: 500;
}
.modal.mycanon .modal-content.MY_140 .table-layout.free-service .tr .th,
.modal.mycanon .modal-content.MY_140 .table-layout.free-service .tr .td {
    border-right: 1px solid #e6e6e6;
    padding: 8px;
}
.modal.mycanon .modal-content.MY_140 .table-layout.free-service .tr .th:last-child,
.modal.mycanon .modal-content.MY_140 .table-layout.free-service .tr .td:last-child {
    border-right: 0;
}
.modal.mycanon .modal-content.MY_140 .table-layout.free-service .tr .th {
    text-align: center;
}
.modal.mycanon .modal-content.MY_140 .table-layout.free-service .tr .td {
    color: #666;
}
.modal.mycanon .modal-content.MY_203 {
    max-height: 800px;
    padding-left: 40px;
    padding-right: 40px;
    overflow-y: auto;
}
.modal.mycanon .modal-content.MY_203 .authentic-coupon {
    margin-bottom: 50px;
}
.modal.mycanon .modal-content.MY_203 .authentic-coupon .tit {
    margin-bottom: 20px;
    font-size: 18px;
    font-weight: 500;
}
.modal.mycanon .modal-content.MY_203 .authentic-coupon .table-layout th {
    text-align: center;
}
.modal.mycanon .modal-content.MY_203 .authentic-coupon .table-layout .al-l {
    text-align: left !important;
}
.modal.mycanon .modal-content.MY_203 .authentic-coupon .table-layout.product td {
    border-top: 1px solid #e6e6e6;
    background-color: #f9f9f9;
}
.modal.mycanon .modal-content.MY_203 .authentic-coupon .table-layout .product-list {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-top: 20px;
    margin-bottom: 20px;
}
.modal.mycanon .modal-content.MY_203 .authentic-coupon .table-layout .product-list li {
    position: relative;
    display: inline-block;
    line-height: 1.8;
}
.modal.mycanon .modal-content.MY_203 .authentic-coupon .table-layout .product-list li:not(:last-child)::after {
    content: "|";
    margin-left: 6px;
    margin-right: 6px;
}
.modal.mycanon .modal-content.MY_203 .explanation {
    margin-top: 0;
    margin-bottom: 0;
}
.modal.mycanon .modal-content.MY_203 .explanation-title {
    margin-bottom: 10px;
}
.modal.mycanon .modal-content.MY_603 {
    width: 470px;
    margin: auto;
    padding-top: 0 !important;
}
.modal.mycanon .modal-content.MY_603 .box-gray {
    padding: 20px;
}
.modal.mycanon .modal-content.MY_603 .box-gray .explanation {
    margin-top: 0;
    margin-bottom: 0;
}
.modal.mycanon .modal-content.MY_603 .check-option {
    margin-top: 20px;
}
.modal.mycanon .modal-content.MY_603 .check-option .checkbox input[type=checkbox],
.modal.mycanon .modal-content.MY_603 .check-option .checkbox i {
    top: 0;
    transform: none;
}
.modal.mycanon .modal-content.MY_604 .box-gray {
    width: 330px;
    margin: auto;
    margin-top: 20px;
    padding: 30px;
}
.modal.mycanon .modal-content.MY_604 .inner {
    display: flex;
}
.modal.mycanon .modal-content.MY_604 .inner .col {
    width: 50%;
    text-align: center;
}
.modal.mycanon .modal-content.MY_604 .inner .tit {
    display: block;
    margin-bottom: 5px;
    color: #666;
    font-size: 14px;
}
.modal.mycanon .modal-content.MY_604 .inner .desc {
    display: block;
    font-size: 18px;
    font-weight: 500;
}
.modal.mycanon .modal-content.MY_605 {
    width: 480px;
    margin: auto;
}
.modal.mycanon .modal-content.MY_605 .table-list-wrap {
    margin-top: 40px;
    margin-bottom: 40px;
    padding-left: 20px;
    padding-right: 20px;
    border-bottom: 0;
}
.modal.mycanon .modal-content.MY_605 .table-list-wrap .tr {
    display: table;
    width: 100%;
    flex: none;
}
.modal.mycanon .modal-content.MY_605 .table-list-wrap .tr .th {
    display: table-cell;
    width: 135px;
}
.modal.mycanon .modal-content.MY_605 .table-list-wrap .tr .th .tit {
    font-size: 15px;
    font-weight: 500;
}
.modal.mycanon .modal-content.MY_605 .table-list-wrap .tr .td {
    display: table-cell;
    width: calc(100% - 135px);
}
.modal.mycanon .modal-content.MY_605 .box-gray {
    padding: 20px;
}
.modal.mycanon .modal-content.MY_605 .box-gray .explanation {
    margin-top: 0;
    margin-bottom: 0;
}
.modal.mycanon .modal-content.MY_606 {
    width: 620px;
    margin: auto;
}
.modal.mycanon .modal-content.MY_606 .table-list-wrap {
    margin-top: 40px;
    margin-bottom: 40px;
    padding-left: 20px;
    padding-right: 20px;
    border-bottom: 0;
}
.modal.mycanon .modal-content.MY_606 .table-list-wrap .tr {
    display: table;
    width: 100%;
    flex: none;
}
.modal.mycanon .modal-content.MY_606 .table-list-wrap .tr .th {
    display: table-cell;
    width: 170px;
}
.modal.mycanon .modal-content.MY_606 .table-list-wrap .tr .th .tit {
    font-size: 15px;
    font-weight: 500;
}
.modal.mycanon .modal-content.MY_606 .table-list-wrap .tr .td {
    display: table-cell;
    width: calc(100% - 170px);
}
.modal.mycanon .modal-content.MY_606 .table-list-wrap .tr .td .inp-wrap.tel input {
    width: 123px;
}
.modal.mycanon .modal-content.MY_606 .box-gray {
    padding: 20px;
}
.modal.mycanon .modal-content.MY_606 .box-gray .explanation {
    margin-top: 0;
    margin-bottom: 0;
}
.modal.mycanon .modal-content.MY_606 .inp-wrap input {
    max-width: 100% !important;
}

.global-service {
    width: 1200px;
    margin: auto;
}
.global-service .head-title-wrap {
    text-align: center;
}
.global-service .head-title-wrap .h3-title {
    font-size: 32px;
    font-weight: 700;
    line-height: 1.5;
}
.global-service .head-title-wrap .sub-title {
    margin-top: 10px;
    font-size: 18px;
}
.global-service .h4-title {
    font-size: 20px;
    font-weight: 500;
}
.global-service .star::after {
    content: "*";
    margin-left: 5px;
    color: #dc000c;
    font-size: inherit;
}
.global-service .global-ask-form {
    margin-top: 80px;
}
.global-service .global-ask-form-list {
    margin-top: 80px;
}
.global-service .global-ask-form-list:first-child {
    margin-top: 0;
}
.global-service .global-ask-form .table-list-wrap {
    border-bottom: 0;
}
.global-service .global-ask-form .table-list-wrap .tr {
    display: table;
    width: 100%;
    min-height: 64px;
}
.global-service .global-ask-form .table-list-wrap .tr .th {
    display: table-cell;
    width: 200px;
    font-weight: 400;
}
.global-service .global-ask-form .table-list-wrap .tr .td {
    display: table-cell;
    font-size: 15px;
}
.global-service .global-ask-form .table-list-wrap .tr .td .inp-wrap input {
    flex: inherit;
    width: 260px;
}
.global-service .global-ask-form .table-list-wrap .tr .td .inp-wrap.tel .select-wrap,
.global-service .global-ask-form .table-list-wrap .tr .td .inp-wrap.tel input {
    width: 120px;
}
.global-service .global-ask-form .table-list-wrap .tr .td .inp-wrap.email .select-wrap,
.global-service .global-ask-form .table-list-wrap .tr .td .inp-wrap.email input {
    width: 187px;
}
.global-service .global-ask-form .table-list-wrap .tr .td .box-gray.line {
    padding: 30px;
}
.global-service .global-ask-form .table-list-wrap .tr .td .inp-wrap.check {
    flex-direction: column;
    align-items: inherit;
    margin-top: 20px;
}
.global-service .global-ask-form .table-list-wrap .tr .td .inp-wrap.check input {
    width: 20px;
}
.global-service .global-ask-form .table-list-wrap .tr .td .inp-wrap.check .err-txt {
    display: block;
    margin-left: 24px;
}
.global-service .global-ask-form .select-wrap {
    width: 260px;
}
.global-service .global-ask-form .inp-wrap {
    display: flex;
    align-items: center;
}
.global-service .global-ask-form .inp-wrap .err-txt {
    margin-top: 0;
}
.global-service .global-ask-form .basic-txt {
    margin-left: 10px;
    color: #666;
    font-size: 13px;
}
.global-service .global-ask-form .success-txt {
    margin-left: 10px;
}
.global-service .global-ask-form .err-txt {
    margin-left: 10px;
}
.global-service .global-ask-form .button-area .btn-black-sm-square:not(:last-child) {
    margin-right: 10px;
}
.global-service .global-ask-form .inp-wrap.text {
    flex-direction: column;
    align-items: inherit;
}
.global-service .global-ask-form .inp-wrap.text .text-area::placeholder {
    font-size: 15px;
    line-height: 2;
}
.global-service .global-ask-form .inp-wrap.text .basic-txt {
    margin-top: 5px;
    margin-left: 0;
}
.global-service .global-ask-form .inp-wrap.text .err-txt {
    position: absolute;
    left: 0;
    bottom: -20px;
}
.global-service .global-ask-form .private-policy li:not(:last-child) {
    margin-bottom: 20px;
}
.global-service .global-ask-form .private-policy .underline {
    text-decoration: underline;
}
.global-service .button-group {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 60px;
}
.global-service .button-group .btn {
    width: 180px;
}
.global-service .button-group .btn:not(:last-child) {
    margin-right: 10px;
}

.page-company-info .banner-wrap {
    position: relative;
    height: 560px;
    overflow: hidden;
}
.page-company-info .banner-wrap .banner {
    position: absolute;
    width: 1920px;
    height: 100%;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
}
.page-company-info .banner-wrap .banner img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}
.page-company-info .banner-wrap .banner .l-grid {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%, 154px);
}
.page-company-info .banner-wrap .banner .tit {
    font-size: 50px;
    color: #fff;
    line-height: 66px;
    font-weight: 700;
    margin-bottom: 10px;
}
.page-company-info .banner-wrap .banner .desc {
    font-size: 32px;
    line-height: 38px;
    margin-bottom: 18px;
}
.page-company-info > .link-wrap {
    padding: 120px 0;
}
.page-company-info > .link-wrap .tit {
    font-size: 30px;
    line-height: 54px;
    font-weight: 700;
}
.page-company-info > .link-wrap .desc {
    font-size: 22px;
    line-height: 34px;
    margin-top: 17px;
}
.page-company-info > .link-wrap .link-box {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 278px;
    height: 350px;
    background-color: #f9f9f9;
    transition: 0.2s;
}
.page-company-info > .link-wrap .link-box:hover {
    background-color: #dc000c;
    box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.35);
    transform: translateY(-30px);
}
.page-company-info > .link-wrap .link-box:hover > img {
    filter: invert(1);
}
.page-company-info > .link-wrap .link-box:hover span {
    color: #fff;
}
.page-company-info > .link-wrap .link-box:hover span::after {
    content: "";
    display: block;
    width: 45px;
    height: 45px;
    background: url("../img/ico/ico_company_link_arrow.svg") no-repeat center;
    margin: 78px auto 0;
}
.page-company-info > .link-wrap .link-box > img {
    width: 70px;
    height: 70px;
}
.page-company-info > .link-wrap .link-box span {
    font-size: 24px;
    font-weight: 500;
    margin-top: 12px;
    text-align: center;
}
.page-company-info .activity-wrap .l-grid {
    position: relative;
    padding: 120px 0;
}
.page-company-info .activity-wrap .swiper-support {
    position: absolute;
    bottom: 245px;
    left: 0;
    z-index: 10;
}
.page-company-info .activity-wrap .swiper-support .swiper-pag-bullet-wrap {
    position: static;
    transform: none;
    text-align: left;
}
.page-company-info .activity-wrap .swiper-navigation {
    margin-top: 25px;
}
.page-company-info .activity-wrap .swiper-navigation .swiper-button-prev,
.page-company-info .activity-wrap .swiper-navigation .swiper-button-next {
    display: inline-block;
    position: static;
    margin: 0;
    width: 40px;
    height: 40px;
    background: url(../img/ico/ico_slide_arrow_right_round.svg) no-repeat center/40px;
}
.page-company-info .activity-wrap .swiper-navigation .swiper-button-prev {
    transform: scale(-1);
    margin-right: 10px;
}
.page-company-info .activity-wrap .left {
    float: left;
}
.page-company-info .activity-wrap .left .cate {
    font-size: 30px;
    color: #dc000c;
    font-weight: 500;
}
.page-company-info .activity-wrap .left .tit {
    font-size: 46px;
    color: #fff;
    line-height: 65px;
    font-weight: 700;
    margin-top: 17px;
}
.page-company-info .activity-wrap .right {
    float: right;
    width: 728px;
    padding-top: 60px;
}
.page-company-info .activity-wrap .right .img-wrap {
    width: 728px;
    height: 391px;
    overflow: hidden;
}
.page-company-info .activity-wrap .right .img-wrap img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.page-company-info .activity-wrap .right .txt-wrap {
    margin-top: 60px;
    text-align: center;
}
.page-company-info .activity-wrap .right .txt-wrap img {
    display: inline-block;
    width: 65px;
    height: 65px;
    margin-right: 21px;
}
.page-company-info .activity-wrap .right .txt-wrap > div {
    display: inline-block;
    vertical-align: middle;
}
.page-company-info .activity-wrap .right .txt-wrap > div .txt1 {
    font-size: 17px;
    color: #fff;
    text-align: center;
}
.page-company-info .activity-wrap .right .txt-wrap > div .txt2 {
    font-size: 24px;
    color: #fff;
    font-weight: 700;
    text-align: center;
    margin-top: 4px;
}
.page-company-info .news-wrap {
    position: relative;
    display: flex;
    padding: 120px 0 120px 360px;
    background-color: #f9f9f9;
}
.page-company-info .news-wrap .left {
    flex: 0 0 410px;
}
.page-company-info .news-wrap .left .tit {
    font-size: 40px;
    font-weight: 700;
}
.page-company-info .news-wrap .right {
    width: calc(100% - 410px);
}
.page-company-info .news-wrap .right .swiper-slide {
    width: 540px;
}
.page-company-info .news-wrap .right .swiper-slide.swiper-slide-active .img-wrap {
    background-color: transparent;
    opacity: 1;
}
.page-company-info .news-wrap .right .swiper-slide.swiper-slide-active .txt-wrap {
    display: block;
}
.page-company-info .news-wrap .right .swiper-slide .img-wrap {
    background-color: #fff;
    opacity: 0.5;
}
.page-company-info .news-wrap .right .swiper-slide .txt-wrap {
    display: none;
    margin-top: 20px;
}
.page-company-info .news-wrap .right .swiper-slide .txt-wrap .tit {
    font-size: 24px;
    line-height: 28px;
    font-weight: 700;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.page-company-info .news-wrap .right .swiper-slide .txt-wrap .desc {
    height: 96px;
    font-size: 16px;
    color: #666;
    line-height: 24px;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    margin-top: 8px;
}
.page-company-info .news-wrap .swiper-support {
    position: absolute;
    bottom: 120px;
    left: 360px;
}
.page-company-info .news-wrap .swiper-support .swiper-pag-progress-wrap .progress {
    display: inline-block;
    width: 216px;
    height: 4px;
    background-color: #e6e6e6;
    margin-right: 10px;
    vertical-align: middle;
}
.page-company-info .news-wrap .swiper-support .swiper-pag-progress-wrap .progress span {
    display: block;
    height: 4px;
    background-color: #dc000c;
    transition: 0.2s;
}
.page-company-info .news-wrap .swiper-support .swiper-pag-progress-wrap .swiper-pagination {
    display: inline-block;
    position: static;
    width: auto;
    font-size: 16px;
    color: #999;
    letter-spacing: -2px;
}
.page-company-info .news-wrap .swiper-support .swiper-button-next {
    top: auto;
    right: auto;
    left: 910px;
    bottom: 270px;
    width: 74px;
    height: 74px;
    background: url("../img/ico/ico_company_news_arrow.svg") no-repeat center;
}
.page-company-info .link-wrap2 {
    padding: 150px 0;
}
.page-company-info .link-wrap2 a {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 380px;
    height: 260px;
    background-color: rgba(0, 0, 0, 0.65);
    overflow: hidden;
}
.page-company-info .link-wrap2 a:hover img {
    transition: all 0.3s ease-in-out;
    transform: scale(1.12);
}
.page-company-info .link-wrap2 a > img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    transition: all 0.3s ease-in-out;
    transform: scale(1);
}
.page-company-info .link-wrap2 a span {
    font-size: 30px;
    color: #fff;
    font-weight: 500;
    line-height: 44px;
}
.page-company-info .link-wrap2 a span::before {
    content: "";
    display: block;
    width: 50px;
    height: 50px;
    background: url("../img/ico/ico_company_link2_plus.svg") no-repeat center;
    margin: 0 auto 10px;
}
.page-company-info .map-wrap .l-grid {
    position: relative;
}
.page-company-info .map-wrap .tit {
    font-size: 40px;
    line-height: 58px;
    font-weight: 700;
}
.page-company-info .map-wrap .link-wrap {
    position: absolute;
    top: 118px;
    left: 680px;
}
.page-company-info .map-wrap .link-wrap a {
    display: inline-block;
    font-size: 17px;
    color: #999;
    font-weight: 500;
}
.page-company-info .map-wrap .link-wrap a + a {
    margin-left: 21px;
}
.page-company-info .map-wrap .link-wrap a.on {
    color: #dc000c;
}
.page-company-info .map-wrap .link-wrap a.on::after {
    content: "";
    display: block;
    width: 100%;
    height: 2px;
    background-color: #dc000c;
    margin-top: 4px;
}
.page-company-info .map-wrap .con-wrap {
    display: none;
    align-items: flex-end;
    margin-top: 60px;
}
.page-company-info .map-wrap .con-wrap#map01 {
    display: flex;
}
.page-company-info .map-wrap .con-wrap .img-wrap {
    flex: 0 0 630px;
    margin-right: 50px;
}
.page-company-info .map-wrap .con-wrap .info-wrap dl + dl {
    margin-top: 24px;
}
.page-company-info .map-wrap .con-wrap .info-wrap dl dt {
    font-size: 14px;
    color: #666;
    line-height: 20px;
}
.page-company-info .map-wrap .con-wrap .info-wrap dl dd {
    font-size: 17px;
    line-height: 26px;
    font-weight: 500;
    margin-top: 6px;
}
.page-company-info .map-wrap .con-wrap .info-wrap dl dd .ref {
    font-size: 13px;
    line-height: 20px;
    font-weight: 400;
    margin-top: 2px;
}

.searchbar .search-wrap {
    display: flex;
}
.searchbar .search-wrap .inp-wrap {
    width: 244px;
    margin-right: 10px;
}
.searchbar .search-wrap button {
    min-width: 100px;
    height: 42px;
    font-size: 16px;
    line-height: 42px;
}

.companybanner-wrap {
    position: relative;
    min-width: 1200px;
    max-width: 1920px;
    width: 100%;
    height: 340px;
    overflow: hidden;
    margin: 0 auto;
}
.companybanner-wrap .banner {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 1920px;
    height: 340px;
}
.companybanner-wrap .page-tit {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 40px;
    color: #fff;
    font-weight: 700;
}

.page-company-notice .table-layout .tr .th {
    height: 68px;
    font-weight: 500;
    border-top: 1px solid #111;
}
.page-company-notice .table-layout .tr .td {
    height: 68px;
}
.page-company-notice .table-layout .tr .td.tit {
    text-align: left;
}
.page-company-notice .table-layout .tr .td.tit a {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.page-company-notice .table-layout .tr .td.date {
    color: #666;
}
.page-company-notice .table-layout .nolist {
    display: table-row;
}
.page-company-notice .table-layout .nolist .td {
    height: auto;
    font-size: 17px;
    color: #666;
    padding: 60px 0;
    border-bottom: none;
}
.page-company-notice .link-wrap {
    display: flex;
    justify-content: space-between;
}
.page-company-notice .link-wrap a {
    flex: 1 1 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 80px;
    font-size: 18px;
    border: 1px solid #e6e6e6;
    border-radius: 10px;
    padding: 0 30px;
}
.page-company-notice .link-wrap a + a {
    margin-left: 24px;
}
.page-company-notice .link-wrap a::after {
    content: "";
    display: block;
    width: 12px;
    height: 13px;
    background: url("../img/ico/ico_company_notice_link_arrow.svg") no-repeat center;
}

.paging2 {
    border-top: 1px solid #e6e6e6;
}
.paging2 .next,
.paging2 .prev {
    display: flex;
    align-items: center;
    height: 68px;
    border-bottom: 1px solid #e6e6e6;
}
.paging2 .next div:nth-child(1),
.paging2 .prev div:nth-child(1) {
    flex: 0 0 160px;
}
.paging2 .next div:nth-child(1) span::before,
.paging2 .prev div:nth-child(1) span::before {
    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url("../img/ico/ico_paging2_arrow.svg") no-repeat center;
    margin-right: 10px;
    vertical-align: -2px;
}
.paging2 .next div:nth-child(2),
.paging2 .prev div:nth-child(2) {
    width: calc(100% - 460px);
}
.paging2 .next div:nth-child(2) a,
.paging2 .prev div:nth-child(2) a {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.paging2 .next div:nth-child(2) a:hover,
.paging2 .prev div:nth-child(2) a:hover {
    text-decoration: underline;
}
.paging2 .next div:nth-child(2) a.disabled,
.paging2 .prev div:nth-child(2) a.disabled {
    color: #999;
}
.paging2 .next div:nth-child(2) a.disabled:hover,
.paging2 .prev div:nth-child(2) a.disabled:hover {
    text-decoration: none;
    cursor: default;
}
.paging2 .next div:nth-child(3),
.paging2 .prev div:nth-child(3) {
    flex: 0 0 300px;
    text-align: right;
    color: #666;
}
.paging2 .prev div:nth-child(1) span::before {
    transform: scale(-1);
    vertical-align: -4px;
}
.paging2 + .list-btn {
    margin-top: 40px;
}

.list-btn {
    display: block;
    margin: 0 auto;
    width: 100px;
    height: 45px;
    font-size: 14px;
    line-height: 45px;
    text-align: center;
    border: 1px solid #eee;
    border-radius: 22.5px;
}

.page-company-notice-detail .detail-wrap .detail-top {
    position: relative;
    padding: 20px 0;
    border-top: 1px solid #000;
    border-bottom: 1px solid #e6e6e6;
}
.page-company-notice-detail .detail-wrap .detail-top .tit {
    font-size: 20px;
    font-weight: 500;
}
.page-company-notice-detail .detail-wrap .detail-top .date {
    display: block;
    color: #666;
    margin-top: 20px;
}
.page-company-notice-detail .detail-wrap .detail-top .tooltip {
    position: absolute;
    right: 0;
    bottom: 15px;
}
.page-company-notice-detail .detail-wrap .detail-cont {
    padding: 30px 0;
}

.list-thumb-wrap {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
}
.list-thumb-wrap > div {
    flex: 0 0 372px;
    margin-right: 42px;
    margin-bottom: 75px;
}
.list-thumb-wrap > div:nth-child(3n) {
    margin-right: 0;
}
.list-thumb-wrap > div:nth-child(10n), .list-thumb-wrap > div:nth-child(11n), .list-thumb-wrap > div:nth-child(12n) {
    margin-bottom: 0;
}
.list-thumb-wrap > div .img-wrap {
    border-radius: 6px;
    overflow: hidden;
}
.list-thumb-wrap > div .img-wrap img {
    width: 100%;
}
.list-thumb-wrap > div .txt-wrap {
    margin-top: 20px;
}
.list-thumb-wrap > div .txt-wrap .tit {
    font-size: 17px;
    line-height: 26px;
}
.list-thumb-wrap > div .txt-wrap .date {
    display: block;
    font-size: 15px;
    color: #666;
    margin-top: 10px;
}

.page-company-brand .banner-wrap + .mt120 {
    margin-top: 0 !important;
}
.page-company-brand .banner-wrap + .mt120 .tab-wrap.type1 {
    border-top: 0;
}
.page-company-brand .brand01 {
    margin-top: 50px;
}
.page-company-brand .brand01 .nolist {
    font-size: 17px;
}
.page-company-brand .brand02 {
    margin-top: 50px;
}
.page-company-brand .brand02 .masonry-list {
    column-gap: 44px;
}
.page-company-brand .brand02 .masonry-list .masonry-item {
    margin-bottom: 70px;
    width: 370px;
}
.page-company-brand .brand02 .masonry-list .masonry-item.video .img::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 70px;
    height: 70px;
    background: url("../img/ico/ico_play.svg") no-repeat center;
}
.page-company-brand .brand02 .masonry-list .masonry-item .img {
    position: relative;
    border-radius: 6px;
}
.page-company-brand .brand02 .masonry-list .masonry-item .txt-wrap {
    margin-top: 15px;
}
.page-company-brand .brand02 .masonry-list .masonry-item .txt-wrap .cate {
    font-size: 14px;
    line-height: 20px;
}
.page-company-brand .brand02 .masonry-list .masonry-item .txt-wrap .tit {
    font-size: 17px;
    line-height: 25px;
}
.page-company-brand .brand03 {
    margin-top: 90px;
}
.page-company-brand .brand03 .link-wrap {
    display: flex;
}
.page-company-brand .brand03 .link-wrap > div {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.page-company-brand .brand03 .link-wrap > div:first-child {
    position: relative;
    flex: 0 0 400px;
}
.page-company-brand .brand03 .link-wrap > div:first-child::after {
    content: "";
    position: absolute;
    bottom: 0;
    right: 0;
    width: 1px;
    height: 90px;
    background-color: #e6e6e6;
}
.page-company-brand .brand03 .link-wrap > div:last-child {
    flex: 0 0 800px;
}
.page-company-brand .brand03 .link-wrap .tit {
    font-size: 24px;
    font-weight: 500;
}
.page-company-brand .brand03 .link-wrap .link-box {
    display: flex;
    height: 72px;
    margin-top: 40px;
}
.page-company-brand .brand03 .link-wrap .link-box a {
    position: relative;
    display: block;
    height: 100%;
}
.page-company-brand .brand03 .link-wrap .link-box a + a {
    margin-left: 60px;
}
.page-company-brand .brand03 .link-wrap .link-box a img {
    width: 40px;
    height: 40px;
}
.page-company-brand .brand03 .link-wrap .link-box a span {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 100px;
    text-align: center;
}

.page-company-genuine .banner-wrap + .mt120 {
    margin-top: 0 !important;
}
.page-company-genuine .banner-wrap + .mt120 > .tab-wrap.type1 {
    border-top: 0;
}
.page-company-genuine .cont-wrap .txt {
    font-size: 18px;
    line-height: 26px;
}
.page-company-genuine .cont-wrap .point {
    position: relative;
    font-size: 24px;
    font-weight: 700;
    padding-left: 15px;
}
.page-company-genuine .cont-wrap .point::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    width: 5px;
    height: 5px;
    background-color: #000;
    border-radius: 50%;
}
.page-company-genuine .cont-wrap .point + .desc {
    margin-top: 15px;
}
.page-company-genuine .cont-wrap.genuine01 .cont-top {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.page-company-genuine .cont-wrap.genuine01 .cont-top .tit {
    font-size: 38px;
    line-height: 46px;
    font-weight: 700;
}
.page-company-genuine .cont-wrap.genuine01 .cont-top .txt {
    text-align: center;
}
.page-company-genuine .cont-wrap.genuine01 .cont-top .ref {
    font-size: 13px;
    color: #666;
}
.page-company-genuine .cont-wrap.genuine01 .cont-mid .ref {
    color: #999;
}
.page-company-genuine .cont-wrap.genuine01 .cont-mid .ref a {
    position: relative;
}
.page-company-genuine .cont-wrap.genuine01 .cont-mid .ref a::after {
    position: absolute;
    content: "";
    width: 100%;
    height: 1px;
    background-color: #0b5cc7;
    bottom: 0;
    left: 0;
}
.page-company-genuine .cont-wrap.genuine01 .img-box {
    display: flex;
    margin-top: 50px;
}
.page-company-genuine .cont-wrap.genuine01 .img-box > div img + .txt {
    margin-top: 10px;
}
.page-company-genuine .cont-wrap.genuine01 .img-box > div img + .txt .case {
    display: block;
    font-weight: 700;
    margin-bottom: 8px;
}
.page-company-genuine .cont-wrap.genuine01.ink .img-box > div {
    flex: 0 0 500px;
}
.page-company-genuine .cont-wrap.genuine01.toner .img-box > div {
    flex: 0 0 480px;
}
.page-company-genuine .cont-wrap.genuine02 .tab-wrap.type1 {
    flex-wrap: wrap;
    border-bottom: 0;
}
.page-company-genuine .cont-wrap.genuine02 .tab-wrap.type1 li {
    flex: 0 0 400px;
    width: 400px;
    max-width: 400px;
    border-bottom: 1px solid #e6e6e6;
}
.page-company-genuine .cont-wrap.genuine02 .tab-wrap.type1 li:nth-child(4n) {
    border-left: 1px solid #e6e6e6;
}
.page-company-genuine .cont-wrap.genuine02 .cont-top .txt1 {
    font-size: 20px;
    font-weight: 700;
}
.page-company-genuine .cont-wrap.genuine02 .cont-top .txt2 {
    font-size: 36px;
    font-weight: 700;
    margin-top: 2px;
}
.page-company-genuine .cont-wrap.genuine02 .cont-mid .point {
    font-size: 30px;
    line-height: 43px;
}
.page-company-genuine .cont-wrap.genuine02 .cont-mid .point::before {
    top: 20px;
    transform: none;
}
.page-company-genuine .cont-wrap.genuine02 .cont-mid .dl-wrap dl {
    display: flex;
}
.page-company-genuine .cont-wrap.genuine02 .cont-mid .dl-wrap dt {
    flex: 0 0 105px;
    font-size: 18px;
    font-weight: 500;
}
.page-company-genuine .cont-wrap.genuine02 .cont-mid .dl-wrap dd .txt {
    font-size: 16px;
}
.page-company-genuine .cont-wrap.genuine02 .cont-mid .dl-wrap dd .ref {
    font-size: 16px;
    color: #666;
}
.page-company-genuine .cont-wrap.genuine03 .cont-top .txt1 {
    font-size: 20px;
    font-weight: 700;
}
.page-company-genuine .cont-wrap.genuine03 .cont-top .txt2 {
    font-size: 36px;
    font-weight: 700;
    margin-top: 2px;
}
.page-company-genuine .cont-wrap.genuine03 .cont-mid .tit {
    font-size: 30px;
    font-weight: 700;
    margin-bottom: 20px;
}
.page-company-genuine .cont-wrap.genuine03 .cont-mid .dl-wrap dl {
    display: flex;
}
.page-company-genuine .cont-wrap.genuine03 .cont-mid .dl-wrap dt {
    position: relative;
    flex: 0 0 140px;
    padding-left: 12px;
}
.page-company-genuine .cont-wrap.genuine03 .cont-mid .dl-wrap dt::after {
    content: "";
    display: block;
    position: absolute;
    width: 4px;
    height: 4px;
    border-radius: 100%;
    background-color: #999;
    left: 0;
    top: 8.5px;
}
.page-company-genuine .cont-wrap.genuine03 .cont-mid .dl-wrap dd em {
    display: block;
    margin-top: 6px;
}
.page-company-genuine .cont-wrap.genuine03 .explanation .explanation-content {
    color: #111;
}

.page-company-normal .tab-wrap.type1 {
    border-top: 0;
}
.page-company-normal .cate {
    display: block;
    font-size: 28px;
    line-height: 28px;
    color: #dc000c;
}
.page-company-normal .cont1 {
    position: relative;
    margin: 35px 0 120px;
    height: 620px;
}
.page-company-normal .cont1 .txt-wrap {
    width: 768px;
    background-color: #fff;
    padding: 60px 0 80px;
    margin: 0 auto;
}
.page-company-normal .cont1 .txt-wrap .cate {
    text-align: center;
}
.page-company-normal .cont1 .txt-wrap .tit {
    font-size: 38px;
    line-height: 54px;
    font-weight: 700;
    text-align: center;
    margin-top: 40px;
}
.page-company-normal .cont1 .img1 {
    position: absolute;
    top: 0;
    right: 0;
    z-index: -1;
}
.page-company-normal .cont1 .img2 {
    position: absolute;
    top: 147px;
    left: 0;
    z-index: -1;
    width: 1200px;
    height: 558px;
}
.page-company-normal .cont2 {
    height: 730px;
    background: url("../img/contents/company_vision_bg.png") no-repeat center;
    padding-top: 210px;
}
.page-company-normal .cont2 .txt-wrap {
    width: 696px;
    padding: 90px 0 90px 80px;
    background-color: #fff;
}
.page-company-normal .cont2 .txt-wrap .tit {
    font-size: 40px;
    line-height: 56px;
    font-weight: 700;
    margin-top: 40px;
}
.page-company-normal .cont2 .txt-wrap .txt {
    font-size: 20px;
    line-height: 30px;
    margin-top: 40px;
}
.page-company-normal .cont3 {
    background-color: #f9f9f9;
    margin-top: 120px;
    padding: 100px 0 54px;
}
.page-company-normal .cont3 .cate {
    text-align: center;
}
.page-company-normal .cont3 .tit {
    font-size: 42px;
    line-height: 54px;
    font-weight: 700;
    text-align: center;
    margin-top: 40px;
}
.page-company-normal .cont3 .txt {
    font-size: 20px;
    line-height: 30px;
    text-align: center;
    margin-top: 8px;
}
.page-company-normal .cont3 .swiper-container {
    margin-top: 110px;
}
.page-company-normal .cont3 .swiper-container .swiper-slide {
    padding-left: 268px;
    display: flex;
}
.page-company-normal .cont3 .swiper-container .swiper-slide .txt-wrap {
    margin-left: 52px;
}
.page-company-normal .cont3 .swiper-container .swiper-slide .txt-wrap span {
    display: block;
    font-size: 30px;
    font-weight: 700;
}
.page-company-normal .cont3 .swiper-container .swiper-slide .txt-wrap p {
    font-size: 24px;
    line-height: 36px;
    margin-top: 24px;
}
.page-company-normal .cont3 .swiper-container .swiper-support {
    margin-top: 110px;
}
.page-company-normal .cont3 .swiper-container .swiper-support .swiper-pag-bullet-wrap {
    position: initial;
    transform: none;
}
.page-company-normal .cont3 .swiper-container .swiper-support .swiper-button-prev,
.page-company-normal .cont3 .swiper-container .swiper-support .swiper-button-next {
    width: 50px;
    height: 50px;
    background: url("../img/ico/ico_company_coreValue_swiper_arrow.svg") no-repeat center;
    margin-top: -85px;
}
.page-company-normal .cont3 .swiper-container .swiper-support .swiper-button-next {
    transform: scale(-1);
}
.page-company-normal .cont4 {
    height: 877px;
    background: url("../img/contents/company_info_bg.png") no-repeat center;
    margin-top: 120px;
    padding-top: 130px;
}
.page-company-normal .cont4 .info-tit {
    font-size: 40px;
    color: #fff;
    font-weight: 700;
}
.page-company-normal .cont4 .info-box {
    display: flex;
    flex-wrap: wrap;
    border-left: 1px solid #666;
    border-bottom: 1px solid #666;
    margin-top: 40px;
}
.page-company-normal .cont4 .info-box dl {
    width: 25%;
    height: 240px;
    border-top: 1px solid #666;
    border-right: 1px solid #666;
    padding-top: 70px;
}
.page-company-normal .cont4 .info-box dl dt {
    font-size: 20px;
    color: #999;
    text-align: center;
}
.page-company-normal .cont4 .info-box dl dd {
    font-size: 22px;
    line-height: 30px;
    color: #fff;
    font-weight: 500;
    margin-top: 20px;
    text-align: center;
}
.page-company-normal .cont4 .info-box dl dd .ref {
    font-size: 16px;
    margin-top: 5px;
}
.page-company-normal .cont4 .info-box dl.busi {
    padding-top: 30px;
}
.page-company-normal .cont4 .info-box dl.busi dd {
    font-size: 18px;
    line-height: 28px;
    margin-top: 10px;
}

.page-company-normal-02 .tab-wrap.type1 {
    border-top: 0;
}
.page-company-normal-02 .cont {
	position: relative;
	padding:100px 0 1140px;
}

.page-company-normal-02 .cont .img img {
	width: 481px;
}

.page-company-normal-02 .cont .l-grid {
    position: relative;
    width:1200px;
}
.page-company-normal-02 .cont .txt-wrap {
    position: absolute;
    top: 0px;
    right: 0;
    width: 719px;
    padding: 0px 40px 0;
    background-color: #fff;
}
.page-company-normal-02 .cont .txt-wrap h3 {
    font-size: 36px;
    line-height: 52px;
    font-weight: 700;
}
.page-company-normal-02 .cont .txt-wrap p {
    font-size: 20px;
    line-height: 34px;
    color: #666;
    margin-top: 50px;
    word-break: keep-all;
}
.page-company-normal-02 .cont .txt-wrap span {
    display: block;
    font-size: 24px;
    color: #999;
    margin-top: 50px;
}
.page-company-normal-02 .cont .txt-wrap span strong {
    color: #111;
    font-weight: 500;
    padding-left: 20px;
}
.page-company-normal-02 .cont::before {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    display: block;
    width: 1920px;
    height: 580px;
}
.page-company-normal-02 .cont::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    display: block;
    width: 1920px;
    height: 691px;
    background: url("../img/contents/company_ceo_bg2.png") no-repeat center;
}

.page-company-normal-03 .tab-wrap.type1 {
    border-top: 0;
}
.page-company-normal-03 .logo {
    display: block;
    margin: 90px auto 67px;
}
.page-company-normal-03 .img-wrap {
    display: flex;
    justify-content: space-between;
    padding: 0 100px;
}
.page-company-normal-03 .img-wrap > div span {
    display: block;
    font-size: 18px;
    font-weight: 500;
    text-align: center;
    margin-bottom: 10px;
}

.page-company-normal-04 .tab-wrap.type1 {
    border-top: 0;
}
.page-company-normal-04 .cont-wrap {
    background-color: #f9f9f9;
    padding: 120px 0;
    margin-top: 120px;
}
.page-company-normal-04 .cont-wrap .top-wrap h3 {
    font-size: 36px;
    font-weight: 700;
}
.page-company-normal-04 .cont-wrap .top-wrap p {
    font-size: 20px;
    margin-top: 10px;
}
.page-company-normal-04 .swiper-container {
    position: relative;
    margin-top: 120px;
}
.page-company-normal-04 .swiper-container .swiper-slide {
    position: relative;
}
.page-company-normal-04 .swiper-container .swiper-slide:not(.swiper-slide-active) {
    opacity: 0 !important;
}
.page-company-normal-04 .swiper-container .swiper-slide .txt-wrap {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 510px;
    height: 360px;
    padding: 50px;
    background-color: #fff;
}
.page-company-normal-04 .swiper-container .swiper-slide .txt-wrap p {
    font-size: 26px;
    line-height: 36px;
    font-weight: 500;
}
.page-company-normal-04 .swiper-container .swiper-slide .img-wrap {
    width: 730px;
    height: 530px;
}
.page-company-normal-04 .swiper-container .swiper-slide .img-wrap img {
    width: 100%;
}
.page-company-normal-04 .swiper-container .paging-wrap {
    position: absolute;
    right: 50px;
    bottom: 40px;
    z-index: 10;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    width: 410px;
}
.page-company-normal-04 .swiper-container .paging-wrap .swiper-pagination {
    position: static;
    width: auto;
}
.page-company-normal-04 .swiper-container .paging-wrap .swiper-button-prev,
.page-company-normal-04 .swiper-container .paging-wrap .swiper-button-next {
    position: initial;
    display: inline-block;
    width: 35px;
    height: 35px;
    background: url("../img/ico/ico_history_swiper_arrow.svg") no-repeat center/100%;
    margin: 0;
}
.page-company-normal-04 .swiper-container .paging-wrap .swiper-button-next {
    transform: scale(-1);
    margin-left: 6px;
}
.page-company-normal-04 .history-wrap {
    display: flex;
    margin-top: 120px;
}
.page-company-normal-04 .history-wrap .history-tab {
    flex: 0 0 330px;
}
.page-company-normal-04 .history-wrap .history-tab li + li {
    margin-top: 30px;
}
.page-company-normal-04 .history-wrap .history-tab li.on a {
    color: #dc000c;
}
.page-company-normal-04 .history-wrap .history-tab li a {
    font-size: 28px;
    line-height: 34px;
    color: #999;
    font-weight: 500;
}
.page-company-normal-04 .history-wrap .history {
    position: relative;
    flex: 0 0 870px;
}
.page-company-normal-04 .history-wrap .history > div {
    display: none;
}
.page-company-normal-04 .history-wrap .history > div.on {
    display: block;
}
.page-company-normal-04 .history-wrap .history > div::before {
    content: "";
    position: absolute;
    top: 10px;
    left: 4px;
    width: 1px;
    height: calc(100% - 10px);
    background-color: #e6e6e6;
}
.page-company-normal-04 .history-wrap .history .year-wrap {
    display: flex;
}
.page-company-normal-04 .history-wrap .history .year-wrap + li {
    margin-top: 60px;
}
.page-company-normal-04 .history-wrap .history .year-wrap .year {
    position: relative;
    flex: 0 0 170px;
    padding-left: 28px;
    font-size: 24px;
    font-weight: 500;
}
.page-company-normal-04 .history-wrap .history .year-wrap .year::before {
    content: "";
    position: absolute;
    top: 10px;
    left: 0;
    width: 8px;
    height: 8px;
    background-color: #dc000c;
    border-radius: 50%;
}
.page-company-normal-04 .history-wrap .history .month-wrap {
    display: flex;
}
.page-company-normal-04 .history-wrap .history .month-wrap + li {
    margin-top: 15px;
}
.page-company-normal-04 .history-wrap .history .month-wrap .month {
    flex: 0 0 70px;
    font-size: 18px;
    font-weight: 500;
}
.page-company-normal-04 .history-wrap .history .month-wrap .txt {
    flex: 0 0 632px;
    line-height: 24px;
    letter-spacing: -0.16px;
}

.page-company-operation .tab-wrap.type1 {
    border-top: 0;
}
.page-company-operation .chart-wrap {
    text-align: center;
    margin: 90px;
}
.page-company-operation .table-wrap {
    margin-top: 56px;
}
.page-company-operation .table-wrap .table-top {
    text-align: right;
    margin-bottom: 10px;
}
.page-company-operation .table-wrap .table-layout {
    border-bottom: 1px solid #e6e6e6;
}
.page-company-operation .table-wrap .table-layout thead .tr .th {
    border-top: 1px solid #000;
    background-color: #f9f9f9;
    color: #111;
}
.page-company-operation .table-wrap .table-layout .tr .th {
    background-color: transparent;
    color: #0b5cc7;
}
.page-company-operation .table-wrap .table-layout .tr .th + .td {
    color: #dc000c;
    border-left: 1px solid #e6e6e6;
}

.page-company-operation-02 .tab-wrap.type1 {
    border-top: 0;
}
.page-company-operation-02 .con-wrap {
    position: relative;
    margin-top: 90px;
}
.page-company-operation-02 .con-wrap .inp-wrap {
    position: absolute;
    top: 0;
    right: 0;
}
.page-company-operation-02 .con-wrap .inp-wrap .select-wrap {
    width: 220px;
}
.page-company-operation-02 .con-wrap .cont {
    display: none;
}
.page-company-operation-02 .con-wrap .cont.on {
    display: block;
}
.page-company-operation-02 .con-wrap .cont h3 {
    font-size: 20px;
    font-weight: 500;
}
.page-company-operation-02 .con-wrap .cont .table-top {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    margin-bottom: 20px;
}
.page-company-operation-02 .con-wrap .cont .table-top h4 {
    font-size: 20px;
    font-weight: 400;
}
.page-company-operation-02 .con-wrap .cont .table-top span {
    font-size: 14px;
}
.page-company-operation-02 .con-wrap .cont .table-layout {
    border-top: 1px solid #000;
}
.page-company-operation-02 .con-wrap .cont .table-layout .th {
    padding-left: 45px;
    text-align: left;
    border-right: 1px solid #e6e6e6;
    background-color: transparent;
}
.page-company-operation-02 .con-wrap .cont .table-layout .th:first-child {
    border-top: 0;
}
.page-company-operation-02 .con-wrap .cont .table-layout .td {
    padding-right: 45px;
    text-align: right;
}
.page-company-operation-02 .con-wrap .cont .table-layout .td:last-child {
    border-bottom: 1px solid #e6e6e6;
}
.page-company-operation-02 .con-wrap .cont .table-layout .bg-f9f9f9 {
    background-color: #f9f9f9;
}
.page-company-operation-02 .con-wrap .cont .cont1 {
    display: flex;
    justify-content: space-between;
    margin-top: 50px;
}
.page-company-operation-02 .con-wrap .cont .cont1 .table-wrap {
    flex: 0 0 560px;
}
.page-company-operation-02 .con-wrap .cont .cont2 {
    margin-top: 60px;
}
.page-company-operation-02 .con-wrap .cont .txt-wrap {
    margin-top: 14px;
    text-align: right;
}
.page-company-operation-02 .con-wrap .cont .txt-wrap p {
    margin-bottom: 10px;
}
.page-company-operation-02 .con-wrap .cont .txt-wrap span {
    font-size: 14px;
    color: #555;
    line-height: 22px;
}
.page-company-operation-02 .con-wrap .box-gray {
    margin-top: 97px;
    padding: 30px 50px;
}
.page-company-operation-02 .con-wrap .box-gray h4 {
    font-weight: 500;
}
.page-company-operation-02 .con-wrap .box-gray p {
    font-size: 14px;
    line-height: 22px;
    margin: 8px 0;
}
.page-company-operation-02 .con-wrap .box-gray span {
    font-size: 14px;
    color: #555;
}

.page-company-ethics .tab-wrap.type1 {
    border-top: 0;
}
.page-company-ethics .cont-wrap {
    margin-top: 90px;
}
.page-company-ethics .red-bar::before {
    content: "";
    display: block;
    width: 50px;
    height: 4px;
    background-color: #dc000c;
    margin-bottom: 20px;
}
.page-company-ethics.ethics01 h3, .page-company-ethics.ethics02 h3 {
    font-size: 32px;
    line-height: 43px;
    font-weight: 700;
}
.page-company-ethics.ethics01 .cont, .page-company-ethics.ethics02 .cont {
    position: relative;
}
.page-company-ethics.ethics01 .cont .txt-wrap h4, .page-company-ethics.ethics02 .cont .txt-wrap h4 {
    font-size: 24px;
    line-height: 34px;
    font-weight: 700;
}
.page-company-ethics.ethics01 .cont .txt-wrap p, .page-company-ethics.ethics02 .cont .txt-wrap p {
    font-size: 18px;
    line-height: 28px;
    margin-top: 30px;
}
.page-company-ethics.ethics01 .cont .txt-wrap.box, .page-company-ethics.ethics02 .cont .txt-wrap.box {
    padding: 70px 80px;
    background-color: #fff;
    position: absolute;
}
.page-company-ethics.ethics01 .cont:first-child {
    margin-top: 90px;
}
.page-company-ethics.ethics01 .cont:first-child .txt-wrap {
    width: 744px;
    top: 67px;
    left: 0;
    padding: 50px 75px;
}
.page-company-ethics.ethics01 .cont:first-child .txt-wrap h3 {
    margin-bottom: 70px;
}
.page-company-ethics.ethics01 .cont:last-child {
    margin-top: 213px;
    margin-bottom: 88px;
}
.page-company-ethics.ethics01 .cont:last-child .txt-wrap {
    width: 775px;
    top: 69px;
    right: 0;
}
.page-company-ethics.ethics02 .red-bar {
    flex: 0 0 530px;
}
.page-company-ethics.ethics02 .cont:first-child .txt-wrap {
    width: 695px;
    bottom: 0;
    right: 0;
    padding: 70px 0 60px 80px;
}
.page-company-ethics.ethics02 .cont:first-child .txt-wrap h3 {
    margin-bottom: 30px;
}
.page-company-ethics.ethics02 .cont:last-child {
    margin-top: 130px;
    display: flex;
    justify-content: space-between;
}
.page-company-ethics.ethics02 .cont:last-child .txt-wrap {
    flex: 0 0 530px;
}
.page-company-ethics.ethics02 .cont:last-child .txt-wrap h4 {
    margin-top: 40px;
}
.page-company-ethics.ethics03 .top-cont {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.page-company-ethics.ethics03 .top-cont p {
    min-width: 650px;
    font-size: 20px;
    line-height: 30px;
    text-align: center;
}
.page-company-ethics.ethics03 .top-cont .name {
    font-size: 32px;
    line-height: 50px;
    font-weight: 500;
}
.page-company-ethics.ethics03 .top-cont .name em {
    font-weight: 500;
}
.page-company-ethics.ethics03 .top-cont .bg-img-wrap {
    width: 100%;
    height: 500px;
    background: url("../img/contents/company_ethics_img03_bg.png") no-repeat center;
    padding-top: 130px;
    margin-top: 90px;
}
.page-company-ethics.ethics03 .top-cont .bg-img-wrap p {
    color: #fff;
}
.page-company-ethics.ethics03 .top-cont .bg-img-wrap img {
    display: block;
    margin: 50px auto 0;
}
.page-company-ethics.ethics03 .bottom-cont p {
    font-size: 18px;
    line-height: 28px;
}
.page-company-ethics.ethics03 .btn-red-lg.line {
    font-size: 18px;
}
.page-company-ethics.ethics05 .top-cont h3 {
    font-size: 32px;
    line-height: 50px;
    font-weight: 500;
    margin-top: -10px;
}
.page-company-ethics.ethics05 .top-cont p {
    font-size: 18px;
    line-height: 28px;
    margin-top: 20px;
}
.page-company-ethics.ethics05 .bottom-cont {
    margin-top: 70px;
}
.page-company-ethics.ethics05 .bottom-cont > span {
    font-size: 18px;
    font-weight: 500;
}
.page-company-ethics.ethics05 .bottom-cont .dl-cont {
    margin-top: 45px;
}
.page-company-ethics.ethics05 .bottom-cont .dl-cont dl {
    display: flex;
}
.page-company-ethics.ethics05 .bottom-cont .dl-cont dl + dl {
    margin-top: 30px;
}

/* 2024.02.02 추가*/
.page-company-ethics.ethics05 .bottom-cont .dl-cont dl:last-child dt {
	margin-top:19px;
}
.page-company-ethics.ethics05 .bottom-cont .dl-cont dl dt {
    position: relative;
    flex: 0 0 126px;
    font-size: 18px;
    font-weight: 500;
    padding-left: 15px;
}
.page-company-ethics.ethics05 .bottom-cont .dl-cont dl dt::before {
    position: absolute;
    content: "";
    display: block;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background-color: #000;
    top: 12px;
    left: 0;
}
.page-company-ethics.ethics05 .bottom-cont .dl-cont dl dd {
    line-height: 26px;
}
/* 2024.02.02 추가*/
.page-company-ethics.ethics05 .bottom-cont .dl-cont dl .cropEthics_list {
	display:flex;
	flex-wrap: wrap;

}
.page-company-ethics.ethics05 .bottom-cont .dl-cont dl .cropEthics_list .cropEthics_item  {
	flex: 0 0 396px;
	max-width:396px;
	height:248px;
	padding: 22px 22px 30px 30px ;
	border-radius:6px;
	border: solid 1px #e6e6e6;
	background-color: #fff;
	margin-bottom: 10px;
	margin-left:10px;
}
.page-company-ethics.ethics05 .bottom-cont .dl-cont dl .cropEthics_list .cropEthics_item:last-child {
	height:88px;
}
.cropEthics_item_title {
	display:flex;
	justify-content:center;

}
.cropEthics_item_title span {
	font-size:16px;
	font-weight:500;
	line-height:1.45;
	letter-spacing:-0.22px;
	color:#111111;
	margin-left:10px;
	display: flex;
	align-items: center;
}
.cropEthics_item_line {
	border-bottom:1px solid #eeeeee;
	margin-top:24px;

}
.page-company-ethics.ethics05 .bottom-cont .dl-cont dl .cropEthics_list .cropEthics_item:nth-child(2n+1)  {
	margin-left:0;
}
.page-company-ethics.ethics05 .bottom-cont .dl-cont dl .cropEthics_list .cropEthics_item img {
	width:38px;
	height:38px;
}
.cropEthics_txt {
	display:flex;
	flex-wrap: wrap;
	margin-top:20px;
}
.cropEthics_txt li {
	position:relative;
	margin-bottom:10px;
	padding-left:12px;
	flex: 0 0 50%;
	line-height:19px;
	font-size: 16px;
	color:#111;
	letter-spacing:-0.1px;
}

.cropEthics_txt li::after {
	content:"";
	position:absolute;
	display:block;
	width:3px;
	height:3px;
	border-radius:100%;
	left:0;
	top:8px;
	background-color:#111;
	color:#111;
}

.onlineForm_info {
	margin:19px 46px 0 0 ;
	line-height:26px;
}
/* 2024.02.02 추가*/

.page-company-ethics.ethics05 .bottom-cont .dl-cont dl dd .email {
    text-decoration: underline;
}
.page-company-ethics.ethics05 .bottom-cont .btn-red-lg {
    display: block;
    width: 236px;
    font-size: 18px;
    margin: 0 auto 0;
}

.page-company-ethics.ethics05 .bottom-cont .btn-red-lg.color {
	margin-right:20px;
}
.page-company-ethics.ethics05 .bottom-cont .btn-red-lg.line {
	width:268px;
	padding: 0 40px;
}
.CompanyDescription__header {
    display: flex;
    justify-content: space-between;
    padding-bottom: 24px;
    border-bottom: 1px solid #e6e6e6;
}
.CompanyDescription__header-title {
    font-size: 20px;
    font-weight: 500;
    line-height: 1.5;
    letter-spacing: -0.2px;
    color: #000;
}
.CompanyDescription__content-imgLabelSubTitle {
    font-size: 16px;
    font-weight: normal;
    line-height: 1.63;
    letter-spacing: -0.16px;
    color: #111;
}
.CompanyDescription .inp-wrap.tel .select-wrap {
    width: 290px;
}
.CompanyDescription__body {
    margin-top: 30px;
}
.CompanyDescription__body-text {
    max-height: 800px;
    overflow-y: auto;
    display: none;
    font-size: 18px;
    font-weight: normal;
    line-height: 1.56;
    letter-spacing: -0.18px;
    text-align: left;
    color: #111;
}
.CompanyDescription__body-text.on {
    display: block;
}
.CompanyDescription__body-btnList {
    margin-top: 50px;
    display: flex;
    justify-content: center;
}
.CompanyDescription__body-btnList [class^=btn-] {
    padding: 0 40px;
    display: flex;
    align-items: center;
}
.CompanyDescription__body-btnList [class^=btn-]::after {
    content: "";
    display: block;
    position: relative;
    width: 24px;
    height: 24px;
    margin-left: 21px;
    background: url("../img/ico/ico-arrow.svg") no-repeat center/92%;
}
.CompanyDescription__body-btnItem {
    display: none;
}
.CompanyDescription__body-btnItem.on {
    display: block;
}

.mobileApp__table .table-layout .tr {
    border-top: 1px solid #e6e6e6;
    border-bottom: 1px solid #e6e6e6;
}
.mobileApp__table .table-layout .tr .th,
.mobileApp__table .table-layout .tr .td {
    padding: 30px;
    text-align: left;
    border: none;
    vertical-align: top;
}
.mobileApp__table .table-layout .tr .th [class^=btn-],
.mobileApp__table .table-layout .tr .td [class^=btn-] {
    min-width: 120px;
    height: 42px;
}
.mobileApp__table .table-layout .tr .th {
    font-weight: 500;
    font-size: 16px;
}
.mobileApp__table .table-layout .tr .td {
    font-size: 15px;
    font-weight: normal;
    line-height: 1.67;
    letter-spacing: -0.15px;
    color: #111;
}
.mobileApp__table-text.labeling, .mobileApp__table-text.no-labeling {
    padding-left: 12px;
    position: relative;
}
.mobileApp__table-text.labeling::after {
    content: ".";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    line-height: 1;
    font-weight: 700;
}
.mobileApp__table-text.title {
    font-weight: 500;
    margin-bottom: 30px;
}
.mobileApp__table-text-item {
    margin-bottom: 20px;
}
.mobileApp__table-text-item:last-child {
    margin-bottom: 0;
}

.mobileApp__topTab {
    margin-top: 86px;
    display: flex;
}
.mobileApp__TabItem {
    flex: 0 0 150px;
    text-align: center;
    position: relative;
    padding: 25px 0 15px 0;
}
.mobileApp__TabItem a {
    display: block;
    width: 100%;
    height: 100%;
}
.mobileApp__TabItem::after {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 1px;
    background-color: #e6e6e6;
    bottom: 0;
    left: 0;
}
.mobileApp__TabItem.active::after {
    height: 3px;
    background-color: #dc000c;
}
.mobileApp__TabIcon {
    width: 54px;
    height: 54px;
    margin: 0 auto;
    margin-bottom: 19px;
}
.mobileApp__TabIcon img {
    width: 100%;
}
.mobileApp__TabText {
    font-size: 15px;
    font-weight: normal;
    line-height: 1.27;
    letter-spacing: normal;
    color: #111;
    height: 37px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.mobileApp__TabItem.active .mobileApp__TabText {
    color: #dc000c;
    font-weight: 500;
}

.mobileApp__title {
    margin-top: 100px;
}
.mobileApp__titleQrLink-imgWrap {
    display: flex;
    justify-content: center;
}
.mobileApp__titleQrLink-imgItem {
    margin: 0 15px;
}
.mobileApp__titleQrLink-img {
    width: 95px;
    height: 95px;
}
.mobileApp__titleQrLink-img img {
    width: 100%;
}
.mobileApp__titleQrLink-tag {
    font-size: 14px;
    font-weight: 500;
    line-height: 1.79;
    letter-spacing: -0.14px;
    color: #000;
    text-align: center;
    margin-top: 10px;
}
.mobileApp__titleText {
    text-align: center;
    margin-top: 30px;
    margin-bottom: 100px;
}
.mobileApp__titleText-title {
    font-size: 28px;
    font-weight: 500;
    line-height: 1.71;
    letter-spacing: normal;
    text-align: center;
    color: #111;
}
.mobileApp__titleText-subTitle {
    font-size: 16px;
    font-weight: normal;
    line-height: 1.63;
    letter-spacing: -0.16px;
    color: #111;
    margin-top: 10px;
}
.mobileApp__titleText-explanation {
    font-size: 13px;
    font-weight: normal;
    line-height: 1.77;
    letter-spacing: -0.13px;
    color: #666;
    margin-top: 40px;
}
.mobileApp__con-topImg {
    display: flex;
    justify-content: center;
    margin-bottom: 60px;
}
.mobileApp__con-topImg img {
    margin: 0 15px;
}

.mobileApp__conImg {
    margin-top: 100px;
    text-align: center;
}
.mobileApp__conImg-title {
    font-size: 28px;
    font-weight: 500;
    line-height: 1.71;
    letter-spacing: -0.28px;
    color: #111;
}
.mobileApp__conImg-list {
    margin-top: 90px;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.mobileApp__conImg-item {
    margin-bottom: 90px;
    width: 100%;
}
.mobileApp__conImg-item:last-child {
    margin-bottom: 0;
}
.mobileApp__conImg-itemTitle {
    font-size: 22px;
    font-weight: 500;
    line-height: 1.14;
    letter-spacing: -0.22px;
    color: #111;
    margin-bottom: 25px;
}
.mobileApp__conImg-list.big-title .mobileApp__conImg-itemTitle {
    font-size: 28px;
    line-height: 1.71;
    margin-bottom: 90px;
}
.mobileApp__conImg-item.youtube .mobileApp__conImg-itemTitle {
    font-size: 28px;
    line-height: 1.71;
    letter-spacing: -0.28px;
}
.mobileApp__conImg-itemImg.multipleItems img {
    margin-bottom: 30px;
}
.mobileApp__conImg-itemImg.multipleItems img:last-child {
    margin-bottom: 0;
}
.mobileApp__conImg-itemImg.fit-width {
    display: table;
    margin: 0 auto;
}
.mobileApp__conImg-itemYoutube {
    width: 100%;
    height: 671px;
    position: relative;
}
.mobileApp__conImg-itemYoutube iframe {
    width: 100%;
    height: 100%;
}
.mobileApp__conImg-itemYoutube video {
    width: 100%;
    height: 100%;
}
.mobileApp__conImg-textAndImg {
    display: flex;
    flex-direction: row;
    justify-content: center;
}
.mobileApp__conImg-textAndImg.column {
    flex-direction: column;
}
.mobileApp__conImg-text {
    text-align: left;
    font-size: 15px;
    font-weight: normal;
    line-height: 1.53;
    letter-spacing: -0.2px;
    color: #111;
    margin-left: 30px;
}
.mobileApp__conImg-text.smallbox {
    display: table;
}
.mobileApp__conImg-text.botttom {
    align-self: flex-end;
}
.mobileApp__conImg-text.title-top {
    margin-left: 0;
    margin-bottom: 20px;
}
.mobileApp__conImg-text.title-top.more-text {
    margin-bottom: 30px;
}
.mobileApp__conImg-text.long-text {
    width: 863px;
    margin-left: 0;
    margin-right: 15px;
    padding: 15px 0;
}
.mobileApp__conImg-text .content-title {
    display: block;
    font-weight: 500;
    margin-bottom: 15px;
    margin-top: 15px;
}
.mobileApp__conImg-text .content-title:first-child {
    margin-top: 0;
}
.mobileApp__conImg-text .content-title:last-child {
    margin-bottom: 0;
}
.mobileApp__conImg-middel-text {
    margin: 25px 0;
    font-size: 16px;
    font-weight: normal;
    line-height: 1.5;
    letter-spacing: -0.16px;
    text-align: center;
    color: #111;
}

.precautions {
    padding: 40px;
    border-radius: 10px;
    background-color: #f9f9f9;
}
.precautions__title {
    font-size: 20px;
    font-weight: 500;
    line-height: 1.3;
    letter-spacing: -0.2px;
    color: #dc000c;
    padding-left: 30px;
    position: relative;
    margin-bottom: 20px;
}
.precautions__title::after {
    position: absolute;
    display: block;
    content: "";
    width: 21px;
    height: 21px;
    background: url("../img/mobile/precautions-icon.png") center/100%;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}
.precautions .explanation .explanation-content {
    color: #111;
}
.precautions .explanation .explanation-content::after {
    background-color: #111;
}

.mobileApp .joinTitle__title {
    margin-bottom: 10px;
}
.mobileApp .joinTitle__sub-title {
    color: #111;
}
.mobileApp .row-btns {
    margin-top: 60px;
}
.mobileApp .row-btns [class^=btn-] {
    font-size: 18px;
    letter-spacing: -0.18px;
    color: #fff;
    padding: 0 58px;
}

.page-gallery h3 {
    font-size: 32px;
    margin: 60px 0;
    text-align: center;
}
.page-gallery .tab-wrap.type1 {
    margin-bottom: 60px;
}
.page-gallery .detail-gallery-wrap .gallery-wrap {
    display: flex;
    flex-wrap: wrap;
}
.page-gallery .detail-gallery-wrap .gallery-wrap .box {
    flex: 0 0 282px;
    margin-bottom: 30px;
    margin-right: 24px;
}
.page-gallery .detail-gallery-wrap .gallery-wrap .box:nth-child(4n) {
    margin-right: 0;
}
.page-gallery .detail-gallery-wrap .gallery-wrap .box img {
    width: 100%;
}
.page-gallery .gallery-detail-top {
    display: flex;
    justify-content: space-between;
    padding-bottom: 40px;
    margin-bottom: 40px;
    border-bottom: 1px solid #ccc;
}
.page-gallery .gallery-detail-top .txt-wrap {
    flex: 0 0 95%;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.page-gallery .gallery-detail-top h4 {
    font-size: 28px;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.page-gallery .gallery-detail-top .eng {
    font-size: 24px;
    color: #666;
    margin-top: 10px;
}
.page-gallery.gallery01 .img-wrap {
    position: relative;
    margin-bottom: 150px;
}
.page-gallery.gallery01 .img-wrap .desc {
    position: absolute;
    left: 80px;
    bottom: -90px;
    padding: 40px;
    background-color: #fff;
}
.page-gallery.gallery01 .img-wrap .desc p {
    font-size: 20px;
    line-height: 28px;
}
.page-gallery.gallery01 .img-wrap .desc p strong {
    display: block;
    font-size: 24px;
    margin-bottom: 10px;
}
.page-gallery.gallery01 .txt-wrap .info + .info {
    margin-top: 60px;
}
.page-gallery.gallery01 .txt-wrap .info * {
    font-size: 20px;
    line-height: 26px;
}
.page-gallery.gallery01 .txt-wrap .info h4 {
    font-size: 24px;
    margin-bottom: 15px;
}
.page-gallery.gallery01 .txt-wrap .info .ref {
    font-size: 18px;
    color: #666;
}
.page-gallery.gallery01 .txt-wrap .info .dl-cont dl {
    display: flex;
}
.page-gallery.gallery01 .txt-wrap .info .dl-cont dl + dl {
    margin-top: 10px;
}
.page-gallery.gallery01 .txt-wrap .info .dl-cont dt {
    flex: 0 0 135px;
}
.page-gallery.gallery01 .txt-wrap .info .dl-cont dd {
    font-weight: 500;
}
.page-gallery.gallery01 .txt-wrap .info .email {
    text-decoration: underline;
}
.page-gallery.gallery01 .txt-wrap .info .map {
    display: block;
    margin-top: 60px;
}
.page-gallery.gallery01 .txt-wrap .info .link {
    display: inline-block;
    color: #666;
    line-height: 20px;
    margin-left: 30px;
}
.page-gallery.gallery01 .txt-wrap .info .link::after {
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    background-color: #666;
}
.page-gallery.gallery02 .top-cont a {
    display: block;
}
.page-gallery.gallery02 .top-cont a img {
    width: 100%;
}
.page-gallery.gallery02 .mid-cont .subtit {
    font-size: 24px;
    margin: 60px 0 30px;
}
.page-gallery.gallery02 .mid-cont .masonry-list-row {
    overflow: hidden;
    margin: -73px 0 0 -44px;
}
.page-gallery.gallery02 .mid-cont .masonry-list-row .masonry-item {
    float: left;
    margin: 73px 0 0 44px;
}
.page-gallery.gallery02 .mid-cont .masonry-list-row .masonry-item .img {
    border-radius: 7px;
}
.page-gallery.gallery02 .mid-cont .masonry-list-row .masonry-item .desc {
    margin-top: 15px;
}
.page-gallery.gallery02 .mid-cont .masonry-list-row .masonry-item .desc .txt p {
    max-height: 50px;
    display: block;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    font-size: 18px;
    font-weight: 500;
    line-height: 25px;
}
.page-gallery.gallery02 .mid-cont .masonry-list-row .masonry-item .desc .info-list p {
    font-size: 14px;
    margin-top: 5px;
}
.page-gallery.gallery02 .mid-cont .more-btn {
    margin-top: 64px;
}
.page-gallery.gallery02-detail .top-cont {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.page-gallery.gallery02-detail .top-cont h4 {
    flex: 0 0 95%;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 28px;
}
.page-gallery.gallery02-detail .mid-cont {
    margin-top: 20px;
}
.page-gallery.gallery02-detail .mid-cont > .img-wrap img {
    width: 100%;
}
.page-gallery.gallery02-detail .mid-cont > .txt-wrap {
    margin-top: 60px;
}
.page-gallery.gallery02-detail .mid-cont .detail-gallery-wrap .btn-red-lg {
    display: block;
    width: 210px;
    margin: 30px auto 0;
}
.page-gallery.gallery02-detail .bottom-cont {
    margin-top: 80px;
    padding: 60px;
}
.page-gallery.gallery02-detail .bottom-cont .l-grid {
    position: relative;
    padding: 0 80px;
    overflow: hidden;
}
.page-gallery.gallery02-detail .bottom-cont .swiper-slide .img-wrap img {
    width: 100%;
}
.page-gallery.gallery02-detail .bottom-cont .swiper-slide .txt-wrap {
    margin-top: 15px;
}
.page-gallery.gallery02-detail .bottom-cont .swiper-slide .txt-wrap span {
    display: block;
}
.page-gallery.gallery02-detail .bottom-cont .swiper-slide .txt-wrap span:first-child {
    max-height: 50px;
    font-size: 18px;
    font-weight: 500;
    line-height: 25px;
    display: block;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.page-gallery.gallery02-detail .bottom-cont .swiper-slide .txt-wrap span:last-child {
    font-size: 14px;
    margin-top: 5px;
}
.page-gallery.gallery02-detail .bottom-cont .swiper-button-prev,
.page-gallery.gallery02-detail .bottom-cont .swiper-button-next {
    top: 70px;
    width: 50px;
    height: 50px;
    background: url("../img/ico/ico_gallery_detail_swiper_arrow.svg") no-repeat center;
    margin: 0;
}
.page-gallery.gallery02-detail .bottom-cont .swiper-button-prev {
    left: 0;
}
.page-gallery.gallery02-detail .bottom-cont .swiper-button-next {
    right: 0;
    transform: scale(-1);
}
.page-gallery.gallery03 .consonant + .consonant {
    margin-top: 20px;
}
.page-gallery.gallery03 .consonant .sort {
    font-size: 26px;
    line-height: 38px;
    font-weight: 500;
}
.page-gallery.gallery03 .consonant .gallery-wrap {
    display: flex;
    flex-wrap: wrap;
    margin-top: 20px;
}
.page-gallery.gallery03 .consonant .gallery-wrap > a {
    flex: 0 0 276px;
    margin-bottom: 60px;
    margin-right: 32px;
}
.page-gallery.gallery03 .consonant .gallery-wrap > a:nth-child(4n) {
    margin-right: 0;
}
.page-gallery.gallery03 .consonant .gallery-wrap > a .img-wrap img {
    width: 100%;
}
.page-gallery.gallery03 .consonant .gallery-wrap > a .txt-wrap {
    margin-top: 15px;
}
.page-gallery.gallery03 .consonant .gallery-wrap > a .txt-wrap span {
    display: block;
}
.page-gallery.gallery03 .consonant .gallery-wrap > a .txt-wrap span.name {
    font-size: 18px;
    font-weight: 500;
}
.page-gallery.gallery03 .consonant .gallery-wrap > a .txt-wrap span.gallery-tit {
    font-size: 14px;
    margin-top: 5px;
}
.page-gallery.gallery03-detail .mid-cont h5 {
    font-size: 24px;
    margin-bottom: 40px;
}
.page-gallery.gallery03-detail .mid-cont .dl-cont dl {
    display: flex;
}
.page-gallery.gallery03-detail .mid-cont .dl-cont dl + dl {
    margin-top: 30px;
}
.page-gallery.gallery03-detail .mid-cont .dl-cont dl dt {
    flex: 0 0 180px;
    font-size: 20px;
    font-weight: 500;
}
.page-gallery.gallery03-detail .mid-cont .dl-cont dl dd {
    font-size: 18px;
    line-height: 28px;
}
.page-gallery.gallery03-detail .detail-gallery-wrap .btn-white-md.line {
    display: block;
    min-width: 120px;
    width: 120px;
    margin: 30px auto 0;
}
.page-gallery.gallery04 .top-cont .txt {
    font-size: 24px;
    line-height: 32px;
    font-weight: 700;
    margin-top: 20px;
}
.page-gallery.gallery04 .bottom-cont {
    margin-top: 60px;
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
}
.page-gallery.gallery04 .bottom-cont a {
    flex: 0 0 282px;
    margin-right: 24px;
}
.page-gallery.gallery04 .bottom-cont a:nth-child(n+5) {
    margin-top: 32px;
}
.page-gallery.gallery04 .bottom-cont a:nth-child(4n) {
    margin-right: 0;
}
.page-gallery.gallery04 .bottom-cont a img {
    width: 100%;
}
.page-gallery.gallery04 .bottom-cont a .txt {
    max-height: 56px;
    display: block;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    font-size: 20px;
    line-height: 28px;
    font-weight: 500;
    margin-top: 20px;
}
.page-gallery.gallery04-detail .edit-wrap {
    padding-bottom: 40px;
    border-bottom: 1px solid #ccc;
}
.page-gallery.gallery04-detail .row-btns a {
    min-width: 120px;
}
.page-gallery.goods .tab-wrap.type2 {
    justify-content: center;
}
.page-gallery.goods .swiper-container iframe {
    width: 1200px;
    height: 464px;
    border: 0;
}
.page-gallery.goods .swiper-container img {
    width: 100%;
}
.page-gallery.goods .swiper-container .swiper-pagination {
    position: static;
}
.page-gallery.goods .swiper-container .swiper-pagination-bullets {
    margin-top: 30px;
}
.page-gallery.goods .swiper-container .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
}
.page-gallery.goods .swiper-container .swiper-pagination-bullet-active {
    background: #dc000c;
}
.page-gallery.goods .img-wrap {
    margin-bottom: 60px;
}
.page-gallery.goods .last-goods strong {
    font-size: 24px;
}
.page-gallery.goods .last-goods .tit {
    font-size: 20px;
    font-weight: 500;
    margin-top: 20px;
}

.magazine-gallery .page-title {
    margin: 60px 0;
    font-size: 32px;
    font-weight: bold;
    text-align: center;
    line-height: 40px;
    letter-spacing: -0.32px;
}
.magazine-gallery .post-search-wrap {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 40px;
}
.magazine-gallery .post-search-wrap .total {
    font-size: 18px;
    font-weight: 500;
    line-height: 26px;
    letter-spacing: -0.18px;
}
.magazine-gallery .post-search-wrap .inp-wrap .select-wrap {
    min-width: 158px;
}
.magazine-gallery .masonry-list-row {
    overflow: hidden;
    margin: -40px 0 0 -24px;
}
.magazine-gallery .masonry-item {
    overflow: hidden;
    position: relative;
    float: left;
    width: 282px;
    margin: 40px 0 0 24px;
    border: 1px solid #e6e6e6;
    border-radius: 7px;
}
.magazine-gallery .masonry-item .img {
    min-height: 74px;
}
.magazine-gallery .masonry-item .img > img {
    width: 100%;
}
.magazine-gallery .masonry-item .desc {
    padding: 30px 20px;
}
.magazine-gallery .masonry-item .badge {
    font-size: 18px;
    font-weight: 500;
    line-height: 26px;
    letter-spacing: -0.18px;
    color: #dc000c;
}
.magazine-gallery .masonry-item .tit {
    max-height: 52px;
    margin-top: 10px;
    font-size: 16px;
    line-height: 26px;
    letter-spacing: -0.16px;
    display: block;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.magazine-gallery .masonry-item .tit:hover {
    text-decoration: underline;
}
.magazine-gallery .masonry-item .btn-like {
    position: absolute;
    right: 15px;
    bottom: 164px;
    width: 45px;
    height: 45px;
    padding: 0;
    background-image: url("../img/ico/icon_like_off.png");
    background-repeat: no-repeat;
    background-position: center center;
}
.magazine-gallery .masonry-item .btn-like.on {
    background-image: url("../img/ico/icon_like_on.png");
    animation: btnToggle 0.3s ease-in;
}
.magazine-gallery .detail-top {
    padding: 20px 0 15px 0;
    border-top: 1px solid #111;
}
.magazine-gallery .detail-cont {
    padding: 40px 0;
    border-top: 1px solid #e6e6e6;
    border-bottom: 1px solid #e6e6e6;
}
.magazine-gallery .post-info-box .post-info {
    display: flex;
    justify-content: space-between;
}
.magazine-gallery .post-info-box .badge-red {
    min-width: 72px;
    margin: 0 7px 4px 0;
}
.magazine-gallery .post-info-box .tit {
    display: inline-block;
    color: #000;
    font-size: 20px;
    font-weight: 500;
    line-height: 1.5;
    letter-spacing: -0.2px;
    vertical-align: middle;
}
.magazine-gallery .post-info-box .date {
    display: inline-block;
    margin-top: 12px;
    font-size: 16px;
    line-height: 1.56;
    color: #666;
}
.magazine-gallery .post-btns {
    display: flex;
    align-items: center;
    margin-top: 1px;
}
.magazine-gallery .post-btns .btns-box {
    position: relative;
    margin-right: 20px;
    padding-right: 20px;
}
.magazine-gallery .post-btns .btns-box::after {
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    width: 1px;
    height: 18px;
    background-color: #ccc;
    transform: translateY(-50%);
}
.magazine-gallery .post-btns .btn-like-box {
    display: flex;
    align-items: center;
    padding: 0;
}
.magazine-gallery .post-btns .btn-like-box .btn-like {
    width: 32px;
    height: 32px;
    background-image: url("../img/ico/ico_heart_off.svg");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 24px;
}
.magazine-gallery .post-btns .btn-like-box .btn-like.on {
    background-image: url("../img/ico/ico_heart_on.svg");
    animation: btnToggle 0.3s ease-in;
}
.magazine-gallery .post-btns .btn-like-box > span {
    font-size: 20px;
    font-weight: 500;
    line-height: 1.5;
    letter-spacing: -0.2px;
    color: #000;
}
.magazine-gallery .more-btn {
    margin-top: 64px;
}
.magazine-gallery .list-btn {
    min-width: 150px;
    height: 50px;
    margin-top: 40px;
    color: #dc000c;
    font-size: 15px;
    line-height: 50px;
    border: 1px solid #dc000c;
    border-radius: 25px;
}
@keyframes btnToggle {
    0% {
        opacity: 0;
        transform: scale(0.8);
    }
    50% {
        opacity: 0.5;
        transform: scale(1.1);
    }
    100% {
        opacity: 1;
        transform: scale(1);
    }
}

.headerBaner {
    width: 100%;
    overflow: hidden;
    height: 440px;
    position: relative;
}
.headerBaner__img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: -1;
}
.headerBaner__inner {
    max-width: 1200px;
    margin: 0 auto;
    height: 100%;
}
.headerBaner__content {
    height: 100%;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    flex-direction: column;
}
.headerBaner__content-title {
    font-size: 50px;
    font-weight: 500;
    line-height: 0.96;
    letter-spacing: -0.5px;
    margin-bottom: 15px;
}
.headerBaner__content-text {
    font-size: 22px;
    font-weight: 500;
    line-height: 1.45;
    letter-spacing: -0.22px;
}

.explanation.box {
    padding: 46px 40px 47px 40px;
    border-radius: 10px;
    background-color: #f9f9f9;
}

.voiceCustomer__mainLink {
    margin-top: 60px;
}
.voiceCustomer__mainLink-list {
    margin: 0 190px;
    display: flex;
    justify-content: space-between;
    margin-bottom: 50px;
}
.voiceCustomer__mainLink-box {
    display: flex;
    align-items: center;
}
.voiceCustomer__mainLink-icon {
    width: 80px;
    height: 80px;
}
.receipt .voiceCustomer__mainLink-icon {
    background: url("../img/ico/voiceCustomer__mainLink1.png");
}
.confirm .voiceCustomer__mainLink-icon {
    background: url("../img/ico/voiceCustomer__mainLink2.png");
}
.voiceCustomer__mainLink-text {
    font-size: 24px;
    font-weight: 500;
    line-height: 2;
    letter-spacing: -0.24px;
    color: #111;
    margin-left: 30px;
    display: flex;
    align-items: center;
}
.voiceCustomer__mainLink-text::after {
    content: "";
    display: block;
    position: relative;
    width: 20px;
    height: 20px;
    margin-left: 10px;
    background: url("../img/ico/voiceCustomer__mainLink_btn.png");
}
.voiceCustomer__mainUser {
    margin-top: 120px;
}
.voiceCustomer__mainUser-list {
    display: flex;
}
.voiceCustomer__mainUser-item {
    flex: 0 0 570px;
    margin-right: auto;
}
.voiceCustomer__mainUser-item:last-child {
    margin-right: 0;
}
.voiceCustomer__mainUser-header {
    font-size: 28px;
    font-weight: 500;
    line-height: 1.71;
    letter-spacing: -0.28px;
    color: #111;
    padding-bottom: 15px;
    position: relative;
}
.voiceCustomer__mainUser-header::after {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 3px;
    background-color: #000;
    bottom: 0;
    left: 0;
}
.voiceCustomer__mainUser-content {
    margin-top: 30px;
}
.voiceCustomer__mainUser-content-line {
    margin-top: 30px;
}
.voiceCustomer__mainUser-content-line:first-child {
    margin-top: 0;
}
.voiceCustomer__mainUser-content-text {
    font-size: 18px;
    font-weight: normal;
    line-height: 1.44;
    letter-spacing: -0.18px;
    color: #111;
}
.voiceCustomer__mainUser-content-box {
    display: flex;
    margin-top: 15px;
}
.voiceCustomer__mainUser-content-call {
    font-size: 20px;
    font-weight: 500;
    letter-spacing: normal;
    color: #111;
}
.voiceCustomer__mainUser-content-info {
    font-size: 14px;
    font-weight: normal;
    line-height: 1.57;
    letter-spacing: -0.14px;
    color: #666;
    margin-left: 17px;
}
.voiceCustomer__mainUser [class^=btn-] {
    margin-top: 40px;
}

/* fulltab */
.fulltab {
    width: 100%;
    height: 60px;
}
.fulltab .tapLink {
    width: 100%;
    height: 100%;
}
.fulltab .tapLink__item {
    flex: 1 0 50%;
    border: solid 1px #e6e6e6;
    box-sizing: content-box;
}
.fulltab .tapLink__item a, .fulltab .tapLink__item span {
    padding: 0;
    width: 100%;
    height: 100%;
    display: block;
    text-align: center;
    line-height: 60px;
    color: #000;
}
.fulltab .tapLink__item.on {
    background-color: #dc000c;
    border: solid 1px #dc000c;
}
.fulltab .tapLink__item.on a, .fulltab .tapLink__item.on span {
    color: #fff;
}
.fulltab .tapLink__item:first-child::after {
    display: none;
}

/* necessary * */
.table-list-wrap .tr .th .tit.necessary {
    position: relative;
}

.table-list-wrap .tr .th .tit.necessary::after {
    content: "*";
    display: block;
    position: absolute;
    font-size: 16px;
    line-height: 1.38;
    letter-spacing: -0.16px;
    color: #dc000c;
    right: -13px;
    top: 0;
}

/*
full-td : input영역 full로 채우기 .td에 class="full-td" 추가
하단의 안내 문구
*/
.joinMembershipForm__line .table-list-wrap .tr .td.full-td {
    position: relative;
    flex: 0 0 1000px;
}

.under-txt {
    color: #666;
    max-width: none;
}

.table-list-wrap .tr .td.full-td .under-txt {
    position: absolute;
    left: 0;
    bottom: -5px;
}
.table-list-wrap .tr .td.full-td .under-txt span {
    font-weight: 500;
    color: #111;
}

.table-list-wrap .tr .td.full-td .inp-wrap input {
    flex: 0 0 100%;
    max-width: 100%;
}

/* text-area css */
.text-area {
    width: 1000px;
    height: 240px;
    padding: 20px 20px 41px;
    border-radius: 4px;
    border: solid 1px #e6e6e6;
    font-size: 15px;
    font-weight: normal;
    line-height: 1.47;
    letter-spacing: -0.15px;
    color: #000;
    resize: none;
}

.text-area::placeholder {
	font-size:13px;
	color:#999999;
	line-height:22px;
}

.text-area.text-area2 {
	padding: 22px 20px;
	height:260px;
}

.table-list-wrap .tr .th.aline-start {
    align-self: flex-start;
    margin-top: 11px;
}

.input282 input[type=text], .input282 input[type=tel], .input282 input[type=password] {
    flex: 0 0 282px !important;
    width: 282px;
    max-width: 282px !important;
}

.input120 input[type=text], .input120 input[type=tel], .input120 input[type=password] {
    flex: 0 0 120px !important;
    width: 120px;
    max-width: 120px !important;
}

/* input box 260px일 때 */
.input260 .select-wrap {
    width: 260px !important;
    min-width: 260px !important;
}

.input260 .inp-wrap {
    width: 260px;
    white-space: nowrap;
}

.input260 input[type=text], .input260 input[type=tel], .input260 input[type=password] {
    flex: 0 0 260px !important;
    width: 260px;
    max-width: 260px !important;
}

/* input box 560px일 때 */
.input560 .select-wrap,
.input560 .inp-wrap {
    width: 560px !important;
    max-width: 560px !important;
}

.input560 input[type=text], .input560 input[type=tel], .input560 input[type=password] {
    flex: 0 0 560px !important;
    width: 560px;
    max-width: 560px !important;
}

/* 첨부파일 */
.attachments {
    display: flex;
}
.attachments__input {
    width: 100%;
    min-height: 42px;
    font-size: 15px;
    padding: 0px 10px;
    color: #111;
    background-color: #fff;
    border: 1px solid #e6e6e6;
    border-radius: 4px;
    vertical-align: middle;
}
.attachments__list {
    height: 100%;
}
.attachments__list {
    display: flex;
    padding: 10px 0;
    flex-wrap: wrap;
}
.attachments__item {
    display: flex;
    align-items: center;
    margin-right: 20px;
}
.attachments__item-title {
    font-size: 13px;
    font-weight: normal;
    line-height: 1.69;
    letter-spacing: -0.13px;
    color: #000;
}
.attachments__item-btn {
    margin-left: 5px;
    width: 15px;
    height: 15px;
    background: url("../img/ico/ico_close1.svg") no-repeat center/100%;
}
.attachments [class^=btn-] {
    min-width: 120px;
    height: 45px;
    font-size: 15px;
    line-height: 1.47;
    letter-spacing: -0.15px;
    color: #000;
    margin-left: 10px;
}

.customer .attachments__input {
    width: 560px;
}

.customerAgreement__info {
    padding: 30px;
    border-radius: 8px;
    border: solid 1px #e6e6e6;
    margin-bottom: 20px;
}
.customerAgreement__info-text {
    font-size: 15px;
    font-weight: normal;
    line-height: 1.53;
    letter-spacing: -0.15px;
    color: #111;
    margin-bottom: 20px;
}
.customerAgreement__info-text:last-child {
    margin-bottom: 0;
}
.customerAgreement__info-text .underline {
    text-decoration: underline;
}
.customerAgreement__check {
    padding-bottom: 24px;
    position: relative;
}
.customerAgreement .checkbox {
    font-size: 16px;
    color: #000;
    line-height: 1;
}
.customerAgreement p[class$=-txt] {
    margin-left: 28px;
    position: absolute;
    left: 0;
    bottom: 0;
}

.customer .table-list-wrap .tr .td {
    padding: 20px 0;
}
.customer .joinMembershipForm p[class$=-txt] {
    max-width: none;
}
.customer .table-list-wrap .tr .th.aline-start {
    margin-top: 20px;
}
.customer .joinMembershipForm__line {
    margin-top: 70px;
}
.customer .explanation .explanation-content {
    font-size: 13px;
    line-height: 1.69;
    letter-spacing: -0.13px;
}
.customer .explanation .explanation-content span {
    font-weight: 500;
    color: #111;
}
.customer .top-title-wrap {
    margin-bottom: 25px;
}
.customer__btn {
    margin-top: 50px;
}
.customer__btn.row-btns [class^=btn] {
    font-size: 18px;
    font-weight: normal;
    letter-spacing: -0.18px;
    width: 180px;
}
.customer .row-btns .col + .col {
    margin-left: 20px;
}

.anonymous .shapeCheckbox {
    margin-left: 10px;
}

.tr.anonymousCheck-on,
.joinMembershipForm__line.anonymousCheck-on {
    display: none;
}

.security-img img {
    height: 42px;
}
.security-btn-group {
    display: flex;
    margin-left: 10px;
}
.security-btn-group .btn-white-square-sm2:not(:last-child) {
    margin-right: 10px;
}
.security-btn-group .btn-white-square-sm2 {
    position: relative;
    min-width: 42px;
    width: 42px;
    border-color: #e6e6e6 !important;
}
.security-btn-group .btn-white-square-sm2 .ico_reset_black {
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 16px;
    height: 16px;
    background: url("../img/ico/ico_reset_black.svg") no-repeat center center;
}
.security-btn-group .btn-white-square-sm2 .ico_voice {
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 16px;
    height: 16px;
    background: url("../img/ico/ico_voice.svg") no-repeat center center;
}
.security-input {
    display: flex;
    align-items: center;
    margin-left: 10px;
}
.security-input input {
    max-width: 187px !important;
}
.security-input .btn-white-square-sm2 {
    width: 80px;
    min-width: 80px;
    margin-left: 10px;
}
.security-input .err-txt {
    margin-left: 10px;
}

.voiceCustomerComplete__info {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 40px;
}
.voiceCustomerComplete__info-title {
    font-size: 22px;
    font-weight: 500;
    line-height: 2.18;
    letter-spacing: -0.22px;
    color: #666;
}
.voiceCustomerComplete__info-text {
    font-size: 24px;
    font-weight: 500;
    line-height: 2;
    letter-spacing: normal;
    color: #111;
    margin-left: 20px;
}

.voiceCustomerComplete .joinList {
    margin-top: 40px;
}
.voiceCustomerComplete .joinList__list {
    justify-content: center;
}
.voiceCustomerComplete .joinList__item {
    width: 800px;
    height: 438px;
    padding: 60px 52px 50px 52px;
}
.voiceCustomerComplete .joinList__button [class^=btn-] {
    min-width: 210px;
    height: 60px;
    line-height: 60px;
}
.voiceCustomerComplete .joinList__button {
    margin-bottom: 60px;
}

.voiceCustomerConfirm__input {
    width: 368px;
    margin: 0 auto;
    margin-top: 60px;
    margin-bottom: 40px;
}
.voiceCustomerConfirm__input-item {
    margin-top: 15px;
    display: flex;
    align-items: center;
}
.voiceCustomerConfirm__input-item:first-child {
    margin-top: 0;
}
.voiceCustomerConfirm__input-lable {
    font-size: 16px;
    font-weight: normal;
    line-height: 2.13;
    letter-spacing: -0.16px;
    text-align: center;
    color: #111;
    flex-shrink: 0;
    margin-right: 30px;
}
.voiceCustomerConfirm [class^=btn-] {
    min-width: 160px;
    height: 55px;
    line-height: 55px;
    font-size: 18px;
    line-height: 1.22;
    letter-spacing: -0.18px;
}
.voiceCustomerConfirm .inp-wrap {
    flex-grow: 1;
}

.voiceCustomerResult .joinTitle__title {
    margin-bottom: 0;
}
.voiceCustomerResult .userInfoList__list {
    width: 800px;
    padding: 50px;
    margin-top: 60px;
}
.voiceCustomerResult .userInfoList__title {
    font-size: 18px;
    line-height: 1.56;
    letter-spacing: -0.18px;
    flex: 0 0 85px;
}
.voiceCustomerResult .userInfoList__text {
    flex: 1 0 555px;
    font-size: 18px;
    line-height: 1.56;
    letter-spacing: -0.18px;
    margin-left: 44px;
}
.voiceCustomerResult .userInfoList__text.color-point {
    color: #2986ff;
}
.voiceCustomerResult .userInfoList__line {
    margin-bottom: 30px;
}
.voiceCustomerResult .userInfoList__line:last-child {
    margin-bottom: 0;
}
.voiceCustomerResult .userInfoList__title::after {
    top: 10.5px;
}

.page-terms h3 {
    font-size: 28px;
    font-weight: 500;
    margin: 60px 0 40px;
    text-align: center;
}
.page-terms h5 {
    font-weight: 500;
    margin: 30px 0 5px;
}
.page-terms caption {
    display: none;
}
.page-terms .terms-wrap {
    padding: 30px;
    border: 1px solid #e6e6e6;
}
.page-terms .terms-wrap > div {
    display: none;
}
.page-terms .terms-wrap > div.on {
    display: block;
}
.page-terms .terms-wrap * {
    font-size: 14px;
    color: #000;
    line-height: 24px;
}
.page-terms .terms-wrap h4.tit,
.page-terms .terms-wrap dt.tit {
    font-weight: 500;
    margin-top: 30px;
    margin-bottom: 5px;
}
.page-terms .terms-wrap .order_list ul {
    text-indent: 10px;
}
.page-terms .terms-wrap .order_list .text_link {
    text-decoration: underline;
}
.page-terms .terms-wrap .list_policy {
    margin-top: 15px;
    padding: 20px 0;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
}
.page-terms .terms-wrap .table-box {
    overflow: hidden;
}
.page-terms .terms-wrap .table-box table {
    width: calc(100% + 2px);
    margin-left: -1px;
    margin-right: -1px;
}
.page-terms .terms-wrap .table-box table.col th, .page-terms .terms-wrap .table-box table.col td {
    border: 1px solid #e6e6e6;
}
.page-terms .terms-wrap table {
    text-align: center;
    border-top: 1px solid #e6e6e6;
    margin: 20px 0;
}
.page-terms .terms-wrap table.col th:last-child {
    border-right: 0;
}
.page-terms .terms-wrap table.row td {
    text-align: left;
    padding: 20px;
}
.page-terms .terms-wrap table th {
    line-height: 20px;
    font-weight: 400;
    padding: 20px 0;
    background-color: #f9f9f9;
    border-bottom: 1px solid #e6e6e6;
    border-right: 1px solid #e6e6e6;
}
.page-terms .terms-wrap table td {
    line-height: 20px;
    padding: 20px 10px;
    border-bottom: 1px solid #e6e6e6;
    border-right: 1px solid #e6e6e6;
}
.page-terms .terms-wrap table td:last-child {
    border-right: 0;
}
.page-terms .select-wrap {
    width: 220px;
}

.personal-terms {
    padding: 0 40px;
}
.personal-terms .table-layout .tr .th, .personal-terms .table-layout .tr .td {
    height: 46px;
}

.tab-wrap.type3 {
    display: flex;
}
.tab-wrap.type3 li + li {
    margin-left: 35px;
}
.tab-wrap.type3 li:first-child a {
    padding-left: 0;
}
.tab-wrap.type3 li:first-child::before {
    display: none;
}
.tab-wrap.type3 li a {
    display: block;
    padding: 0 0 10px;
    font-size: 18px;
    color: #999;
}
.tab-wrap.type3 li.on {
    border-bottom: 5px solid #dc000c;
}
.tab-wrap.type3 li.on a {
    font-weight: 500;
    color: #000;
}

.integrate-search-wrap {
    position: relative;
}
.integrate-search-wrap .inner {
    position: relative;
}
.integrate-search-wrap .inner .inp-wrap.del .del {
    top: 20px;
    right: 54px;
    width: 24px;
    height: 24px;
    background: url("../img/ico/ico_inp_delete24x24.svg") no-repeat center center;
}
.integrate-search-wrap .inner .inp-wrap.del .del.on {
    display: block;
}
.integrate-search-wrap .inner input[type=text] {
    height: 53px;
    padding: 0 100px 8px 20px;
    border-radius: 0;
    border: 0;
    border-bottom: 3px solid #111;
    font-weight: 500;
    font-size: 34px;
    color: #111;
}
.integrate-search-wrap .inner input[type=text]:focus + .auto-complete-wrap {
    display: block;
}
.integrate-search-wrap .inner input[type=text]::placeholder {
    font-weight: 500;
    font-size: 24px;
    color: #ccc;
}
.integrate-search-wrap .inner .srch-btn {
    position: absolute;
    right: 5px;
    top: 9px;
    width: 24px;
    height: 24px;
    background: url("../img/ico/ico_search_1.svg") no-repeat center top/24px 24px;
}
.integrate-search-wrap .inner .search-txt-wrap {
    display: flex;
    justify-content: space-between;
    margin-top: 28px;
}
.integrate-search-wrap .inner .search-txt-wrap .search-txt-tit {
    flex: 0 0 105px;
    font-size: 15px;
    color: #666;
}
.integrate-search-wrap .inner .search-txt-wrap .search-txt-list {
    width: calc(100% - 105px);
}
.integrate-search-wrap .inner .search-txt-wrap .search-txt-list .search-txt-item {
    display: inline-block;
    margin: 0 16px 10px 0;
    font-size: 15px;
    font-family: "Roboto";
}
.integrate-search-wrap .auto-complete-wrap {
    display: none;
    overflow-y: auto;
    position: absolute;
    left: 0;
    top: 53px;
    max-height: 480px;
    z-index: 2;
    width: 100%;
    border: 1px solid #e6e6e6;
    border-top: none;
}
.integrate-search-wrap .auto-complete-wrap.on {
    display: block;
}
.integrate-search-wrap .auto-complete-wrap ul {
    padding: 10px 0;
    background-color: #fff;
}
.integrate-search-wrap .auto-complete-wrap li button {
    width: 100%;
    padding: 9px 20px;
    font-size: 18px;
    text-align: left;
}
.integrate-search-wrap .auto-complete-wrap li + li {
    margin-top: 4px;
}

.integrate-search-wrap {
    width: 800px;
    margin: 100px auto 0;
}
.integrate-search .tab-wrap {
    margin-top: 126px;
}
.integrate-search .tab-wrap.type3 {
    margin-top: 0;
}
.integrate-search .tab-wrap li a {
    font-size: 18px;
}
.integrate-search .tab-cont {
    margin-top: 40px;
}
.integrate-search .tab-cont .result-filter .inp-wrap {
    margin-left: auto;
}
.integrate-search .tab-cont.notice .result-filter .inp-wrap {
    margin-left: auto;
}
.integrate-search .table-layout .tr .td.tit {
    text-align: left;
    padding-left: 20px;
}
.integrate-search .result-wrap .result-filter {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.integrate-search .result-wrap .result-filter .length {
    font-weight: 500;
    font-size: 18px;
    line-height: 26px;
}
.integrate-search .result-wrap .inp-wrap {
    width: 240px;
}
.integrate-search .result-wrap input[type=text] {
    height: 29px;
    padding: 0 30px 6px 0;
    border: 0;
    border-radius: 0;
    border-bottom: 1px solid #000;
    font-size: 15px;
    color: #111;
}
.integrate-search .result-wrap input[type=text]:focus + .auto-complete-wrap {
    display: block;
}
.integrate-search .result-wrap input[type=text]::placeholder {
    font-size: 15px;
    color: #999;
    font-weight: 400;
}
.integrate-search .result-wrap .srch-btn {
    position: absolute;
    right: 0;
    top: 0;
    width: 22px;
    height: 22px;
    background: url("../img/ico/ico_search_1.svg") no-repeat center top/22px 22px;
}
.integrate-search .result-contents {
    margin-top: 65px;
}
.integrate-search .result-contents .list {
    position: relative;
}
.integrate-search .result-contents .list.page-company-notice .table-layout tr td.tit a:hover {
    text-decoration: underline;
}
.integrate-search .result-contents .list + .list {
    margin-top: 120px;
}
.integrate-search .result-contents .list strong.tit {
    display: block;
    font-size: 28px;
    text-align: center;
}
.integrate-search .result-contents .list .sub-tit {
    display: block;
    margin-top: 80px;
    font-size: 24px;
    text-align: center;
}
.integrate-search .result-contents .list .visit {
    position: absolute;
    right: 0;
    top: 10px;
    padding-left: 22px;
    background: url("../img/common/ico_plus.svg") no-repeat left top 3px;
}
.integrate-search .result-contents .list .visit:hover {
    text-decoration: underline;
}
.integrate-search .result-contents .list .name:hover {
    text-decoration: underline;
}
.integrate-search .result-contents .list .info > .box-white-line {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    border-radius: 15px;
    overflow: hidden;
    border-color: #e6e6e6;
}
.integrate-search .result-contents .list .info > .box-white-line > .inner {
    position: relative;
    height: 360px;
    padding: 63px 40px 0;
    text-align: center;
    border: 1px solid #e6e6e6;
    box-sizing: border-box;
}
.integrate-search .result-contents .list .info > .box-white-line > .inner:nth-child(4n) {
    border-right: none;
}
.integrate-search .result-contents .list .info > .box-white-line > .inner {
    border-left: none;
}
.integrate-search .result-contents .list .info > .box-white-line > .inner:nth-child(1), .integrate-search .result-contents .list .info > .box-white-line > .inner:nth-child(2), .integrate-search .result-contents .list .info > .box-white-line > .inner:nth-child(3), .integrate-search .result-contents .list .info > .box-white-line > .inner:nth-child(4) {
    border-top: none;
}
.integrate-search .result-contents .list .info > .box-white-line .img {
    margin: 0 auto;
    width: 240px;
    height: 160px;
}
.integrate-search .result-contents .list .info > .box-white-line .img img {
    max-width: 100%;
}
.integrate-search .result-contents .list .info > .box-white-line .badge-list {
    position: absolute;
    left: 18px;
    top: 19px;
    padding: 0;
    min-width: auto;
}
.integrate-search .result-contents .list .info > .box-white-line .hover-wrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    width: 100%;
    height: 78%;
    padding-top: 30px;
    border-radius: 15px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    background-color: rgba(255, 255, 255, 0.9);
    transition: opacity 0.3s ease-in;
    opacity: 0;
    cursor: pointer;
}
.integrate-search .result-contents .list .info > .box-white-line .hover-wrap:hover {
    opacity: 1;
}
.integrate-search .result-contents .list .info > .box-white-line .hover-wrap:hover ~ .txt-wrap .tit {
    text-decoration: underline;
}
.integrate-search .result-contents .list .info > .box-white-line .hover-wrap [class^=btn-] {
    display: block;
    width: 130px;
    min-width: 130px !important;
    padding: 0 20px;
    font-size: 16px;
}
.integrate-search .result-contents .list .info > .box-white-line .hover-wrap [class^=btn-] + [class^=btn-] {
    margin-top: 10px;
}
.integrate-search .result-contents .list .info > .box-white-line .hover-wrap [class^=btn-]:after {
    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-left: 3px;
    background-size: 16px 16px;
    background-repeat: no-repeat;
    background-position: center;
    vertical-align: -1px;
}
.integrate-search .result-contents .list .info > .box-white-line .hover-wrap [class^=btn-][class*=red-]:after {
    background-image: url("../img/ico/ico_arrow_left_white_16x16.svg");
}
.integrate-search .result-contents .list .info > .box-white-line .hover-wrap [class^=btn-][class*=red-line]:after {
    background-image: url("../img/ico/ico_arrow_left_red_16x16.svg");
}
.integrate-search .result-contents .list .info > .box-white-line .txt-wrap {
    margin-top: 36px;
}
.integrate-search .result-contents .list .info > .box-white-line .txt-wrap .tit-location {
    display: flex;
    justify-content: center;
}
.integrate-search .result-contents .list .info > .box-white-line .txt-wrap .tit-location li {
    position: relative;
    font-size: 12px;
    color: #666;
}
.integrate-search .result-contents .list .info > .box-white-line .txt-wrap .tit-location li + li {
    margin-left: 10px;
    padding-left: 10px;
}
.integrate-search .result-contents .list .info > .box-white-line .txt-wrap .tit-location li + li:before {
    content: "";
    display: inline-block;
    position: absolute;
    left: -8px;
    top: 1px;
    width: 16px;
    height: 16px;
    background: url("../img/common/ico_location_arrow_right.png") no-repeat center center/16px;
}
.integrate-search .result-contents .list .info > .box-white-line .txt-wrap .tit {
    margin-top: 12px;
    font-weight: 500;
}
.integrate-search .result-contents .list .info > .box-white-line .txt-wrap .tit:hover {
    text-decoration: underline;
}
.integrate-search .result-contents .list .info.img-lists-wrap .img img {
    width: 100%;
    height: 100%;
}
.integrate-search .result-contents .list .info.img-lists-wrap .lists {
    margin-top: -5px;
}
.integrate-search .result-contents .list .info.img-lists-wrap .lists.photogallery .items:nth-child(n+5) {
    margin-top: 15px;
}
.integrate-search .result-contents .list .info.img-lists-wrap .lists:after {
    content: "";
    display: block;
    clear: both;
}
.integrate-search .result-contents .list .info.img-lists-wrap .lists .items {
    float: left;
    width: 289px;
    margin: 0 0 0 14px;
}
.integrate-search .result-contents .list .info.img-lists-wrap .lists .items:nth-child(4n+1) {
    clear: both;
    margin-left: 0;
}
.integrate-search .result-contents .list .info.img-lists-wrap .lists .items:nth-child(-n+4) {
    margin-top: 0;
}
.integrate-search .result-contents .list .info.img-lists-wrap .lists .txt-wrap {
    background-color: #fdfdfd;
    padding: 28px 20px 35px;
}
.integrate-search .result-contents .list .info.img-lists-wrap .lists .txt-wrap [class^=color-] {
    text-decoration: underline;
}
.integrate-search .result-contents .list .info.img-lists-wrap .lists .tit {
    overflow: hidden;
    font-weight: 500;
    font-size: 18px;
    color: #000;
    line-height: 26px;
}
.integrate-search .result-contents .list .info.img-lists-wrap .lists .txt {
    margin-top: 9px;
    font-size: 15px;
    line-height: 23px;
    color: #666;
}
.integrate-search .result-contents .list .info.img-lists-wrap .lists .txt:hover {
    text-decoration: underline;
}
.integrate-search .result-contents .list .info.img-lists-wrap .lists .category {
    font-size: 12px;
    line-height: 20px;
    color: #666;
}
.integrate-search .result-contents .list .info.img-lists-wrap .lists .name {
    margin-top: 6px;
    font-size: 14px;
    line-height: 20px;
}
.integrate-search .result-contents .list .info.img-lists-wrap .lists .name:hover {
    text-decoration: underline;
}
.integrate-search .result-contents .list .info.img-lists-wrap .lists .explanation {
    margin-top: 8px;
}
.integrate-search .result-contents .list .info.img-lists-wrap .lists .explanation .explanation-content {
    position: relative;
    margin: 0 0;
    padding-left: 10px;
    font-weight: 400;
    font-size: 12px;
    line-height: 22px;
    color: #666;
}
.integrate-search .result-contents .list .info.img-lists-wrap .lists .explanation .explanation-content::after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 11px;
    width: 2px;
    height: 2px;
    border-radius: 100%;
    background-color: #111;
}
.integrate-search .result-contents .list.banner {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.integrate-search .result-contents .list.banner a {
    width: 580px;
}
.integrate-search .result-contents .list.banner a img {
    width: 100%;
    height: 100%;
}
.integrate-search .result-contents .list.nodata {
    padding: 75px 0 80px;
    text-align: center;
}
.integrate-search .result-contents .list.nodata .desc {
    font-weight: 500;
    font-size: 22px;
    line-height: 32px;
}
.integrate-search .result-contents .list.nodata .desc-sub {
    margin-top: 10px;
    line-height: 24px;
    color: #666;
}

.table-layout tbody td.align-left {
    padding-left: 20px;
    padding: 18px 10px;
    font-size: 16px;
}

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

.table-layout td a:hover {
    text-decoration: underline;
}

.application-lst {
    margin-top: 5px;
    line-height: 1.2em;
}
.application-lst span {
    display: inline-block;
    color: #666;
    font-family: "Roboto";
    margin-right: 20px;
}

.heading24 {
    font-size: 24px;
    font-weight: 500;
    margin-bottom: 20px;
}

.vod-list li {
    border-bottom: solid 1px #e6e6e6;
    padding: 20px 30px;
    display: flex;
    align-items: center;
}

.vod-list li:first-child {
    border-top: solid 1px #e6e6e6;
}

.vod-list li .thumb {
    flex: 0 0 120px;
}

.vod-list li .title {
    width: calc(100% - 200px);
    margin-left: 20px;
}

.vod-list li .title a:hover {
    text-decoration: underline;
}

.vod-list li .title .date {
    display: block;
    color: #666;
}

.page-terms h3 {
    font-size: 28px;
    font-weight: 500;
    margin: 60px 0 40px;
    text-align: center;
}
.page-terms h5 {
    font-weight: 500;
    margin: 30px 0 5px;
}
.page-terms caption {
    display: none;
}
.page-terms .terms-wrap {
    padding: 30px;
    border: 1px solid #e6e6e6;
}
.page-terms .terms-wrap > div {
    display: none;
}
.page-terms .terms-wrap > div.on {
    display: block;
}
.page-terms .terms-wrap * {
    font-size: 14px;
    color: #000;
    line-height: 24px;
}
.page-terms .terms-wrap h4.tit,
.page-terms .terms-wrap dt.tit {
    font-weight: 500;
    margin-top: 30px;
    margin-bottom: 5px;
}
.page-terms .terms-wrap .order_list ul {
    text-indent: 10px;
}
.page-terms .terms-wrap .order_list .text_link {
    text-decoration: underline;
}
.page-terms .terms-wrap .list_policy {
    margin-top: 15px;
    padding: 20px 0;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
}
.page-terms .terms-wrap .table-box {
    overflow: hidden;
}
.page-terms .terms-wrap .table-box table {
    width: calc(100% + 2px);
    margin-left: -1px;
    margin-right: -1px;
}
.page-terms .terms-wrap .table-box table.col th, .page-terms .terms-wrap .table-box table.col td {
    border: 1px solid #e6e6e6;
}
.page-terms .terms-wrap table {
    text-align: center;
    border-top: 1px solid #e6e6e6;
    margin: 20px 0;
}
.page-terms .terms-wrap table.col th:last-child {
    border-right: 0;
}
.page-terms .terms-wrap table.row td {
    text-align: left;
    padding: 20px;
}
.page-terms .terms-wrap table th {
    line-height: 20px;
    font-weight: 400;
    padding: 20px 0;
    background-color: #f9f9f9;
    border-bottom: 1px solid #e6e6e6;
    border-right: 1px solid #e6e6e6;
}
.page-terms .terms-wrap table td {
    line-height: 20px;
    padding: 20px 10px;
    border-bottom: 1px solid #e6e6e6;
    border-right: 1px solid #e6e6e6;
}
.page-terms .terms-wrap table td:last-child {
    border-right: 0;
}
.page-terms .select-wrap {
    width: 220px;
}

.personal-terms {
    padding: 0 40px;
}
.personal-terms .table-layout .tr .th, .personal-terms .table-layout .tr .td {
    height: 46px;
}

.page-company-fair .tab-wrap + .tab-wrap {
    margin-top: 40px;
}
.page-company-fair .tab-wrap + .cont-wrap {
    margin-top: 120px;
}
.page-company-fair .tab-wrap + .cont-wrap.ceo {
    margin-top: 50px;
}
.page-company-fair .tab-wrap li.on {
    margin-top: -1px;
}
.page-company-fair .cont-wrap {
    margin-top: 120px;
}
.page-company-fair .cont-wrap .tit-md:first-child {
    margin-top: 90px;
}
.page-company-fair .tab-wrap.type1 li a,
.page-company-fair .tab-wrap.type2 li a {
    font-size: 18px;
}
.page-company-fair .tit-lg {
    margin-top: 90px;
    font-size: 32px;
    font-weight: bold;
    line-height: 44px;
    letter-spacing: -0.32px;
}
.page-company-fair .tit-lg + .txt {
    margin-top: 20px;
}
.page-company-fair .tit-lg + .txt-group {
    margin-top: 40px;
}
.page-company-fair .tit-md {
    margin: 100px 0 20px 0;
    font-size: 24px;
    font-weight: 500;
    line-height: 30px;
    letter-spacing: -0.24px;
}
.page-company-fair .tit-md + .tit-sm {
    margin-top: 20px;
}
.page-company-fair .tit-md + .txt {
    margin-top: 0;
}
.page-company-fair .tit-sm {
    position: relative;
    margin-top: 60px;
    font-size: 20px;
    font-weight: 500;
    line-height: 30px;
    letter-spacing: -0.2px;
}
.page-company-fair .tit-sm.point {
    padding-left: 12px;
}
.page-company-fair .tit-sm.point::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    width: 5px;
    height: 5px;
    margin-top: -2.5px;
    background-color: #000;
    border-radius: 100%;
}
.page-company-fair .tit-sm.point + .tit-sm, .page-company-fair .tit-sm.point + .txt, .page-company-fair .tit-sm.point + .txt-group {
    margin-top: 10px;
}
.page-company-fair .tit-sm + .txt, .page-company-fair .tit-sm + .table-layout {
    margin-top: 10px;
}
.page-company-fair .txt {
    margin-top: 30px;
    font-size: 18px;
    line-height: 28px;
    letter-spacing: -0.18px;
}
.page-company-fair .img-box-group {
    text-align: center;
}
.page-company-fair .img-box-group .img-box {
    display: inline-flex;
}
.page-company-fair .img-box-group .tip-box {
    align-self: start;
    text-align: left;
}
.page-company-fair .img-box {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 60px;
}
.page-company-fair .img-box.left-box {
    align-items: flex-start;
    margin-top: 20px;
}
.page-company-fair .img-box .tip {
    font-size: 16px;
    line-height: 20px;
    letter-spacing: -0.16px;
}
.page-company-fair .tip-box {
    margin-top: 20px;
}
.page-company-fair .tip-info {
    font-size: 18px;
    line-height: 28px;
    letter-spacing: -0.18px;
}
.page-company-fair .tip-info::before {
    content: "※";
    margin-right: 5px;
}
.page-company-fair .txt-group {
    display: flex;
    justify-content: space-between;
    margin-top: 20px;
}
.page-company-fair .txt-group .txt-box .txt:first-child {
    margin-top: 0;
}
.page-company-fair .txt-group .img-box {
    margin-top: 0;
}
.page-company-fair .table-layout.rows .tr:first-child .td {
    border-top: 1px solid #e6e6e6;
}
.page-company-fair .table-layout.rows.line .td {
    border-left: 1px solid #e6e6e6;
}
.page-company-fair .table-layout.cols .th {
    border-left: 1px solid #e6e6e6;
}
.page-company-fair .table-layout.cols .th:first-child {
    border-left: none;
}
.page-company-fair .table-layout.cols .td {
    padding: 18px 50px;
}
.page-company-fair .table-layout.cols .td:first-child {
    border-left: none;
}
.page-company-fair .table-layout.top-line thead tr:first-child .th {
    border-top: 1px solid #000;
}
.page-company-fair .table-layout .td {
    padding: 18px 0;
}
.page-company-fair .ceo .date {
    margin-top: 10px;
}
.page-company-fair .date {
    margin-top: 18px;
    text-align: right;
    font-size: 18px;
    line-height: 1.44;
    letter-spacing: -0.18px;
}
.page-company-fair .compliance-info {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 120px;
    padding: 48px 0;
    background-color: #f9f9f9;
    border-radius: 10px;
}
.page-company-fair .compliance-info .tit {
    margin: 0 80px 0 0;
    font-size: 28px;
    font-weight: normal;
    line-height: 1.54;
    letter-spacing: -0.28px;
}
.page-company-fair .compliance-info .txt {
    margin-top: 0;
    font-size: 20px;
    font-weight: 500;
    line-height: 1.4;
    letter-spacing: -0.2px;
}
.page-company-fair .tit-sub {
    margin-top: 50px;
    font-size: 22px;
    font-weight: 500;
    line-height: 30px;
    letter-spacing: -0.22px;
}
.page-company-fair .tit-sub + .txt {
    margin-top: 10px;
}
.page-company-fair .sign {
    margin-top: 8px;
    text-align: right;
    font-size: 18px;
    line-height: 1.44;
    letter-spacing: -0.18px;
    color: #666;
}

.page-company-fair .company-cp-box {
    margin-top: 20px;
    padding: 40px 180px;
    border: 1px solid #e6e6e6;
    border-radius: 10px;
}
.page-company-fair .cp-list {
    display: flex;
    flex-wrap: wrap;
    margin-top: -36px;
}
.page-company-fair .cp-list > li {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 25%;
    margin-top: 36px;
    font-size: 18px;
    text-align: center;
    line-height: 1.44;
    letter-spacing: -0.18px;
}
.page-company-fair .cp-list > li.icon2 {
    animation-delay: 0.2s;
}
.page-company-fair .cp-list > li.icon3 {
    animation-delay: 0.4s;
}
.page-company-fair .cp-list > li.icon4 {
    animation-delay: 0.6s;
}
.page-company-fair .cp-list > li.icon5 {
    animation-delay: 0.8s;
}
.page-company-fair .cp-list > li.icon6 {
    animation-delay: 1s;
}
.page-company-fair .cp-list > li.icon7 {
    animation-delay: 1.2s;
}
.page-company-fair .cp-list > li.icon8 {
    animation-delay: 1.4s;
}
.page-company-fair .cp-list > li::before {
    content: "";
    display: block;
    width: 100%;
    height: 125px;
    margin-bottom: 15px;
    background-repeat: no-repeat;
    background-position: center center;
}
.page-company-fair .cp-list > li.icon1::before {
    background-image: url("../img/contents/ico_company_cp1.svg");
}
.page-company-fair .cp-list > li.icon2::before {
    background-image: url("../img/contents/ico_company_cp2.svg");
}
.page-company-fair .cp-list > li.icon3::before {
    background-image: url("../img/contents/ico_company_cp3.svg");
}
.page-company-fair .cp-list > li.icon4::before {
    background-image: url("../img/contents/ico_company_cp4.svg");
}
.page-company-fair .cp-list > li.icon5::before {
    background-image: url("../img/contents/ico_company_cp5.svg");
}
.page-company-fair .cp-list > li.icon6::before {
    background-image: url("../img/contents/ico_company_cp6.svg");
}
.page-company-fair .cp-list > li.icon7::before {
    background-image: url("../img/contents/ico_company_cp7.svg");
}
.page-company-fair .cp-list > li.icon8::before {
    background-image: url("../img/contents/ico_company_cp8.svg");
}
.page-company-fair .company-download-box {
    display: flex;
    margin-top: 120px;
}
.page-company-fair .company-download-box .box {
    position: relative;
    display: flex;
    flex-direction: column;
    flex: 1;
    padding-bottom: 80px;
}
.page-company-fair .company-download-box .box .tit {
    font-size: 24px;
    font-weight: bold;
    line-height: 1.42;
    letter-spacing: -0.24px;
}
.page-company-fair .company-download-box .box .txt {
    line-height: 1.56;
}
.page-company-fair .company-download-box .down_link {
    position: absolute;
    left: 0;
    bottom: 0;
    height: 50px;
    margin-top: 30px;
    padding: 0 30px;
    font-size: 18px;
    color: #dc000c;
    line-height: 50px;
    border: 1px solid #dc000c;
    border-radius: 25px;
}
.page-company-fair .company-download-box .down_link img {
    display: inline-block;
    margin: -5px 0 0 6px;
}

.page-company-fair .eco-friendly-box {
    display: flex;
    justify-content: space-between;
    margin-top: 160px;
}
.page-company-fair .eco-friendly-box:first-child {
    margin-top: 0;
}
.page-company-fair .eco-friendly-box.type2 {
    justify-content: flex-start;
    align-items: flex-end;
}
.page-company-fair .eco-friendly-box.type2 .box:first-child {
    margin-right: 60px;
}
.page-company-fair .eco-friendly-box .tit-lg {
    margin-top: 0;
}
.page-company-fair .eco-friendly-box .tit-lg + .txt {
    margin-top: 40px;
}
.page-company-fair .eco-friendly-box .txt {
    font-size: 20px;
    line-height: 30px;
    letter-spacing: -0.2px;
}
.page-company-fair .eco-friendly-box .txt + .txt {
    margin-top: 10px;
}
.page-company-fair .company-activity {
    display: flex;
    justify-content: center;
    margin-top: 120px;
}
.page-company-fair .company-activity .box {
    position: relative;
    display: flex;
    flex-direction: column;
    text-align: center;
    padding: 0 80px 70px 80px;
}
.page-company-fair .company-activity .box::before {
    content: "";
    display: block;
    width: 100%;
    min-height: 92px;
    background-repeat: no-repeat;
    background-position: center center;
}
.page-company-fair .company-activity .box:first-child .tit {
    margin-top: 20px;
}
.page-company-fair .company-activity .box:first-child::before {
    background-image: url("../img/contents/ico_company_eco1.png");
}
.page-company-fair .company-activity .box:last-child::before {
    background-image: url("../img/contents/ico_company_eco2.png");
}
.page-company-fair .company-activity .box:last-child::after {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    display: block;
    width: 1px;
    height: 75%;
    background-color: #999;
    transform: translateY(-50%);
}
.page-company-fair .company-activity .box .tit {
    font-size: 24px;
    font-weight: bold;
    line-height: 1.42;
    letter-spacing: -0.24px;
}
.page-company-fair .company-activity .box > a {
    position: absolute;
    left: 50%;
    bottom: 0;
    height: 50px;
    padding: 0 36px;
    line-height: 50px;
    transform: translateX(-50%);
    font-size: 16px;
}
.page-company-fair .eco-friendly-info {
    margin-top: 160px;
    padding: 160px 0;
    background: url("../img/contents/company_eco_img3.png") no-repeat 0 0;
    background-size: cover;
}
.page-company-fair .eco-friendly-info .l-grid {
    display: flex;
}
.page-company-fair .eco-friendly-info .box:last-child {
    width: 500px;
    margin-left: 100px;
}
.page-company-fair .eco-friendly-info .tit-lg {
    margin-top: 0;
    color: #fff;
}
.page-company-fair .eco-friendly-info .tit-md {
    margin: 20px 0 0 0;
    color: #fff;
}
.page-company-fair .eco-friendly-info .txt {
    margin-top: 0;
    font-size: 20px;
    line-height: 30px;
    letter-spacing: -0.2px;
    color: #fff;
}
.page-company-fair .awards-box {
    margin-top: 120px;
    padding: 120px 0;
    background-color: #f9f9f9;
}
.page-company-fair .awards-box .l-grid {
    display: flex;
    justify-content: space-between;
}
.page-company-fair .awards-box .tit {
    margin-top: 38px;
    font-size: 40px;
    font-weight: bold;
    line-height: 28px;
    letter-spacing: -0.4px;
}
.page-company-fair .awards-box .table-layout {
    width: 840px;
}
.page-company-fair .awards-box .table-layout .tr:last-child .th, .page-company-fair .awards-box .table-layout .tr:last-child .td {
    border-bottom: none;
}
.page-company-fair .awards-box .table-layout .th, .page-company-fair .awards-box .table-layout .td {
    height: 69px;
    text-align: left;
    font-size: 20px;
    line-height: 28px;
    letter-spacing: -0.2px;
}
.page-company-fair .awards-box .table-layout .th {
    font-weight: 500;
    border-top: none;
}
.page-company-fair .awards-box .table-layout .td {
    border-left: none;
}

.page-company-fair .environmental-charter-info {
    display: flex;
    justify-content: space-between;
    padding: 47px 80px;
    background-color: #f9f9f9;
    border-radius: 10px;
}
.page-company-fair .environmental-charter-info .subject {
    padding-top: 110px;
    font-size: 17px;
    font-weight: 500;
    line-height: 1.65;
    text-align: center;
    background: url("../img/contents//company_ico_environmental.svg") no-repeat 50% 0;
    background-size: 100px;
}
.page-company-fair .environmental-charter-info .info {
    min-width: 848px;
}
.page-company-fair .environmental-charter-info .info .txt:first-child {
    margin-top: 0;
}
.page-company-fair .environmental-charter-box {
    margin-top: 60px;
    text-align: center;
}

.page-company-fair .eco-swiper-wrap {
    position: relative;
    margin-top: 150px;
    border-top: 1px solid #ccc;
}
.page-company-fair .eco-swiper-wrap .tit-lg {
    margin: 60px 0 40px 0;
    text-align: center;
}
.page-company-fair .eco-swiper-wrap .tit-lg + .tit-sm {
    margin-top: 40px;
}
.page-company-fair .eco-swiper-wrap .tit-lg + .img-box {
    margin-top: 40px;
}
.page-company-fair .eco-swiper-wrap .swiper-wrapper .swiper-slide {
    padding: 0 100px;
}
.page-company-fair .eco-swiper-wrap .swiper-button-prev,
.page-company-fair .eco-swiper-wrap .swiper-button-next {
    top: 80px;
    width: 50px;
    height: 50px;
    background-image: url("../img/ico/ico_slide_arrow_right_gray.svg");
    background-size: 50px 50px;
}
.page-company-fair .eco-swiper-wrap .swiper-button-prev {
    transform: rotate(180deg);
}
.page-company-fair .eco-swiper-wrap .swiper-pagination {
    position: absolute;
    top: -39px;
    left: inherit;
    right: 0;
    bottom: inherit;
    width: auto;
}
.page-company-fair .eco-swiper-wrap .swiper-pagination-bullet {
    width: auto;
    height: auto;
    margin-left: 5px;
    padding: 10px;
    font-size: 16px;
    color: #111;
    line-height: 22px;
    background: none;
    border-radius: 0;
    opacity: 1;
}
.page-company-fair .eco-swiper-wrap .swiper-pagination-bullet.swiper-pagination-bullet-active {
    color: #dc000c;
    font-weight: bold;
}
.page-company-fair .eco-swiper-wrap + .table-layout {
    margin-top: -10px;
}
.page-company-fair .txt-list-group {
    display: flex;
    margin-top: 60px;
}
.page-company-fair .txt-list-group .img-box {
    margin: 0 26px 0 0;
}
.page-company-fair .txt-list-box {
    padding: 40px;
    background-color: #f9f9f9;
    border-radius: 10px;
}
.page-company-fair .txt-list-box .tit {
    font-size: 18px;
    font-weight: 500;
    line-height: 1.44;
    letter-spacing: -0.18px;
}
.page-company-fair .txt-list-box .item-box {
    overflow: hidden;
    margin-top: 20px;
}
.page-company-fair .txt-list-box .item-box .tit {
    font-size: 18px;
    font-weight: normal;
    line-height: 1.44;
    letter-spacing: -0.18px;
}
.page-company-fair .txt-list-box .item {
    float: left;
}
.page-company-fair .txt-list-box .item:first-child {
    padding-right: 60px;
}
.page-company-fair .txt-list-box .item:last-child {
    padding-left: 60px;
}
.page-company-fair .txt-list-box .item-list {
    margin-top: 10px;
    font-size: 18px;
    font-weight: normal;
    line-height: 1.44;
    letter-spacing: -0.18px;
}
.page-company-fair .txt-list-box .item-list > li {
    position: relative;
    padding-left: 10px;
}
.page-company-fair .txt-list-box .item-list > li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 12px;
    display: block;
    width: 5px;
    height: 1px;
    background-color: #111;
}
.page-company-fair .txt-group.type1 {
    justify-content: left;
}
.page-company-fair .txt-group.type1 .img-box {
    margin-left: 50px;
}

.page-company-fair .tech-group {
    display: flex;
    margin-top: 100px;
    border-radius: 10px;
}
.page-company-fair .tech-box {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    flex: 1;
    padding: 40px 40px 49px 40px;
    background-color: #f9f9f9;
}
.page-company-fair .tech-box:first-child {
    margin-right: 20px;
}
.page-company-fair .tech-box .tit {
    font-size: 18px;
    font-weight: 500;
    line-height: 26px;
    letter-spacing: -0.18px;
}
.page-company-fair .tech-box .txt {
    margin-top: 10px;
}
.page-company-fair .tech-box .img-box {
    margin-top: 15px;
    align-items: center;
}
.page-company-fair .info-desc-box {
    margin-top: 60px;
    padding: 40px;
    background-color: #f9f9f9;
    border-radius: 10px;
}
.page-company-fair .info-desc-box .tit {
    font-size: 18px;
    font-weight: 500;
    line-height: 26px;
    letter-spacing: -0.18px;
}
.page-company-fair .info-desc-box .txt {
    margin-top: 10px;
    font-size: 18px;
    line-height: 26px;
}
.page-company-fair .txt-group.type2 .img-box {
    margin-left: 29px;
}
.page-company-fair .txt-group.type2 .img-box .tip {
    margin-top: 10px;
}

.page-company-fair .recycle-box {
    width: 760px;
    margin: 0 auto;
}
.page-company-fair .recycle-box .img-box {
    margin-top: 10px;
}
.page-company-fair .recycle-box .txt {
    margin-top: 10px;
}
.page-company-fair .img-list-box {
    width: 815px;
    margin: 60px auto 0 auto;
}
.page-company-fair .img-list-box .tip-box {
    margin: 0 0 20px 0;
}
.page-company-fair .img-list-box > ul {
    display: flex;
    flex-wrap: wrap;
    width: 815px;
    margin-top: -20px;
}
.page-company-fair .img-list-box > ul > li {
    flex: 0 0 245px;
    margin: 20px 0 0 40px;
}
.page-company-fair .img-list-box > ul > li:nth-child(3n+1) {
    margin-left: 0;
}
.page-company-fair .img-list-box > ul .tit,
.page-company-fair .img-list-box > ul .desc {
    font-size: 16px;
    line-height: 20px;
    letter-spacing: -0.16px;
}
.page-company-fair .img-list-box > ul .tit {
    margin-top: 13px;
}

.page-company-fair .action-guide-group {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 90px;
}
.page-company-fair .action-guide-group .action-guide-box {
    min-width: 700px;
}
.page-company-fair .action-guide-group .cont-top {
    padding-bottom: 40px;
    border-bottom: 1px solid #e6e6e6;
}
.page-company-fair .action-guide-group .cont-top .action-guide:first-child {
    margin-top: 0;
}
.page-company-fair .action-guide-group .cont-top .action-guide:first-child dt {
    position: relative;
}
.page-company-fair .action-guide-group .cont-top .action-guide:first-child dt::before {
    content: "";
    position: absolute;
    top: -25px;
    left: 0;
    width: 50px;
    height: 4px;
    background-color: #dc000c;
}
.page-company-fair .action-guide-group .cont-mid {
    padding-top: 40px;
}
.page-company-fair .action-guide-group .cont-mid .action-guide:first-child {
    margin-top: 0;
}
.page-company-fair .action-guide-group .action-guide {
    display: flex;
    margin-top: 30px;
}
.page-company-fair .action-guide-group .action-guide dt {
    min-width: 90px;
    margin-right: 40px;
    font-size: 20px;
    font-weight: 500;
    line-height: 30px;
    letter-spacing: -0.2px;
}
.page-company-fair .action-guide-group .action-guide dd {
    font-size: 18px;
    line-height: 28px;
    letter-spacing: -0.18px;
}
.page-company-fair .action-guide-group .img-box {
    margin-top: 0;
}

.page-company-fair .activity-box {
    display: flex;
    justify-content: space-between;
    margin-top: 40px;
}
.page-company-fair .activity-box.type1 .box:last-child {
    margin-top: 87px;
}
.page-company-fair .activity-box.type2 .box:first-child {
    width: 567px;
    text-align: right;
}
.page-company-fair .activity-box.type2 .descs {
    text-align: left;
}
.page-company-fair .activity-box.type3 {
    margin-top: 150px;
}
.page-company-fair .activity-box.type3 .box:last-child {
    width: 534px;
    margin-top: 104px;
    text-align: right;
}
.page-company-fair .activity-box.type3 .box:last-child .descs {
    text-align: left;
}
.page-company-fair .activity-box + .tit-lg {
    margin-top: 120px;
}
.page-company-fair .activity-box .imgs img + img {
    margin-left: 6px;
}
.page-company-fair .activity-box .descs {
    position: relative;
    margin-top: 60px;
    padding-left: 18px;
}
.page-company-fair .activity-box .descs::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    width: 2px;
    height: 92%;
    background-color: #dc000c;
    transform: translateY(-50%);
}
.page-company-fair .activity-box .descs .tit {
    font-size: 30px;
    font-weight: 500;
    line-height: 1;
    letter-spacing: -0.3px;
}
.page-company-fair .activity-box .txt {
    font-size: 22px;
    line-height: 32px;
    letter-spacing: -0.22px;
}

.page-company-fair .eco-new-factroy {
    position: relative;
    min-height: 550px;
    background: url("../img/contents//company_eco_new_factory1.png") no-repeat 0 0;
    background-size: 960px;
}
.page-company-fair .eco-new-factroy .factroy-info {
    position: absolute;
    left: 230px;
    top: 361px;
    padding: 49px 0 25px 80px;
    background: #fff;
}
.page-company-fair .eco-new-factroy .factroy-info .tit-lg {
    margin-top: 0;
}
.page-company-fair .part-group {
    display: flex;
    justify-content: space-between;
    margin-top: 120px;
}
.page-company-fair .part-group .part-box {
    position: relative;
}
.page-company-fair .part-group .part-box:first-child::after {
    content: "";
    position: absolute;
    right: -39px;
    top: 0;
    width: 1px;
    height: 100%;
    background-color: #e6e6e6;
}
.page-company-fair .part-group .part-box .img-box {
    margin-top: 0;
}
.page-company-fair .part-group .part-box .img-box img {
    width: 560px;
}
.page-company-fair .part-group .part-box .tit-sm {
    margin-top: 15px;
    text-align: center;
}

.page-company-fair .btn-wrap {
    margin-top: 50px;
    display: block;
    text-align: center;
}
.page-company-fair .btn-wrap .btn-red-lg {
    min-width: 236px;
    margin-left: 36px;
    font-size: 18px;
    letter-spacing: -0.18px;
}
.page-company-fair .btn-wrap .btn-red-lg:first-child {
    margin-left: 0;
}

.page-company-fair .step-box {
    padding: 25px 275px;
    background-color: #f9f9f9;
}
.page-company-fair .step-box .step-list {
    display: flex;
    justify-content: space-between;
}
.page-company-fair .step-box .step-list > li {
    position: relative;
    font-size: 16px;
    font-weight: 500;
    line-height: 22px;
    text-align: center;
}
.page-company-fair .step-box .step-list > li:last-child::after {
    display: none;
}
.page-company-fair .step-box .step-list > li::after {
    content: "";
    position: absolute;
    right: -50%;
    top: 50%;
    width: 10px;
    height: 10px;
    margin-right: 8px;
    border: 1px solid #111;
    border-width: 1px 1px 0 0;
    transform: rotate(45deg);
}
.page-company-fair .step-box .step-list > li em {
    display: block;
    margin-bottom: 12px;
    font-size: 20px;
    font-weight: bold;
}
.page-company-fair .step-box + .tit-md {
    margin-top: 63px;
}
.page-company-fair .apply-order-list > li {
    margin-top: 40px;
    font-size: 20px;
    line-height: 30px;
    letter-spacing: -0.2px;
}
.page-company-fair .apply-order-list > li:first-child {
    margin-top: 0;
}
.page-company-fair .apply-order-list > li > ul {
    margin-top: 7px;
}
.page-company-fair .apply-order-list .dash-type-list > li {
    position: relative;
    padding-left: 10px;
    font-size: 18px;
    line-height: 28px;
    letter-spacing: -0.18px;
}
.page-company-fair .apply-order-list .dash-type-list > li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    display: block;
    width: 5px;
    height: 1px;
    background-color: #111;
    transform: translateY(-50%);
}

.cont-wrap.social .page-title {
    position: relative;
    margin-top: 120px;
    padding-bottom: 30px;
    font-size: 24px;
    font-weight: bold;
    line-height: 36px;
    letter-spacing: -0.24px;
    color: #111;
}
.cont-wrap.social .page-title::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 50px;
    height: 4px;
    background-color: #dc000c;
}
.cont-wrap.social .text-box {
    max-width: 540px;
    overflow: hidden;
}
.cont-wrap.social .tit {
    font-size: 20px;
    font-weight: bold;
    line-height: 1.5;
    letter-spacing: -0.2px;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.cont-wrap.social .desc {
    max-height: 56px;
    font-size: 18px;
    line-height: 28px;
    letter-spacing: -0.18px;
    display: block;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.cont-wrap.social .thumb-main-wrap {
    display: flex;
    align-items: center;
    margin-top: 90px;
}
.cont-wrap.social .thumb-main-wrap .img-box {
    margin-right: 60px;
}
.cont-wrap.social .thumb-main-wrap .img-box > img {
    max-width: 600px;
}
.cont-wrap.social .thumb-main-wrap .text-box .desc {
    margin-top: 14px;
}
.cont-wrap.social .thumb-main-wrap .text-box > a {
    min-width: 126px;
    height: 45px;
    margin-top: 36px;
    line-height: 42px;
}
.cont-wrap.social .list-thumb-wrap > div {
    margin-top: 90px;
    margin-bottom: 0;
}
.cont-wrap.social .list-thumb-wrap .img-wrap {
    height: 245px;
}
.cont-wrap.social .list-thumb-wrap .img-wrap img {
    border-radius: 6px;
}
.cont-wrap.social .list-thumb-wrap .txt-wrap {
    width: 372px;
}
.cont-wrap.social .list-thumb-wrap .txt-wrap .tit {
    font-size: 20px;
    line-height: 1.5;
}
.cont-wrap.social .list-thumb-wrap .txt-wrap .tit:hover {
    text-decoration: underline;
}
.cont-wrap.social .list-thumb-wrap .txt-wrap .desc {
    margin-top: 8px;
}
.cont-wrap.social .more-btn {
    margin-top: 52px;
}

.page-company-notice-detail.social .list-btn {
    margin-top: 60px;
    min-width: 150px;
    height: 50px;
    color: #dc000c;
    font-size: 15px;
    border-color: #dc000c;
    line-height: 50px;
    border-radius: 25px;
}

.cropSolutionsMain__list {
    max-width: 840px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
}
.cropSolutionsMain__item {
    display: flex;
    margin-bottom: 40px;
    align-items: center;
}
.cropSolutionsMain__item:last-child {
    margin-bottom: 0;
}
.cropSolutionsMain__item-text {
    margin-left: 40px;
}
.cropSolutionsMain__item-textTitle {
    font-size: 24px;
    font-weight: bold;
    line-height: 1.46;
    letter-spacing: -0.24px;
    color: #111;
    margin-bottom: 20px;
}
.cropSolutionsMain__item-textContent {
    font-size: 18px;
    font-weight: normal;
    line-height: 1.44;
    letter-spacing: -0.18px;
    color: #111;
    margin-bottom: 20px;
}
.cropSolutionsMain__item-textLink {
    font-size: 18px;
    font-weight: normal;
    line-height: 1.28;
    letter-spacing: -0.18px;
    color: #666;
    position: relative;
}
.cropSolutionsMain__item-textLink::after {
    content: "";
    display: block;
    position: absolute;
    width: 16px;
    height: 16px;
    background-color: #111;
    right: -20px;
    top: 50%;
    transform: translateY(-50%);
    background: url("../img/ico/cropSolutions__item-link.png") no-repeat center/100%;
}
.cropSolutionsMain__item-textLink::before {
    content: "";
    display: none;
    position: absolute;
    width: 100%;
    height: 1px;
    background-color: #666;
    bottom: 2px;
    left: 0;
}
.cropSolutionsMain__item-textLink:hover::before {
    display: block;
}

.cropSolutionsMain .cropSolutionsCon .cropSolutionsCon__content-list.row1 {
    margin-bottom: 40px;
}

.cropSolutions__list {
    display: flex;
    flex-wrap: wrap;
}
.cropSolutions__item {
    flex: 0 0 405px;
    max-width: 405px;
    padding: 30px;
    border-radius: 15px;
    border: solid 1px #e6e6e6;
    background-color: #fff;
    margin-bottom: 30px;
    margin-left: 30px;
}
.cropSolutions__item:nth-child(2n+1) {
    margin-left: 0;
}
.cropSolutions__item-icon {
    width: 50px;
    height: 50px;
    border-radius: 100%;
    margin-bottom: 15px;
}
.cropSolutions__item-icon.security {
    background: url("../img/contents/cropSolutions-icon1.png") no-repeat center/100%;
}
.cropSolutions__item-icon.documents {
    background: url("../img/contents/cropSolutions-icon2.png") no-repeat center/100%;
}
.cropSolutions__item-icon.device {
    background: url("../img/contents/cropSolutions-icon3.png") no-repeat center/100%;
}
.cropSolutions__item-icon.unattended {
    background: url("../img/contents/cropSolutions-icon4.png") no-repeat center/100%;
}
.cropSolutions__item-icon.commerce {
    background: url("../img/contents/cropSolutions-icon5.png") no-repeat center/100%;
}
.cropSolutions__item-icon.financial {
    background: url("../img/contents/cropSolutions-icon6.png") no-repeat center/100%;
}
.cropSolutions__item-icon.network {
    background: url("../img/contents/cropSolutions-icon7.png") no-repeat center/100%;
}
.cropSolutions__item-icon.hospital {
    background: url("../img/contents/cropSolutions-icon8.png") no-repeat center/100%;
}
.cropSolutions__item-title {
    font-size: 22px;
    font-weight: 500;
    line-height: 1.45;
    letter-spacing: -0.22px;
    color: #111;
    margin-bottom: 20px;
}
.cropSolutions__item-links {
    display: table;
    flex-direction: column;
}
.cropSolutions__item-link {
    font-size: 18px;
    font-weight: normal;
    line-height: 1.44;
    letter-spacing: -0.18px;
    color: #111;
    position: relative;
    margin-bottom: 10px;
    display: table;
}
.cropSolutions__item-link:last-child {
    margin-bottom: 0;
}
.cropSolutions__item-link::after {
    content: "";
    display: block;
    position: absolute;
    width: 16px;
    height: 16px;
    top: 4.5px;
    right: -30px;
    background: url("../img/ico/cropSolutions__item-link.png") no-repeat center/100%;
}
.cropSolutions__item-link span {
    position: relative;
}
.cropSolutions__item-link span::before {
    content: "";
    display: none;
    position: absolute;
    width: 100%;
    height: 1px;
    background-color: #111;
    left: 0;
    bottom: 3px;
}
.cropSolutions__item-link:hover span::before {
    display: block;
}

.cropSolutions .joinTitle {
    margin-bottom: 60px;
}
.cropSolutions .joinTitle__title {
    font-size: 32px;
    font-weight: bold;
    line-height: 1.5;
    letter-spacing: -0.32px;
}

.cropSolutions .cropSolutions__list.size275 .cropSolutions__item {
    height: 275px;
}
.cropSolutions .cropSolutions__list.fullContent .cropSolutions__item {
    flex: 0 0 100%;
    max-width: 100%;
    height: 203px;
}
.cropSolutions .cropSolutions__list.fullContent .cropSolutions__item-links {
    flex-direction: row;
    display: flex;
}
.cropSolutions .cropSolutions__list.fullContent .cropSolutions__item-link {
    margin-right: 62px;
    margin-bottom: 0;
}
.cropSolutions .cropSolutions__list.fullContent .cropSolutions:last-child {
    margin-right: 0;
}
.cropSolutions .cropSolutions__list.oneLine .cropSolutions__item {
    margin-bottom: 0;
}
.cropSolutions .cropSolutions__list.oneLine .cropSolutions__item-link:last-child {
    margin-bottom: 0;
}

.cropSolutionsMain .cropSolutionsCon__content {
    margin-top: 0;
}

.cropSolutionsCon__content {
    margin-top: 100px;
}
.cropSolutionsCon__content-list {
    margin-bottom: 120px;
}
.cropSolutionsCon__content-list:last-child {
    margin-bottom: 0;
}
.cropSolutionsCon__content-header {
    font-size: 30px;
    font-weight: bold;
    line-height: 1.43;
    letter-spacing: normal;
    text-align: center;
    color: #111;
    margin-bottom: 20px;
}
.cropSolutionsCon__content-header .smallSize {
    font-size: 18px;
}
.cropSolutionsCon__content-img {
    margin-bottom: 40px;
}
.cropSolutionsCon__content-text {
    margin-bottom: 40px;
}
.cropSolutionsCon__content-textTitle {
    font-size: 18px;
    font-weight: bold;
    line-height: 1.44;
    letter-spacing: -0.18px;
    color: #111;
    margin-bottom: 10px;
}
.cropSolutionsCon__content-textMain {
    font-size: 18px;
    font-weight: normal;
    line-height: 1.44;
    letter-spacing: -0.18px;
    color: #111;
}
.cropSolutionsCon__content-imgLabelTitle {
    font-size: 18px;
    font-weight: normal;
    line-height: 1.44;
    letter-spacing: -0.18px;
    color: #111;
    margin-bottom: 8px;
}
.cropSolutionsCon__content-imgLabelMain {
    font-size: 14px;
    font-weight: normal;
    line-height: 1.86;
    letter-spacing: normal;
    color: #666;
}
.cropSolutionsCon__content-subTitle {
    font-size: 18px;
    font-weight: normal;
    line-height: 1.44;
    letter-spacing: -0.18px;
    color: #111;
    margin-top: 80px;
    margin-left: 180px;
}
.cropSolutionsCon__content-subTitle.point {
    margin-left: 0px;
    margin-top: 0px;
    line-height: 1.88;
}
.cropSolutionsCon__content-subTitle.point .colorPoint {
    color: #dc000c;
}
.cropSolutionsCon__content-progress {
    width: 22px;
    height: 22px;
    margin: 0 auto;
    margin-bottom: 24px;
    position: relative;
    background: url("../img/contents/cropSolutionsCon_progress.png") no-repeat center/100%;
}
.cropSolutionsCon__content-progress::after {
    content: "";
    display: block;
    position: absolute;
    width: 180px;
    height: 1px;
    background-color: #dc000c;
    top: 10px;
    right: -185px;
}
.cropSolutionsCon__header-img {
    width: 100%;
    height: 350px;
    margin-top: 50px;
    margin-bottom: 20px;
}
.cropSolutionsCon__header-img.height409 {
    height: 409px;
}
.cropSolutionsCon__header-call {
    font-size: 20px;
    line-height: 1.5;
    letter-spacing: -0.2px;
    color: #111;
    margin-bottom: 10px;
}
.cropSolutionsCon__header-text {
    font-size: 20px;
    font-weight: normal;
    line-height: 1.5;
    letter-spacing: -0.2px;
    color: #111;
}
.cropSolutionsCon .mb8 {
    margin-bottom: 8px !important;
}
.cropSolutionsCon .explanation {
    display: table;
    margin: 0 auto;
    margin-bottom: 40px;
}
.cropSolutionsCon .explanation.alineLeft {
    margin: 0;
}
.cropSolutionsCon .explanation-content {
    font-size: 18px;
    color: #111;
}
.cropSolutionsCon .explanation-content::after {
    top: 12.5px;
    background-color: #111;
}
.cropSolutionsCon .explanation.noLabel .explanation-content {
    padding: 0;
}
.cropSolutionsCon .explanation.noLabel .explanation-content::after {
    display: none;
}
.cropSolutionsCon .explanation.theOtherType {
    margin: 30px 0 0 0;
}
.cropSolutionsCon .explanation.theOtherType .explanation-content {
    margin: 10px 0;
}
.cropSolutionsCon .explanation.theOtherType .explanation-content:first-child {
    margin-top: 0px;
}
.cropSolutionsCon .explanation.theOtherType .explanation-content::after {
    background-color: #111;
}

.cropSolutionsCon .cropSolutionsCon__content-innerList .explanation {
    margin-left: 0 !important;
}
.cropSolutionsCon .cropSolutionsCon__content-innerList .cropSolutionsCon__content-list {
    margin-bottom: 20px !important;
}
.cropSolutionsCon .cropSolutionsCon__content-list.colum1 .cropSolutionsCon__content-item:not(.oneimg) {
    max-width: 1010px;
    margin: 0 auto;
}
.cropSolutionsCon .cropSolutionsCon__content-list.colum1 .cropSolutionsCon__content-item.oneimg {
    display: table;
    margin: 0 auto;
}
.cropSolutionsCon .cropSolutionsCon__content-list.colum1 .cropSolutionsCon__content-item.oneimg .cropSolutionsCon__content-img {
    margin-bottom: 100px;
}
.cropSolutionsCon .cropSolutionsCon__content-list.row1 {
    display: flex;
    align-items: center;
    max-width: 1010px;
    margin: 0 auto;
    margin-bottom: 76px;
}
.cropSolutionsCon .cropSolutionsCon__content-list.row1:last-child {
    margin-bottom: 0;
}
.cropSolutionsCon .cropSolutionsCon__content-list.row1 .cropSolutionsCon__content-img {
    margin-bottom: 0;
}
.cropSolutionsCon .cropSolutionsCon__content-list.row1 .cropSolutionsCon__content-header {
    text-align: left;
    font-size: 24px;
    line-height: 1;
    letter-spacing: -0.24px;
}
.cropSolutionsCon .cropSolutionsCon__content-list.row1 .cropSolutionsCon__content-text {
    margin-bottom: 0;
    margin-left: 40px;
}
.cropSolutionsCon .cropSolutionsCon__content-list.row1 .explanation {
    margin-bottom: 0;
}
.cropSolutionsCon .cropSolutionsCon__content-list.row1 .explanation-content {
    margin: 10px 0;
}
.cropSolutionsCon .cropSolutionsCon__content-list.row1 .explanation-content:first-child {
    margin-top: 0;
}
.cropSolutionsCon .cropSolutionsCon__content-list.row1 .explanation-content:last-child {
    margin-bottom: 0;
}
.cropSolutionsCon .cropSolutionsCon__content-list.row1 .explanation-content::after {
    background-color: #111;
}
.cropSolutionsCon .cropSolutionsCon__content-list.maxContent {
    max-width: none !important;
}
.cropSolutionsCon .cropSolutionsCon__content-list.colum2 .cropSolutionsCon__content-imgList {
    display: flex;
}
.cropSolutionsCon .cropSolutionsCon__content-list.colum2 .cropSolutionsCon__content-imgItem {
    flex-grow: 1;
    flex-shrink: 1;
    flex-basis: 0;
    text-align: center;
}
.cropSolutionsCon .cropSolutionsCon__content-list.colum2 .cropSolutionsCon__content-imgItem:last-child .cropSolutionsCon__content-progress::after {
    display: none;
}
.cropSolutionsCon .cropSolutionsCon__content-list.colum2 .cropSolutionsCon__content-img {
    margin-bottom: 20px;
}
.cropSolutionsCon .cropSolutionsCon__content-list.colum2 .cropSolutionsCon__content-imgList.RPA .cropSolutionsCon__content-imgItem {
    position: relative;
}
.cropSolutionsCon .cropSolutionsCon__content-list.colum2 .cropSolutionsCon__content-imgList.RPA .cropSolutionsCon__content-imgItem.label::before {
    content: "";
    display: block;
    position: absolute;
    width: 33px;
    height: 70px;
    left: 55px;
    top: 50%;
    transform: translateY(-50%);
    background: url("../img/contents/cropSolutionsCon_img5_3_icon1.png") no-repeat center/100%;
}
.cropSolutionsCon .cropSolutionsCon__content-list.colum2 .cropSolutionsCon__content-imgList.RPA .cropSolutionsCon__content-imgItem.label::after {
    content: "";
    display: block;
    position: absolute;
    width: 33px;
    height: 70px;
    right: 0px;
    top: 50%;
    transform: translateY(-50%);
    background: url("../img/contents/cropSolutionsCon_img5_3_icon2.png") no-repeat center/100%;
}
.cropSolutionsCon .cropSolutionsCon__content-list.colum2 .cropSolutionsCon__content-imgList.RPA .cropSolutionsCon__content-imgItem.label img {
    margin-left: 45px;
}
.cropSolutionsCon .cropSolutionsCon__content-imgList.rowForm .cropSolutionsCon__content-imgItem {
    display: flex;
    justify-content: center;
    align-items: center;
}
.cropSolutionsCon .cropSolutionsCon__content-imgList.rowForm .cropSolutionsCon__content-imgItem:first-child {
    justify-content: left;
}
.cropSolutionsCon .cropSolutionsCon__content-imgList.rowForm .cropSolutionsCon__content-img {
    margin-bottom: 0;
    margin-right: 30px;
}
.cropSolutionsCon .cropSolutionsCon__content-imgList.rowForm .cropSolutionsCon__content-textRowForm {
    text-align: left;
}
.cropSolutionsCon .cropSolutionsCon__content-imgList.rowForm .cropSolutionsCon__content-imgLabelTitle {
    font-size: 18px;
    font-weight: bold;
    line-height: 1.44;
    letter-spacing: -0.18px;
    color: #111;
}
.cropSolutionsCon .cropSolutionsCon__content-imgList.rowForm .cropSolutionsCon__content-imgLabelMain {
    line-height: 1.5;
    font-size: 18px;
    font-weight: normal;
    letter-spacing: -0.18px;
    color: #111;
}
.cropSolutionsCon .cropSolutionsCon__content-list.row2 {
    display: flex;
    margin-bottom: 132px;
}
.cropSolutionsCon .cropSolutionsCon__content-list.row2 .cropSolutionsCon__content-text,
.cropSolutionsCon .cropSolutionsCon__content-list.row2 .cropSolutionsCon__content-img {
    margin-bottom: 0;
}
.cropSolutionsCon .cropSolutionsCon__content-list.row2 .cropSolutionsCon__content-textList {
    margin-left: 40px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.cropSolutionsCon .cropSolutionsCon__content-list.row2 .cropSolutionsCon__content-textRowForm {
    margin-bottom: 40px;
}
.cropSolutionsCon .cropSolutionsCon__content-list.row2 .cropSolutionsCon__content-textRowForm:last-child {
    margin-bottom: 0;
}
.cropSolutionsCon .cropSolutionsCon__content-list.row2 .cropSolutionsCon__content-imgLabelTitle,
.cropSolutionsCon .cropSolutionsCon__content-list.row2 .cropSolutionsCon__content-header {
    font-size: 24px;
    font-weight: bold;
    line-height: 1.08;
    letter-spacing: -0.24px;
    margin-bottom: 10px;
    text-align: left;
}
.cropSolutionsCon .cropSolutionsCon__content-list.row2 .cropSolutionsCon__content-imgLabelMain,
.cropSolutionsCon .cropSolutionsCon__content-list.row2 .explanation {
    margin: 0;
}
.cropSolutionsCon .cropSolutionsCon__content-list.row2 .explanation-content {
    font-size: 18px;
    font-weight: normal;
    line-height: 1.44;
    letter-spacing: -0.18px;
    color: #111;
    margin: 0;
    margin-bottom: 10px;
}
.cropSolutionsCon .cropSolutionsCon__content-list.row2 .explanation-content:last-child {
    margin-bottom: 0;
}
.cropSolutionsCon .cropSolutionsCon__content-list.row2 .explanation-content::after {
    background-color: #111;
}

.fulltab.radioType .tapLink__item {
    border: none;
}
.fulltab.radioType input[type=radio] {
    display: none;
}
.fulltab.radioType label {
    display: block;
    width: 100%;
    height: 100%;
    font-size: 18px;
    font-weight: normal;
    letter-spacing: -0.18px;
    text-align: center;
    color: #111;
    border: solid 1px #e6e6e6;
    line-height: 55px;
    cursor: pointer;
}
.fulltab.radioType input[type=radio]:checked + label {
    background-color: #dc000c;
    font-weight: 500;
    color: #fff;
    border: solid 1px #dc000c;
}

.purchaseInquiry__select-radio .radio {
    height: 18px;
    line-height: 18px;
}
.purchaseInquiry__select-radio .radio input[type=radio] {
    width: 18px;
    height: 18px;
}
.purchaseInquiry__select-radio .radio input[type=radio]:checked + i {
    top: 5px;
    left: 5px;
}
.purchaseInquiry__select-Product {
    display: flex;
    margin-top: 10px;
}
.purchaseInquiry__select-ProductList {
    flex: 1 0 0%;
    text-align: center;
    cursor: pointer;
}
.purchaseInquiry__select-ProductList input[type=radio] {
    display: none;
}
.purchaseInquiry__select-ProductList input[type=radio]:checked + .purchaseInquiry__select-ProductText {
    color: #dc000c;
    font-weight: 500;
}
.purchaseInquiry__select-ProductImg {
    width: 80px;
    height: 80px;
    margin: 0 auto;
}
.purchaseInquiry__select-ProductText {
    font-size: 15px;
    font-weight: normal;
    line-height: 1.33;
    letter-spacing: -0.15px;
    color: #111;
}
.purchaseInquiry__select-item.ProductSearch-wrap {
    margin-top: 70px;
    display: flex;
}
.purchaseInquiry__select-item.ProductSearch-wrap .radio {
    margin-top: 12px;
}
.purchaseInquiry__select-ProductSearch {
    margin-left: 32px;
    padding-bottom: 28px;
    position: relative;
}
.purchaseInquiry__select-ProductSearch .under-txt {
    bottom: 0 !important;
}
.purchaseInquiry__select-ProductSearch-input {
    display: flex;
    align-items: center;
}
.purchaseInquiry__select-ProductSearch-input input {
    width: 260px;
    margin-right: 10px;
}
.purchaseInquiry__select-ProductSearch-input p[class$=-txt] {
    margin-left: 10px;
}

.purchaseInquiry .purchaseInquiry__select-Product.off .purchaseInquiry__select-ProductText {
    color: #999;
}

.inputMeasure {
    display: flex;
    align-items: center;
}
.inputMeasure .inputMeasure-text {
    font-size: 15px;
    font-weight: normal;
    line-height: 1.47;
    letter-spacing: -0.15px;
    color: #000;
    margin-left: 6px;
    width: max-content;
}
.inputMeasure .inputMeasure-text.middle {
    margin-right: 10px;
}

.purchaseInquiry .table-list-wrap .tr .td.joinMembershipForm__email {
    padding-bottom: 20px;
}
.purchaseInquiry .joinMembershipForm__line {
    margin-top: 60px;
}
.purchaseInquiry .top-title-wrap {
    margin-bottom: 15px;
}
.purchaseInquiry__title {
    font-size: 16px;
    font-weight: normal;
    line-height: 1.38;
    letter-spacing: -0.16px;
    color: #000;
}
.purchaseInquiry .joinMembershipForm__email input,
.purchaseInquiry .joinMembershipForm__email .select-wrap {
    width: 260px !important;
    max-width: 260px;
}

/* ---------------------------------- */
.findProduct {
    /* search */
    /* //search */
    /* class */
    /* //class */
    /* table */
    /* //table */
}
.findProduct__search {
    margin-bottom: 34px;
}
.findProduct__search-box {
    display: flex;
    align-items: center;
}
.findProduct .inp-wrap {
    flex-grow: 1;
    margin-right: 10px;
}
.findProduct__search-coment {
    font-size: 13px;
    font-weight: normal;
    line-height: 1.92;
    letter-spacing: -0.13px;
    color: #666;
    margin-top: 5px;
}
.findProduct__class-resultBox {
    font-weight: normal;
    line-height: 1.33;
    letter-spacing: -0.15px;
    color: #111;
    display: flex;
    align-items: center;
    margin-bottom: 30px;
}
.findProduct__class-resultText {
    font-size: 15px;
}
.findProduct__class-resultValue {
    font-size: 16px;
    margin-left: 4px;
}
.findProduct__class-category {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 50px;
}
.findProduct__table-category {
    display: flex;
    flex-wrap: wrap;
}
.findProduct__class-categoryItem {
    flex: 0 0 25%;
    margin-bottom: 10px;
}
.findProduct__table-categoryItem {
    flex: 0 0 50%;
    margin-bottom: 10px;
}
.findProduct__class-categoryBtn, .findProduct__table-categoryBtn {
    font-size: 14px;
    font-weight: normal;
    letter-spacing: -0.14px;
    color: #111;
}
.findProduct__class-categoryBtn {
    position: relative;
    padding-left: 12px;
}
.findProduct__class-categoryBtn.on, .findProduct__table-categoryBtn:hover {
    font-weight: 500;
    color: #dc000c;
}
.findProduct__class-categoryBtn::after {
    content: "";
    display: block;
    position: absolute;
    width: 4px;
    height: 4px;
    background-color: #999;
    border-radius: 100%;
    left: 0;
    top: 7.5px;
}
.findProduct__tableBox {
    max-height: 250px;
    overflow-y: scroll;
}
.findProduct__table .mobileApp__table .table-layout .tr .th {
    font-size: 13px;
    font-weight: normal;
    line-height: 1.92;
    letter-spacing: -0.13px;
    padding: 10px 16px;
}
.findProduct__table .mobileApp__table .table-layout .tr .td {
    padding: 10px 16px;
}

.findProduct {
    /* css 커스텀 */
    /* 팝업창에 해당되는 css */
    /* //팝업창에 해당되는 css */
    /* table 영역의 title */
    /* //table 영역의 title */
}
.findProduct.modal-content {
    flex-direction: column;
    margin: 0 40px;
}
.findProduct .findProduct__search,
.findProduct .findProduct__class,
.findProduct .findProduct__table {
    width: 100%;
}
.findProduct .findProduct__table .findProduct__class-resultBox {
    margin-bottom: 12px;
}

.modal.height732 .modal-body {
    max-height: 732px;
}

/* component */
.fullTitleSet__label {
    font-size: 20px;
    font-weight: 500;
    line-height: 2.15;
    letter-spacing: -0.2px;
    color: #dc000c;
}
.fullTitleSet__title {
    font-size: 28px;
    font-weight: bold;
    line-height: 1.5;
    letter-spacing: -0.28px;
    color: #111;
    margin-top: 10px;
}
.fullTitleSet__subTitle {
    font-size: 18px;
    font-weight: normal;
    line-height: 1.56;
    letter-spacing: -0.18px;
    color: #111;
    margin-top: 20px;
}
.fullTitleSet__img {
    margin-top: 70px;
}

.ZigzagContent__list {
    display: flex;
    align-items: center;
    margin-bottom: 100px;
}
.ZigzagContent__list:last-child {
    margin-bottom: 0;
}
.ZigzagContent__listImg {
    width: 560px;
    height: 350px;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}
.ZigzagContent__listImg img {
    max-width: 100%;
}
.ZigzagContent__listText {
    margin-left: 60px;
    flex: 1;
}
.ZigzagContent__listText-title {
    font-size: 24px;
    font-weight: bold;
    line-height: 1.79;
    letter-spacing: -0.24px;
    color: #111;
    margin-bottom: 20px;
}
.ZigzagContent__listText-content {
    font-size: 18px;
    font-weight: normal;
    line-height: 1.44;
    letter-spacing: -0.18px;
    color: #111;
    margin-bottom: 40px;
}
.ZigzagContent__listText-wrap {
    display: flex;
    line-height: 1.63;
    letter-spacing: -0.16px;
    color: #111;
    font-size: 16px;
}
.ZigzagContent__listText-Label {
    font-weight: 500;
}
.ZigzagContent__listText-Content {
    font-weight: normal;
    margin-left: 20px;
}

.ZigzagContent .ZigzagContent__list.opposite .ZigzagContent__listImg {
    order: 2;
}
.ZigzagContent .ZigzagContent__list.opposite .ZigzagContent__listText {
    order: 1;
    margin-left: 0px;
    margin-right: 80px;
}

.ZigzagContent .ZigzagContent__listText-wrap.floor {
    font-size: 18px;
    font-weight: 500;
    letter-spacing: -0.18px;
    color: #666;
    margin-bottom: 10px;
}
.ZigzagContent .ZigzagContent__listText-wrap.floor .ZigzagContent__listText-Content {
    font-weight: 500;
    margin-left: 30px;
    position: relative;
}
.ZigzagContent .ZigzagContent__listText-wrap.floor .ZigzagContent__listText-Content::after {
    content: "";
    display: block;
    position: absolute;
    height: 14px;
    width: 1px;
    background-color: #666;
    left: -15px;
    top: 50%;
    transform: translateY(-50%);
}

.locationInfo {
    background-color: #f9f9f9;
    padding: 100px 0 120px 0;
}
.locationInfo__wrap {
    display: flex;
}
.locationInfo__text {
    margin-left: 60px;
    height: 352px;
    display: flex;
    flex-direction: column;
}
.locationInfo__textList {
    margin-top: 30px;
}
.locationInfo__text-title {
    font-size: 24px;
    font-weight: bold;
    line-height: 1.79;
    letter-spacing: -0.24px;
    color: #111;
}
.locationInfo__textItem {
    margin-bottom: 20px;
}
.locationInfo__textItem:last-child {
    margin-bottom: 0;
}
.locationInfo__text-label {
    font-size: 14px;
    font-weight: normal;
    line-height: 1.57;
    letter-spacing: 0.42px;
    color: #666;
    margin-bottom: 6px;
}
.locationInfo__text-content {
    font-size: 18px;
    font-weight: 500;
    line-height: 1.56;
    letter-spacing: -0.18px;
    color: #111;
}
.locationInfo__link {
    width: 160px;
    height: 55px !important;
    line-height: 55px !important;
}
.locationInfo__map-area {
    width: 600px;
    height: 352px;
}

/* page */
.showroomInformation .fullTitleSet {
    margin-top: 60px;
}
.showroomInformation .ZigzagContent {
    margin-top: 100px;
}
.showroomInformation .ZigzagContent .ZigzagContent__list.opposite .ZigzagContent__listText {
    margin-left: 140px;
}
.showroomInformation .locationInfo {
    margin-top: 100px;
}

/* component */
.covid19__header {
    margin-bottom: 40px;
}
.covid19__header-title {
    font-size: 30px;
    font-weight: bold;
    line-height: 1.43;
    letter-spacing: -0.3px;
    color: #111;
}
.covid19__header-subTitle {
    font-size: 18px;
    font-weight: normal;
    line-height: 1.44;
    letter-spacing: -0.18px;
    color: #111;
    margin-top: 10px;
}
.covid19__list {
    display: flex;
}
.covid19__item {
    flex: 1 0 0%;
    margin-right: 8px;
    height: 292px;
    background-color: #f9f9f9;
    padding: 50px 30px;
}
.covid19__list:last-child {
    margin-right: 0;
}
.covid19__item-label {
    font-size: 22px;
    font-weight: 500;
    line-height: 1;
    letter-spacing: normal;
    color: #fff;
    width: 56px;
    height: 34px;
    border-radius: 17px;
    display: inline-block;
    text-align: center;
    line-height: 32px;
    background-color: #dc000c;
    margin-bottom: 30px;
}
.covid19__item-text {
    font-size: 22px;
    font-weight: normal;
    line-height: 1.45;
    letter-spacing: -0.22px;
    color: #111;
}

/* page */
.canonFlex .locationInfo__text,
.canonFlex .locationInfo__map-area {
    height: 417px;
}
.canonFlex .locationInfo {
    margin: 100px 0;
}
.canonFlex .locationInfo__textList {
    margin-top: 30px;
}
.canonFlex .ZigzagContent__listText-content {
    margin-bottom: 40px; /* cjo */
}
.canonFlex .ZigzagContent__btn{
    display:block;
    font-size:14px;
    margin-bottom: 10px;
    width:390px;
    text-align:center;
}/* cjo 230717 */
.canonFlex .ZigzagContent__btn_sm{
    display:block;
    font-size:14px;
    margin-bottom: 10px;
    width:200px;
    text-align:center;
}/* cjo 230717 */
.canonFlex .ZigzagContent__listText {
    margin-left: 120px;
}
.canonFlex .covid19 {
    margin-top: 100px;
}
.canonFlex .fullTitleSet {
    margin-top: 60px;
}

.store-box {
    display: flex;
}
.store-box .store-info {
    width: 270px;
    margin-right: 100px;
}
.store-box .store-info .add-info {
    margin-top: 20px;
}
.store-box h4 {
    margin-bottom: 32px;
    font-size: 24px;
    font-weight: 700;
}
.store-box dl + dl {
    margin-top: 24px;
}
.store-box dt {
    margin-bottom: 4px;
    font-size: 16px;
    font-weight: 500;
}
.store-box dd {
    font-size: 15px;
    font-weight: 400;
}

td .store-box {
    display: block;
    margin: 62px 94px 80px;
    text-align: left;
}

.table-search .table {
    table-layout: fixed;
}
.table-search .table thead {
    background-color: #f9f9f9;
    border-top: 1px solid #e6e6e6;
}
.table-search .table tr {
    border-bottom: 1px solid #e6e6e6;
}
.table-search .table th, .table-search .table td {
    font-size: 16px;
    color: #000;
    line-height: 24px;
    font-weight: 400;
    padding: 18px 0;
    text-align: center;
}
.table-search .table .addr {
    padding: 0 30px 0 60px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    text-align: left;
}
.table-search tr.accordion-title {
    cursor: pointer;
}
.table-search tr.accordion-title.on {
    border-bottom: none;
}
.table-search tr.accordion-title.on .ico-down {
    transform: rotate(-180deg);
}
.table-search tr.accordion-content {
    border-bottom: none;
}
.table-search tr.accordion-content .store-box {
    display: none;
}
.table-search tr.accordion-content.on {
    border-bottom: 1px solid #e6e6e6;
}
.table-search tr.accordion-content.on .store-box {
    display: flex;
}
.table-search tr.accordion-content td {
    padding: 0;
}

.add-info {
    color: #666;
    font-size: 14px;
}

.ico-down {
    display: block;
    width: 40px;
    height: 40px;
    margin: 0 auto;
    background: url("../img/ico/ico_down.svg") no-repeat center/16px 16px;
    cursor: pointer;
    transition: all 0.2s ease;
}

.modal-body .explanation.box {
    padding: 20px;
}
.modal-body .explanation.box .explanation-content {
    color: #666;
}
.modal-body .explanation.box .explanation-content::after {
    background-color: #666;
}

.modal-content .con {
    padding-left: 40px;
    padding-right: 40px;
}

.alink {
    position: relative;
    font-size: 14px;
    font-weight: 500;
    color: #666;
    display: inline-flex;
    align-items: center;
}
.alink::after {
    content: "";
    display: block;
    position: relative;
    width: 16px;
    height: 16px;
    margin-left: 2px;
    background: url("../img/ico/ico_alink.svg");
}
.alink.underline {
    text-decoration: underline;
}
.alink.underline::after {
    display: none;
}

.tit-h3 {
    font-size: 20px;
    font-weight: 700;
}
.tit-h3 + .desc {
    margin-top: 5px;
    font-size: 14px;
    line-height: 22px;
}

.tit-h4 {
    font-size: 18px;
    font-weight: 500;
}
.tit-h4 + .desc {
    margin-top: 5px;
    font-size: 14px;
}

.article-box + .article-box {
    margin-top: 34px;
}

.article-box .explanation.box {
    margin-top: 16px;
}

.article.sm {
    font-size: 14px;
}
.article.sm dl + dl {
    margin-top: 30px;
}
.article.sm dt {
    font-weight: 500;
}
.article.sm dt .alink {
    margin-left: 12px;
}
.article.sm dd {
    margin-top: 6px;
}

.tab-default-menu {
    display: flex;
    justify-content: center;
    align-items: center;
}
.tab-default-menu li {
    width: 100%;
    text-align: center;
    background-color: #f6f6f6;
    border: 1px solid #e6e6e6;
    margin-right: -1px;
}
.tab-default-menu li a {
    display: block;
    width: 100%;
    font-size: 17px;
    padding: 17px 0;
}
.tab-default-menu li.active {
    background-color: #dc000c;
    border: 1px solid #dc000c;
}
.tab-default-menu li.active a {
    color: #fff;
}

.tab-default-content {
    padding: 20px 0 0 0;
}
.tab-default-content .tab-default-item {
    display: none;
    text-align: left;
}
.tab-default-content .tab-default-item li {
    list-style: disc;
    margin-bottom: 20px;
}
.tab-default-content .tab-default-item li::marker {
    font-size: 5px;
    color: #999;
}
.tab-default-content .tab-default-item li:last-child {
    margin-bottom: 0;
}
.tab-default-content .tab-default-item.active {
    display: inherit;
}

.tab-default-content .brand-list {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin-top: 10px;
    padding: 30px 0;
    background: #f9f9f9;
}
.tab-default-content .brand-list ol {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    width: 100%;
    position: relative;
}
.tab-default-content .brand-list ol li {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0;
    list-style: none;
}
.tab-default-content .brand-list.wrap4 li {
    width: 25%;
}
.tab-default-content .brand-list.wrap4 li:nth-child(n+5) {
    margin-top: 10px;
}
.tab-default-content .brand-list.wrap5 li {
    width: 20%;
}
.tab-default-content .brand-list.wrap5 li:nth-child(n+4) {
    margin-top: 10px;
}
.tab-default-content .brand-list [class^=online-brand-] {
    display: block;
    width: 100%;
    height: 34px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 80px auto;
}
.tab-default-content .brand-list .online-brand-1 {
    background-image: url("../img/common/online-brand1.png");
}
.tab-default-content .brand-list .online-brand-2 {
    background-image: url("../img/common/online-brand2.png");
}
.tab-default-content .brand-list .online-brand-3 {
    background-image: url("../img/common/online-brand3.png");
}
.tab-default-content .brand-list .online-brand-4 {
    background-image: url("../img/common/online-brand4.png");
}
.tab-default-content .brand-list .online-brand-5 {
    background-image: url("../img/common/online-brand5.png");
}
.tab-default-content .brand-list .online-brand-6 {
    background-image: url("../img/common/online-brand6.png");
}
.tab-default-content .brand-list .online-brand-7 {
    background-image: url("../img/common/online-brand7.png");
}
.tab-default-content .brand-list .online-brand-8 {
    background-image: url("../img/common/online-brand8.png");
}
.tab-default-content .brand-list [class^=offline-brand-] {
    display: block;
    width: 100%;
    height: 28px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 80px auto;
}
.tab-default-content .brand-list .offline-brand-1 {
    background-image: url("../img/common/offline-brand1.png");
}
.tab-default-content .brand-list .offline-brand-2 {
    background-image: url("../img/common/offline-brand2.png");
}
.tab-default-content .brand-list .offline-brand-3 {
    background-image: url("../img/common/offline-brand3.png");
}
.tab-default-content .brand-list .offline-brand-4 {
    background-image: url("../img/common/offline-brand4.png");
}
.tab-default-content .brand-list .offline-brand-5 {
    background-image: url("../img/common/offline-brand5.png");
}
.tab-default-content .brand-list .offline-brand-6 {
    background-image: url("../img/common/offline-brand6.png");
}
.tab-default-content .brand-list .offline-brand-7 {
    background-image: url("../img/common/offline-brand7.png");
}
.tab-default-content .brand-list .offline-brand-8 {
    background-image: url("../img/common/offline-brand8.png");
}
.tab-default-content .brand-list .offline-brand-9 {
    background-image: url("../img/common/offline-brand9.png");
}
.tab-default-content .brand-list .offline-brand-10 {
    background-image: url("../img/common/offline-brand10.png");
}

.inp-wrap.search.lg {
    width: 370px;
}
.inp-wrap.search input {
    height: 45px;
    padding-right: 44px;
}
.inp-wrap.search .srch-btn {
    position: absolute;
    right: 10px;
    top: 11px;
    width: 24px;
    height: 24px;
    background: url("../img/ico/ico_search_1.svg") no-repeat center top/24px 24px;
}

.heading-center {
    margin-top: 60px;
    text-align: center;
    font-size: 32px;
    margin-bottom: 60px;
}

.table-control {
    display: flex;
    flex-direction: column;
    margin: 40px 0 25px;
}
.table-control .alink.underline {
    align-self: flex-end;
    color: #111;
    font-weight: 400;
}
.table-control .alink.underline + .table-filter {
    margin-top: 20px;
}

.table-filter {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 20px;
}
.table-filter .count-set {
    font-size: 18px;
}

.accordion-head {
    position: relative;
    z-index: 0;
    width: 100%;
    text-align: left;
}

.accordion-head::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 30px;
    width: 16px;
    height: 16px;
    background: url("../img/ico/icon_arrow_blk_16.svg") no-repeat;
    background-size: 16px;
    transform: translateY(-50%) rotate(0deg);
    transition: 0.2s;
}

.accordion-head[aria-expanded=true]::after {
    transform: translateY(-50%) rotate(-180deg);
}

.accordion-contents {
    height: 0;
    overflow: hidden;
    transition: height 0.2s;
}

.accordion-group.qa {
    border-top: solid 2px #111;
}

.qa .accordion-group--block {
    border-bottom: solid 1px #e6e6e6;
}

.qa .accordion-head--inner {
    position: relative;
    padding: 20px 20px 20px 90px;
    font-size: 16px;
}

.qa .accordion-contents--inner {
    position: relative;
    padding: 30px 30px 30px 90px;
    font-weight: 500;
}

.qa .accordion-head--inner > strong,
.qa .accordion-contents--inner > strong {
    position: absolute;
    left: 0;
    width: 60px;
    text-align: center;
    font-weight: 500;
    top: 20px;
}

.qa .accordion-contents--inner > strong {
    color: #dc000c;
    top: 30px;
}

* {
    font-family: "Roboto", "NotoSansKR", Arial, AppleGothic, verdana, sans-serif !important;
}

.prd_detail.prd_editor * {
    font-family: "Roboto", "NotoSansKR", Arial, AppleGothic, verdana, sans-serif;
}

.prdWrap {
    width: 1200px;
    margin: 0 auto;
    text-align: center;
}
.prdWrap img {
    width: 100%;
}

* {
    -webkit-text-size-adjust: none;
}

.prdWrap > img {
    display: block;
    margin: 0 auto;
}

.prdWrap .prdSection {
    position: relative;
    overflow: hidden;
    text-align: left;
    margin: 0;
    padding: 0;
}

.prdWrap .irTxt {
    overflow: hidden;
    position: relative;
    z-index: -1;
    /*padding:20px;*/
    *text-indent: -9999px;
    color: #fff;
}

.prdWrap .videoBox {
    position: absolute;
    background-color: #000;
}

/* CSS Document */
caption {
    font-size: 0;
}

.desc1 li {
    line-height: 20px;
    margin-top: 5px;
    text-align: right;
}

.mb10 {
    margin-bottom: 10px;
}

.mt20 {
    margin-top: 20px;
}

.mt50 {
    margin-top: 50px;
}

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

.pt60 {
    padding-top: 60px;
}

.bg4d6 {
    background-color: #4d6d89 !important;
}

.bg008 {
    background-color: #0088b3 !important;
}

.bgNo {
    background-color: #1b1b1b !important;
}

.f_red {
    color: #e32127;
}

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

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

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

#feature_wrap {
    width: 1164px;
    margin: 0 auto;
    font-size: 13px;
    background: #fff;
}

.secFeature {
    position: relative;
    padding-top: 175px;
    padding-bottom: 175px;
    margin: 0 110px;
    border-bottom: 1px solid #575353;
}

.secFeature h1 {
    font-size: 65px;
    text-align: center;
    font-weight: bold;
    letter-spacing: -2px;
}

.secFeature h3 {
    font-size: 25px;
    margin: 60px 0 17px 0;
    font-weight: normal;
    text-align: left;
    line-height: 30px;
}

.secFeature h4 {
    font-size: 18px;
    margin: 60px 0 17px 0;
    font-weight: normal;
}

.secFeature .secTit {
    margin-bottom: 30px;
    color: #fff;
}

.secFeature .secTit h2 {
    font-size: 60px;
    text-align: center;
    font-weight: 500;
    letter-spacing: -2px;
    color: #111;
}

.secFeature .secTit > p {
    font-size: 25px;
    text-align: center;
    margin-bottom: 15px;
}

.secFeature .titArea > p {
    font-size: 32px;
    text-align: center;
    margin-bottom: 30px;
    letter-spacing: -2px;
}

.secFeature .mainVisual {
    margin-top: 100px;
}

.secFeature .Visual {
    margin-top: 75px;
}

.secFeature .tit_text {
    text-align: center;
    font-size: 19px;
    line-height: 33px;
    letter-spacing: -1px;
    margin-bottom: 70px;
    color: #111;
}

.secFeature .phoZone li:first-child {
    margin-top: 0;
}

.secFeature .phoZone li {
    margin-top: 40px;
}

.secFeature .phoZone li p {
    font-size: 14px;
    margin-top: 10px;
    text-align: right;
    color: #fff;
}

.secFeature .subTit {
    font-size: 22px;
    line-height: 26px;
}

.secFeature .subText {
    margin-top: 30px;
    text-align: left;
    font-size: 17px;
    line-height: 26px;
    letter-spacing: -1px;
    color: #cccccc;
}

.secFeature .subText + .desc1 {
    text-align: left;
}

.secFeature .subImg {
    margin-top: 45px;
}

.subCon li .subImg + .imgBox {
    margin-top: 80px;
}

.subCon li .subImg + .grayB {
    margin-top: 10px;
}

.secFeature .visual_point {
    width: 900px;
    height: 576px;
    margin: 0;
    background: url(http://image.kr.canon/pds/editor/upload/product/dslr/5dmk4/v3/visual02.png) 0 0 no-repeat;
}

.secFeature .subTit .icon {
    float: left;
    width: 64px;
    height: 62px;
    margin-right: 12px;
    display: inline-block;
    background: url(http://image.kr.canon/pds/editor/upload/product/dslr/5dmk4/v3/bg_icon.png) 0 0 no-repeat;
}

.secFeature .subTit > p {
    line-height: 26px;
    text-align: left;
    color: #fff;
}

.secFeature .subTit .icon.type01 {
    background-position: -10px -10px;
    height: 52px;
}

.secFeature .subTit .icon.type02 {
    background-position: -80px -10px;
}

.secFeature .subTit .icon.type03 {
    background-position: -150px -10px;
}

.secFeature .subTit .icon.type04 {
    background-position: -220px -10px;
}

.secFeature .subTit .icon.type04 + p {
    line-height: 40px;
}

.secFeature .subTit .icon.type05 {
    background-position: -290px -10px;
}

.secFeature .subTit .icon.type06 {
    background-position: -10px -80px;
    width: 47px;
    height: 57px;
}

.secFeature .subTit .icon.type06 + p {
    line-height: 48px;
}

.secFeature .subTit .icon.type07 {
    background-position: -80px -80px;
    width: 62px;
    height: 57px;
}

.secFeature .subTit .icon.type08 {
    background-position: -150px -80px;
    width: 66px;
    height: 56px;
}

.secFeature .subTit .icon.type09 {
    background-position: -220px -80px;
    width: 70px;
    height: 60px;
}

.secFeature .subTit .icon.type10 {
    background-position: -290px -80px;
    width: 70px;
    height: 56px;
}

.secFeature .subTit .icon.type11 {
    background-position: -80px -150px;
    width: 57px;
    height: 60px;
}

.secFeature .subTit .icon.type16 {
    background-position: -10px -150px;
    width: 70px;
    height: 58px;
}

.secFeature .subTit .icon.type12 {
    background-position: -10px -220px;
    width: 160px;
    height: 55px;
}

.secFeature .subTit .icon.type13 {
    background-position: -220px -214px;
    width: 77px;
    height: 52px;
}

.secFeature .subTit .icon.type14 {
    background-position: -150px -150px;
    width: 222px;
    height: 52px;
}

.secFeature .subTit .icon.type15 {
    background-position: -10px -290px;
    width: 70px;
    height: 48px;
}

.secFeature .imgArea .tit {
    font-size: 22px;
    text-align: center;
    margin-bottom: 22px;
    color: #000;
}

.imgBox:after,
.imgBox.twin:after {
    clear: both;
    display: block;
    content: "";
}

.imgTit {
    display: block;
    text-align: left;
    color: #00b5ee;
}

.imgBox .imgZone {
    width: auto;
    float: left;
}

.imgBox .textZone ul > li {
    margin-top: 35px;
    line-height: 26px;
    color: #cccccc;
    text-align: left;
}

.imgBox .textZone ul > li:first-child {
    margin-top: 0px;
}

.imgBox .textZone ul > li > strong,
.imgBox .textZone > strong {
    display: block;
    font-size: 22px;
    margin-bottom: 15px;
    text-align: left;
}

.imgBox .textZone ul > li > strong {
    color: #ffffff;
}

.imgBox.twin .imgZone {
    width: 454px;
}

.imgBox.twin .imgZone img {
    width: 100%;
    height: 303px;
    margin-top: 12px;
}

.twin li {
    margin-left: 34px;
}

.twin li:first-child {
    margin-left: 0;
}

.type01.imgBox .imgZone {
    margin-right: 45px;
}

.type01.imgBox .textZone {
    display: table-cell;
    vertical-align: middle;
    height: 240px;
    text-align: left;
}

.type02.imgBox .textZone {
    padding-top: 150px;
    margin-left: 528px;
}

.type03.imgBox .imgZone {
    margin-right: 30px;
}

.type04.imgBox .imgZone {
    margin-right: 23px;
}

.type04.imgBox .textZone {
    padding-top: 115px;
}

.type04.imgBox .textZone .subText {
    letter-spacing: -1.6px;
}

.type05.imgBox .imgZone {
    width: 396px;
    text-align: center;
    padding-top: 68px;
}

.type05.imgBox .textZone {
    float: right;
}

.imgBox .textZone {
    line-height: 26px;
    text-align: left;
    color: #fff;
}

.imgBox.imgR .imgZone {
    float: right;
    width: auto;
}

.imgBox.imgR .textZone {
    float: left;
}

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

.grayB li {
    width: 428px;
    margin-left: 12px;
    float: left;
    line-height: 26px;
    padding: 17px 19px;
    background: #262626;
    color: #fff;
}

.grayB li:first-child {
    margin-left: 0;
}

.grayB li b {
    display: block;
    margin-bottom: 21px;
}

.af {
    margin-bottom: 51px;
}

.af li {
    min-height: 126px;
}

.af .se {
    padding-top: 33px;
}

.servo li:first-child {
    margin-left: 0;
}

.servo li {
    padding: 26px 0 26px 55px;
    width: 409px;
}

.servo li b {
    float: left;
    margin-right: 55px;
    margin-bottom: 0;
}

.icon_4k {
    margin-bottom: 23px;
}

.fourk li {
    width: 428px;
    margin-left: 12px;
    margin-top: 50px;
}

.secFeature .subText + .videoBox {
    margin-top: 30px;
}

.secFeature .subCon {
    font-size: 17px;
    line-height: 24px;
}

.desc1 {
    display: block;
    text-align: right;
    margin-top: 16px;
    color: #b1b1b1;
    line-height: 22px;
    font-size: 15px;
    letter-spacing: -1.5px;
}

.disI {
    display: inline-block;
}

.secFeature .sBOr {
    width: 504px;
    height: 2px;
    display: block;
    margin: 100px auto 100px;
    border-bottom: 1px solid #575353;
}

.secFeature .exa {
    position: absolute;
    top: 10px;
    right: 0px;
}

.TitAr p:first-child {
    color: #0283ac;
    margin: 51px 0 21px 0;
    font-size: 17px;
}

.TitAr p {
    font-size: 15px;
}

.TitAr {
    margin-bottom: 24px;
}

.videoBox {
    margin-top: 30px;
}

/*table 스타일*/
.prdTb_Sty {
    /*overflow:hidden;border-top:1px solid #000;*/
}

.prdTb_Sty table {
    border-right: 1px solid #000;
    border-left: 1px solid #000;
    text-align: center;
}

.prdTb_Sty thead th,
.prdTb_Sty tbody th {
    text-align: center;
    padding: 10px 15px;
    background-color: #4d4d4d;
    line-height: 22px;
    border-top: 1px solid #000;
    border-right: 1px solid #000;
    font-size: 16px;
    color: #fff;
}

.prdTb_Sty tbody td {
    padding: 10px 15px;
    background-color: #333333;
    border-top: 1px solid #000;
    font-size: 15px;
    text-align: center;
    font-size: 15px;
    line-height: 26px;
    border-right: 1px solid #000;
    font-size: 15px;
    color: #fff;
}

.Rgb tbody td {
    text-align: left;
}

/* 추가 컨텐츠 2017-07-03 */
.cautionTit {
    height: 36px;
    padding-left: 36px;
    margin-top: 60px;
    background: #4c4c4c;
}

.cautionTit h2 {
    font-size: 20px;
    line-height: 36px;
    font-weight: 500;
}

.bulList {
    padding: 25px 10px;
    border-right: 4px solid #4c4c4c;
    border-left: 4px solid #4c4c4c;
    border-bottom: 4px solid #4c4c4c;
}

.bulList li {
    position: relative;
    padding-left: 20px;
    margin-top: 20px;
    font-size: 17px;
    line-height: 27px;
    color: #ccc;
    letter-spacing: -1px;
}

.bulList li:first-child {
    margin-top: 0;
}

.bulList li::before {
    position: absolute;
    left: 0;
    top: 7px;
    width: 16px;
    height: 16px;
    content: "";
    background: #ccc;
    border-radius: 100%;
}

/* 2017-07-10 추가 */
.secFeature.ty2 {
    margin: 0;
    padding: 35px;
    background: #000;
    border-bottom: 0;
}

.secFeature.ty2 + .secFeature {
    border-top: 1px solid #575353;
}

.inner img {
    max-width: 100%;
}

.canlog_set {
    overflow: hidden;
    min-height: 368px;
}

.canlog_set .left {
    float: left;
}

.canlog_set .right {
    float: right;
}

.canlog_set .visualtit {
    display: block;
    padding-bottom: 7px;
    font-size: 16px;
    line-height: 1.5;
    font-weight: 500;
}

.canlog_set .visualtxt {
    padding-top: 10px;
    font-size: 14px;
    line-height: 1.5;
    letter-spacing: -0.5px;
}

.canlog_set .visualimg {
    min-height: 262px;
}

.videoBox {
    position: relative !important;
    margin: 0 !important;
    padding: 0 !important;
}

.videoBox iframe {
    position: static;
    width: 1200px !important;
    height: 565px !important;
}

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

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

.btn_afwrap {
    text-align: center;
}

.btn_afwrap .btn_af {
    display: inline-block;
    padding: 0 30px;
    margin-top: -30px;
    background: #212121;
    border: 1px solid #aaa;
    line-height: 36px;
    font-size: 14px;
    color: #fff;
    font-family: "맑은 고딕", Malgun Gothic, arial, Verdana, sans-serif;
}

.prdSection {
    position: relative;
}

.contents .snb_pro,
.snb_cont .snb_pro {
    margin-top: 100px;
}

.myCps_wrap .pro_servieceWrap .link.tel {
    cursor: default;
}

.section.consulting_body:before {
    margin-top: 100px;
}

.total-search-wrap .wraper input[type=text] {
    background-color: #fff;
}

/* 프로 -mycps */
.day_box .layer_cld {
    box-sizing: content-box;
}

#eventFrm .contents {
    position: relative;
    min-width: 1164px;
    max-width: 1920px;
    width: 100%;
    min-height: 500px;
    padding-bottom: 120px;
    margin: 0 auto;
    overflow: hidden;
}
#eventFrm .contents h3 {
    margin: 50px 0px 0px 0px;
    font-size: 24px;
    font-weight: bold;
    color: #000;
    line-height: 1;
}
#eventFrm .contents .tit_line {
    display: none;
    width: 20px;
    height: 1px;
    margin-top: 17px;
    padding: 0 !important;
    background: #000;
}
#eventFrm .contents .txt_h3 {
    margin-top: 10px;
    color: #666;
    font-size: 18px;
}
#eventFrm .contents .f-red {
    color: #de2b31 !important;
}
#eventFrm .contents .phon_inquiry {
    margin-top: 10px;
}
#eventFrm .contents .phon_inquiry span.line {
    display: inline-block;
    padding-left: 10px;
    margin-left: 12px;
    background: url(../images/support/line_su_srh02.png) no-repeat left center;
}
#eventFrm .contents .phone_certify_box {
    display: flex;
    align-items: stretch;
    margin-top: 20px;
    overflow: hidden;
}
#eventFrm .contents .phone_certify_box .btn_color.c_gray {
    width: auto;
    height: 40px;
    color: #000;
    background-color: #fff;
    border-radius: 4px;
    border: 1px solid #000;
    color: #000;
    font-size: 14px;
    line-height: 40px;
}
#eventFrm .contents .phone_certify_box .tbl_sty2 {
    width: 579px;
}
#eventFrm .contents .phone_certify_box .tbl_sty2 .btn_color {
    width: auto;
    font-size: 14px;
}
#eventFrm .contents .phone_certify_box .tbl_sty2 .type2 {
    border-bottom: 1px solid #c6c6c6;
}
#eventFrm .contents .phone_certify {
    width: 575px;
    margin-left: 10px;
    padding: 44px 0;
    border-top: 1px solid #000;
    border-bottom: 1px solid #c6c6c6;
    text-align: center;
}
#eventFrm .contents .phone_certify p.tit {
    font-weight: 500;
    font-size: 15px;
}
#eventFrm .contents .phone_certify .form_box {
    margin-top: 15px;
}
#eventFrm .contents .phone_certify .form_box label {
    display: inline-block;
    margin-right: 10px;
    color: #000;
    font-weight: 500;
    font-size: 14px;
}
#eventFrm .contents input[type=text],
#eventFrm .contents input[type=password] {
    width: 100%;
    height: 42px;
    font-size: 15px;
    padding: 0 10px;
    color: #111;
    background-color: #fff;
    border: 1px solid #e6e6e6;
    border-radius: 4px;
    vertical-align: middle;
}
#eventFrm .contents input[type=radio] + label,
#eventFrm .contents input[type=checkbox] + label {
    display: inline-block;
    margin-left: 5px;
}
#eventFrm .contents .ez-radio {
    display: inline-block;
    margin-right: 5px;
}
#eventFrm .contents .ev_enter {
    display: block;
    margin-top: 10px;
}
#eventFrm .contents .phone_certify .form_box a.btn_color {
    vertical-align: middle;
    margin-left: -4px;
    width: 60px;
    height: 20px;
    text-align: center;
    line-height: 18px;
}
#eventFrm .contents .tbl_sty2 table {
    /*margin-top:-1px;border-bottom:1px solid #000;*/
    border-bottom: 1px solid #e2e2e2;
}
#eventFrm .contents .tbl_sty2 table select {
    min-width: 80px;
    height: 42px;
    padding: 0 10px;
    border-radius: 4px;
    border: 1px solid #e6e6e6;
    background-color: #fff;
}
#eventFrm .contents .tbl_sty2 thead tr th {
    text-align: center;
}
#eventFrm .contents .tbl_sty2 tbody th {
    /*padding:11px 0px;*/
    /*padding:15px 0 ; text-align:center;*/
    padding: 15px 15px 15px 0;
    font-weight: 500;
    text-align: right;
    background: #f9f9f9;
    border-top: 1px solid #f3f3f3 !important;
}
#eventFrm .contents .tbl_sty2 tbody td {
    /*padding:7px 0px 7px 20px;*/
    padding: 15px 0 15px 15px;
    border-top: 1px solid #f3f3f3;
}
#eventFrm .contents .tbl_sty2 > table > tbody > tr:first-child > th,
#eventFrm .contents .tbl_sty2 > table > tbody > tr:first-child > td {
    border-top: 1px solid #000 !important;
}
#eventFrm .contents .tbl_sty2.bd_none > table > tbody > tr:first-child > th,
#eventFrm .contents .tbl_sty2.bd_none > table > tbody > tr:first-child > td {
    border-top: none !important;
}
#eventFrm .contents .tbl_sty2 .type2 {
    border-bottom: 1px solid #e2e2e2;
}
#eventFrm .contents .tbl_sty2 .type2 tbody td {
    /*padding:13px 0px 13px 15px;*/
    border-top: 1px solid #f3f3f3;
}
#eventFrm .contents .tbl_sty2 .text_check {
    margin-top: 7px;
    font-family: dotum, "돋움";
    font-size: 11px;
    font-weight: bold;
    color: #999;
    text-align: right;
}
#eventFrm .contents .tbl_sty2 .text_check span {
    color: #de2b31;
}
#eventFrm .contents .tbl_sty2 .txt_file_info {
    margin-top: 8px;
    font-size: 11px;
}
#eventFrm .contents .tbl_sty2 .inp_ne_txt {
    margin-top: 5px;
    color: #666;
    font-size: 13px;
}
#eventFrm .contents .tbl_sty2 .holder {
    margin: 0px 12px 0px 0px;
}
#eventFrm .contents .present_list {
    margin-top: 10px;
    border-top: 1px solid #000;
}
#eventFrm .contents .present_list .formlist li:first-child {
    margin-top: 20px;
}
#eventFrm .contents .present_list .formlist li:not(:last-child) {
    margin-bottom: 15px;
}
#eventFrm .contents .addr_detail > div:not(:last-child) {
    margin-bottom: 10px;
}
#eventFrm .contents .btn_color {
    display: inline-block;
    width: 180px;
    height: 60px;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 11px;
    line-height: 58px;
    vertical-align: middle;
}
#eventFrm .contents .btn_color.c_gray {
    color: #747474;
    background-color: #fff;
    border-radius: 4px;
    border: 1px solid #dc000c;
    color: #dc000c;
    font-size: 18px;
}
#eventFrm .contents .btn_area3 {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 30px;
    text-align: center;
}
#eventFrm .contents .btn_area3 .btn_color.c_red {
    color: #ffffff;
    background-color: #de2b31;
    border: 1px solid #c8161c;
}
#eventFrm .contents .btn_area3 .btn_color.c_gray {
    color: #ffffff;
    background-color: #4a4a4a;
    border: 1px solid #373737;
}
#eventFrm .contents .btn_area3 .btn_color {
    display: inline-block;
    border-radius: 30px;
    margin-left: 0px;
    font-size: 16px;
    padding: 0 20px;
    text-align: center;
}
#eventFrm .contents .btn_area3 .btn_color:not(:last-child) {
    margin-right: 10px;
}
#eventFrm .contents .btn_color2 {
    display: inline-block;
    width: 80px;
    height: 40px;
    margin-left: 10px;
    border: 1px solid #111;
    color: #111;
    border-radius: 4px;
    background-color: #fff;
    text-align: center;
    line-height: 40px;
    vertical-align: middle;
}
#eventFrm .contents .btn_postcode {
    display: inline-block;
    width: 80px;
    height: 40px;
    margin-left: 10px;
    color: #fff;
    border-radius: 4px;
    background-color: #111;
    text-align: center;
    line-height: 40px;
    vertical-align: middle;
}
#eventFrm .contents .list_event_box.warning {
    margin-top: 40px;
}
#eventFrm .contents .list_event_box.warning ul li {
    position: relative;
    padding-left: 8px;
    color: #666;
    font-size: 14px;
    line-height: 24px;
}
#eventFrm .contents .list_event_box.warning ul li::before {
    content: "";
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background-color: #999;
}
#eventFrm .contents .list_event_box.warning ul li:not(:last-child) {
    margin-bottom: 10px;
}
#eventFrm .contents .event_compl {
    width: 800px;
    margin: 100px auto 0;
}
#eventFrm .contents .event_compl .tit {
    font-size: 28px;
    font-weight: bold;
    text-align: center;
}
#eventFrm .contents .event_compl .txt {
    margin-top: 10px;
    font-size: 18px;
    text-align: center;
}
#eventFrm .contents .event_compl .conform_my_report ul {
    padding: 40px 50px;
    margin-top: 60px;
    margin-bottom: 20px;
    border-radius: 15px;
    border: 1px solid #e6e6e6;
    background-color: #fff;
}
#eventFrm .contents .event_compl .conform_my_report li {
    display: table;
}
#eventFrm .contents .event_compl .conform_my_report li:not(:last-child) {
    margin-bottom: 14px;
}
#eventFrm .contents .event_compl .conform_my_report li .fTit {
    display: table-cell;
    width: 60px;
    color: #666;
    font-size: 16px;
    vertical-align: top;
}
#eventFrm .contents .event_compl .conform_my_report li .addre .addre_detail {
    display: inline-block;
    line-height: 1.8;
}
#eventFrm .contents .event_compl .txt_my_report {
    margin-top: 10px;
}

.prd_spec {
    width: 1200px;
    margin: 0 auto;
}
.prd_spec hr,
.prd_spec legend,
.prd_spec caption,
.prd_spec .hid {
    overflow: hidden;
    position: absolute;
    left: -500px;
    width: 0;
    height: 0;
    line-height: 0;
    text-indent: -2000px;
}
.prd_spec * {
    box-sizing: border-box;
    line-height: 1.4;
}
.prd_spec h5 {
    font-size: 24px;
    font-weight: 500;
    line-height: 1.25;
    text-align: left;
    margin-bottom: 20px;
}
.prd_spec h5::before {
    content: "";
    display: inline-block;
    width: 7px;
    height: 7px;
    margin-right: 8px;
    margin-bottom: 5px;
    border-radius: 50%;
    background-color: #dc000c;
    vertical-align: middle;
}
.prd_spec h6 {
    font-size: 16px;
}
.prd_spec .cont {
    width: 100%;
    margin: 20px 0 50px;
    border-top: 3px solid #000;
}
.prd_spec .cont dl {
    display: table;
    width: 100%;
    margin: 0;
    border-bottom: 1px solid #e6e6e6;
}
.prd_spec .cont dt {
    display: table-cell;
    width: 400px;
    padding: 18px 10px;
    background-color: #f9f9f9;
    font-weight: normal;
    vertical-align: top;
}
.prd_spec .cont dd {
    display: table-cell;
    width: 800px;
    padding: 18px 10px;
}
.prd_spec .tbl_sty4 table thead th {
    padding: 15px 0;
    background-color: #f5f5f5;
    color: #666;
    border-top: 1px solid #eee;
    border-left: 1px solid #eee;
}
.prd_spec .tbl_sty4 table tbody th {
    padding: 10px;
    background-color: #f5f5f5;
    color: #666;
    border-top: 1px solid #eee;
    border-left: 1px solid #eee;
}
.prd_spec .tbl_sty4 table tbody td {
    padding: 10px;
    border-top: 1px solid #eee;
    border-left: 1px solid #eee;
    vertical-align: middle;
}
.prd_spec .tbl_sty4.tbl_tdsty1 th,
.prd_spec .tbl_sty4.tbl_tdsty1 td {
    border: 0;
    border-bottom: 1px solid #e6e6e6;
    border-right: 1px solid #e6e6e6;
    font-size: 16px;
    font-weight: 400;
    word-break: break-all;
}
.prd_spec .tbl_sty4.tbl_tdsty1 td:last-child {
    border-right: 0;
}
.prd_spec .tbl_sty10 {
    margin-bottom: 10px;
}
.prd_spec .tbl_sty10 th {
    padding: 10px;
    border-top: 1px solid #e6e6e6;
    border-left: 1px solid #e6e6e6;
    background-color: #f9f9f9;
    font-size: 16px;
    font-weight: normal;
}
.prd_spec .tbl_sty10 td {
    padding: 10px;
    border-top: 1px solid #e6e6e6;
    border-left: 1px solid #e6e6e6;
}
.prd_spec .cont .numtbl_wrap {
    margin: 0;
}
.prd_spec .num_tbl {
    border: 1px solid #ccc;
    border-top: 0;
}
.prd_spec .num_tbl th {
    padding: 10px;
    font-size: 16px;
    font-weight: normal;
    text-align: center;
    background: #f9f9f9;
    color: #000;
    border-left: 1px solid #ccc;
    border-top: 1px solid #ccc;
}
.prd_spec .num_tbl th:first-child {
    border-left: 0;
}
.prd_spec .num_tbl tr:first-child th {
    border-top: 0;
}
.prd_spec .num_tbl td {
    padding: 10px;
    font-size: 16px;
    font-weight: normal;
    background: #fdfdfd;
    color: #000;
    border-left: 1px solid #ccc;
    border-top: 1px solid #ccc;
    text-align: center;
}
.prd_spec .num_tbl td:first-child {
    border-left: 0;
}
.prd_spec .num_tbl tr:nth-child(even) td {
    background: #f9f9f9;
}
.prd_spec .num_tbl + .num_tbl {
    margin-top: 30px;
}
.prd_spec .num_tbl.border-type2 {
    border-top: 1px solid #ccc;
}

.sec_con_container {
    font-size: 18px;
    font-weight: 500;
    line-height: 1.4;
    text-align: left;
    margin-bottom: 10px;
    /* .st_prd_specif {position:relative; display:block; overflow:hidden;} */
    /* .st_prd_specif > ul > li:first-child {border-top:0} */
}
.sec_con_container ul {
    width: 100%;
    margin: 10px 0 40px;
    border-top: 2px solid #000;
}
.sec_con_container ul li {
    display: table;
    table-layout: fixed;
    width: 100%;
    margin: 0;
    border-bottom: 1px solid #e6e6e6;
}
.sec_con_container ul li strong {
    display: table-cell;
    width: 30%;
    padding: 18px 10px;
    font-size: 16px;
    font-weight: 400;
    background-color: #f9f9f9;
    font-weight: normal;
    vertical-align: top;
}
.sec_con_container ul li span,
.sec_con_container ul li p {
    display: table-cell;
    width: 70%;
    padding: 18px 10px;
    font-size: 16px;
    font-weight: 400;
    word-break: break-all;
}
.sec_con_container .st_info_tit01 {
    font-size: 24px;
    font-weight: 500;
    line-height: 1.25;
    text-align: left;
    margin-bottom: 10px;
}
.sec_con_container .st_prd_specif > ul {
    width: 100%;
    margin: 20px 0 50px;
    border-top: 2px solid #000;
}
.sec_con_container .st_prd_specif > ul > li {
    display: table;
    table-layout: fixed;
    width: 100%;
    margin: 0;
    border-bottom: 1px solid #e6e6e6;
}
.sec_con_container .st_prd_specif > ul > li strong {
    display: table-cell;
    width: 30%;
    padding: 18px 10px;
    font-size: 16px;
    background-color: #f9f9f9;
    font-weight: normal;
    vertical-align: top;
}
.sec_con_container .st_prd_specif > ul > li > * + * {
    display: table-cell;
    width: 70%;
    padding: 18px 10px;
    font-size: 16px;
    font-weight: 400;
    word-break: break-all;
}
.sec_con_container ul.st_specif_list01 {
    margin: 0;
}
.sec_con_container ul.st_specif_list01 li {
    margin-top: 6px;
}
.sec_con_container ul.st_specif_list01 li:first-child {
    margin-top: 0;
}
.sec_con_container .prd_etc01 {
    padding: 15px 20px 20px 2px;
    font-size: 13px;
    line-height: 18px;
    color: #666;
    border-top: 1px solid #e6e6e6;
}
.sec_con_container .prd_imgcont {
    padding: 0px;
    line-height: 1px;
}
.sec_con_container .prd_imgcont img {
    width: 100%;
}
.sec_con_container .videoBox {
    margin: 20px;
    overflow: hidden;
    position: absolute;
    padding-bottom: 56.25%;
    z-index: 2;
    top: 0;
}
.sec_con_container .videoBox iframe {
    width: 100%;
    height: 100%;
    position: absolute;
}

.new_prd_list01 {
    padding: 10px 0;
}

.new_prd_list01.last {
    padding: 0;
}

.detail-point #productW {
    text-align: center;
}

.benefit_info li {
    box-sizing: content-box;
}

/* jquery ui */
.ui-widget.ui-widget-content:not(.ui-datepicker) {
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    position: fixed !important;
}

.ui-widget-content.ui-dialog {
    box-sizing: content-box;
}

.ui-state-default .ui-icon {
    background-image: url(images/ui-icons_222222_256x240.png);
}

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

.ui-dialog .ui-dialog-titlebar-close, .ui-dialog .ui-dialog-titlebar-close:hover {
    background: url("../img/common/ico_modal_close.svg") no-repeat center/24px;
    border: none;
}

.ui-button-text-only .ui-button-text {
    padding: 0;
}

.ui-widget-header {
    border: none;
    background: #fff;
}

.ui-widget-overlay {
    background: #000;
    opacity: 0.7;
}

.st_prd_specif > ul:not(.new_prd_list01) {
    width: 100%;
    margin: 20px 0 50px;
    border-top: 2px solid #000;
}

.st_prd_specif > ul:not(.new_prd_list01) > li {
    display: table;
    table-layout: fixed;
    width: 100%;
    margin: 0;
    border-bottom: 1px solid #e6e6e6;
}

/* .st_prd_specif > ul > li:first-child {border-top:0} */
.st_prd_specif > ul:not(.new_prd_list01) > li strong {
    display: table-cell;
    width: 30%;
    padding: 18px 10px;
    font-size: 16px;
    font-weight: 400;
    background-color: #f9f9f9;
    font-weight: normal;
    vertical-align: top;
}

.st_prd_specif > ul:not(.new_prd_list01) > li > * + * {
    padding: 18px 10px;
    font-size: 16px;
    font-weight: 400;
    word-break: break-all;
}

ul.st_specif_list01 {
    margin: 0;
}

ul.st_specif_list01 li {
    margin-top: 6px;
}

ul.st_specif_list01 li:first-child {
    margin-top: 0;
}

/* 이벤트 우편번호 */
.popup_layer.type12 {
    padding: 20px 24px;
    background: #fff;
}

.popup_layer.type12 h1 {
    margin-bottom: 10px;
    font-size: 24px;
}

#addrInput.cont td {
    padding: 5px 0;
}

#addrInput.cont td .mt10 {
    margin-top: 0 !important;
}

#addrInput.cont .btn_area3 a {
    height: 40px;
    margin: 0 auto;
    border: 1px solid #dc000c;
    background: #dc000c;
    color: #fff;
    width: 80px;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.box_addr_detail .addr_detail {
    margin-top: 10px;
}

.st_prd_specif .div_right_new {
    margin: 20px 0 50px;
}
.st_prd_specif .tbl_sty4 {
    border-top: 0.2rem solid #222;
}
.st_prd_specif .tbl_sty4 table thead th {
    padding: 15px 0;
    background-color: #f5f5f5;
    color: #666;
    border-top: 1px solid #eee;
    border-left: 1px solid #eee;
}
.st_prd_specif .tbl_sty4 table tbody th {
    padding: 10px;
    background-color: #f5f5f5;
    color: #666;
    border-top: 1px solid #eee;
    border-left: 1px solid #eee;
}
.st_prd_specif .tbl_sty4 table tbody td {
    padding: 10px;
    border-top: 1px solid #eee;
    border-left: 1px solid #eee;
    vertical-align: middle;
}
.st_prd_specif .tbl_sty4.tbl_tdsty1 th,
.st_prd_specif .tbl_sty4.tbl_tdsty1 td {
    border: 0;
    border-bottom: 1px solid #e6e6e6;
    border-right: 1px solid #e6e6e6;
    font-size: 16px;
    font-weight: 400;
    word-break: break-all;
    padding: 18px 10px;
}
.st_prd_specif .tbl_sty4.tbl_tdsty1 td:last-child {
    border-right: 0;
}

.detail_point .point-new-con.bg-dark {
    background: #000;
    color: #ffff;
}
.detail_point .point-new-con .ndetail_img img {
    display: block;
    width: 100%;
    height: auto;
}
.detail_point .point-new-con .ndetail_tit1 {
    font-size: 70px;
    line-height: 95px;
}
.detail_point .point-new-con .ndetail_tit1 + .ndetail_tit2 {
    margin-top: 180px;
}
.detail_point .point-new-con .ndetail_tit2 {
    font-size: 34px;
    line-height: 48px;
}
.detail_point .point-new-con .ndetail_tit2 + .ndetail_txt {
    margin-top: 30px;
}
.detail_point .point-new-con .ndetail_txt {
    font-size: 16px;
    line-height: 24px;
}
.detail_point .point-new-con .ndetail_txt + .ndetail_img {
    margin-top: 60px;
}
.detail_point .point-new-con .ndetail_set {
    display: flex;
    margin-top: 180px;
}
.detail_point .point-new-con .ndetail_set .ndetail_img {
    width: 505px;
    margin-right: 130px;
}
.detail_point .point-new-con .ndetail_set .ndetail_img img {
    max-width: 100%;
}
.detail_point .point-new-con .ndetail_set .ndetail_txt_set {
    display: flex;
    justify-content: center;
    flex-direction: column;
    flex: 1;
    text-align: left;
}

.wraper textarea::placeholder {
    font-size: 12px;
    color: #8c8c8c;
}

.box_layer .tit a {
    color: #747474;
}

.photo_reg_info .shoot_inner .selectric-items li, .photo_visit .selectric-items li {
    padding: 6px 10px;
}
.photo_reg_info .shoot_inner .selectric .label, .photo_visit .selectric .label {
    height: 32px;
    line-height: 32px;
}
.photo_reg_info .shoot_inner .selectric .button, .photo_visit .selectric .button {
    height: 32px;
}

.photo_reg_info .shoot_inner {
    margin-top: 10px;
}
.photo_reg_info .shoot_inner .selectric-wrapper + .selectric-wrapper {
    margin-top: 5px;
}

.photo_visit .select-box .selectric-wrapper {
    flex: 1;
}
.photo_visit .select-box .selectric-wrapper + .selectric-wrapper {
    margin-left: 5px;
}

.wraper input[type=text], .wraper input[type=password] {
    height: 29px;
    border-radius: 0;
}

.wraper input[type=text]::placeholder, .wraper input[type=password]::placeholder {
    font-size: 12px;
    color: #8c8c8c;
    border-radius: 0;
}

.icons li.btnsns a,
.btn_area3 .btn_color,
.comment_wrap .cmt_inp .textarea,
.comment_wrap .cmt_inp .textarea2,
.comment_wrap .cmt_inp,
.my_equ .list_prd_box > ul > li > span:first-child,
.join_step_wrap {
    box-sizing: content-box;
}

.reg_notice .table-layout {
    margin-top: 12px;
}
.reg_notice .inp-wrap {
    margin-top: 20px;
    text-align: right;
}
.reg_notice .inp-wrap label + label {
    margin-left: 5px;
}

.photo_gallery.section {
    width: 100%;
    min-width: 1164px;
    background: #222;
    /* 상단 탑메뉴 */
    /* .top_menu_wrap .btn_link_l {position:absolute;top:50px;left:17px;} */
    /* 마이갤러리 - 포트폴리오, 포토월, 스크랩 */
    /* 마이갤러리 - 스크랩 */
    /* 더보기 */
}
.photo_gallery.section * {
    color: #747474;
}
.photo_gallery.section .contents {
    position: relative;
    min-width: 1164px;
    min-height: 500px;
    margin: 0 auto;
    padding-top: 45px;
}
.photo_gallery.section .top_menu_wrap {
    position: relative;
    width: 1164px;
    padding: 37px 0 33px;
    margin: auto;
    text-align: center;
}
.photo_gallery.section .top_menu_wrap h1 {
    line-height: 100%;
    font-size: 0;
}
.photo_gallery.section .top_menu_wrap h1 a {
    display: inline;
    zoom: 1;
}
.photo_gallery.section .top_menu_wrap .btn_link_wrap span {
    display: inline-block;
    margin-left: 15px;
    padding-left: 15px;
    background: url(../images/gallery/line_gal.png) repeat-y left center;
}
.photo_gallery.section .top_menu_wrap .btn_link_wrap span:first-child {
    margin-left: 0;
    padding-left: 0;
    background: none;
}
.photo_gallery.section .top_menu_wrap .btn_link_wrap a {
    display: inline-block;
    font-size: 13px;
    color: #838383;
    line-height: 109%;
}
.photo_gallery.section .top_menu_wrap .btn_link_l {
    position: absolute;
    top: 50px;
    right: 17px;
}
.photo_gallery.section .top_menu_wrap .btn_link_l span {
    height: 21px;
}
.photo_gallery.section .top_menu_wrap .btn_link_l .p_reg {
    padding-right: 26px;
    background: url(../images/gallery/ico_photo_reg.png) no-repeat right center;
}
.photo_gallery.section .top_menu_wrap .btn_link_l .p_reg:hover {
    background-image: url(../images/gallery/ico_photo_reg_on.png);
}
.photo_gallery.section .top_menu_wrap .btn_link_l .mygal {
    padding-right: 29px;
    background: url(../images/gallery/ico_mygal.png) no-repeat right center;
}
.photo_gallery.section .top_menu_wrap .btn_link_l .mygal:hover {
    background-image: url(../images/gallery/ico_mygal_on.png);
}
.photo_gallery.section .top_menu_wrap .btn_link_r {
    position: absolute;
    top: 40px;
    left: 35px;
}
.photo_gallery.section .top_menu_wrap .btn_link_r .best {
    padding-top: 24px;
    background: url(../images/gallery/ico_best.png) no-repeat center top;
}
.photo_gallery.section .top_menu_wrap .btn_link_r .best:hover {
    background-image: url(../images/gallery/ico_best_on.png);
}
.photo_gallery.section .top_menu_wrap .btn_link_r .visit {
    padding-top: 24px;
    background: url(../images/gallery/ico_visit.png) no-repeat center top;
}
.photo_gallery.section .top_menu_wrap .btn_link_r .visit:hover {
    background-image: url(../images/gallery/ico_visit_on.png);
}
.photo_gallery.section .profile_inner {
    zoom: 1;
}
.photo_gallery.section .profile_inner:after {
    clear: both;
    display: block;
    content: "";
}
.photo_gallery.section .profile_inner > div {
    width: 50%;
}
.photo_gallery.section .profile_inner .profile_box {
    float: left;
    background: #3a3a3a;
}
.photo_gallery.section .profile_inner .profile_cont {
    position: relative;
    padding-left: 182px;
    min-height: 180px;
}
.photo_gallery.section .profile_inner .profile_cont .photo {
    position: absolute;
    top: 10px;
    left: 10px;
    width: 162px;
    height: 160px;
    background: url(../images/gallery/no_profile.png) no-repeat 0 0;
}
.photo_gallery.section .profile_inner .profile_cont .photo img {
    display: block;
    width: 100%;
    height: 100%;
}
.photo_gallery.section .profile_inner .profile_cont .profile_info {
    min-height: 180px;
    text-align: center;
    border-left: 1px solid #222;
}
.photo_gallery.section .profile_inner .profile_cont .grade {
    margin-top: 55px;
    height: 20px;
    text-indent: -9999px;
    background-position: center 0;
    background-repeat: no-repeat;
}
.photo_gallery.section .profile_inner .profile_cont .ico_g {
    background-image: url(../images/gallery/ico_mcr_g.png);
}
.photo_gallery.section .profile_inner .profile_cont .id {
    padding-top: 60px;
    color: #fff;
    font-size: 14px;
}
.photo_gallery.section .profile_inner .profile_cont .id.upload_id {
    padding-top: 80px;
}
.photo_gallery.section .profile_inner .profile_cont .id span {
    display: inline-block;
    font-style: normal;
    /*border-bottom:1px solid #fff;*/
    line-height: 20px;
    color: #fff;
}
.photo_gallery.section .profile_inner .profile_cont .id a {
    display: inline-block;
    color: #d2d2d2;
    font-size: 14px;
}
.photo_gallery.section .profile_inner .profile_cont .modify {
    margin-top: 20px;
}
.photo_gallery.section .profile_inner .profile_cont .modify a {
    display: inline-block;
    padding-left: 30px;
    background: url(../images/gallery/ico_profile_modify.png) no-repeat 0 center;
    color: #d2d2d2;
}
.photo_gallery.section .profile_inner .profile_cont .mygal_modify .grade {
    margin-top: 40px;
}
.photo_gallery.section .profile_inner .profile_img {
    overflow: hidden;
    float: right;
    height: 180px;
    background: #3a3a3a url(../images/gallery/no_cover.png) no-repeat center 50px;
}
.photo_gallery.section .profile_inner .profile_img .no_photo {
    min-height: 180px;
    font-size: 16px;
    padding-top: 100px;
    color: #757575;
    text-align: center;
    border-left: 1px solid #222;
}
.photo_gallery.section .mygal_head {
    position: relative;
}
.photo_gallery.section .mygal_head h3 {
    float: left;
    margin: 0;
    color: #fff;
}
.photo_gallery.section .mygal_head .sorting_btn_list {
    float: right;
    margin-right: -13px;
}
.photo_gallery.section .sorting_btn_list {
    font-size: 0;
}
.photo_gallery.section .sorting_btn_list li {
    display: inline-block;
    *display: inline;
    background: url(../images/gallery/line_sorting.png) no-repeat 0 center;
}
.photo_gallery.section .sorting_btn_list li:first-child {
    background: none;
}
.photo_gallery.section .sorting_btn_list li a {
    display: inline-block;
    *display: inline;
    padding: 0 13px;
    color: #81848d;
    font-size: 12px;
}
.photo_gallery.section .sorting_btn_list li a:hover,
.photo_gallery.section .sorting_btn_list li.on a {
    color: #de2b31;
}
.photo_gallery.section .mygal_photo_list {
    overflow: hidden;
}
.photo_gallery.section .mygal_photo_list ul {
    margin: -15px 0 0 -12px;
}
.photo_gallery.section .mygal_photo_list ul li {
    overflow: hidden;
    position: relative;
    float: left;
    width: 280px;
    height: 280px;
    margin: 15px 0 0 12px;
    background: #272727;
    border: 1px solid #222;
}
.photo_gallery.section .mygal_photo_list ul li:hover {
    border: 1px solid #f65151;
}
.photo_gallery.section .mygal_photo_list ul li > a {
    display: block;
    position: relative;
    z-index: 20;
}
.photo_gallery.section .mygal_photo_list ul li .bg_over {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 280px;
    height: 52px;
    opacity: 0;
}
.photo_gallery.section .mygal_photo_list ul li > a:hover .bg_over {
    background: url(../images/gallery/bg_over.png) no-repeat 0 bottom;
}
.photo_gallery.section .mygal_photo_list ul li .img {
    overflow: hidden;
}
.photo_gallery.section .mygal_photo_list ul li .img img {
    display: inline-block;
    width: 280px;
    height: 280px;
}
.photo_gallery.section .mygal_photo_list ul li .txt {
    position: absolute;
    bottom: 20px;
    left: 20px;
    display: block;
    color: #fff;
    line-height: 100%;
    text-shadow: 1px 1px #000;
}
.photo_gallery.section .mygal_photo_list ul li .best {
    position: absolute;
    bottom: 20px;
    right: 20px;
    color: #fff;
    line-height: 100%;
    text-shadow: 1px 1px #000;
}
.photo_gallery.section .mygal_photo_list ul li .best.best_m {
    color: #e84d4e;
}
.photo_gallery.section .mygal_photo_list ul li .date {
    position: absolute;
    bottom: 20px;
    right: 20px;
    color: #fff;
    line-height: 100%;
    text-shadow: 1px 1px #000;
}
.photo_gallery.section .mygal_photo_list ul li .photo_tit {
    position: absolute;
    bottom: 20px;
    left: 20px;
    display: block;
    overflow: hidden;
    width: 170px;
    margin-right: 70px;
    color: #fff;
    text-shadow: 1px 1px #000;
    line-height: 13px;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
    cursor: pointer;
}
.photo_gallery.section .mygal_photo_list ul li .layer_shutout {
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background: url(../images/gallery/bg_shutout.png) repeat 0 0;
    z-index: 30;
    color: #de2b31;
    line-height: 280px;
    text-align: center;
}
.photo_gallery.section .mygal_photo_list ul li .btn_del {
    position: absolute;
    top: 12px;
    right: 12px;
    display: block;
    width: 20px;
    height: 20px;
    background: url(../images/gallery/close_mygal.png) no-repeat center center;
    text-indent: -9999px;
    z-index: 30;
}
.photo_gallery.section .mygal_photo_list ul li.shutout_board .layer_shutout {
    display: block;
}
.photo_gallery.section .mygal_scrap ul li .btn_close {
    overflow: hidden;
    display: block;
    position: absolute;
    top: 15px;
    right: 14px;
    width: 20px;
    height: 20px;
    background: url(../images/gallery/ico_del11x11.png) no-repeat center center;
    text-indent: -9999px;
    z-index: 30;
}
.photo_gallery.section .modifyProfileWrap {
    overflow: hidden;
    text-align: center;
    padding: 33px 35px 0;
    display: table;
    margin: 0 auto;
}
.photo_gallery.section .modifyProfileWrap .id {
    padding-top: 0 !important;
    float: left;
}
.photo_gallery.section .modifyProfileWrap .id a {
    max-width: 216px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.photo_gallery.section .modifyProfileWrap .modify {
    float: left;
    margin-top: 0 !important;
    position: relative;
    padding-left: 13px;
    margin-left: 15px;
}
.photo_gallery.section .modifyProfileWrap .id + .modify:before {
    content: "";
    clear: both;
    display: block;
    position: absolute;
    top: 3px;
    left: 0;
    width: 1px;
    height: 14px;
    background: #4a4a4a;
}
.photo_gallery.section .modifyProfileWrap + .firstMention {
    font-size: 14px;
    color: #fff;
    margin-top: 0px;
}
.photo_gallery.section .iconS {
    margin-top: 16px;
    padding: 0 26px;
}
.photo_gallery.section .iconS .iconS_list {
    display: table;
    width: 100%;
}
.photo_gallery.section .iconS .iconS_items {
    display: table-cell;
    width: 25%;
}
.photo_gallery.section .iconS .iconS_items span {
    display: block;
    color: #747474;
    font-size: 13px;
}
.photo_gallery.section .iconS .iconS_items .iconS_article:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
    width: 15px;
    height: 15px;
    background: url(../images/gallery/iconS_article.jpg) no-repeat 0 0;
    margin-left: -8px;
}
.photo_gallery.section .iconS .iconS_items .iconS_like:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
    width: 15px;
    height: 15px;
    background: url(../images/gallery/iconS_like.jpg) no-repeat 0 0;
    margin-left: -8px;
}
.photo_gallery.section .iconS .iconS_items .iconS_scrap:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
    width: 15px;
    height: 15px;
    background: url(../images/gallery/iconS_scrap.jpg) no-repeat 0 0;
    margin-left: -8px;
}
.photo_gallery.section .iconS .iconS_items .iconS_weeklyBest:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    margin-right: 2px;
    width: 15px;
    height: 15px;
    background: url(../images/gallery/iconS_weeklyBest.jpg) no-repeat 0 0;
    margin-left: -8px;
}
.photo_gallery.section .iconS .iconS_items .iconS_count {
    display: block;
    overflow: hidden;
    margin: 0 auto;
    font-weight: bold;
    font-size: 26px;
    color: #e84d4e;
    width: 100%;
    max-width: 64px;
    overflow: hidden;
    white-space: nowrap;
    word-wrap: break-word;
    word-break: break-all;
}
.photo_gallery.section .more_inner {
    text-align: center;
}
.photo_gallery.section .btn_more {
    display: block;
    width: auto;
    height: 34px;
    line-height: 34px;
    margin: 0 auto;
    margin-top: 40px;
    padding: 0px 150px 0px 167px;
    text-align: left;
    background: url(../images/gallery/ico_more4.png) no-repeat 229px center;
    color: #d9d9d9 !important;
    border: 1px solid #686868 !important;
}
.photo_gallery.section .btn_more:hover {
    background: url(../images/gallery/ico_more_on2.png) no-repeat 229px center;
    color: #f15b63 !important;
    border: 1px solid #f15b63 !important;
}

.canonIntro {
    min-width: 1920px;
    width: 100%;
    /*PAGE Animation************************************************/
    /*Animation Position */
    /* .ani.left{transform:translateX(-50px); -webkit-transform:translateX(-50px);} */
}
.canonIntro_nav {
    display: flex;
    height: 100px;
    background-color: rgba(0, 0, 0, 0.5);
    position: fixed;
    width: 100%;
    left: 0;
    top: 0px;
    right: 0;
    z-index: 999999;
    transform: translateY(-100px);
    transition: transform 0.35s;
}
.canonIntro_nav-item {
    flex: 1 0 0%;
    text-align: center;
    border-right: 2px solid rgba(255, 255, 255, 0.5);
}
.canonIntro_nav-item:last-child {
    border-right: none;
}
.canonIntro_nav-item a {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
}
.canonIntro_nav-item span {
    position: relative;
    font-weight: 400;
    font-size: 24px;
    line-height: 1.63;
    letter-spacing: -0.24px;
    color: #fff;
}
.canonIntro_nav-item span::after {
    content: "";
    display: block;
    position: absolute;
    width: 0%;
    height: 1px;
    background-color: #fff;
    left: 0;
    bottom: 5px;
    transition: width 0.35s;
}
.canonIntro_nav-item:hover span::after {
    width: 100%;
    font-weight: 500;
}
.canonIntro_nav-item.on span::after {
    width: 100%;
    font-weight: 500;
}
.canonIntro_nav-item.on span {
    font-weight: 500;
}
.canonIntro_homeLink {
    display: flex;
    width: 140px;
    height: 140px;
    box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.25);
    background-color: #dc000c;
    border-radius: 100%;
    align-items: center;
    justify-content: center;
    position: fixed;
    right: 6.25%;
    bottom: 11.11%;
    z-index: 999999;
}
.canonIntro_homeLink span {
    text-align: center;
    font-size: 20px;
    font-weight: 500;
    line-height: 1.5;
    letter-spacing: -0.24px;
    color: #fff;
}
.canonIntro_homeLink span::after {
    content: "";
    display: block;
    position: relative;
    width: 36px;
    height: 11px;
    margin: 0 auto;
    margin-top: 10px;
    background: url("../img/main/sectionLink_icon.svg") no-repeat center/100%;
}
.canonIntro_section.main {
    background: url("../img/main/canonIntro_section-main.png") no-repeat center 0px/cover;
    position: relative;
}
.canonIntro_section.main .fp-tableCell {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}
.canonIntro_section.main::after {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.2);
    left: 0;
    top: 0;
}
.canonIntro_header {
    width: 100%;
    height: 80px;
    background-color: #000;
    position: absolute;
    left: 0;
    top: 0;
}
.canonIntro_logo {
    position: absolute;
    z-index: 10;
    width: 170.1px;
    height: 77.9px;
    top: 0;
    left: 40px;
}
.canonIntro_mainText {
    position: relative;
    z-index: 10;
}
.canonIntro_mainText h3 {
    font-size: 70px;
    font-weight: normal;
    line-height: 1.21;
    letter-spacing: -0.7px;
    color: #fff;
    text-shadow: 0 3px 10px rgba(0, 0, 0, 0.37);
}
.canonIntro_mainText h3 em {
    font-weight: bold;
}
.canonIntro_sectionLink {
    margin-top: 60px;
    display: flex;
    width: 1064px;
}
.canonIntro_sectionLink li {
    flex: 1 0 0%;
    position: relative;
    height: 200px;
}
.canonIntro_sectionLink li::after {
    content: "";
    display: block;
    position: absolute;
    width: 2px;
    height: 60px;
    background-color: rgba(255, 255, 255, 0.5);
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}
.canonIntro_sectionLink li:last-child:after {
    display: none;
}
.canonIntro_sectionLink a {
    display: flex;
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}
.canonIntro_sectionLink .icon {
    width: 58px;
    height: 58px;
}
.canonIntro_sectionLink li.csr .icon {
    background: url("../img/main/sectionLink_csr_icon.svg") no-repeat center/100%;
}
.canonIntro_sectionLink li.total .icon {
    background: url("../img/main/sectionLink_total_icon.svg") no-repeat center/100%;
}
.canonIntro_sectionLink li.eco .icon {
    background: url("../img/main/sectionLink_eco_icon.svg") no-repeat center/100%;
}
.canonIntro_sectionLink li.employ .icon {
    background: url("../img/main/sectionLink_employ_icon.svg") no-repeat center/100%;
}
.canonIntro_sectionLink .txt {
    font-size: 30px;
    font-weight: normal;
    line-height: 1.33;
    letter-spacing: -0.3px;
    color: #fff;
    position: relative;
    margin-top: 10px;
}
.canonIntro_section {
    position: relative;
}
.canonIntro_text {
    position: absolute;
    left: 8.3%;
    top: 31.4%;
    z-index: 10;
}
.canonIntro_text h3 {
    font-size: 50px;
    font-weight: bold;
    line-height: 1.25;
    letter-spacing: -0.5px;
    color: #111;
    margin-bottom: 30px;
}
.canonIntro_text p {
    font-size: 25px;
    font-weight: normal;
    line-height: 1.6;
    letter-spacing: -0.25px;
    color: #000;
}
.canonIntro_text p em {
    color: #dc000c;
}
.canonIntro_text span {
    font-size: 25px;
    font-weight: normal;
    line-height: 1.5;
    letter-spacing: -0.25px;
    color: #666;
    margin-top: 30px;
    display: block;
}
.canonIntro_text a {
    font-size: 20px;
    font-weight: 500;
    line-height: 1.5;
    letter-spacing: -0.2px;
    color: #000;
    padding: 15px 35px;
    border-radius: 30px;
    border: solid 1px #000;
    display: inline-flex;
    align-items: center;
    margin-top: 50px;
}
.canonIntro_text a::after {
    content: "";
    display: block;
    position: relative;
    width: 19.4px;
    height: 11.8px;
    margin-left: 10px;
    background: url("../img/main/canonIntro_text_link_b.svg") no-repeat center/100%;
}
.canonIntro_text .toplabel {
    font-size: 22px;
    font-weight: 500;
    line-height: 1.5;
    letter-spacing: -0.22px;
    color: #000;
    display: inline-block;
    border-bottom: 1px solid #000;
    margin-bottom: 28px;
}
.canonIntro_text.total, .canonIntro_text.employ {
    top: 25%;
}
.canonIntro_text.total h3, .canonIntro_text.total p, .canonIntro_text.total span, .canonIntro_text.total a, .canonIntro_text.total .toplabel, .canonIntro_text.employ h3, .canonIntro_text.employ p, .canonIntro_text.employ span, .canonIntro_text.employ a, .canonIntro_text.employ .toplabel {
    color: #fff;
}
.canonIntro_text.total a, .canonIntro_text.employ a {
    border: solid 1px #fff;
}
.canonIntro_text.total a::after, .canonIntro_text.employ a::after {
    background: url("../img/main/canonIntro_text_link_w.svg") no-repeat center/100%;
}
.canonIntro_text.total .toplabel, .canonIntro_text.employ .toplabel {
    color: #fff;
    border-bottom: 1px solid #fff;
}
.canonIntro_text.eco {
    top: 25%;
}
.canonIntro_text.csr2 h3 {
    position: relative;
}
.canonIntro_text.csr2 h3::after {
    content: "";
    display: block;
    position: absolute;
    width: 132px;
    height: 132px;
    right: -142px;
    top: 50%;
    transform: translateY(-50%);
    background: url("../img/main/csr2-img3.png") no-repeat center/100%;
}
.canonIntro_section.csr1 {
    background: url("../img/main/section_csr1.png") no-repeat center/cover;
}
.canonIntro_section.csr2 {
    background-color: #d6d6d6;
}
.canonIntro .csr2-img1 {
    width: 794px;
    height: 948px;
    position: absolute;
    right: 0;
    bottom: 0;
    background: url("../img/main/csr2-img1.png") no-repeat center/100%;
}
.canonIntro .csr2-img2 {
    width: 661px;
    height: 653px;
    position: absolute;
    right: 38%;
    bottom: 6.4%;
    background: url("../img/main/csr2-img2.png") no-repeat center/100%;
}
.canonIntro_section.total {
    background: url("../img/main/section_total.png") no-repeat center/cover;
    position: relative;
}
.canonIntro_section.total::after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0.74;
    background-image: linear-gradient(89deg, #004d5d 2%, rgba(96, 96, 96, 0) 100%);
}
.canonIntro_section.eco {
    background: url("../img/main/section_eco.png") no-repeat center/cover;
}
.canonIntro .eco-imgbox {
    width: 692px;
    height: 569px;
    position: absolute;
    right: 9.79%;
    top: 50%;
    transform: translateY(-50%);
    z-index: 10;
}
.canonIntro .eco-imgbox::before {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0.2;
    border-radius: 15px;
    background-color: #000;
    top: 28px;
    left: 28px;
    z-index: -1;
}
.canonIntro .eco-img {
    width: 100%;
    height: 100%;
    background: url("../img/main/section_eco_img.png") no-repeat center/cover;
}
.canonIntro_section.employ {
    background: url("../img/main/section_employ.png") no-repeat center/cover;
}
.canonIntro_section.employ::after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0.73;
    background-image: linear-gradient(92deg, #3e3320 22%, rgba(126, 118, 106, 0) 101%);
}
.canonIntro .explanation-box {
    padding: 30px 40px;
    background-color: rgba(255, 255, 255, 0.65);
    display: inline-flex;
    border-radius: 10px;
}
.canonIntro .explanation-box-text {
    padding-left: 128px;
    position: relative;
}
.canonIntro .explanation-box-text h3 {
    font-size: 24px;
    line-height: 1.25;
    letter-spacing: -0.24px;
    color: #000;
    font-weight: normal;
    margin-bottom: 5px;
}
.canonIntro .explanation-box-text h3 em {
    font-weight: bold;
}
.canonIntro .explanation-box-text p {
    font-size: 20px;
    font-weight: normal;
    line-height: 1.5;
    letter-spacing: -0.2px;
    color: #000;
}
.canonIntro .explanation-box-text::after {
    content: "";
    display: block;
    position: absolute;
    width: 100px;
    height: 100px;
    left: 0%;
    top: 50%;
    transform: translateY(-50%);
    background: url("../img/main/explanation-box-icon.png") no-repeat center/100%;
}
.canonIntro .ani {
    opacity: 0;
    transition: all 0.6s ease-in-out;
    -webkit-transition: all 0.6s ease -in-out;
}
.canonIntro .ani.top {
    transform: translateY(-50px);
    -webkit-transform: translateY(-50px);
}
.canonIntro .ani.bottom {
    transform: translateY(100px);
    -webkit-transform: translateY(50px);
}
.canonIntro .ani.right {
    transform: translateX(50px);
    -webkit-transform: translateX(50px);
}
.canonIntro .ani.scale {
    transform: scale(1.1, 1.1);
}
.canonIntro .ani.active {
    opacity: 1;
    transform: translate(0px, 0px) scale(1, 1);
    -webkit-transform: translate(0px, 0px) scale(1, 1);
}
.canonIntro .ani.delay0 {
    transition-delay: 0s;
}
.canonIntro .ani.delay2 {
    transition-delay: 0.2s;
}
.canonIntro .ani.delay4 {
    transition-delay: 0.4s;
}
.canonIntro .ani.delay6 {
    transition-delay: 0.6s;
}
.canonIntro .ani.delay8 {
    transition-delay: 0.8s;
}
.canonIntro .ani.delay10 {
    transition-delay: 1s;
}

.error-wrap {
    width: 1200px;
    margin: 0 auto;
    padding-top: 100px;
}
.error-wrap .error-box {
    padding: 50px 0;
    text-align: center;
    background-color: #f9f9f9;
}
.error-wrap .error-box .title {
    margin-bottom: 30px;
    font-size: 26px;
    font-weight: 500;
    letter-spacing: -0.26px;
}
.error-wrap .error-box .desc {
    font-size: 16px;
    letter-spacing: -0.16px;
}
.error-wrap .error-box .desc + .desc {
    margin-top: 2px;
}
.error-wrap .btn-box {
    display: flex;
    justify-content: center;
    margin-top: 100px;
}
.error-wrap .btn-box [class^=btn-] {
    min-width: 180px;
    height: 60px;
    line-height: 60px;
}
.error-wrap .btn-box [class^=btn-] + [class^=btn-] {
    margin-left: 20px;
}

.home-notify {
    padding-left: 20px;
    padding-right: 20px;
}
.home-notify-text {
    padding-bottom: 20px;
    font-size: 15px;
}
.home-notify-check {
    text-align: right;
}

.mailOptOut {
    margin-top: 150px;
    text-align: center;
}
.mailOptOut strong {
    display: block;
    margin-bottom: 40px;
    font-size: 24px;
    font-weight: bold;
    color: #000;
}
.mailOptOut span {
    color: #dc000c;
}
.mailOptOut .mailAddr {
    display: inline-block;
    height: 36px;
    padding: 0px 40px;
    line-height: 36px;
    border-top: 1px solid #e2e2e2;
    border-bottom: 1px solid #e2e2e2;
    color: #747474;
    font-size: 16px;
}
.mailOptOut .btn_area3 {
    display: flex;
    justify-content: center;
    margin-top: 60px;
}
.mailOptOut .btn_area3 .btn:not(:last-child) {
    margin-right: 10px;
}
.mailOptOut .explanation {
    width: 500px;
    margin: 40px auto 0;
    text-align: left;
}
/* sign_language */
.signVod {
        position: fixed;
        bottom: 0px;
        left: 0px;
        z-index: 99;
        transition: 0.2s;
}
.signVod > img{
            width:240px;
            height:auto;
}
.signVod-btn-close {
            position:absolute;
            top:20px;
            right:20px;
}
.fade-out {
  opacity: 0;
  display: none;
}
.fade-in{
  opacity: 1;
  display: black;
  transition: opacity 2s ease-in-out;
}

.joinList__explanation {display: flex; justify-content: center; text-align: center;}
.joinList__explanation .joinLis__explanationText {color: #666;}
/*# sourceMappingURL=map/style.css.map */

/* 2024-07-11 컨슈머 상단 슬라이드 empty case 추가 */
.subbanner.empty {height: 61px !important;}
.subbanner.empty .banner-wrap {display: none;}

/* 2024-07-29 메인 - 시스템 점검 팝업 - 스타일 추가 */
.modal.system-check .modal-dialog .modal-inner .modal-content{padding:20px 20px 40px;flex-direction:column;align-items:flex-start}
.data-list.system-check,
.modal.system-check .modal-content .home-notify-check{width:100%}
.data-list.system-check .data-item .data-wrap,.data-list.system-check .data-item .data-wrap .data-head{display:flex;flex-direction:column}
.data-list.system-check .data-item .data-wrap .data-head .data-subject+.data-summary,
.data-list.system-check .data-item .data-wrap .data-head+.data-body{margin-top:20px}
.data-list.system-check .data-item .data-wrap .data-head .data-subject{display:block;font-size:40px;line-height:50px;font-weight:700;color:#000}
.data-list.system-check .data-item .data-wrap .data-head .data-subject em{font-weight:inherit;color:#dc000c}
.data-list.system-check .data-item .data-wrap .data-head .data-summary{display:block;font-size:16px;line-height:22px;color:#000}
.board-list.module-a{display:flex;flex-direction:column;gap:5px;padding:20px;background-color:#f4f4f4;border-radius:8px}
.board-list.module-a .board-item .board-wrap{display:flex;align-item:center}

/* 2024-07-25 비즈니스 > 비즈니스 제품 > 솔루션 > 오피스 솔루션 > 보안 출력 솔루션 > 지문 인증 리더기 추가 */
.detail-content.fingerprint-reader {text-align: left; padding-top:0 !important;}
.fingerprint-reader .cropSolutionsCon__header-img img {
	max-width: 100%;
}
.fingerprint-reader .cropSolutionsCon__content .cropSolutionsCon__content-img {
	flex-shrink: 0;
	width: 320px;
}
.fingerprint-reader .cropSolutionsCon__content .cropSolutionsCon__content-img img {
	max-width: 100%;
}

/* 2024-09-04 구글 로그인 버튼 추가 */
.loginMain__snsLogin-icon.google {
    background-image: url(../img/ico/ico_sns_google.png);
    background-position: center;
    background-size: cover;
}

/* 2024-09-02 tab text 길어질 때 처리 */
#contents .mem_rea_area .tab_sty1 ul li{
	min-height: 58px;
    display: flex;
    align-items: center;
    justify-content: center;
}
#contents .mem_rea_area .tab_sty1 ul li a {
	padding: 0 0 !important;
}
#contents .mem_rea_area .tab_sty1 ul li a .small-text {
	display: block;
}

/* 2024-09-05 제품 인증키 확인 방법 > 팝업 수정 */
#mycanon_authkey_number .mycanon-content img {max-width: 100%;}

/* 2024-08-27 RF렌즈퀘스트 버튼 추가 */
.banner-list.module-a{display:flex;flex-direction:column;gap:14px;margin-top:40px}
.banner-list.module-a .banner-item{position:relative;width:570px;height:0;padding-bottom:24.5614035%;border-radius:6px;overflow:hidden}
.banner-list.module-a .banner-item img{position:absolute;width:100%;height:100%;top:50%;left:50%;transform:translate(-50%,-50%);object-fit:cover}

/* 2024-09-26 모바일앱 상세페이지 업데이트 */
.mobileapp-video-container {max-width:960px; margin:0 auto;}
.mobileapp-video-inner {position:relative;height:0;padding-bottom:56.4%;}
.mobileapp-video-inner iframe {position:absolute;top:0;left:0;width:100%;height:100%;}

/* 2024-09-30 디지털갤러리 상세 Zoom 기능 추가*/
.popup_layer.popup-easyzoom .layer_photo .frame_img {position:absolute;top:0;left:0;width:100%;height:100%}
.popup_layer.popup-easyzoom .layer_photo .frame_img img.easyzoom-img{position:unset!important;top:0!important;left:0!important;height:840px !important; max-width:1120px!important;max-height:840px!important;object-fit:cover!important; transform:none !important;}
.popup_layer.popup-easyzoom .easyzoom{position:absolute;width:auto!important;height:auto!important;top:50%;left:50%;transform:translate(-50%,-50%)}
.popup_layer.popup-easyzoom .easyzoom.easyzoom--adjacent a{display:block}
.popup_layer.popup-easyzoom .easyzoom img{vertical-align:top;}
.popup_layer.popup-easyzoom .easyzoom.is-loading img{width:auto !important; cursor:progress}
.popup_layer.popup-easyzoom .easyzoom.is-ready img{width:auto !important; cursor:crosshair}
.popup_layer.popup-easyzoom .easyzoom.is-error img{width:auto !important; cursor:not-allowed}
.popup_layer.popup-easyzoom .easyzoom.easyzoom--adjacent{width:100%}
.popup_layer.popup-easyzoom .easyzoom.easyzoom--adjacent a{display:block;width:100%;height:100%}
.popup_layer.popup-easyzoom .easyzoom .easyzoom-flyout{position:absolute; top:0 !important; left:0 !important; width:100%!important;height:100%!important;margin-left:0 !important; z-index:100;overflow:hidden;background:#fff}
.popup_layer.popup-easyzoom .easyzoom.easyzoom--adjacent .easyzoom-flyout{top:0;left:100%;width:100%;height:100%;margin-left:20px}
.popup_layer.popup-easyzoom .easyzoom.easyzoom--adjacent .easyzoom-flyout img{position:relative !important;top:unset; left:unset; transform:none; width:400%!important;height:auto}

/* 2024-11-06 캐논 갤러리 */
.page-gallery.gallery02 .mid-cont .masonry-list-row .masonry-item .desc {width: 369px;}

/* 2024-11-13 VrSystem */
.vr-system *{font-family: 'NotoSansKR' !important; letter-spacing:-0.5px;}
.vr-system .local-head {display: flex; flex-direction: column; align-items: center; justify-content: center; gap:60px; width:100%; height:500px; text-align: center;}
.vr-system .local-head .local-subject {font-size: 64px; font-weight: 700; color: #111; line-height: 100%;}
.vr-system .local-head .local-summary {font-size: 22px; font-weight: 300; color: #222; line-height: 160%;}
.vr-system .section .section-wrap {display: flex; flex-direction: column; gap: 64px; justify-content: center;}
.vr-system .section .section-wrap .section-head .section-name {font-size: 40px; font-weight: 700; color: #222; line-height: 100%; letter-spacing:-1px;}
.vr-system .section .section-wrap .section-head .section-name .accent {color: #DC000C;}
.vr-system .section.ready,
.vr-system .section.edit {position:relative; padding:120px 0;}
.vr-system .section.ready:before,
.vr-system .section.edit:before {content:''; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:100vw; height:100%; background-color: #F9F9F9; z-index:-1;}
.vr-system .section.filming {padding-top:140px;}
.vr-system .section.review {padding:180px 0;}
.vr-system .section.video {padding:140px 0 180px 0;}
.vr-system .section.faq .section-wrap .section-head {text-align:center;}
.vr-system .post-list.module-a {display:flex; gap:24px;}
.vr-system .post-list.module-a > .post-item > .post-wrap {display: flex; flex-direction: column;}
.vr-system .data-list.module-a {display: flex; flex-direction: column;}
.vr-system .data-list.module-a > .data-item + .data-item {border-top: 1px solid #D9D9D9;}
.vr-system .data-list.module-a > .data-item > .data-wrap {display: flex; flex-direction: column; gap:22px; padding: 30px 27px 30px 20px;}
.vr-system .data-list.module-a > .data-item > .data-wrap > .data-head {display:flex; justify-content: space-between; align-items: center;}
.vr-system .data-list.module-a > .data-item > .data-wrap > .data-head > .data-name {font-size: 20px; font-weight: 500; color: #222; line-height: 130%;}
.vr-system .data-list.module-a > .data-item > .data-wrap > .data-head > .data-name .accent {color: #DC000C;}
.vr-system .data-list.module-b > .data-item + .data-item {margin-top:12px;}
.vr-system .data-list.module-b > .data-item > .data-wrap {display: flex; justify-content: space-between; align-items: flex-end;}
.vr-system .data-list.module-b > .data-item > .data-wrap > .data-head > .data-name {font-size: 16px; font-weight: 400; color: #4A4A4A; line-height: 130%;}
.vr-system .post-list.module-b {display: flex; flex-direction: column; gap: 64px;}
.vr-system .post-list.module-b > .post-item > .post-wrap {display: flex; justify-content: space-between; align-items: center; gap: 80px;}
.vr-system .post-list.module-b > .post-item > .post-wrap > .post-figure {flex-shrink:0; width:662px;}
.vr-system .post-list.module-b > .post-item > .post-wrap > .post-info {display: flex; flex-direction: column;}
.vr-system .post-list.module-b > .post-item > .post-wrap > .post-info > .post-head > .post-name {font-size: 30px; font-weight: 500; color: #222; line-height: 130%;}
.vr-system .post-list.module-b > .post-item > .post-wrap > .post-info > .post-head > .post-name .accent {color: #DC000C;}
.vr-system .post-list.module-b > .post-item > .post-wrap > .post-info > .post-head + .post-body {margin-top:24px;}
.vr-system .post-list.module-b > .post-item > .post-wrap > .post-info > .post-body + .post-util {margin-top:32px;}
.vr-system .post-list.module-b > .post-item > .post-wrap > .post-info > .post-body > .para {font-size: 16px; font-weight: 400; color: #828282; line-height: 160%;}
.vr-system .post-list.module-b > .post-item > .post-wrap > .post-info > .post-body > .para + .data-list.module-c {margin-top:16px;}
.vr-system .data-list.module-c > .data-item > .data-wrap {display: flex;}
.vr-system .data-list.module-c.style-a > .data-item > .data-wrap > .data-head > .data-name {font-size: 16px; font-weight: 400; color: #666; line-height: 160%;}
.vr-system .data-list.module-c.style-a > .data-item > .data-wrap > .data-head + .data-body {margin-left: 10px;}
.vr-system .data-list.module-c.style-a > .data-item > .data-wrap > .data-body > .para {font-size: 16px; font-weight: 700; color: #333; line-height: 160%;}
.vr-system .data-list.module-c.style-b > .data-item > .data-wrap > .data-head > .data-name {font-size: 16px; font-weight: 500; color: #DC000C; line-height: 160%;}
.vr-system .data-list.module-c.style-b > .data-item > .data-wrap > .data-head + .data-body {margin-left: 20px;}
.vr-system .data-list.module-c.style-b > .data-item > .data-wrap > .data-body > .para {font-size: 16px; font-weight: 400; color: #828282; line-height: 160%;}
.vr-system .post-list.module-c {display: flex; flex-direction: column; gap: 50px;}
.vr-system .post-list.module-c > .post-item > .post-wrap {display: flex;  align-items: center; gap: 100px;}
.vr-system .post-list.module-c > .post-item:nth-child(odd) > .post-wrap {justify-content: space-between;}
.vr-system .post-list.module-c > .post-item:nth-child(odd) > .post-wrap > .post-figure {flex-shrink:0; width:662px;}
.vr-system .post-list.module-c > .post-item:nth-child(even) > .post-wrap > .post-figure {flex-shrink:0; width:480px;}
.vr-system .post-list.module-c > .post-item:nth-child(even) > .post-wrap {justify-content: flex-start; padding: 60px; background-color: #343333;}
.vr-system .post-list.module-c > .post-item > .post-wrap > .post-info {display: flex; flex-direction: column;}
.vr-system .post-list.module-c > .post-item:nth-child(odd) > .post-wrap > .post-info > .post-head > .post-name {font-size: 30px; font-weight: 500; color: #222; line-height: 130%;}
.vr-system .post-list.module-c > .post-item:nth-child(even) > .post-wrap > .post-info > .post-head > .post-name {font-size: 24px; font-weight: 500; color: #fff; line-height: 130%;}
.vr-system .post-list.module-c > .post-item:nth-child(odd) > .post-wrap > .post-info > .post-head > .post-summary {font-size: 18px; font-weight: 500; color: #666; line-height: 160%;}
.vr-system .post-list.module-c > .post-item:nth-child(even) > .post-wrap > .post-info > .post-head > .post-summary {font-size: 18px; font-weight: 500; color: #fff; line-height: 160%;}
.vr-system .post-list.module-c > .post-item:nth-child(odd) > .post-wrap > .post-info > .post-head > .post-name + .post-summary {margin-top:12px;}
.vr-system .post-list.module-c > .post-item:nth-child(odd) > .post-wrap > .post-info > .post-head + .post-body {margin-top:48px;}
.vr-system .post-list.module-c > .post-item:nth-child(even) > .post-wrap > .post-info > .post-head + .post-body {margin-top:24px;}
.vr-system .post-list.module-c > .post-item > .post-wrap > .post-info > .post-head + .post-body .small.style-a {margin-top:10px;}
.vr-system .post-list.module-c > .post-item > .post-wrap > .post-info > .post-body + .post-util {margin-top:32px;}
.vr-system .post-list.module-c > .post-item > .post-wrap > .post-info > .post-body > .para {font-size: 16px; font-weight: 400; color: #C2C2C2; line-height: 160%;}
.vr-system .post-list.module-c > .post-item > .post-wrap > .post-figure img + .data-list.module-c.style-b {margin-top: 20px;}
.vr-system .post-list.module-d {display: flex; flex-wrap:wrap; row-gap: 62px; column-gap: 60px;}
.vr-system .post-list.module-d > .post-item {width:569px;}
.vr-system .post-list.module-d > .post-item > .post-wrap {display: flex; flex-direction: column; gap:32px;}
.vr-system .post-list.module-d > .post-item > .post-wrap > .post-figure {flex-shrink:0; width:100%;}
.vr-system .post-list.module-d > .post-item > .post-wrap > .post-info {display: flex; justify-content: space-between;}
.vr-system .post-list.module-d > .post-item > .post-wrap > .post-info > .post-head {display: flex; flex-direction: column;}
.vr-system .post-list.module-d > .post-item > .post-wrap > .post-info > .post-head > .post-name {font-size: 20px; font-weight: 700; color: #222; line-height: 130%;}
.vr-system .post-list.module-d > .post-item > .post-wrap > .post-info > .post-head > .post-data {font-size: 16px; font-weight: 700; color: #828282; line-height: 160%;}
.vr-system .post-list.module-d > .post-item > .post-wrap > .post-info > .post-head > .post-data .accent {color: #DC000C;}
.vr-system .post-list.module-d > .post-item > .post-wrap > .post-info > .post-head > .post-name + .post-data {margin-top:12px;}
.vr-system .post-list.module-d > .post-item > .post-wrap > .post-info > .post-body + .post-util {flex-shrink:0; width:120px;}
.dot-list.style-a {display: flex; flex-direction: column; gap:5px;}
.dot-list.style-a .dot-item {position:relative; padding-left:10px; display: flex; flex-direction: column; gap:5px; color: #828282;font-size: 16px;font-weight: 400;line-height: 160%;}
.dot-list.style-a .dot-item:before {content:''; position:absolute; top:11px; left:0; display:block; width:3px; height:3px; background-color:#6C6C6C; border-radius:50%;}
.small.style-a {display:block; font-size: 14px; font-weight: 400; color: #828282; line-height: 160%;}
.button {display:inline-flex; align-items: center; justify-content: center;}
.button.more-view:after {content:''; display:block; width: 16px; height: 16px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M6 3L11 8L6 13' stroke='%23DC000C' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");}
.button.more-view .button-text {display:block; margin-top: -3px; font-size: 16px; font-weight: 400; color: #DC000C; line-height: 100%;}
.button.play {gap:14px; padding:15px 26px; border-radius:30px; background-color: #DC000C;}
.button.play:after {content:''; display:block; width: 11px; height: 14px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='14' viewBox='0 0 11 14' fill='none'%3E%3Cpath d='M11 7L0.5 13.9282L0.500001 0.0717964L11 7Z' fill='white'/%3E%3C/svg%3E");}
.button.play .button-text {display:block; font-size: 16px; font-weight: 600; color: #fff; line-height: 100%;}
.vr-system .section.video .post-list + .vr-banner {margin-top:122px;}
.vr-banner .vr-banner-link {display:block;}

/* 2024-12-05 mobile app */
.mobileApp.case1 .mobileApp__topTab {align-items:center; justify-content: center;margin-top: 55px;}
.mobileApp.case1 .mobileApp__TabItem {flex: unset; width:50%;padding: 25px 0 27px 0;}
.mobileApp.case1 .joinTitle__sub-title {font-size:20px;}
.mobileApp.case1 .joinTitle__title {font-size:30px; margin-bottom: 24px;}
.mobileApp.case1 .mobileApp__TabText {font-size: 20px;color: rgba(17, 17, 17, 0.60);
}
.mobileApp.case1 .mobileApp__TabItem.active .mobileApp__TabText {color: #dc000c;}
.mobileApp.case1 .mobileApp__buttonLink {display: flex; align-items:center; justify-content: center;margin-top: 72px;}
.mobileApp.case1 .mobileApp__buttonLink .more-view {padding: 16.5px 39px;border-radius: 45px;font-size: 24px;font-weight: 600;letter-spacing: -0.24px;line-height: 160%;background-color: #dc000c;color: #fff;text-align: center;}
.mobileApp.case1 .mobileApp__con {margin-top:40px}
.mobileApp.case1 .mobileApp__titleText {margin-top:80px; margin-bottom:80px}
.mobileApp.case1 .mobileApp__titleText-subTitle {font-size: 20px;margin-top:24px}
.mobileApp.case1 .mobileApp__titleText-title {font-size: 30px;}
.mobileApp.case1 .mobileApp__con-topImg {margin-bottom: 80px;}
.mobileApp.case1 .mobileApp__con-topImg img{margin: 0;}
.mobileApp.case1 .mobileApp__print-icon{margin-top: 72px;display: flex;align-items: center;justify-content: center;flex-direction: column;}
.mobileApp.case1 .mobileApp__print-icon-title{margin-top: 16px;font-size: 15px;font-weight: 500;color: #DC000C;line-height: 19.05px;}
.mobileApp.case1 .mobileApp__title {margin-top: 72px;}

/* 2025-01-15 홈페이지 내 트위터 → X 변경 및 삭제 관련  */
.prd-detail-top .inner .inner-right .prd-additional .share-link .ico-twitter:before {background-image: url('/resources/assets/img/ico/ico_sns_x_round.png');}
.share-sns + .tooltip-wrap .share-link .ico-twitter:before {background-image: url('/resources/assets/img/ico/ico_sns_x_round.png');}

/* 2025-02-24 개인정보처리방침 페이지 업데이트 요청  */
.indexList {position: relative; margin: 30px 0; background: #f8f8f8;border-radius: 6px;}
.indexList:before,
.indexList:after {content: "";position: absolute;top: 30px;width: 1px;bottom: 30px;background: #ddd;}
.indexList:before {left: 370px;}
.indexList:after {left: 754px;}
.indexList ol {padding: 24px 0 30px;column-count: 3;-webkit-column-count: 3;-moz-column-count: 3;}
.indexList ol li {margin: 0 30px 0 30px;padding: 5px 0;font-size: 14px;line-height: 22px;text-align: left;}

/* 2025-02-25 정품등록 1년 무상수리연장 대상 (사무기) 표 수정 요청의 건 */
.modal.mycanon .modal-content.MY_140 .table-layout.free-service .tr .td {word-break: break-word;}

/* 2025-03-04 VR시스템 페이지 업데이트 */
.vr-system .line-up {margin-top: 140px;}
.vr-system .post-list.module-b > .post-item > .post-wrap > .post-figure img {max-width: 100%;}

/* 2025-03-27 상세페이지 액세서리 내 문구 추가 건 */
.detail-content .detail_acc .acc_tab_content .acc_tab_item .tab_item_container .acc_item {position:relative;}
.detail-content .detail_acc .acc_tab_content .acc_tab_item .tab_item_container .acc_item .product-summary {position: absolute;top: 13px;right: 15px;font-size: 13px; color: #cc0000;}

/* 2025-04-08 고객지원 홈페이지 페이지 수정 요청의 건 */
.loginMain .non-members-box{border:1px solid #e6e6e6;border-radius:6px;padding-top:26px}
#mycanon_authentic_benefit_guide .modal-content .table-layout .tr th{font-size:14px;font-weight:500!important;line-height:1.3!important;color:#666}
#mycanon_authentic_benefit_guide .modal-content .table-layout .tr td{height:auto;padding:20px 12px!important;font-size:14px;font-weight:400;line-height:1.6;color:#666}
#mycanon_authentic_benefit_guide .modal-footer .btn-red-line-md{font-weight:500!important}
.explanation-number .explanation-title{margin-bottom:10px;font-size:15px;font-weight:500}
.explanation-number .explanation-number-list{counter-reset:list-number}
.explanation-number .explanation-number-content{position:relative;counter-increment:list-number;font-size:14px;padding-left:12px;color:#666;font-weight:400;margin:5px 0;letter-spacing:-.02em}
.explanation-number .explanation-number-content::before{content:counter(list-number) ".";display:block;position:absolute;left:0;top:0}
#productWarrantyInformation .explanation .explanation-content::after{top:7px}

/* 2025-04-29 카운트다운 배너 신규 추가 요청 (운영 고도화 건)  */
@font-face {
    font-family:"GmarketSans";
    font-weight:700;
    font-style:normal;
    src:url('/resources/assets/fonts/GmarketSansBold.woff2') format('woff2'),
        url('/resources/assets/fonts/GmarketSansBold.otf') format('opentype');
    font-display: swap;
}

.main-kv{height:600px}
.main-kv__img{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;object-fit:cover}
.update-news-area{width:100%; max-width:1200px; margin: 40px auto 0; overflow:hidden;}
.update-news-area .main_tit{margin-bottom:40px;font-size:40px;font-weight:700;line-height:1.2;}
.update-news{width:100%;padding-bottom:52px!important; position: relative;}
.update-news .swiper-wrapper .swiper-slide .swiper-wrap{position:relative;display:block;width:100%;height:0;padding-bottom:240px;border-radius:12px;overflow:hidden}
.update-news .swiper-wrapper .swiper-slide .swiper-wrap img{width:100%}
.update-news .swiper-wrapper .swiper-slide.type-02 .swiper-figure{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%}
.update-news .swiper-wrapper .swiper-slide.type-02 .swiper-info{position:absolute;top:0;right:80px;display:flex;align-items:center;justify-content:center;width:370px;height:223px;}
.update-news .swiper-wrapper .swiper-slide.type-02 .swiper-info .info-day{display:flex;padding-top:36px;font-size:106px;font-weight:700;font-family:GmarketSans!important}
.update-news .swiper-wrapper .swiper-slide.type-02 .swiper-info .info-day span,.update-news .swiper-wrapper .swiper-slide.type-03 .swiper-info .info-day .info-data span{letter-spacing:-4px}
.update-news .swiper-wrapper .swiper-slide.type-03 .swiper-info{position:absolute;top:50%;right:-12px;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;width:643px;height:200px;}
.update-news .swiper-wrapper .swiper-slide.type-03 .swiper-info .info-day{display:flex;justify-content:flex-end;gap:47px;margin-top:-21px;font-size:80px;font-weight:700;font-family:Roboto!important}
.update-news .swiper-wrapper .swiper-slide.type-03 .swiper-info .info-day .info-data.days{margin-right:17px;position:relative;left:-12px}
.update-news .swiper-pagination{bottom:0!important}
.update-news .swiper-pagination .swiper-pagination-bullet-active{background:#000}
.update-news .swiper-toggle-btn{margin-right:10px;display:block;width:20px;height:20px;background-position:center center;background-repeat:no-repeat;font-size:0;background-size:12px;background-image:url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.9257 4.9388C11.6243 5.31696 11.6243 6.31952 10.9257 6.69768L2.02645 11.5145C1.36016 11.8752 0.55044 11.3927 0.55044 10.6351L0.550441 1.0014C0.550441 0.243769 1.36016 -0.238679 2.02645 0.121962L10.9257 4.9388Z' fill='%23DC000C'/%3E%3C/svg%3E%0A")}
.update-news .swiper-toggle-btn.is-playing{background-size:11px;background-image:url("data:image/svg+xml,%3Csvg width='11' height='13' viewBox='0 0 11 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_1_1174)'%3E%3Cpath d='M3.69003 0.770004H0.0900269V12.77H3.69003V0.770004Z' fill='%23CCCCCC'/%3E%3Cpath d='M10.0901 0.770004H6.49005V12.77H10.0901V0.770004Z' fill='%23CCCCCC'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_1_1174'%3E%3Crect width='10' height='12' fill='white' transform='translate(0.0900269 0.770004)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A")}
.swiper-pagination-area .swiper-pagination .swiper-pagination-bullet-active{background-color:#dc000c}
.swiper-pagination-area{display:flex;justify-content:center;position:absolute;bottom:0;width:100%}
.swiper-pagination-area .swiper-pagination{position:relative;display:flex;gap:.8rem;align-items:center}
.home-bs{padding:40px 0 0}
.home-title__tit{margin-top:0;font-size:40px;font-weight:700;line-height:1.2}
/* 2025-05-09 캐논 CI/BI 페이지 개설 건 */
.section.module-a.style-a.logo {margin:140px 0 180px;}
.section.module-a.style-b.origin {margin:0 0 120px;}
.section.module-a.style-a,.section.module-a.style-b{display:flex;flex-direction:column}
.section.module-a.style-a .section-wrap,.section.module-a.style-b .section-wrap{display:flex;flex-direction:column;gap:30px}
.section.module-a.style-a .section-wrap .section-head .section-subject,.section.module-a.style-b .section-wrap .section-head .section-subject{font-size:32px;font-weight:700;letter-spacing:-1px;color:#111}
.section.module-a.style-a .section-wrap .section-body>.para,.section.module-a.style-b .section-wrap .section-info .section-body>.para{font-size:20px;font-weight:400;line-height:34px;color:#666;word-break:keep-all}
.section.module-a.style-b .section-wrap .section-info{display:flex;justify-content:space-between}
.section.module-a.style-b .section-wrap .section-info .section-body{width:732px}
.section.module-a.style-b .section-wrap .section-info .section-figure{flex-shrink:0;width:370px}
.section.module-a.style-b .section-wrap .section-info .section-figure img{width:100%}
.data-list.logo-history{margin-top:80px;display:flex;flex-direction:column;gap:40px}
.data-list.logo-history .data-item{display:flex;align-items:center;gap:16px;height:72px}
.data-list.logo-history .data-item:before{content:'';display:flex;align-items:center;width:8px;height:8px;background-color:#dc000c;border-radius:50%}
.data-list.logo-history .data-item .data-wrap{display:flex;gap:64px;align-items:center}
.data-list.logo-history .data-item .data-wrap .data-num{font-size:20px;font-weight:600;line-height:34px;color:#000}
.data-list.logo-history .data-item .data-wrap .data-body .para{font-size:20px;font-weight:400;line-height:30px;color:#000}

/* 2025-05-30 정품등록 완료 시 RF렌즈퀘스트 현황 노출 */
.detail-veiw-btn{display:inline-flex;padding:10px 22px;justify-content:center;align-items:center;text-align:center;border-radius:50px;border:1px solid #f3f3f3}
.rf-lens-info .board-list .board-item .board-wrap .board-info .board-head .detail-veiw-btn *{font-family:Montserrat!important}
.detail-veiw-btn .btn-text{font-size:14px;font-style:normal;font-weight:700;line-height:24px;color:#fff}
.rf-lens-info .rf-lens-info-title,.rf-lens-result .rf-lens-result-wrap .rf-lens-result-head{font-size:24px;line-height:29px;font-weight:700}
.rf-lens-result{margin-top:60px}
.rf-lens-result .rf-lens-result-wrap{display:flex;flex-direction:column;padding:60px 20px;text-align:center; background-color: #F9F9F9}
.rf-lens-result .rf-lens-result-wrap .rf-lens-result-head+.rf-lens-result-summary{margin-top:10px}
.rf-lens-result .rf-lens-result-wrap .rf-lens-result-summary{font-size:18px;font-weight:400;line-height:26px;color:#666}
.rf-lens-result .rf-lens-result-wrap .rf-lens-result-summary+.rf-lens-result-util{display:flex;justify-content:center;margin-top:24px}
.rf-lens-result .rf-lens-result-wrap .rf-lens-result-util .rf-lens-result-button{display:flex;align-items:center;font-size:16px;font-weight:500;line-height:25px;text-decoration-line:underline;color:#dc000c}
.rf-lens-info,.rf-lens-info .board-list .board-item .board-wrap .board-info .board-head{flex-direction:column;display:flex}
.rf-lens-result .rf-lens-result-wrap .rf-lens-result-util .rf-lens-result-button:after{content:'';display:block;width:16px;height:17px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='17' viewBox='0 0 16 17' fill='none'%3E%3Cpath d='M5 3.5L10 8.5L5 13.5' stroke='%23111111' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M5 3.5L10 8.5L5 13.5' stroke='%23DC000C' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}
.rf-lens-result+.rf-lens-info{margin-top:60px}
.rf-lens-info{gap:20px}
.rf-lens-info-title{color:#111}
.rf-lens-info .board-list {display: flex;flex-direction: column;gap: 30px;}
.rf-lens-info .board-list .board-item .board-wrap{display:flex;justify-content:space-between;gap:60px;padding:50px 60px;border-radius:10px;background-color:#1e1e1e}
.rf-lens-info .board-list .board-item .board-wrap .board-info .board-head *,.rf-lens-info .board-list .board-item .board-wrap .board-status *{font-family:Pretendard!important}
.rf-lens-info .board-list .board-item .board-wrap .board-info .board-head .board-subject{font-size:30px;font-style:normal;font-weight:700;line-height:140%;color:#fff}
.rf-lens-info .board-list .board-item .board-wrap .board-info .board-head .board-subject+.board-period{margin-top:12px}
.rf-lens-info .board-list .board-item .board-wrap .board-info .board-head .board-period{color:#909090;font-size:16px;font-weight:400;line-height:24px}
.rf-lens-info .board-list .board-item .board-wrap .board-info .board-head .board-period .board-period-data{padding-left:10px;color:#c3c3c3;font-size:16px;font-weight:400;line-height:24px}
.rf-lens-info .board-list .board-item .board-wrap .board-info .board-head .board-util{display:flex; gap:16px; align-items: center; margin-top:24px}
.rf-lens-info .board-list .board-item .board-wrap .board-status .data-list{display:flex;gap:30px}
.rf-lens-info .board-list .board-item .board-wrap .board-status .data-list .data-item {flex-grow: 0; flex-shrink: 0; width: 100px;}
.rf-lens-info .board-list .board-item .board-wrap .board-status .data-list .data-item .data-wrap{display:flex;flex-direction:column;gap:8px}
.rf-lens-info .board-list .board-item .board-wrap .board-status .data-list .data-item .data-wrap .data-figure{width:100px;height:100px}
.rf-lens-info .board-list .board-item .board-wrap .board-status .data-list .data-item .data-wrap .data-figure img{width:100%}
.rf-lens-info .board-list .board-item .board-wrap .board-status .data-list .data-item .data-wrap .data-name{color:#fff;text-align:center;font-size:13px;font-weight:400;line-height:16px;word-break: break-word;}
.mycanon{margin:40px auto 0}
.mycanon-content.MY_126 .button-group{margin-bottom:40px}
.mycanon-content.MY_126 .box-gray{padding:60px 30px}
.mycanon-content.MY_126 .authentic-info{margin:0 auto 60px}
.mycanon-content.MY_126 .authentic-info .left{width:220px;height:140px;margin-right:20px}
.mycanon .box-gray .explanation-content{margin:0;font-size:14px;font-weight:400;line-height:20px;color:#666;padding-top:20px;border-top:1px solid #e6e6e6}
.mycanon-content.MY_126 .authentic-info .name{line-height:24px}.mycanon-content.MY_126 .authentic-info .sub-name{margin-top:0;font-size:14px;line-height:24px;letter-spacing:-.18px}
.mycanon-content.MY_126 .authentic-info .inner .desc{font-weight:400!important;line-height:22px!important;letter-spacing:-.18px!important}
.mycanon-content.MY_126 .authentic-info .inner .tit{width:80px;color:#666;font-size:16px;line-height:22px;letter-spacing:-.18px}
.mycanon .button-group .btn{width:209px;font-weight:500}
.mycanon-content.MY_126 .authentic-info .left {height: auto !important;}
.mycanon-content.MY_126 .authentic-info img {width: 100%;height: auto;}

/*2025-07-30 정품등록 완료 시 프로모션 배너 노출 건*/
.product-auth-promotion .product-auth-promotion-head {font-size: 24px;font-weight: 700;color: #111;line-height: 34px;letter-spacing: -0.16px;}
.product-auth-promotion .product-auth-promotion-head .accent {color: #DC000C;}
.product-auth-promotion .product-auth-promotion-body .data-item {padding: 20px 10px;border-bottom: 1px solid #E6E6E6}
.product-auth-promotion .product-auth-promotion-body .data-item:last-child {border-bottom: unset}
.product-auth-promotion .product-auth-promotion-body .data-wrap {display: flex;align-items: center;justify-content: space-between}
.product-auth-promotion .product-auth-promotion-body .data-title {font-size: 18px;font-weight: 400;line-height: 26px;letter-spacing: -0.16px;color:#111;max-width:639px;}
.product-auth-promotion .product-auth-promotion-body .data-info {display: flex;align-items: center;justify-content: space-between;gap:30px}
.product-auth-promotion .product-auth-promotion-body .data-date {font-size: 16px;font-weight: 400;line-height: 24px;letter-spacing: -0.16px;color:#999;flex-shrink: 0}
.product-auth-promotion .product-auth-promotion-body .data-util {flex-shrink: 0}
.product-auth-promotion .product-auth-promotion-body .com-btn {display:block;min-width:120px}

/*2025-07-30 button 공통 스타일*/
.button-display.module-a { display: flex; align-items: center; }
.button-display.module-a.style-a { gap: 16px; }
.button-display.module-a.style-b { gap: 10px; }
.button-display.align-c { justify-content: center; }

/* .com-btn.module-a : text */
.com-btn .com-btn-text { line-height: inherit; color: inherit; font-weight: inherit; }
.com-btn.module-a { display: inline-flex; align-items: center; justify-content: center; text-align: center; border-radius: 4px; }
.com-btn.module-a.x-large { padding: 18px 35px; font-size: 18px; font-weight: 400; line-height: 22px; min-width: 140px; }
.com-btn.module-a.large { padding: 13px 35px; font-size: 16px; font-weight: 400; line-height: 22px; }
.com-btn.module-a.medium { padding: 11px 23px; font-size: 16px; font-weight: 400; line-height: 22px; }
.com-btn.module-a.small { padding: 9px 23px; font-size: 16px; font-weight: 400; line-height: 22px; }
.com-btn.module-a.x-small { padding: 7px 11px; font-size: 14px; font-weight: 400; line-height: 22px; }

/* .com-btn.module-a : style-disabled */
.com-btn.module-a[class*="-line"]:disabled,
.com-btn.module-a[class*="-line"].disabled { border: 1px solid #EEE !important; color: #999!important; cursor: auto !important; }
.com-btn.module-a:not([class*="-line"]):disabled,
.com-btn.module-a:not([class*="-line"]).disabled { border: 1px solid #EEE !important; background: #EEE!important; color: #999!important; cursor: auto !important; }

/* .com-btn.module-a : style-round */
.com-btn.module-a.style-round { border-radius: 100px; }

/* .com-btn.module-a : style-color */
.com-btn.module-a.cor-red { border: 1px solid #DC000C; background: #DC000C; color: #FFF; }
.com-btn.module-a.cor-black { border: 1px solid #000; background: #000; color: #FFF; }
.com-btn.module-a.cor-gray { border: 1px solid #EEE; background: #EEE; color: #111; }
.com-btn.module-a.cor-line-red { border: 1px solid #DC000C; color: #DC000C; }
.com-btn.module-a.cor-line-black { border: 1px solid #000; color: #000; background-color: #fff; }
.com-btn.module-a.cor-line-gray { border: 1px solid #EEE; color: #111; }

.com-btn.icon-link.cor-red { display: inline-flex; align-items: center; color:#DC000C; }
.com-btn.icon-link.medium { font-size: 16px; font-weight: 400; line-height: 24px; }
.com-btn.icon-link.small { font-size: 14px; font-weight: 400; line-height: 22px; }
.com-btn.icon-link.cor-red:after { content:''; display: block; width: 16px; height: 16px; background-size: 8px; background-position: center center; background-repeat: no-repeat; }

.com-btn.icon-link-out { display: inline-flex; align-items: center; gap: 10px; font-size: 16px; font-weight: 500; line-height: 22px; padding: 9px 23px; border-radius: 4px; }
.com-btn.icon-link-out:after { content:''; display: block; width: 15px; height: 16px; background-size: 15px; background-position: center center; background-repeat: no-repeat; }
.com-btn.icon-link-out.cor-red { background-color: #DC000C; border: 1px solid #DC000C; color:#fff; }
.com-btn.icon-link-out.cor-red:after { }

.com-btn.icon-link-out.cor-line-black { background-color: transparent; border: 1px solid #111; color:#111; }
.com-btn.icon-link-out.cor-line-black:after { }

/* 250813 페이지 신규 제작 윤리경영 Compliance Hotline */
.page-company-ethics.ethics06 .top-cont h3 {font-size: 32px;line-height: 50px;font-weight: 500;margin-top: -10px;}
.page-company-ethics.ethics06 .top-cont p {font-size: 18px;line-height: 28px;margin-top: 20px;}
.page-company-ethics.ethics06 .bottom-cont {margin-top: 70px;}
.page-company-ethics.ethics06 .bottom-cont > span {font-size: 18px;font-weight: 500;}
.page-company-ethics.ethics06 .bottom-cont .dl-cont {margin-top: 45px;}
.page-company-ethics.ethics06 .bottom-cont .dl-cont dl {display: flex;}
.page-company-ethics.ethics06 .bottom-cont .dl-cont dl + dl {margin-top: 50px;}
.page-company-ethics.ethics06 .bottom-cont .dl-cont dl dt {position: relative;flex: 0 0 130px;font-size: 18px;font-weight: 500;padding-left: 15px;}
.page-company-ethics.ethics06 .bottom-cont .dl-cont dl dt::before {position: absolute;content: "";display: block;width: 5px;height: 5px;border-radius: 50%;background-color: #000;top: 12px;left: 0;}
.page-company-ethics.ethics06 .bottom-cont .dl-cont dl dd {line-height: 26px;}
.page-company-ethics.ethics06 .bottom-cont .dl-cont dl .cropEthics_list {display:flex;flex-wrap: wrap;}
.page-company-ethics.ethics06 .bottom-cont .dl-cont dl .cropEthics_list .cropEthics_item {flex: 0 0 396px;max-width:396px;height:248px;padding: 22px 22px 30px 30px ;border-radius:6px;border: solid 1px #e6e6e6;background-color: #fff;margin-bottom: 10px;margin-left:10px;}
.page-company-ethics.ethics06 .bottom-cont .dl-cont dl .cropEthics_list .cropEthics_item:last-child {height:88px;}
.page-company-ethics.ethics06 .bottom-cont .cropEthics_txt {margin-top:unset;}
.page-company-ethics.ethics06 .bottom-cont .cropEthics_txt li {margin-bottom: unset; flex: 0 0 100%;line-height: 26px; padding-left: 13px;font-weight: 300;}
.page-company-ethics.ethics06 .bottom-cont .cropEthics_txt li::after {top: 12px;}
.page-company-ethics.ethics06 .bottom-cont .cropEthics_txt li + li {margin-top: 5px;}
.page-company-ethics.ethics06 .bottom-cont .table-display { width:800px }
.page-company-ethics.ethics06 .bottom-cont .table-display thead tr th { padding: 18px 20px 17px; background: #F9F9F9; border-top: 1px solid #E6E6E6; border-bottom: 1px solid #E6E6E6; font-weight: 500; font-size: 16px; line-height: 24px; color: #111111; }
.page-company-ethics.ethics06 .bottom-cont .table-display thead tr th.align-left { text-align: left; }
.page-company-ethics.ethics06 .bottom-cont .table-display tbody tr td { border-bottom: 1px solid #E6E6E6; font-size: 16px; font-weight: 300; line-height: 24px; color: #111111; padding: 20px 20px 19px; letter-spacing: -0.16px; }
.page-company-ethics.ethics06 .bottom-cont .table-display tbody tr td.align-center { text-align: center; }
.page-company-ethics.ethics06 .bottom-cont .table-display tbody tr td.type1 {letter-spacing: -0.16px;}

.page-company-ethics.ethics06 .bottom-cont .data-display.subject-report {max-width: 800px;}
.page-company-ethics.ethics06 .bottom-cont .data-display.subject-report .data-head { color: #111; font-size: 18px; font-weight: 500; line-height: 18px; letter-spacing: -0.16px; display: block; }
.page-company-ethics.ethics06 .bottom-cont .data-display.subject-report .data-body { margin-top: 20px; }
.page-company-ethics.ethics06 .bottom-cont .data-display.subject-report .data-list { display: flex; flex-wrap: wrap; border-top: 1px solid #E6E6E6;}
.page-company-ethics.ethics06 .bottom-cont .data-display.subject-report .data-list .data-item { flex: 0 0 50%; border-top: 1px solid #E6E6E6; padding: 39px 40px 35px;}
.page-company-ethics.ethics06 .bottom-cont .data-display.subject-report .data-list .data-item:nth-child(even) { border-left: 1px solid #E6E6E6; }
.page-company-ethics.ethics06 .bottom-cont .data-display.subject-report .data-list .data-item .data-wrap { display: flex; gap: 30px; }
.page-company-ethics.ethics06 .bottom-cont .data-display.subject-report .data-list .data-item.type1 .data-wrap { align-items: center;}
.page-company-ethics.ethics06 .bottom-cont .data-display.subject-report .data-list .data-item .data-figure { aspect-ratio: 1; width: 40px;}
.page-company-ethics.ethics06 .bottom-cont .data-display.subject-report .data-list .data-item .data-figure img { width: 100%; }
.page-company-ethics.ethics06 .bottom-cont .data-display.subject-report .data-list .data-item .data-info .info-subject { display: block; color: #111; font-size: 16px; font-weight: 500; line-height: 24px; letter-spacing: -0.16px;}
.page-company-ethics.ethics06 .bottom-cont .data-display.subject-report .data-list .data-item .data-info .info-summary { display: block; color: #111; font-size: 16px; font-weight: 300; line-height: 24px; letter-spacing: -0.16px; margin-top: 5px; }

.page-company-ethics.ethics06 .bottom-cont .table-display + .board-list { margin-top: 30px; }
.page-company-ethics.ethics06 .bottom-cont .board-list.lower-info {max-width:800px; border-radius: 8px; background: #F9F9F9; padding: 30px; display: flex; justify-content: space-between; }
.page-company-ethics.ethics06 .bottom-cont .board-list.lower-info .board-item { display: flex;flex: 0 0 50%; padding-right: 40px; }
.page-company-ethics.ethics06 .bottom-cont .board-list.lower-info .board-item + .board-item { border-left: 1px solid #E6E6E6; padding-right: unset; padding-left: 40px; }
.page-company-ethics.ethics06 .bottom-cont .board-list.lower-info .board-item .board-head { display: block; color: #111; font-size: 18px; font-weight: 500; line-height: 26px; letter-spacing: -0.16px; }
.page-company-ethics.ethics06 .bottom-cont .board-list.lower-info .board-item .board-head + .board-body { margin-top: 20px; }
.page-company-ethics.ethics06 .bottom-cont .board-list.lower-info .board-item .board-body .data-item + .data-item { margin-top: 20px; }
.page-company-ethics.ethics06 .bottom-cont .board-list.lower-info .board-item .board-body .data-wrap {display: flex;gap: 40px;}
.page-company-ethics.ethics06 .bottom-cont .board-list.lower-info .board-item .board-body .data-head { color: #111; font-size: 14px; font-weight: 400; line-height: 22px; letter-spacing: -0.16px; max-width: 26px; white-space: nowrap;}
.page-company-ethics.ethics06 .bottom-cont .board-list.lower-info .board-item .board-body .data-body li { position: relative; padding-left: 13px; color: #111; font-size: 14px; font-weight: 300; line-height: 22px; letter-spacing: -0.16px; }
.page-company-ethics.ethics06 .bottom-cont .board-list.lower-info .board-item .board-body .data-body li + li { margin-top: 5px; }
.page-company-ethics.ethics06 .bottom-cont .board-list.lower-info .board-item .board-body .data-body li::before { content: ''; width: 3px; height: 3px; border-radius: 100%; background-color: #DC000C; position: absolute; left: 0; top: 10px; }

/*250825 ISMS-P 조치 회원가입 페이지 수정*/
.termAgreeType2__item.case1 {flex-direction: column; gap: 20px;max-width: unset;}
.table-list-wrap .termAgreeType2__item.case1 .tr {display: table-row;}
.guide-list.mobile-a { }
.guide-list.mobile-a .guide-item { height: 178px; padding: 20px 10px 20px 20px; border-radius: 10px; border: 1px solid #E6E6E6; }
.guide-list.mobile-a .guide-item .guide-wrap { max-height: 100%; overflow-x: hidden; overflow-y: auto; }
.guide-list.mobile-a .guide-item .guide-wrap::-webkit-scrollbar { width: 5px; }
.guide-list.mobile-a .guide-item .guide-wrap::-webkit-scrollbar-thumb { background-color: #CCC; border-radius: 5px; }
.guide-list.mobile-a .guide-item .data-list { display: flex; flex-direction: column; gap: 40px; }
.guide-list.mobile-a .guide-item .data-list .data-item .data-wrap { display: flex; flex-direction: column; gap: 5px; }
.guide-list.mobile-a .guide-item .data-list .data-item .data-wrap .data-head { font-size: 14px; font-weight: 500; line-height: 22px; }
.guide-list.mobile-a .guide-item .data-list .data-item .data-wrap .data-body .para { font-size: 14px; font-weight: 400; line-height: 22px; }

.subsection {}
.subsection .subsection-wrap {}
.subsection .subsection-wrap .subsection-head {}
.subsection .subsection-wrap .subsection-head .subsection-subject {font-size: 18px;font-weight: 400;line-height: 26px;letter-spacing: -0.16px;color:#111}
.subsection .subsection-wrap .subsection-body {}

.formgroup input[type="checkbox"],
.formgroup input[type="radio"] { border: 0; clip: rect(0 0 0 0); clip-path: inset(50%); width: 1px; height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; white-space: nowrap; }
.formgroup input[type="checkbox"] + label,
.formgroup input[type="radio"] + label { display:inline-block; position:relative; padding-left:26px; vertical-align:top; font-size:16px; line-height:24px; cursor:pointer; }
.formgroup input[type="checkbox"] + label:before { content:""; width:20px; height:20px; position:absolute; left:0; top:2px; border-radius:100%; background:#fff; border:solid 1px #ccc; }
.formgroup input[type="checkbox"] + label:after { content:""; width:10px; height:7px; position:absolute; left:5px; top:7px; border:solid 2px #fff; border-top:0; border-right:0; transform:rotate(-45deg); opacity:0; }
.formgroup input[type="checkbox"]:checked + label:before { background:#dc000c; border-color:#dc000c; }
.formgroup input[type="checkbox"]:checked + label:after { opacity:1; }
.formgroup input[type="checkbox"]:disabled + label:before { background:#F1F1F1; }
.formgroup input[type="radio"]  {border: 0; clip: rect(0 0 0 0); clip-path: inset(50%); width: 1px; height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; white-space: nowrap;}
.formgroup input[type="radio"] + label:before { content:""; width:18px; height:18px; position:absolute; left:0; top:4px; border-radius:100%; background:#fff; border:solid 1px #ccc; }
.formgroup input[type="radio"] + label:after { content:""; width:8px; height:8px; position:absolute; left:5px; top:9px; opacity:0; border-radius:100%; background:#dc000c; }
.formgroup input[type="radio"]:checked + label:before { border-color:#dc000c; }
.formgroup input[type="radio"]:checked + label:after { opacity:1; }
.formgroup input[type="radio"]:focus + label:before,
.formgroup input[type="checkbox"]:focus + label:before { outline:solid 2px #111; }
.formgroup input[type="radio"].check + label:before { content:""; width:20px; height:20px; position:absolute; left:0; top:2px; border-radius:100%; background:#fff; border:solid 1px #ccc; }
.formgroup input[type="radio"].check + label:after { content:""; width:10px; height:7px; position:absolute; left:5px; top:7px; border:solid 2px #fff; border-top:0; border-right:0; transform:rotate(-45deg); opacity:0; border-radius:0; }
.formgroup input[type="radio"].check:checked + label:before { background:#dc000c; border-color:#dc000c; }
.formgroup input[type="radio"].check:checked + label:after { opacity:1; }
.formgroup input[type="radio"].box + label { height:42px; padding:0; width:187px; text-align:center; line-height:40px; border:solid 1px #111; border-radius:4px; }
.formgroup input[type="radio"].box + label:before,
.formgroup input[type="radio"].box + label:after { display:none; }
.formgroup input[type="radio"].box:checked + label { border-color:#dc000c; color:#dc000c; }
.radiogroup li {display:inline-block;}
.radiogroup li + li {margin-left:26px;}
.radiogroup.boxtype li + li {margin-left:6px;}
.formcomment {font-size: 16px;color:#666;font-weight:400;}








/* 페이지 진입시 노출되는 modal(통합회원 전환 안내) */
.custom-modal.module-a {
    position: absolute;
    top: unset;
    z-index: 9999;
}
.custom-modal.module-a.style-a {
    bottom: 60px;
    right: 160px;
    left: unset;
    width: auto;
}

.custom-modal.module-a.style-a .modal-body {
    width: 500px;
    box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.08), 0 12px 64px 0 rgba(0, 0, 0, 0.12);
    overflow: hidden;
    border-radius: 15px;
}
.custom-modal.module-a.style-a .modal-body .modal-content .content-inner {
    display: block;
    width: 100%;
}
.custom-modal.module-a.style-a .modal-body .modal-content .content-inner img {
    display: block;
    width: 100%;
    max-width: 100%;
}
.custom-modal.module-a.style-a .modal-util {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 20px 25px;
    background: #FFF;
}
.custom-modal.module-a.style-a .modal-util .btn-close {
    padding-inline: 10px;
}
.custom-modal.module-a.style-a .modal-util .btn-close .text {
    font-size: 16px;
    font-weight: 400;
    color: #666;
    line-height: 22px;
    letter-spacing: -0.16px;
}
.custom-modal.module-a.style-a .modal-util .checkbox {
    padding-left: 10px;
    padding-right: 10px;
    font-size: 16px;
    font-weight: 400;
    color: #666;
    line-height: 22px;
    letter-spacing: -0.16px;
}

/* 통합회원전환완료페이지: 마케팅 수신 동의 팝업 콘텐츠 */
.modal-content.marketing-agree {
    padding-inline: 25px;
    flex-direction: column;
    justify-content: space-between !important;
}
.modal-content.marketing-agree .content-head + .content-body {
    margin-top: 20px;
}
.modal-content.marketing-agree .title {
    color: #111;
    text-align: center;
    font-size: 20px;
    font-weight: 500;
    line-height: 30px;
    letter-spacing: -0.16px;
}
.modal-content.marketing-agree .subtitle {
    color: #666;
    text-align: center;
    font-size: 15px;
    font-weight: 400;
    line-height: 22px;
    letter-spacing: -0.16px;
    margin-top: 5px;
}

.modal-content.marketing-agree .icons {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
}
.modal-content.marketing-agree .icons + .checkbox-list {
    margin-top: 30px;
}
.modal-content.marketing-agree .icons .icon-item {
    min-width: 80px;
}
.modal-content.marketing-agree .icons .icon-item img {
    width: 80px;
    height: 80px;
    aspect-ratio: 1/1;
}
.modal-content.marketing-agree .icons .icon-item .icon-text {
    color: #111;
    text-align: center;
    font-size: 14px;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: -0.16px;
}
.modal-content.marketing-agree .checkbox-list {
    padding: 30px 40px;
    border-radius: 15px;
    background: #F9F9F9;
    overflow: hidden;
}
.modal-content.marketing-agree .checkbox-list .checkbox-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.modal-content.marketing-agree .checkbox-list .checkbox-item + .checkbox-item {
    margin-top: 15px;
}
.modal-content.marketing-agree .checkbox-list .checkbox-item .checkbox {
    color: #000;
}
.modal-content.marketing-agree .checkbox-list .checkbox-item .detail-btn {
    color: #666;
    font-size: 14px;
    font-weight: 400;
    line-height: 14px;
    letter-spacing: -0.16px;
    text-decoration-line: underline;
}
.modal-content.marketing-agree .notice,
.modal-content.marketing-agree .comment {
    color: #666;
    font-weight: 400;
    line-height: 22px;
    letter-spacing: -0.16px;
}
.modal-content.marketing-agree .comment {
    position: relative;
    font-size: 14px;
    padding-left: 10px;
}
.modal-content.marketing-agree .comment::before {
    content: "*";
    position: absolute;
    top: 0px;
    left: 0;
    font-size: inherit;
    color: inherit;
}
.modal-content.marketing-agree .notice {
    position: relative;
    font-size: 16px;
    padding-left: 20px;
}
.modal-content.marketing-agree .notice::before {
    content: "※";
    position: absolute;
    top: 0px;
    left: 0;
    font-size: inherit;
    color: inherit;
}
.modal-content.marketing-agree .content-body {
    width: 100%;
}
.modal-content.marketing-agree .content-body .para {
    color: #111;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: -0.16px;
}
.modal-content.marketing-agree .content-body + .content-footer {margin-top: 40px;}
.modal-content.marketing-agree .content-footer {
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.modal-content.marketing-agree .content-footer .text-btn {
    color: #666;
    font-size: 14px;
    font-weight: 400;
    line-height: 14px;
    letter-spacing: -0.16px;
    display: block;
    text-align: center;
}
.checkbox.square input[type=checkbox] + i {
    border-radius: 4px;
}
.checkbox.square input[type=checkbox] + i:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    width: 100%;
    height: 100%;
    background: url("../img/ico/ico_check_grey.svg") no-repeat center center;
}

.checkbox-list.error input + i {
    border-color: #DC000C !important;
}
.checkbox-list.error .comment.action {
    color: #DC000C !important;
    /*font-weight: 700 !important;*/
}

.modal-content.marketing-agree .order-list .order-item {
    color: #111;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: -0.16px;
}
.modal-content.marketing-agree .order-list .order-item .item-desc {
    display: block;
    text-indent: 20px;
}

.modal .modal-dialog .modal-inner .modal-header.icon-header {
    display: flex;
    align-items: center;
}
.modal .modal-dialog .modal-inner .modal-header.icon-header i.back {
    width: 24px;
    height: 24px;
    background: url("../img/common/ico_quick_arrow.svg") no-repeat center / cover;
    transform: rotate(-90deg);
    margin-right: 10px;
    cursor: pointer;
}

/* 제3자 정보 제공 동의 팝업 개발 요청 */
.popup-privacy {
    width: 100%;
    max-width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    margin: 0;
    z-index: 10001;
}
.popup-privacy .dimmed {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.80);
}
.popup-privacy  .pop-inner-wrap {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    position: relative;
}
.popup-privacy .pop-inner-box {
    padding: 90px 25px 40px 25px;
    background: #fff;
    border-radius: 15px;
    position: relative;
    z-index: 1;
    height: 816px;
}
.popup-privacy .pop-inner-box.agree .head-next {
    position: absolute;
    top: 23px;
    left: 25px;
    padding-left: 34px;
}
.popup-privacy .pop-inner-box.agree .head-next button {
    color: #111;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: -0.16px;
}
.popup-privacy .pop-inner-box.agree .head-next button:before {
    content: '';
    width: 24px;
    height: 24px;
    background: url('../img/ico/ico_arrow_link.svg') no-repeat center center / contain;
    display: inline-block;
    position: absolute;
    left: 0;
    top: 0;
}
.popup-privacy .pop-inner-box .txt-box {
    width: 450px;
    display: flex;
    justify-content: center;
    color: #111;
    font-size: 20px;
    font-weight: 500;
    line-height: 30px;
    text-align: center;
}
.popup-privacy .pop-inner-box .txt-box.normal {
    color: #666;
    font-size: 15px;
    font-weight: 400;
    line-height: 22px;
    margin: 10px 0 40px 0;
}
.popup-privacy .pop-inner-box .txt-box.color {
    display: block;;
    font-size: 16px;
    line-height: 24px;
    background: #f9f9f9;
    border-radius: 15px;
    padding: 30px 40px;
}
.popup-privacy .pop-inner-box.agree .txt-box.color {
    background: #fff;
    padding: 0;
    border-radius: 0;
    text-align: left;
}
.popup-privacy .pop-inner-box .txt-box.color .txt-box-inner {
    display: flex;
    flex-direction: column;
    gap: 2px;
}
.popup-privacy .pop-inner-box .txt-box.color p {
    font-weight: 400;
}
.popup-privacy .pop-inner-box .txt-box.color p.bold {
    font-weight: 700;
}
.popup-privacy .pop-inner-box .txt-box.color p.red {
    color: #DC000C;
}
.popup-privacy .pop-inner-box .txt-box.color p.gray {
    padding: 0 4px 0 21px;
    color: #666;
    font-weight: 400;
    letter-spacing: -0.16px;
    position: relative;
}
.popup-privacy .pop-inner-box .txt-box.color p.gray:before {
    content: '※ ';
    position: absolute;
    left: 0;
    top: 0;
}
.popup-privacy .button-agree-box {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 20px;
}
.popup-privacy .button-agree-box button {
    color: #666;
    font-size: 14px;
    line-height: 14px;
    letter-spacing: -0.16px;
}
.popup-privacy .button-agree-box button.red-btn {
    padding: 14px 36px;
    background: #DC000C;
    border: 1px solid #DC000C;
    border-radius: 50px;
    color: #fff;
    font-size: 16px;
    font-weight: 400;
    line-height: 22px;
    letter-spacing: 0;
}
.popup-privacy .terms-list {
    display: flex;
    flex-direction: column;
    gap: 10px;
    font-size: 15px;
}
.popup-privacy .terms-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    line-height: 23px;
}
.popup-privacy .terms-check {
    display: flex;
    align-items: center;
    gap: 8px;
    cursor: pointer;
    color: #000;
}
.popup-privacy .terms-check input[type="checkbox"] {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}
.popup-privacy .checkmark {
    width: 20px;
    height: 20px;
    border: 1px solid #e6e6e6;
    border-radius: 4px;
    display: inline-block;
    position: relative;
}
.popup-privacy .terms-check .checkmark::after {
    content: "";
    position: absolute;
    left: 6px;
    top: 1px;
    width: 6px;
    height: 12px;
    border: solid #e6e6e6;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}
.popup-privacy .terms-check input:checked + .checkmark {
    background-color: #DC000C;
    border-color: #DC000C;
}
.popup-privacy .terms-check input:checked + .checkmark::after {
    border: solid #fff ;
    border-width: 0 2px 2px 0;
}
.popup-privacy .btn-view-terms {
    font-size: 14px;
    font-weight: 400;
    color: #666;
    text-decoration: underline;
    border: 0;
}
.popup-privacy .button-close {
    display: inline-block;
    width: 24px;
    height: 24px;
    background: url(../img/ico/ico_close.svg) no-repeat center center /contain;
    position: absolute;
    top: 23px;
    right: 25px;
}
.popup-privacy .button-ok {
    display: flex;
    width: 120px;
    padding: 14px 36px;
    justify-content: center;
    align-items: center;
    border-radius: 50px;
    border: 1px solid #DC000C;
    background: #DC000C;
    color: #FFF;
    font-size: 16px;
    font-weight: 400;
    line-height: 22px;
    position: absolute;
    bottom: 40px;
    left: 50%;
    transform: translateX(-50%);
}
.popup-privacy .privacy-box {
    display: flex;
    flex-direction: column;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
    font-size: 14px;
}
.popup-privacy .privacy-row {
    display: flex;
    border-bottom: 1px solid #eee;
}
.popup-privacy .privacy-row:last-child {
    border-bottom: none;
}
.popup-privacy .privacy-label {
    width: 160px;
    min-width: 160px;
    background: #f9f9f9;
    color: #666;
    padding: 10px 12px;
    line-height: 1.4;
    border-right: 1px solid #eee;
}
.popup-privacy .privacy-value {
    flex: 1;
    padding: 10px 12px;
    color: #333;
    line-height: 1.5;
}

/* 마이캐논 css 추가*/
.section-block .guide-set {
    margin-top: 40px;
}
.section-block + .section-block {
    margin-top: 80px;
}
.guide-set.has-btn {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.my-order-track {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px 33px;
    background-color: #f9f9f9;
}
.time-period {
    display: flex;
    margin-right: 20px;
}

.time-period .checkbox.text {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
line-height: 1;
}
.time-period .checkbox.text.square {
    width: 70px;
    height: 42px;
    border-radius: 0;
    background-color: #fff;
    font-weight: 400;
    font-size: 14px;
    color: #666;
    padding: 10px 18px;
    border: solid 1px #e6e6e6;
}
.time-period .checkbox.text.square:not(:last-child) {
    border-right: 0;
}
.time-period .checkbox.text.square:first-child {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}
.time-period .checkbox.text.square:first-child.checked::after {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}
.time-period .checkbox.text.square:last-child {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}
.time-period .checkbox.text.square:last-child.on::after {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}
.time-period .checkbox.text.square:hover {
    border-color: #e6e6e6;
    color: #666;
}
.time-period .checkbox.text.square.on {
    color: #CC0000;
    border: 0;
}
.time-period .checkbox.text.square.on::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border: 1px solid #CC0000;
}
.datepicker-wrap .ui-datepicker-trigger {
    position: absolute;
    right: -2px;
    top: 1px;
    width: 40px;
    height: 40px;
    margin-left: 0;
    background: url("../img/common/ico_calender.svg") no-repeat center;
}

.datepicker-wrap .datepicker-type1 .datepicker.hasDatepicker {
    font-size: 13px;
    color: #111;
}
.datepicker-wrap .datepicker-type1 .ui-datepicker-trigger img {
    display: none;
}

.datepicker-wrap .datepicker-type1 + button {
    min-width: 80px;
    margin-left: 10px;
    height: 42px;
    padding: 0 24px;
    font-size: 15px;
    font-weight: 400;
    border-radius: 4px;
}

/* 2025-12-01 주문내역css 추가 */
.modal .modal-dialog .modal-inner .modal-content.EMY_101 {
    display: flex;
    flex-direction: column;
    padding-top: 20px;
    padding-bottom: 40px;
    font-size: 15px;
    line-height: 1.3;
    color: #000;
    margin: 0 100px;
}
.modal-content.EMY_101 .tab.type2 {
    width: 100%;
}
.modal-content.EMY_101 .tab-list {
    display: flex;
    position: relative;
}
.modal-content.EMY_101 .tab.type2 .tab-list li {
    border: 0;
    border-bottom: 1px solid #e6e6e6;
    width: 100%;
    position: relative;
}
.tab-menu {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 60px;
    padding: 0 20px;
    font-size: 16px;
    text-align: center;
}
.tab.type2 .tab-menu[role=tab][aria-selected=true] {
    background-color: transparent;
    color: #CC0000;
    font-weight: 500;
}
.tab.type2 .tab-menu {
    font-size: 18px;
}
.tab-menu[role=tab][aria-selected=true] {
    background-color: #CC0000;
    color: #fff;
    font-weight: 500;
}
.tab.type2 .tab-menu[role=tab][aria-selected=true]::after {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 4px;
    background-color: #CC0000;
}
.modal .asterisk + .guide-list.dot,
.modal .star + .guide-list.dot {
    margin-top: 8px;
}
.modal .guide-list + .star {
    margin-top: 20px;
}
.modal .guide-box {
    padding: 30px 40px;
}
.modal .guide-box.line {
    margin-top: 40px;
    padding: 20px;
    border-radius: 8px;
    background: #fff;
    border: 1px solid #e6e6e6;
}
.modal .guide-box p {
    font-size: 14px;
    line-height: 22px;
}
.modal .guide-box.md {
    margin-top: 48px;
    padding: 40px 50px;
}
.modal .guide-box.md .guide-title {
    font-size: 16px;
}
.modal .guide-box.md .guide-title + .guide-list, .modal .guide-box.md .guide-title + .asterisk {
    margin-top: 20px;
}
.modal .guide-box.md .guide-list li + li {
    margin-top: 10px;
}
.dot:not(ul), .asterisk:not(ul), .star:not(ul) {
    font-size: 14px;
    line-height: 22px;
    position: relative;
    padding-left: 12px;
}
.star:not(ul)::before {
    content: "*";
    position: absolute;
    left: 0px;
    display: block;
 }
.guide-list li {
    position: relative;
    font-size: 14px;
    line-height: 22px;
    padding-left: 12px;
    color: #111;
}
.guide-list.dot li::before {
    content: "";
    top: 8px;
    width: 4px;
    height: 4px;
    border-radius: 100%;
    background-color: #999;
    position: absolute;
    display: block;
    left: 0;
}
.my-order.row {
    align-items: flex-start;
    margin-top: 30px;
}
.my-order-col {
    position: relative;
    width: 20%;
    margin-left: 4px;
    margin-right: 4px;
    text-align: center;
}
.my-order .icon {
    display: inline-block;
    vertical-align: middle;
    width: 48px;
    height: 60px;
}
.my-order.row .text-area {
    margin-top: 10px;
    width: auto;
    height: auto;
    border: none;
    padding: 0;
}
.my-order.row .text {
    font-weight: 500;
    text-align: center;
}
.my-order .text {
    margin-left: 4px;
    font-weight: 500;
}
.my-order .text {
    display: inline-block;
    vertical-align: middle;
}
.my-order-col:not(:last-child):after {
    content: "";
    display: inline-block;
    position: absolute;
    right: -20px;
    top: 50%;
    transform: translateY(-50%);
    width: 24px;
    height: 24px;
    background: url(../img/my_shopping/ico_arrow_24.svg) no-repeat;
    background-size: contain;
}
.my-order.row .sub-text {
    margin-top: 8px;
    color: #666;
    font-size: 13px;
    line-height: 19px;
    text-align: center;
}
.modal .guide-set {
    margin-top: 30px;
}
.guide-list.star li::before {
    content: "*";
    position: absolute;
    display: block;
    left: 0;
    top: 2px;
}
.modal .guide-list + .guide-title {
    margin-top: 20px;
}
.modal .guide-set p {
    font-size: 14px;
    line-height: 22px;
}
.modal .guide-title + .guide-list, .modal .guide-title + .asterisk {
    margin-top: 10px;
}
.my-order-status {
    margin-top: 40px;
}
.my-order-status .table-layout {
    width: 100%;
    overflow: hidden;
    font-size: 14px;
}
.my-order-status .table-layout table {
    width: calc(100% + 2px);
    margin: 0 -1px;
    display: table;
    table-layout: fixed;
}
.table-layout table tr {
    border-top: 1px solid #e6e6e6;
}
.table-layout table tr:last-of-type {
    border-bottom: 1px solid #e6e6e6;
}
.EMY_100 .table-layout th, .EMY_100 .table-layout td {
    padding-left: 10px;
    padding-right: 10px;
    font-size: 14px;
    line-height: 22px;
}
.EMY_100 .table-layout table th {
    background-color: #f9f9f9;
}
.EMY_100 .table-layout table th, .table-layout table td {
    height: 60px;
    padding-left: 20px;
    padding-right: 20px;
    color: #000;
    text-align: center;
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
}
.paging {
    margin-top: 50px;
    text-align: center;
    font-size: 0;
    line-height: 0;
}
.paging a.on {
    font-weight: 500;
    color: #CC0000;
}
.paging a {
    position: relative;
    display: inline-block;
    width: 28px;
    height: 28px;
    font-size: 16px;
    line-height: 28px;
    vertical-align: top;
    margin: 0 4px;
}
.paging a.on::after {
    content: "";
    position: relative;
    bottom: 2px;
    left: 50%;
    transform: translateX(-50%);
    display: block;
    width: 12px;
    height: 2px;
    background: #CC0000;
}
.item-list-type {
    display: flex;
    align-items: center;
    height: 80px;
    margin: 0 10px;
}
.item-list-type.has-price {
    justify-content: space-between;
    margin: 0 -10px;
    padding: 10px 0px;
}
.order-status {
    margin: 20px 0;
}
.order-status .result {
    color: #CC0000;
    font-size: 14px;
}
.order-status .btn-30:first-of-type {
    margin-top: 10px;
}
.item-list-type .img-area {
    min-width: 60px;
    height: 60px;
    background: #fff;
    overflow: hidden;
    flex: 0 0 60px;
    position: relative;
}
.item-list-type .img-area img {
    max-width: 100%;
    max-height: 100%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}
.item-list-type .info-area {
    margin-left: 18px;
    overflow: hidden;
}
.item-list-type .info-area .name.line-2 {
    display: block;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    white-space: normal;
    text-align: left;
    color: #111;;
}
.info-area .info_quantity {
    font-size: 12px;
    color: #666;
    text-align: left;
}
.item-list-type.has-price > .link:not(.price) {
    display: flex;
    align-items: center;
    overflow: hidden;
    padding-right: 20px;
    color: #111;
}
.item-list-type.has-price .price {
    flex: 0 0 130px;
    padding-right: 20px;
    text-align: right;
}
/*251203주문내역 상품 클릭 시 나오는 페이지*/
.title-wrap {
    margin-bottom: 40px;
}
.h3-title {
    font-size: 20px;
    line-height: 30px;
    font-weight: 500;
}
.has-lnb .main-wrap .h3-title {
    font-weight: 700;
}
.title-wrap .h3-title + .guide-set {
    margin-top: 5px;
}
.title-wrap .guide-set {
    margin-bottom: 30px;
}
.guide-list {
    position: relative;
    color: #666;
}
.has-lnb {
    display: flex;
    width: 1200px;
    margin: 40px auto 0;
}
.table-layout table {
    width: calc(100% + 2px);
    margin: 0 -1px;
    display: table;
    table-layout: fixed;
}
.table-layout table tr {
    border-top: 1px solid #e6e6e6;
}
.table-layout table tr:last-of-type {
    border-bottom: 1px solid #e6e6e6;
}
.table-layout.font-14 table th, .table-layout.font-14 table td {
    font-size: 14px;
    line-height: 22px;
    position: relative;
}
.table-layout table th, .table-layout table td {
    height: 60px;
    padding-left: 20px;
    padding-right: 20px;
    color: #000;
    text-align: center;
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
}
.table-layout table th {
    background-color: #f9f9f9;
}
.table-layout .number {
    color: #CC0000;
    font-weight: 500;
}
.my-order-info .order.delivered {
    font-size: 16px;
    font-weight: 500;
    color: #cc0000;
}
.btn-set.align-right {
    justify-content: flex-end;
}
.table-layout .btn-set {
    margin-top: 20px;
}
.btn-set {
    display: flex;
    justify-content: center;
    width: 100%;
    padding: 0;
    margin-top: 60px;
    box-sizing: border-box;
}
.btn-set [class^=btn] {
    width: 100%;
    padding: 0 20px;
}
[class^=btn-].btn-40 {
    height: 40px;
    font-size: 14px;
}
[class^=btn-].black.line:hover {
    background-color: #000;
    color: #fff;
}
[class^=btn-].black.line {
    border-color: #000;
    background-color: #fff;
    color: #111;
    transition: background-color 0.35s, color 0.35s, border-color 0.35s;
}
.btn-set.align-right [class^=btn] {
    width: auto;
}
[class^=btn-].round {
    border-radius: 25px;
}
.align-left, .ta_l {
    text-align: left !important;
}
.table-layout.align-left th, .table-layout.align-left td {
    text-align: left;
}
.td-list.text-type > * + * {
    margin-left: 20px;
}
.checkout-item {
    display: inline-block;
}
.checkout-item span {
    color: #666;
    font-size: 12px;
}
.td-list {
    display: flex;
    align-items: center;
}
.btn-set.w-auto [class^=btn] {
    width: auto;
}
.checkout-item span:not(:last-child)::after {
    content: "";
    display: inline-block;
    width: 1px;
    height: 10px;
    margin-left: 10px;
    margin-right: 10px;
    background-color: #666;
}
.table-layout td.calc::after {
    content: "";
    display: inline-block;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translate(16px, -50%);
    width: 32px;
    height: 32px;
    background-size: contain;
}
.table-layout .plus::after {
    background: url(../img/my_shopping/ico_circle_plus.svg) no-repeat;
}
.table-layout .minus::after {
    background: url(../img/my_shopping/ico_circle_minus.svg) no-repeat;
}
.table-layout .equal::after {
    background: url(../img/my_shopping/icon_circle_equal.svg) no-repeat;
}
.td-list.text-type.row {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    margin: 20px 0;
}
.td-list.text-type .tit {
    font-size: 14px;
    line-height: 22px;
    color: #666;
}
.td-list.text-type .desc {
    font-size: 14px;
    line-height: 22px;
    color: #111;
}
.td-list.text-type.row > * + * {
    margin: 0;
}
.modal-content.EMY_111 .table-layout .tr .td {
    position: relative;
}
.modal-content.EMY_111 .table-layout .prd-check {
    position: absolute;
    left: 10px;
    top: 50%;
    transform: translateY(-50%);
    display: inline-block;
    margin-right: 10px;
}
.modal-content.EMY_111 .table-layout .item-list-type {
    margin-left: 40px;
}
.modal-content.EMY_111 .select-wrap.table-in .select {
    position: relative;
    border-bottom: 0;
}
.modal-content.EMY_111 .select-wrap.table-in .select .selectric {
    border: 0;
}
.modal-content.EMY_111 .select-wrap.table-in .select .selectric-items {
    border-top: 1px solid #e6e6e6;
}
.modal-content.EMY_111 .select-wrap.table-in .select select {
    width: 100%;
    font-size: 14px;
}
.tab [role=tabpanel] {
    position: relative;
    margin-top: 30px;
}
.tab.type2 .tab-list li {
    border: 0;
    border-bottom: 1px solid #e6e6e6;
}
.tab.type2 .tab-menu {
    font-size: 18px;
}
.tab.type2 .tab-menu[role=tab][aria-selected=true] {
    background-color: transparent;
    color: #CC0000;
    font-weight: 500;
}
.tab.type2 .tab-menu[role=tab][aria-selected=true]::after {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 4px;
    background-color: #CC0000;
}
.tab.type2 .tab-menu[aria-selected=false] {
    color: #666;
}
.text-link.underline {
    font-weight: 400;
    text-decoration: underline !important;
}
.td .text-link, td .text-link {
    font-size: 14px;
    line-height: 22px;
}
.tab-list {
    display: flex;
    position: relative;
}
.tab-list li {
    width: 100%;
    position: relative;
    border: 1px solid #e6e6e6;
    border-right: 0;
}
.tab.type2 .tab-list li {
    border: 0;
    border-bottom: 1px solid #e6e6e6;
}
.btnwidth160 {
    width: 160px !important;
}
.modal .modal-dialog .modal-inner .modal-content {
    display: flex;
    flex-direction: column;
    padding-bottom: 40px;
    font-size: 15px;
    line-height: 1.3;
    color: #000;
    margin: 0 40px;
}
#EMY_111 .section-block .title-wrap {
    margin: 40px 0 20px;
}
#EMY_111 .section-block .th {
    padding: 0 15px;
}
.title-wrap + .h4-title {
    margin-top: 46px;
}
.modal .select-input-group .select-input-combo:not(:last-child) {
    margin-bottom: 10px;
}
.modal .select-input-group .select-input-combo:not(:last-child) {
    margin-bottom: 10px;
}
.modal .select-input-combo-col {
    display: flex;
    align-items: center;
}
.modal .select-input-combo.multi {
    display: flex;
}
.modal .select-input-combo.multi .select-input-combo-col:not(:last-child) {
    margin-right: 20px;
}
.modal .select-input-combo.multi .left {
    width: 560px;
}
.modal .select-input-combo.multi .left .inp-wrap {
    width: 210px;
}
.modal .select-input-combo.multi .right {
    justify-content: flex-end;
    width: 340px;
}
.modal .select-input-combo.multi .right .tit {
    width: 50px;
}
.modal .select-input-combo.multi .right .inp-wrap {
    width: 120px;
}
.modal .select-input-combo.multi .btn-check {
    width: 100px;
    margin-left: 10px;
}
.modal .select-input-combo .tit {
    width: 100px;
}
.modal .select-input-combo .desc {
    display: flex;
    width: 780px;
}
.modal .select-input-combo .desc .inp-wrap {
    width: calc(100% - 250px);
}
.modal .select-input-combo .select-wrap {
    width: 240px;
    margin-right: 10px;
}
.modal .select-input-combo .inp-wrap {
    width: calc(100% - 250px);
}
.modal .select-wrap .select.readonly .selectric {
    background-color: #f9f9f9;
}
[class^=btn-].btn-42 {
    height: 42px;
    font-size: 15px;
    font-weight: 400;
}
.modal .table-layout table th, .modal .table-layout table td {
    height: 50px;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 14px;
    line-height: 22px;
}
.btn-set [class^=btn] + [class^=btn] {
    margin-left: 10px;
}
.form-group {
    display: flex;
    align-items: center;
}
.form-group.row {
    flex-direction: column;
}
.form-group.row > * + * {
    margin: 10px 0 0 0;
}
.form-group > * + * {
    margin-left: 24px;
}
.form-set {
    display: flex;
    align-items: center;
    width: 100%;
}
.form-set.form-Box400 {
    flex-shrink: 0;
    width: 400px;
}
.form-set > * + * {
    margin-left: 5px;
}
.form-set.row {
    flex-direction: column;
}
.form-set.row > * + * {
    margin: 10px 0 0 0;
}
.form-set.zipcode input {
    width: 308px;
}
.form-set.lg2 {
    display: flex;
    align-items: center;
    flex: 0 0 430px;
    width: 430px;
}
.form-set.lg {
    display: flex;
    align-items: center;
    flex: 0 0 400px;
    width: 400px;
}
.form-set.half {
    flex: 1 1 50%;
    width: 50%;
    flex-shrink: 0;
}
.form-set.w-auto {
    width: auto !important;
}
.form-set .bar {
    display: block;
    flex: 0 0 8px;
    height: 1px;
    background: #111;
}
.form-set .email {
    display: block;
    padding: 0 1px;
}
.form-set .email::before {
    content: "@";
    font-size: 15px;
    color: #000;
}
.form-label {
    position: relative;
    font-size: 16px;
    line-height: 24px;
}
.form-label.required::after {
    display: block;
    content: "*";
    position: absolute;
    top: 0;
    right: -8px;
    color: #cc0000;
}
.form-txt {
    margin-top: 2px;
    font-size: 13px;
    line-height: 19px;
}
.form-txt.error {
    color: #cc0000;
}
.form-filter {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.form-table {
    display: flex;
    flex-direction: column;
    width: 100%;
    text-align: left;
}
.form-table.gap30 .tr {
    margin: 15px 0;
}
.form-table.center {
    align-items: center;
}
.form-table.wide {
    margin-top: 70px;
}
.form-table.wide .tr + .tr {
    margin-top: 25px;
}
.form-table .tr {
    display: flex;
    align-items: flex-start;
    margin: 5px 0;
}
.form-table .tr .th {
    display: flex;
    align-items: center;
    min-height: 42px;
    flex: 0 0 200px;
    font-size: 16px;
    line-height: 24px;
}
.form-table .tr .td {
    flex: 1;
}
.form-table.sm .tr .td {
    max-width: 780px;
}
.form-table.md .tr .th {
    flex: 0 0 280px;
    font-size: 20px;
    line-height: 30px;
}
.guide-list.asterisk li::before {
    content: "※";
}
.guide-list.dot li::before, .guide-list.star li::before, .guide-list.asterisk li::before, .guide-list.bar li::before {
    position: absolute;
    display: block;
    left: 0;
    top: 2px;
}
.select-wrap .select.md {
    width: 187px;
}
.modal-content.EMY_116 .table-layout .th-jutify {
    text-align: left;
    padding-left: 150px;
}
.modal-content.EMY_116 .table-layout .discount {
    font-size: 12px;
    color: #555;
}
.modal-content.EMY_116 .table-layout .discount .price {
    color: #cc0000;
}
.modal-content.EMY_116 .my-order-track {
    margin-top: 40px;
    margin-bottom: 4px;
    padding: 30px;
}
.modal-content.EMY_116 .my-order-track .label-wrap {
    margin-right: 20px;
}
.modal-content.EMY_116 .my-order-track button {
    margin-left: 20px;
    width: 120px;
}
.modal-content.EMY_116 .my-order-track + .guide-list {
    margin-bottom: 40px;
}
.modal-content.EMY_116 .form-set.md {
    width: 593px;
}
.modal-content.EMY_116 .form-set.row {
    align-items: flex-start;
}
.modal-content.EMY_116 .form-set.row input {
    width: 593px;
}
input.xs {
    flex: 0 0 120px;
    width: 120px;
}
.modal .h4-title {
    margin-bottom: 20px;
}
#EMY_116 .section-block .title-wrap {
    margin: 40px 0 20px;
}
#EMY_116 #EMY_116_tabPanel2 .select.md {
    width: 248px;
}

.item-list-type.has-price:not(:last-child) {
    margin-bottom: 10px;
}
.item-list-type.option {
    background: #f9f9f9;
    padding: 10px 0 10px 10px;
}
.item-list-type.option:last-of-type {
    margin-bottom: 20px;
}
.swiper-container.tab-visible .tab-menu {
    display: flex;
    height: auto;
}