html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
margin: 0;
padding: 0;
font: inherit;
font-size: 100%;
vertical-align: baseline;
border: 0;
}
* {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
html, body {
display: block;
width: 100%;
}
html {
line-height: 1;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
}
body {
word-wrap: break-word;
word-break: keep-all;
}
a {
color: inherit;
-webkit-text-decoration: none;
text-decoration: none;
background-color: rgba(0, 0, 0, 0);
}
a:hover, a:focus, a:active {
-webkit-text-decoration: none;
text-decoration: none;
}
ol, ul, dl {
margin-top: 0;
margin-bottom: 0;
list-style: none;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, main {
display: block;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
content: "";
content: none;
}
abbr[title] {
text-decoration: underline;
text-decoration: underline;
-webkit-text-decoration: underline dotted;
text-decoration: underline dotted;
border-bottom: none;
}
img {
border-style: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
hr {
-webkit-box-sizing: content-box;
box-sizing: content-box;
height: 0;
margin: 0;
overflow: visible;
border: 0;
}
:lang(ja), :lang(ko), :lang(th), :lang(zh) {
font-style: normal;
}
:lang(ko) {
word-break: keep-all;
}
*:focus {
outline: none;
}
b, strong {
font-weight: inherit;
}
small {
font-size: 80%;
}
audio, video {
display: inline-block;
}
audio:not([controls]) {
display: none;
height: 0;
}
svg:not(:root) {
overflow: hidden;
}
input {
vertical-align: middle;
}
input:-internal-autofill-previewed, input:-internal-autofill-selected, textarea:-internal-autofill-previewed, textarea:-internal-autofill-selected, select:-internal-autofill-previewed, select:-internal-autofill-selected {
color: #000 !important;
background-color: #fff !important;
background-image: none !important;
}
button {
padding: 0;
line-height: 0;
-webkit-text-decoration: none;
text-decoration: none;
border: 0;
outline: none;
}
button::-moz-focus-inner {
border: 0;
}
button:disabled {
cursor: not-allowed;
}
button, input {
overflow: visible;
outline: rgba(0, 0, 0, 0);
}
button, select {
text-transform: none;
}
button, input, textarea, select {
-webkit-border-radius: 0;
cursor: pointer;
-webkit-appearance: none;
}
input, textarea, select {
font-weight: normal;
white-space: nowrap;
text-align: left;
vertical-align: middle;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
button, html [type=button], [type=reset], [type=submit] {
-webkit-appearance: button;
}
button::-moz-focus-inner, [type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner {
padding: 0;
border-style: none;
}
button:-moz-focusring, [type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring {
outline: 1px dotted ButtonText;
}
legend {
display: table;
-webkit-box-sizing: border-box;
box-sizing: border-box;
max-width: 100%;
padding: 0;
color: inherit;
white-space: normal;
}
progress {
display: inline-block;
vertical-align: baseline;
}
textarea {
width: 100%;
overflow: auto;
}
details, menu {
display: block;
}
summary {
display: list-item;
}
canvas {
display: inline-block;
}
template {
display: none;
}
[hidden] {
display: none;
}
[type=checkbox], [type=radio] {
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 0;
}
[type=checkbox]:disabled, [type=radio]:disabled {
cursor: not-allowed;
}
[type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button {
height: auto;
}
[type=search] {
outline-offset: -2px;
}
[type=search]::-webkit-search-cancel-button, [type=search]::-webkit-search-decoration {
-webkit-appearance: none;
}
::-webkit-file-upload-button {
font: inherit;
-webkit-appearance: button;
}
html {
font-size: 62.5%;
}
body {
color: #1a1a1a;
font-weight: 400;
font-size: 1.6rem;
font-family: "SpoqaHanSansNeo", sans-serif;
line-height: 1.5;
letter-spacing: -0.5px;
word-wrap: break-word;
word-break: keep-all;
background-color: #fff;
}
button, input, textarea, select {
-webkit-transition: 0.3s ease-out;
transition: 0.3s ease-out;
}
input.input[data-form-state=normal] {
border-color: #ccc !important;
}
input.input[data-form-state=focus] {
border-color: #1976d2 !important;
}
input.input[data-form-state=focus] {
color: #1976d2;
}
input.input[data-form-state=valid] {
border-color: #388e3c !important;
}
input.input[data-form-state=valid] {
color: #388e3c;
}
input.input[data-form-state=invalid] {
border-color: #d32f2f !important;
}
input.input[data-form-state=invalid] {
color: #d32f2f;
}
input.input[class*=-full] {
width: 100%;
}
fieldset.fieldset {
width: 100%;
}
:root {
font-size: 62.5%;
}
.h1 {
font-weight: 700;
}
.h2 {
font-weight: 700;
}
.h3 {
font-weight: 700;
}
.font-heading-1 {
font: 300 1.6rem "SpoqaHanSansNeo", sans-serif;
font-size: 4.8rem;
font-weight: 700;
}
.font-heading-2 {
font: 300 1.6rem "SpoqaHanSansNeo", sans-serif;
font-size: 3.6rem;
font-weight: 700;
}
.font-heading-3 {
font: 300 1.6rem "SpoqaHanSansNeo", sans-serif;
font-size: 2.4rem;
font-weight: 700;
}
.font-heading-4 {
font: 300 1.6rem "SpoqaHanSansNeo", sans-serif;
font-size: 2rem;
font-weight: 700;
}
.font-heading-5 {
font: 300 1.6rem "SpoqaHanSansNeo", sans-serif;
font-size: 1.8rem;
}
.font-body-1-r {
font: 300 1.6rem "SpoqaHanSansNeo", sans-serif;
font-size: 2rem;
font-weight: 300;
}
.font-body-1-m {
font: 300 1.6rem "SpoqaHanSansNeo", sans-serif;
font-size: 2rem;
font-weight: 500;
}
.font-body-1-b {
font: 300 1.6rem "SpoqaHanSansNeo", sans-serif;
font-size: 2rem;
font-weight: 700;
}
.font-body-2-r {
font: 300 1.6rem "SpoqaHanSansNeo", sans-serif;
font-size: 1.8rem;
font-weight: 300;
}
.font-body-2-b {
font: 300 1.6rem "SpoqaHanSansNeo", sans-serif;
font-size: 1.8rem;
font-weight: 700;
}
.font-body-3 {
font: 300 1.6rem "SpoqaHanSansNeo", sans-serif;
font-size: 1.2rem;
font-weight: 300;
}
.font-caption {
font: 300 1.6rem "SpoqaHanSansNeo", sans-serif;
font-size: 1.3rem;
font-weight: 300;
}
@font-face {
font-family: "SpoqaHanSansNeo";
src: url(../assets/fonts/SpoqaHanSansNeo-Bold..eot);
src: local("SpoqaHanSansNeo"), local("SpoqaHanSansNeo"), local("SpoqaHanSansNeo"), url(../assets/fonts/SpoqaHanSansNeo-Bold..eot?#iefix) format("embedded-opentype"), url(../assets/fonts/SpoqaHanSansNeo-Bold..woff2) format("woff2"), url(../assets/fonts/SpoqaHanSansNeo-Bold..woff) format("woff"), url(../assets/fonts/SpoqaHanSansNeo-Bold..ttf) format("truetype");
font-style: normal;
font-weight: 900;
}
@font-face {
font-family: "SpoqaHanSansNeo";
src: url(../assets/fonts/SpoqaHanSansNeo-Medium..eot);
src: local("SpoqaHanSansNeo"), local("SpoqaHanSansNeo"), local("SpoqaHanSansNeo"), url(../assets/fonts/SpoqaHanSansNeo-Medium..eot?#iefix) format("embedded-opentype"), url(../assets/fonts/SpoqaHanSansNeo-Medium..woff2) format("woff2"), url(../assets/fonts/SpoqaHanSansNeo-Medium..woff) format("woff"), url(../assets/fonts/SpoqaHanSansNeo-Medium..ttf) format("truetype");
font-style: normal;
font-weight: 700;
}
@font-face {
font-family: "SpoqaHanSansNeo";
src: url(../assets/fonts/SpoqaHanSansNeo-Regular..eot);
src: local("SpoqaHanSansNeo"), local("SpoqaHanSansNeo"), local("SpoqaHanSansNeo"), url(../assets/fonts/SpoqaHanSansNeo-Regular..eot?#iefix) format("embedded-opentype"), url(../assets/fonts/SpoqaHanSansNeo-Regular..woff2) format("woff2"), url(../assets/fonts/SpoqaHanSansNeo-Regular..woff) format("woff"), url(../assets/fonts/SpoqaHanSansNeo-Regular..ttf) format("truetype");
font-style: normal;
font-weight: 500;
}
@font-face {
font-family: "SpoqaHanSansNeo";
src: url(../assets/fonts/SpoqaHanSansNeo-Light..eot);
src: local("SpoqaHanSansNeo"), local("SpoqaHanSansNeo"), local("SpoqaHanSansNeo"), url(../assets/fonts/SpoqaHanSansNeo-Light..eot?#iefix) format("embedded-opentype"), url(../assets/fonts/SpoqaHanSansNeo-Light..woff2) format("woff2"), url(../assets/fonts/SpoqaHanSansNeo-Light..woff) format("woff"), url(../assets/fonts/SpoqaHanSansNeo-Light..ttf) format("truetype");
font-style: normal;
font-weight: 300;
}
@font-face {
font-family: "SpoqaHanSansNeo";
src: url(../assets/fonts/SpoqaHanSansNeo-Thin..eot);
src: local("SpoqaHanSansNeo"), local("SpoqaHanSansNeo"), local("SpoqaHanSansNeo"), url(../assets/fonts/SpoqaHanSansNeo-Thin..eot?#iefix) format("embedded-opentype"), url(../assets/fonts/SpoqaHanSansNeo-Thin..woff2) format("woff2"), url(../assets/fonts/SpoqaHanSansNeo-Thin..woff) format("woff"), url(../assets/fonts/SpoqaHanSansNeo-Thin..ttf) format("truetype");
font-style: normal;
font-weight: 100;
}
.button, .btn {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
font: revert;
min-height: 4rem;
padding: 1.6rem;
background-color: #222;
border: 1px solid #222;
-webkit-box-shadow: revert;
box-shadow: revert;
}
.button:hover, .btn:hover, .button:focus, .btn:focus, .button:active, .btn:active {
background-color: #151515;
}
.button.disabled, .disabled.btn, .button[disabled], [disabled].btn {
cursor: not-allowed;
border: none;
}
.button.contained, .contained.btn, .button[data-type=contained], [data-type=contained].btn {
color: #fff;
}
.button.round, .round.btn, .button.round-reverse, .round-reverse.btn, .button[data-type=round], [data-type=round].btn, .button[data-type=round-reverse], [data-type=round-reverse].btn {
border-radius: 50px !important;
}
.button.text, .text.btn, .button[data-type=text], [data-type=text].btn {
border-color: rgba(0, 0, 0, 0);
}
.button.outlined, .outlined.btn, .button[data-type=outlined], [data-type=outlined].btn {
border-color: #e8e8e8;
border-style: solid;
border-width: 1px;
}
.button.outlined-reverse, .outlined-reverse.btn, .button[data-type=outlined-reverse], [data-type=outlined-reverse].btn {
color: #fff;
border-color: #fff;
border-style: solid;
border-width: 1px;
}
.button.text, .text.btn, .button.outlined, .outlined.btn, .button.round-reverse, .round-reverse.btn, .button[data-type=text], [data-type=text].btn, .button[data-type=outlined], [data-type=outlined].btn, .button[data-type=round-reverse], [data-type=round-reverse].btn {
background-color: rgba(0, 0, 0, 0);
}
.button.text:hover, .text.btn:hover, .button.text:focus, .text.btn:focus, .button.text:active, .text.btn:active, .button.outlined:hover, .outlined.btn:hover, .button.outlined:focus, .outlined.btn:focus, .button.outlined:active, .outlined.btn:active, .button.round-reverse:hover, .round-reverse.btn:hover, .button.round-reverse:focus, .round-reverse.btn:focus, .button.round-reverse:active, .round-reverse.btn:active, .button[data-type=text]:hover, [data-type=text].btn:hover, .button[data-type=text]:focus, [data-type=text].btn:focus, .button[data-type=text]:active, [data-type=text].btn:active, .button[data-type=outlined]:hover, [data-type=outlined].btn:hover, .button[data-type=outlined]:focus, [data-type=outlined].btn:focus, .button[data-type=outlined]:active, [data-type=outlined].btn:active, .button[data-type=round-reverse]:hover, [data-type=round-reverse].btn:hover, .button[data-type=round-reverse]:focus, [data-type=round-reverse].btn:focus, .button[data-type=round-reverse]:active, [data-type=round-reverse].btn:active {
background-color: rgba(0, 0, 0, 0);
}
.button.round-reverse, .round-reverse.btn, .button[data-type=round-reverse], [data-type=round-reverse].btn {
border-color: #e8e8e8;
border-style: solid;
border-width: 1px;
}
.checkbox {
position: relative;
border-radius: 100%;
min-height: 2rem;
width: 2rem;
border-color: #000;
}
.checkbox:disabled {
background-color: #e0e0e0;
border-color: #e0e0e0;
}
.checkbox.disabled, .checkbox[disabled] {
cursor: not-allowed;
background-color: #e0e0e0;
border-color: #e0e0e0;
}
img.img {
max-width: 100%;
height: auto;
}
.select-wrap {
position: relative;
}
.select-wrap::before {
position: absolute;
display: block;
content: "";
width: 2.4rem;
height: 2.4rem;
right: 0.8rem;
top: 50%;
background-image: url(../assets/images/icon_select.png);
background-repeat: no-repeat;
background-position: center;
background-size: cover;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
select.select {
-webkit-box-sizing: border-box;
box-sizing: border-box;
min-height: 4rem;
padding: 0.8rem;
color: #1a1a1a;
font-size: 1.6rem;
font-family: inherit;
line-height: 1;
vertical-align: middle;
background-color: #fff;
border: 0 solid rgba(0, 0, 0, 0);
border-radius: 0;
outline: none;
border-bottom: 1px solid #e4e4e4;
}
select.select:focus {
border-color: #1976d2;
}
select.select:disabled {
background-color: #e0e0e0;
cursor: not-allowed;
}
select.select::-webkit-input-placeholder {
color: #9d9d9d;
}
select.select::-moz-placeholder {
color: #9d9d9d;
}
select.select:-ms-input-placeholder {
color: #9d9d9d;
}
select.select::-ms-input-placeholder {
color: #9d9d9d;
}
select.select::placeholder {
color: #9d9d9d;
}
textarea.textarea {
display: block;
overflow: auto;
resize: none;
border: 1px solid #e4e4e4;
font: 300 1.6rem "SpoqaHanSansNeo", sans-serif;
padding: 2.4rem;
}
input.input {
-webkit-box-sizing: border-box;
box-sizing: border-box;
min-height: 4rem;
padding: 0.8rem;
color: #1a1a1a;
font-size: 1.6rem;
font-family: inherit;
line-height: 1;
vertical-align: middle;
background-color: #fff;
border: 0 solid rgba(0, 0, 0, 0);
border-radius: 0;
outline: none;
border-bottom: 1px solid #e4e4e4;
}
input.input:focus {
border-bottom: 2px solid #222;
}
input.input:-moz-read-only {
background-color: #f3f4f5;
cursor: not-allowed;
}
input.input:read-only {
background-color: #f3f4f5;
cursor: not-allowed;
}
input.input:-moz-read-only:hover, input.input:-moz-read-only:focus, input.input:-moz-read-only:active {
border-color: currentColor;
border-color: initial;
}
input.input:read-only:hover, input.input:read-only:focus, input.input:read-only:active {
border-color: currentColor;
border-color: initial;
}
input.input:disabled {
background-color: #e0e0e0;
cursor: not-allowed;
}
input.input::-webkit-input-placeholder {
color: #9d9d9d;
}
input.input::-moz-placeholder {
color: #9d9d9d;
}
input.input:-ms-input-placeholder {
color: #9d9d9d;
}
input.input::-ms-input-placeholder {
color: #9d9d9d;
}
input.input::placeholder {
color: #9d9d9d;
}
input.input-radio[type=radio] {
position: relative;
border-radius: 100%;
min-height: 2rem;
width: 2rem;
border: 1px solid #d9d9d9;
margin: 0 0.4rem 0 0;
}
input.input-radio[type=radio]:disabled {
background-color: #e0e0e0;
border-color: #e0e0e0;
}
input.input-radio[type=radio]:checked {
border-color: #000;
}
input.input-radio[type=radio]:checked::before {
content: "";
display: block;
position: absolute;
top: 50%;
left: 50%;
border-radius: 100%;
width: 1rem;
height: 1rem;
background-color: #000;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
input.input-checkbox[type=checkbox] {
position: relative;
border-radius: 100%;
min-height: 2rem;
width: 2rem;
border-color: #000;
}
input.input-checkbox[type=checkbox]:disabled {
background-color: #e0e0e0;
border-color: #e0e0e0;
}
.input-checkbox-wrap, .input-radio-wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.pt-0 {
padding-top: 0rem !important;
}
.mt-0 {
margin-top: 0rem !important;
}
.pb-0 {
padding-bottom: 0rem !important;
}
.mb-0 {
margin-bottom: 0rem !important;
}
.pl-0 {
padding-left: 0rem !important;
}
.ml-0 {
margin-left: 0rem !important;
}
.pr-0 {
padding-right: 0rem !important;
}
.mr-0 {
margin-right: 0rem !important;
}
.p-0 {
padding-top: 0rem !important;
padding-left: 0rem !important;
padding-bottom: 0rem !important;
padding-right: 0rem !important;
}
.m-0 {
margin-top: 0rem !important;
margin-left: 0rem !important;
margin-bottom: 0rem !important;
margin-right: 0rem !important;
}
.px-0 {
padding-left: 0rem !important;
padding-right: 0rem !important;
}
.mx-0 {
margin-left: 0rem !important;
margin-right: 0rem !important;
}
.py-0 {
padding-top: 0rem !important;
padding-bottom: 0rem !important;
}
.my-0 {
margin-top: 0rem !important;
margin-bottom: 0rem !important;
}
.pt-1 {
padding-top: 0.4rem !important;
}
.mt-1 {
margin-top: 0.4rem !important;
}
.pb-1 {
padding-bottom: 0.4rem !important;
}
.mb-1 {
margin-bottom: 0.4rem !important;
}
.pl-1 {
padding-left: 0.4rem !important;
}
.ml-1 {
margin-left: 0.4rem !important;
}
.pr-1 {
padding-right: 0.4rem !important;
}
.mr-1 {
margin-right: 0.4rem !important;
}
.p-1 {
padding-top: 0.4rem !important;
padding-left: 0.4rem !important;
padding-bottom: 0.4rem !important;
padding-right: 0.4rem !important;
}
.m-1 {
margin-top: 0.4rem !important;
margin-left: 0.4rem !important;
margin-bottom: 0.4rem !important;
margin-right: 0.4rem !important;
}
.px-1 {
padding-left: 0.4rem !important;
padding-right: 0.4rem !important;
}
.mx-1 {
margin-left: 0.4rem !important;
margin-right: 0.4rem !important;
}
.py-1 {
padding-top: 0.4rem !important;
padding-bottom: 0.4rem !important;
}
.my-1 {
margin-top: 0.4rem !important;
margin-bottom: 0.4rem !important;
}
.pt-2 {
padding-top: 0.8rem !important;
}
.mt-2 {
margin-top: 0.8rem !important;
}
.pb-2 {
padding-bottom: 0.8rem !important;
}
.mb-2 {
margin-bottom: 0.8rem !important;
}
.pl-2 {
padding-left: 0.8rem !important;
}
.ml-2 {
margin-left: 0.8rem !important;
}
.pr-2 {
padding-right: 0.8rem !important;
}
.mr-2 {
margin-right: 0.8rem !important;
}
.p-2 {
padding-top: 0.8rem !important;
padding-left: 0.8rem !important;
padding-bottom: 0.8rem !important;
padding-right: 0.8rem !important;
}
.m-2 {
margin-top: 0.8rem !important;
margin-left: 0.8rem !important;
margin-bottom: 0.8rem !important;
margin-right: 0.8rem !important;
}
.px-2 {
padding-left: 0.8rem !important;
padding-right: 0.8rem !important;
}
.mx-2 {
margin-left: 0.8rem !important;
margin-right: 0.8rem !important;
}
.py-2 {
padding-top: 0.8rem !important;
padding-bottom: 0.8rem !important;
}
.my-2 {
margin-top: 0.8rem !important;
margin-bottom: 0.8rem !important;
}
.pt-3 {
padding-top: 1.2rem !important;
}
.mt-3 {
margin-top: 1.2rem !important;
}
.pb-3 {
padding-bottom: 1.2rem !important;
}
.mb-3 {
margin-bottom: 1.2rem !important;
}
.pl-3 {
padding-left: 1.2rem !important;
}
.ml-3 {
margin-left: 1.2rem !important;
}
.pr-3 {
padding-right: 1.2rem !important;
}
.mr-3 {
margin-right: 1.2rem !important;
}
.p-3 {
padding-top: 1.2rem !important;
padding-left: 1.2rem !important;
padding-bottom: 1.2rem !important;
padding-right: 1.2rem !important;
}
.m-3 {
margin-top: 1.2rem !important;
margin-left: 1.2rem !important;
margin-bottom: 1.2rem !important;
margin-right: 1.2rem !important;
}
.px-3 {
padding-left: 1.2rem !important;
padding-right: 1.2rem !important;
}
.mx-3 {
margin-left: 1.2rem !important;
margin-right: 1.2rem !important;
}
.py-3 {
padding-top: 1.2rem !important;
padding-bottom: 1.2rem !important;
}
.my-3 {
margin-top: 1.2rem !important;
margin-bottom: 1.2rem !important;
}
.pt-4 {
padding-top: 1.6rem !important;
}
.mt-4 {
margin-top: 1.6rem !important;
}
.pb-4 {
padding-bottom: 1.6rem !important;
}
.mb-4 {
margin-bottom: 1.6rem !important;
}
.pl-4 {
padding-left: 1.6rem !important;
}
.ml-4 {
margin-left: 1.6rem !important;
}
.pr-4 {
padding-right: 1.6rem !important;
}
.mr-4 {
margin-right: 1.6rem !important;
}
.p-4 {
padding-top: 1.6rem !important;
padding-left: 1.6rem !important;
padding-bottom: 1.6rem !important;
padding-right: 1.6rem !important;
}
.m-4 {
margin-top: 1.6rem !important;
margin-left: 1.6rem !important;
margin-bottom: 1.6rem !important;
margin-right: 1.6rem !important;
}
.px-4 {
padding-left: 1.6rem !important;
padding-right: 1.6rem !important;
}
.mx-4 {
margin-left: 1.6rem !important;
margin-right: 1.6rem !important;
}
.py-4 {
padding-top: 1.6rem !important;
padding-bottom: 1.6rem !important;
}
.my-4 {
margin-top: 1.6rem !important;
margin-bottom: 1.6rem !important;
}
.pt-5 {
padding-top: 2rem !important;
}
.mt-5 {
margin-top: 2rem !important;
}
.pb-5 {
padding-bottom: 2rem !important;
}
.mb-5 {
margin-bottom: 2rem !important;
}
.pl-5 {
padding-left: 2rem !important;
}
.ml-5 {
margin-left: 2rem !important;
}
.pr-5 {
padding-right: 2rem !important;
}
.mr-5 {
margin-right: 2rem !important;
}
.p-5 {
padding-top: 2rem !important;
padding-left: 2rem !important;
padding-bottom: 2rem !important;
padding-right: 2rem !important;
}
.m-5 {
margin-top: 2rem !important;
margin-left: 2rem !important;
margin-bottom: 2rem !important;
margin-right: 2rem !important;
}
.px-5 {
padding-left: 2rem !important;
padding-right: 2rem !important;
}
.mx-5 {
margin-left: 2rem !important;
margin-right: 2rem !important;
}
.py-5 {
padding-top: 2rem !important;
padding-bottom: 2rem !important;
}
.my-5 {
margin-top: 2rem !important;
margin-bottom: 2rem !important;
}
.pt-6 {
padding-top: 2.4rem !important;
}
.mt-6 {
margin-top: 2.4rem !important;
}
.pb-6 {
padding-bottom: 2.4rem !important;
}
.mb-6 {
margin-bottom: 2.4rem !important;
}
.pl-6 {
padding-left: 2.4rem !important;
}
.ml-6 {
margin-left: 2.4rem !important;
}
.pr-6 {
padding-right: 2.4rem !important;
}
.mr-6 {
margin-right: 2.4rem !important;
}
.p-6 {
padding-top: 2.4rem !important;
padding-left: 2.4rem !important;
padding-bottom: 2.4rem !important;
padding-right: 2.4rem !important;
}
.m-6 {
margin-top: 2.4rem !important;
margin-left: 2.4rem !important;
margin-bottom: 2.4rem !important;
margin-right: 2.4rem !important;
}
.px-6 {
padding-left: 2.4rem !important;
padding-right: 2.4rem !important;
}
.mx-6 {
margin-left: 2.4rem !important;
margin-right: 2.4rem !important;
}
.py-6 {
padding-top: 2.4rem !important;
padding-bottom: 2.4rem !important;
}
.my-6 {
margin-top: 2.4rem !important;
margin-bottom: 2.4rem !important;
}
.pt-7 {
padding-top: 2.8rem !important;
}
.mt-7 {
margin-top: 2.8rem !important;
}
.pb-7 {
padding-bottom: 2.8rem !important;
}
.mb-7 {
margin-bottom: 2.8rem !important;
}
.pl-7 {
padding-left: 2.8rem !important;
}
.ml-7 {
margin-left: 2.8rem !important;
}
.pr-7 {
padding-right: 2.8rem !important;
}
.mr-7 {
margin-right: 2.8rem !important;
}
.p-7 {
padding-top: 2.8rem !important;
padding-left: 2.8rem !important;
padding-bottom: 2.8rem !important;
padding-right: 2.8rem !important;
}
.m-7 {
margin-top: 2.8rem !important;
margin-left: 2.8rem !important;
margin-bottom: 2.8rem !important;
margin-right: 2.8rem !important;
}
.px-7 {
padding-left: 2.8rem !important;
padding-right: 2.8rem !important;
}
.mx-7 {
margin-left: 2.8rem !important;
margin-right: 2.8rem !important;
}
.py-7 {
padding-top: 2.8rem !important;
padding-bottom: 2.8rem !important;
}
.my-7 {
margin-top: 2.8rem !important;
margin-bottom: 2.8rem !important;
}
.pt-8 {
padding-top: 3.2rem !important;
}
.mt-8 {
margin-top: 3.2rem !important;
}
.pb-8 {
padding-bottom: 3.2rem !important;
}
.mb-8 {
margin-bottom: 3.2rem !important;
}
.pl-8 {
padding-left: 3.2rem !important;
}
.ml-8 {
margin-left: 3.2rem !important;
}
.pr-8 {
padding-right: 3.2rem !important;
}
.mr-8 {
margin-right: 3.2rem !important;
}
.p-8 {
padding-top: 3.2rem !important;
padding-left: 3.2rem !important;
padding-bottom: 3.2rem !important;
padding-right: 3.2rem !important;
}
.m-8 {
margin-top: 3.2rem !important;
margin-left: 3.2rem !important;
margin-bottom: 3.2rem !important;
margin-right: 3.2rem !important;
}
.px-8 {
padding-left: 3.2rem !important;
padding-right: 3.2rem !important;
}
.mx-8 {
margin-left: 3.2rem !important;
margin-right: 3.2rem !important;
}
.py-8 {
padding-top: 3.2rem !important;
padding-bottom: 3.2rem !important;
}
.my-8 {
margin-top: 3.2rem !important;
margin-bottom: 3.2rem !important;
}
.pt-9 {
padding-top: 3.6rem !important;
}
.mt-9 {
margin-top: 3.6rem !important;
}
.pb-9 {
padding-bottom: 3.6rem !important;
}
.mb-9 {
margin-bottom: 3.6rem !important;
}
.pl-9 {
padding-left: 3.6rem !important;
}
.ml-9 {
margin-left: 3.6rem !important;
}
.pr-9 {
padding-right: 3.6rem !important;
}
.mr-9 {
margin-right: 3.6rem !important;
}
.p-9 {
padding-top: 3.6rem !important;
padding-left: 3.6rem !important;
padding-bottom: 3.6rem !important;
padding-right: 3.6rem !important;
}
.m-9 {
margin-top: 3.6rem !important;
margin-left: 3.6rem !important;
margin-bottom: 3.6rem !important;
margin-right: 3.6rem !important;
}
.px-9 {
padding-left: 3.6rem !important;
padding-right: 3.6rem !important;
}
.mx-9 {
margin-left: 3.6rem !important;
margin-right: 3.6rem !important;
}
.py-9 {
padding-top: 3.6rem !important;
padding-bottom: 3.6rem !important;
}
.my-9 {
margin-top: 3.6rem !important;
margin-bottom: 3.6rem !important;
}
.pt-10 {
padding-top: 4rem !important;
}
.mt-10 {
margin-top: 4rem !important;
}
.pb-10 {
padding-bottom: 4rem !important;
}
.mb-10 {
margin-bottom: 4rem !important;
}
.pl-10 {
padding-left: 4rem !important;
}
.ml-10 {
margin-left: 4rem !important;
}
.pr-10 {
padding-right: 4rem !important;
}
.mr-10 {
margin-right: 4rem !important;
}
.p-10 {
padding-top: 4rem !important;
padding-left: 4rem !important;
padding-bottom: 4rem !important;
padding-right: 4rem !important;
}
.m-10 {
margin-top: 4rem !important;
margin-left: 4rem !important;
margin-bottom: 4rem !important;
margin-right: 4rem !important;
}
.px-10 {
padding-left: 4rem !important;
padding-right: 4rem !important;
}
.mx-10 {
margin-left: 4rem !important;
margin-right: 4rem !important;
}
.py-10 {
padding-top: 4rem !important;
padding-bottom: 4rem !important;
}
.my-10 {
margin-top: 4rem !important;
margin-bottom: 4rem !important;
}
.pt-11 {
padding-top: 4.4rem !important;
}
.mt-11 {
margin-top: 4.4rem !important;
}
.pb-11 {
padding-bottom: 4.4rem !important;
}
.mb-11 {
margin-bottom: 4.4rem !important;
}
.pl-11 {
padding-left: 4.4rem !important;
}
.ml-11 {
margin-left: 4.4rem !important;
}
.pr-11 {
padding-right: 4.4rem !important;
}
.mr-11 {
margin-right: 4.4rem !important;
}
.p-11 {
padding-top: 4.4rem !important;
padding-left: 4.4rem !important;
padding-bottom: 4.4rem !important;
padding-right: 4.4rem !important;
}
.m-11 {
margin-top: 4.4rem !important;
margin-left: 4.4rem !important;
margin-bottom: 4.4rem !important;
margin-right: 4.4rem !important;
}
.px-11 {
padding-left: 4.4rem !important;
padding-right: 4.4rem !important;
}
.mx-11 {
margin-left: 4.4rem !important;
margin-right: 4.4rem !important;
}
.py-11 {
padding-top: 4.4rem !important;
padding-bottom: 4.4rem !important;
}
.my-11 {
margin-top: 4.4rem !important;
margin-bottom: 4.4rem !important;
}
.pt-12 {
padding-top: 4.8rem !important;
}
.mt-12 {
margin-top: 4.8rem !important;
}
.pb-12 {
padding-bottom: 4.8rem !important;
}
.mb-12 {
margin-bottom: 4.8rem !important;
}
.pl-12 {
padding-left: 4.8rem !important;
}
.ml-12 {
margin-left: 4.8rem !important;
}
.pr-12 {
padding-right: 4.8rem !important;
}
.mr-12 {
margin-right: 4.8rem !important;
}
.p-12 {
padding-top: 4.8rem !important;
padding-left: 4.8rem !important;
padding-bottom: 4.8rem !important;
padding-right: 4.8rem !important;
}
.m-12 {
margin-top: 4.8rem !important;
margin-left: 4.8rem !important;
margin-bottom: 4.8rem !important;
margin-right: 4.8rem !important;
}
.px-12 {
padding-left: 4.8rem !important;
padding-right: 4.8rem !important;
}
.mx-12 {
margin-left: 4.8rem !important;
margin-right: 4.8rem !important;
}
.py-12 {
padding-top: 4.8rem !important;
padding-bottom: 4.8rem !important;
}
.my-12 {
margin-top: 4.8rem !important;
margin-bottom: 4.8rem !important;
}
.pt-13 {
padding-top: 5.2rem !important;
}
.mt-13 {
margin-top: 5.2rem !important;
}
.pb-13 {
padding-bottom: 5.2rem !important;
}
.mb-13 {
margin-bottom: 5.2rem !important;
}
.pl-13 {
padding-left: 5.2rem !important;
}
.ml-13 {
margin-left: 5.2rem !important;
}
.pr-13 {
padding-right: 5.2rem !important;
}
.mr-13 {
margin-right: 5.2rem !important;
}
.p-13 {
padding-top: 5.2rem !important;
padding-left: 5.2rem !important;
padding-bottom: 5.2rem !important;
padding-right: 5.2rem !important;
}
.m-13 {
margin-top: 5.2rem !important;
margin-left: 5.2rem !important;
margin-bottom: 5.2rem !important;
margin-right: 5.2rem !important;
}
.px-13 {
padding-left: 5.2rem !important;
padding-right: 5.2rem !important;
}
.mx-13 {
margin-left: 5.2rem !important;
margin-right: 5.2rem !important;
}
.py-13 {
padding-top: 5.2rem !important;
padding-bottom: 5.2rem !important;
}
.my-13 {
margin-top: 5.2rem !important;
margin-bottom: 5.2rem !important;
}
.pt-14 {
padding-top: 5.6rem !important;
}
.mt-14 {
margin-top: 5.6rem !important;
}
.pb-14 {
padding-bottom: 5.6rem !important;
}
.mb-14 {
margin-bottom: 5.6rem !important;
}
.pl-14 {
padding-left: 5.6rem !important;
}
.ml-14 {
margin-left: 5.6rem !important;
}
.pr-14 {
padding-right: 5.6rem !important;
}
.mr-14 {
margin-right: 5.6rem !important;
}
.p-14 {
padding-top: 5.6rem !important;
padding-left: 5.6rem !important;
padding-bottom: 5.6rem !important;
padding-right: 5.6rem !important;
}
.m-14 {
margin-top: 5.6rem !important;
margin-left: 5.6rem !important;
margin-bottom: 5.6rem !important;
margin-right: 5.6rem !important;
}
.px-14 {
padding-left: 5.6rem !important;
padding-right: 5.6rem !important;
}
.mx-14 {
margin-left: 5.6rem !important;
margin-right: 5.6rem !important;
}
.py-14 {
padding-top: 5.6rem !important;
padding-bottom: 5.6rem !important;
}
.my-14 {
margin-top: 5.6rem !important;
margin-bottom: 5.6rem !important;
}
.pt-15 {
padding-top: 6rem !important;
}
.mt-15 {
margin-top: 6rem !important;
}
.pb-15 {
padding-bottom: 6rem !important;
}
.mb-15 {
margin-bottom: 6rem !important;
}
.pl-15 {
padding-left: 6rem !important;
}
.ml-15 {
margin-left: 6rem !important;
}
.pr-15 {
padding-right: 6rem !important;
}
.mr-15 {
margin-right: 6rem !important;
}
.p-15 {
padding-top: 6rem !important;
padding-left: 6rem !important;
padding-bottom: 6rem !important;
padding-right: 6rem !important;
}
.m-15 {
margin-top: 6rem !important;
margin-left: 6rem !important;
margin-bottom: 6rem !important;
margin-right: 6rem !important;
}
.px-15 {
padding-left: 6rem !important;
padding-right: 6rem !important;
}
.mx-15 {
margin-left: 6rem !important;
margin-right: 6rem !important;
}
.py-15 {
padding-top: 6rem !important;
padding-bottom: 6rem !important;
}
.my-15 {
margin-top: 6rem !important;
margin-bottom: 6rem !important;
}
.pt-16 {
padding-top: 6.4rem !important;
}
.mt-16 {
margin-top: 6.4rem !important;
}
.pb-16 {
padding-bottom: 6.4rem !important;
}
.mb-16 {
margin-bottom: 6.4rem !important;
}
.pl-16 {
padding-left: 6.4rem !important;
}
.ml-16 {
margin-left: 6.4rem !important;
}
.pr-16 {
padding-right: 6.4rem !important;
}
.mr-16 {
margin-right: 6.4rem !important;
}
.p-16 {
padding-top: 6.4rem !important;
padding-left: 6.4rem !important;
padding-bottom: 6.4rem !important;
padding-right: 6.4rem !important;
}
.m-16 {
margin-top: 6.4rem !important;
margin-left: 6.4rem !important;
margin-bottom: 6.4rem !important;
margin-right: 6.4rem !important;
}
.px-16 {
padding-left: 6.4rem !important;
padding-right: 6.4rem !important;
}
.mx-16 {
margin-left: 6.4rem !important;
margin-right: 6.4rem !important;
}
.py-16 {
padding-top: 6.4rem !important;
padding-bottom: 6.4rem !important;
}
.my-16 {
margin-top: 6.4rem !important;
margin-bottom: 6.4rem !important;
}
.pt-17 {
padding-top: 6.8rem !important;
}
.mt-17 {
margin-top: 6.8rem !important;
}
.pb-17 {
padding-bottom: 6.8rem !important;
}
.mb-17 {
margin-bottom: 6.8rem !important;
}
.pl-17 {
padding-left: 6.8rem !important;
}
.ml-17 {
margin-left: 6.8rem !important;
}
.pr-17 {
padding-right: 6.8rem !important;
}
.mr-17 {
margin-right: 6.8rem !important;
}
.p-17 {
padding-top: 6.8rem !important;
padding-left: 6.8rem !important;
padding-bottom: 6.8rem !important;
padding-right: 6.8rem !important;
}
.m-17 {
margin-top: 6.8rem !important;
margin-left: 6.8rem !important;
margin-bottom: 6.8rem !important;
margin-right: 6.8rem !important;
}
.px-17 {
padding-left: 6.8rem !important;
padding-right: 6.8rem !important;
}
.mx-17 {
margin-left: 6.8rem !important;
margin-right: 6.8rem !important;
}
.py-17 {
padding-top: 6.8rem !important;
padding-bottom: 6.8rem !important;
}
.my-17 {
margin-top: 6.8rem !important;
margin-bottom: 6.8rem !important;
}
.pt-18 {
padding-top: 7.2rem !important;
}
.mt-18 {
margin-top: 7.2rem !important;
}
.pb-18 {
padding-bottom: 7.2rem !important;
}
.mb-18 {
margin-bottom: 7.2rem !important;
}
.pl-18 {
padding-left: 7.2rem !important;
}
.ml-18 {
margin-left: 7.2rem !important;
}
.pr-18 {
padding-right: 7.2rem !important;
}
.mr-18 {
margin-right: 7.2rem !important;
}
.p-18 {
padding-top: 7.2rem !important;
padding-left: 7.2rem !important;
padding-bottom: 7.2rem !important;
padding-right: 7.2rem !important;
}
.m-18 {
margin-top: 7.2rem !important;
margin-left: 7.2rem !important;
margin-bottom: 7.2rem !important;
margin-right: 7.2rem !important;
}
.px-18 {
padding-left: 7.2rem !important;
padding-right: 7.2rem !important;
}
.mx-18 {
margin-left: 7.2rem !important;
margin-right: 7.2rem !important;
}
.py-18 {
padding-top: 7.2rem !important;
padding-bottom: 7.2rem !important;
}
.my-18 {
margin-top: 7.2rem !important;
margin-bottom: 7.2rem !important;
}
.pt-19 {
padding-top: 7.6rem !important;
}
.mt-19 {
margin-top: 7.6rem !important;
}
.pb-19 {
padding-bottom: 7.6rem !important;
}
.mb-19 {
margin-bottom: 7.6rem !important;
}
.pl-19 {
padding-left: 7.6rem !important;
}
.ml-19 {
margin-left: 7.6rem !important;
}
.pr-19 {
padding-right: 7.6rem !important;
}
.mr-19 {
margin-right: 7.6rem !important;
}
.p-19 {
padding-top: 7.6rem !important;
padding-left: 7.6rem !important;
padding-bottom: 7.6rem !important;
padding-right: 7.6rem !important;
}
.m-19 {
margin-top: 7.6rem !important;
margin-left: 7.6rem !important;
margin-bottom: 7.6rem !important;
margin-right: 7.6rem !important;
}
.px-19 {
padding-left: 7.6rem !important;
padding-right: 7.6rem !important;
}
.mx-19 {
margin-left: 7.6rem !important;
margin-right: 7.6rem !important;
}
.py-19 {
padding-top: 7.6rem !important;
padding-bottom: 7.6rem !important;
}
.my-19 {
margin-top: 7.6rem !important;
margin-bottom: 7.6rem !important;
}
.pt-20 {
padding-top: 8rem !important;
}
.mt-20 {
margin-top: 8rem !important;
}
.pb-20 {
padding-bottom: 8rem !important;
}
.mb-20 {
margin-bottom: 8rem !important;
}
.pl-20 {
padding-left: 8rem !important;
}
.ml-20 {
margin-left: 8rem !important;
}
.pr-20 {
padding-right: 8rem !important;
}
.mr-20 {
margin-right: 8rem !important;
}
.p-20 {
padding-top: 8rem !important;
padding-left: 8rem !important;
padding-bottom: 8rem !important;
padding-right: 8rem !important;
}
.m-20 {
margin-top: 8rem !important;
margin-left: 8rem !important;
margin-bottom: 8rem !important;
margin-right: 8rem !important;
}
.px-20 {
padding-left: 8rem !important;
padding-right: 8rem !important;
}
.mx-20 {
margin-left: 8rem !important;
margin-right: 8rem !important;
}
.py-20 {
padding-top: 8rem !important;
padding-bottom: 8rem !important;
}
.my-20 {
margin-top: 8rem !important;
margin-bottom: 8rem !important;
}
.pt-21 {
padding-top: 8.4rem !important;
}
.mt-21 {
margin-top: 8.4rem !important;
}
.pb-21 {
padding-bottom: 8.4rem !important;
}
.mb-21 {
margin-bottom: 8.4rem !important;
}
.pl-21 {
padding-left: 8.4rem !important;
}
.ml-21 {
margin-left: 8.4rem !important;
}
.pr-21 {
padding-right: 8.4rem !important;
}
.mr-21 {
margin-right: 8.4rem !important;
}
.p-21 {
padding-top: 8.4rem !important;
padding-left: 8.4rem !important;
padding-bottom: 8.4rem !important;
padding-right: 8.4rem !important;
}
.m-21 {
margin-top: 8.4rem !important;
margin-left: 8.4rem !important;
margin-bottom: 8.4rem !important;
margin-right: 8.4rem !important;
}
.px-21 {
padding-left: 8.4rem !important;
padding-right: 8.4rem !important;
}
.mx-21 {
margin-left: 8.4rem !important;
margin-right: 8.4rem !important;
}
.py-21 {
padding-top: 8.4rem !important;
padding-bottom: 8.4rem !important;
}
.my-21 {
margin-top: 8.4rem !important;
margin-bottom: 8.4rem !important;
}
.pt-22 {
padding-top: 8.8rem !important;
}
.mt-22 {
margin-top: 8.8rem !important;
}
.pb-22 {
padding-bottom: 8.8rem !important;
}
.mb-22 {
margin-bottom: 8.8rem !important;
}
.pl-22 {
padding-left: 8.8rem !important;
}
.ml-22 {
margin-left: 8.8rem !important;
}
.pr-22 {
padding-right: 8.8rem !important;
}
.mr-22 {
margin-right: 8.8rem !important;
}
.p-22 {
padding-top: 8.8rem !important;
padding-left: 8.8rem !important;
padding-bottom: 8.8rem !important;
padding-right: 8.8rem !important;
}
.m-22 {
margin-top: 8.8rem !important;
margin-left: 8.8rem !important;
margin-bottom: 8.8rem !important;
margin-right: 8.8rem !important;
}
.px-22 {
padding-left: 8.8rem !important;
padding-right: 8.8rem !important;
}
.mx-22 {
margin-left: 8.8rem !important;
margin-right: 8.8rem !important;
}
.py-22 {
padding-top: 8.8rem !important;
padding-bottom: 8.8rem !important;
}
.my-22 {
margin-top: 8.8rem !important;
margin-bottom: 8.8rem !important;
}
.pt-23 {
padding-top: 9.2rem !important;
}
.mt-23 {
margin-top: 9.2rem !important;
}
.pb-23 {
padding-bottom: 9.2rem !important;
}
.mb-23 {
margin-bottom: 9.2rem !important;
}
.pl-23 {
padding-left: 9.2rem !important;
}
.ml-23 {
margin-left: 9.2rem !important;
}
.pr-23 {
padding-right: 9.2rem !important;
}
.mr-23 {
margin-right: 9.2rem !important;
}
.p-23 {
padding-top: 9.2rem !important;
padding-left: 9.2rem !important;
padding-bottom: 9.2rem !important;
padding-right: 9.2rem !important;
}
.m-23 {
margin-top: 9.2rem !important;
margin-left: 9.2rem !important;
margin-bottom: 9.2rem !important;
margin-right: 9.2rem !important;
}
.px-23 {
padding-left: 9.2rem !important;
padding-right: 9.2rem !important;
}
.mx-23 {
margin-left: 9.2rem !important;
margin-right: 9.2rem !important;
}
.py-23 {
padding-top: 9.2rem !important;
padding-bottom: 9.2rem !important;
}
.my-23 {
margin-top: 9.2rem !important;
margin-bottom: 9.2rem !important;
}
.pt-24 {
padding-top: 9.6rem !important;
}
.mt-24 {
margin-top: 9.6rem !important;
}
.pb-24 {
padding-bottom: 9.6rem !important;
}
.mb-24 {
margin-bottom: 9.6rem !important;
}
.pl-24 {
padding-left: 9.6rem !important;
}
.ml-24 {
margin-left: 9.6rem !important;
}
.pr-24 {
padding-right: 9.6rem !important;
}
.mr-24 {
margin-right: 9.6rem !important;
}
.p-24 {
padding-top: 9.6rem !important;
padding-left: 9.6rem !important;
padding-bottom: 9.6rem !important;
padding-right: 9.6rem !important;
}
.m-24 {
margin-top: 9.6rem !important;
margin-left: 9.6rem !important;
margin-bottom: 9.6rem !important;
margin-right: 9.6rem !important;
}
.px-24 {
padding-left: 9.6rem !important;
padding-right: 9.6rem !important;
}
.mx-24 {
margin-left: 9.6rem !important;
margin-right: 9.6rem !important;
}
.py-24 {
padding-top: 9.6rem !important;
padding-bottom: 9.6rem !important;
}
.my-24 {
margin-top: 9.6rem !important;
margin-bottom: 9.6rem !important;
}
.pt-25 {
padding-top: 10rem !important;
}
.mt-25 {
margin-top: 10rem !important;
}
.pb-25 {
padding-bottom: 10rem !important;
}
.mb-25 {
margin-bottom: 10rem !important;
}
.pl-25 {
padding-left: 10rem !important;
}
.ml-25 {
margin-left: 10rem !important;
}
.pr-25 {
padding-right: 10rem !important;
}
.mr-25 {
margin-right: 10rem !important;
}
.p-25 {
padding-top: 10rem !important;
padding-left: 10rem !important;
padding-bottom: 10rem !important;
padding-right: 10rem !important;
}
.m-25 {
margin-top: 10rem !important;
margin-left: 10rem !important;
margin-bottom: 10rem !important;
margin-right: 10rem !important;
}
.px-25 {
padding-left: 10rem !important;
padding-right: 10rem !important;
}
.mx-25 {
margin-left: 10rem !important;
margin-right: 10rem !important;
}
.py-25 {
padding-top: 10rem !important;
padding-bottom: 10rem !important;
}
.my-25 {
margin-top: 10rem !important;
margin-bottom: 10rem !important;
}
.pt-26 {
padding-top: 10.4rem !important;
}
.mt-26 {
margin-top: 10.4rem !important;
}
.pb-26 {
padding-bottom: 10.4rem !important;
}
.mb-26 {
margin-bottom: 10.4rem !important;
}
.pl-26 {
padding-left: 10.4rem !important;
}
.ml-26 {
margin-left: 10.4rem !important;
}
.pr-26 {
padding-right: 10.4rem !important;
}
.mr-26 {
margin-right: 10.4rem !important;
}
.p-26 {
padding-top: 10.4rem !important;
padding-left: 10.4rem !important;
padding-bottom: 10.4rem !important;
padding-right: 10.4rem !important;
}
.m-26 {
margin-top: 10.4rem !important;
margin-left: 10.4rem !important;
margin-bottom: 10.4rem !important;
margin-right: 10.4rem !important;
}
.px-26 {
padding-left: 10.4rem !important;
padding-right: 10.4rem !important;
}
.mx-26 {
margin-left: 10.4rem !important;
margin-right: 10.4rem !important;
}
.py-26 {
padding-top: 10.4rem !important;
padding-bottom: 10.4rem !important;
}
.my-26 {
margin-top: 10.4rem !important;
margin-bottom: 10.4rem !important;
}
.pt-27 {
padding-top: 10.8rem !important;
}
.mt-27 {
margin-top: 10.8rem !important;
}
.pb-27 {
padding-bottom: 10.8rem !important;
}
.mb-27 {
margin-bottom: 10.8rem !important;
}
.pl-27 {
padding-left: 10.8rem !important;
}
.ml-27 {
margin-left: 10.8rem !important;
}
.pr-27 {
padding-right: 10.8rem !important;
}
.mr-27 {
margin-right: 10.8rem !important;
}
.p-27 {
padding-top: 10.8rem !important;
padding-left: 10.8rem !important;
padding-bottom: 10.8rem !important;
padding-right: 10.8rem !important;
}
.m-27 {
margin-top: 10.8rem !important;
margin-left: 10.8rem !important;
margin-bottom: 10.8rem !important;
margin-right: 10.8rem !important;
}
.px-27 {
padding-left: 10.8rem !important;
padding-right: 10.8rem !important;
}
.mx-27 {
margin-left: 10.8rem !important;
margin-right: 10.8rem !important;
}
.py-27 {
padding-top: 10.8rem !important;
padding-bottom: 10.8rem !important;
}
.my-27 {
margin-top: 10.8rem !important;
margin-bottom: 10.8rem !important;
}
.pt-28 {
padding-top: 11.2rem !important;
}
.mt-28 {
margin-top: 11.2rem !important;
}
.pb-28 {
padding-bottom: 11.2rem !important;
}
.mb-28 {
margin-bottom: 11.2rem !important;
}
.pl-28 {
padding-left: 11.2rem !important;
}
.ml-28 {
margin-left: 11.2rem !important;
}
.pr-28 {
padding-right: 11.2rem !important;
}
.mr-28 {
margin-right: 11.2rem !important;
}
.p-28 {
padding-top: 11.2rem !important;
padding-left: 11.2rem !important;
padding-bottom: 11.2rem !important;
padding-right: 11.2rem !important;
}
.m-28 {
margin-top: 11.2rem !important;
margin-left: 11.2rem !important;
margin-bottom: 11.2rem !important;
margin-right: 11.2rem !important;
}
.px-28 {
padding-left: 11.2rem !important;
padding-right: 11.2rem !important;
}
.mx-28 {
margin-left: 11.2rem !important;
margin-right: 11.2rem !important;
}
.py-28 {
padding-top: 11.2rem !important;
padding-bottom: 11.2rem !important;
}
.my-28 {
margin-top: 11.2rem !important;
margin-bottom: 11.2rem !important;
}
.pt-29 {
padding-top: 11.6rem !important;
}
.mt-29 {
margin-top: 11.6rem !important;
}
.pb-29 {
padding-bottom: 11.6rem !important;
}
.mb-29 {
margin-bottom: 11.6rem !important;
}
.pl-29 {
padding-left: 11.6rem !important;
}
.ml-29 {
margin-left: 11.6rem !important;
}
.pr-29 {
padding-right: 11.6rem !important;
}
.mr-29 {
margin-right: 11.6rem !important;
}
.p-29 {
padding-top: 11.6rem !important;
padding-left: 11.6rem !important;
padding-bottom: 11.6rem !important;
padding-right: 11.6rem !important;
}
.m-29 {
margin-top: 11.6rem !important;
margin-left: 11.6rem !important;
margin-bottom: 11.6rem !important;
margin-right: 11.6rem !important;
}
.px-29 {
padding-left: 11.6rem !important;
padding-right: 11.6rem !important;
}
.mx-29 {
margin-left: 11.6rem !important;
margin-right: 11.6rem !important;
}
.py-29 {
padding-top: 11.6rem !important;
padding-bottom: 11.6rem !important;
}
.my-29 {
margin-top: 11.6rem !important;
margin-bottom: 11.6rem !important;
}
.pt-30 {
padding-top: 12rem !important;
}
.mt-30 {
margin-top: 12rem !important;
}
.pb-30 {
padding-bottom: 12rem !important;
}
.mb-30 {
margin-bottom: 12rem !important;
}
.pl-30 {
padding-left: 12rem !important;
}
.ml-30 {
margin-left: 12rem !important;
}
.pr-30 {
padding-right: 12rem !important;
}
.mr-30 {
margin-right: 12rem !important;
}
.p-30 {
padding-top: 12rem !important;
padding-left: 12rem !important;
padding-bottom: 12rem !important;
padding-right: 12rem !important;
}
.m-30 {
margin-top: 12rem !important;
margin-left: 12rem !important;
margin-bottom: 12rem !important;
margin-right: 12rem !important;
}
.px-30 {
padding-left: 12rem !important;
padding-right: 12rem !important;
}
.mx-30 {
margin-left: 12rem !important;
margin-right: 12rem !important;
}
.py-30 {
padding-top: 12rem !important;
padding-bottom: 12rem !important;
}
.my-30 {
margin-top: 12rem !important;
margin-bottom: 12rem !important;
}
.pt-auto {
padding-top: auto !important;
}
.mt-auto {
margin-top: auto !important;
}
.pb-auto {
padding-bottom: auto !important;
}
.mb-auto {
margin-bottom: auto !important;
}
.pl-auto {
padding-left: auto !important;
}
.ml-auto {
margin-left: auto !important;
}
.pr-auto {
padding-right: auto !important;
}
.mr-auto {
margin-right: auto !important;
}
.p-auto {
padding-top: auto !important;
padding-left: auto !important;
padding-bottom: auto !important;
padding-right: auto !important;
}
.m-auto {
margin-top: auto !important;
margin-left: auto !important;
margin-bottom: auto !important;
margin-right: auto !important;
}
.px-auto {
padding-left: auto !important;
padding-right: auto !important;
}
.mx-auto {
margin-left: auto !important;
margin-right: auto !important;
}
.py-auto {
padding-top: auto !important;
padding-bottom: auto !important;
}
.my-auto {
margin-top: auto !important;
margin-bottom: auto !important;
}
.d-block {
display: block !important;
}
.d-inline-block {
display: inline-block !important;
}
.d-inline {
display: inline !important;
}
.d-flex {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
}
.d-grid {
display: grid !important;
}
.d-inline-flex {
display: -webkit-inline-box !important;
display: -ms-inline-flexbox !important;
display: inline-flex !important;
}
.d-inline-grid {
display: inline-grid !important;
}
.d-table {
display: table !important;
}
.d-inline-table {
display: inline-table !important;
}
.d-list-item {
display: list-item !important;
}
.d-none {
display: none !important;
}
.d-contents {
display: contents !important;
}
.flex-direction-row {
-webkit-box-orient: horizontal !important;
-webkit-box-direction: normal !important;
-ms-flex-direction: row !important;
flex-direction: row !important;
}
.flex-direction-row-reverse {
-webkit-box-orient: horizontal !important;
-webkit-box-direction: reverse !important;
-ms-flex-direction: row-reverse !important;
flex-direction: row-reverse !important;
}
.flex-direction-col {
-webkit-box-orient: vertical !important;
-webkit-box-direction: normal !important;
-ms-flex-direction: column !important;
flex-direction: column !important;
}
.flex-direction-col-reverse {
-webkit-box-orient: vertical !important;
-webkit-box-direction: reverse !important;
-ms-flex-direction: column-reverse !important;
flex-direction: column-reverse !important;
}
.justify-center {
-webkit-box-pack: center !important;
-ms-flex-pack: center !important;
justify-content: center !important;
}
.items-center {
-webkit-box-align: center !important;
-ms-flex-align: center !important;
align-items: center !important;
}
.justify-items-center {
justify-items: center !important;
}
.content-center {
-ms-flex-line-pack: center !important;
align-content: center !important;
}
.justify-space-between {
-webkit-box-pack: justify !important;
-ms-flex-pack: justify !important;
justify-content: space-between !important;
}
.items-space-between {
-webkit-box-align: space-between !important;
-ms-flex-align: space-between !important;
align-items: space-between !important;
}
.justify-items-space-between {
justify-items: space-between !important;
}
.content-space-between {
-ms-flex-line-pack: justify !important;
align-content: space-between !important;
}
.justify-space-around {
-ms-flex-pack: distribute !important;
justify-content: space-around !important;
}
.items-space-around {
-webkit-box-align: space-around !important;
-ms-flex-align: space-around !important;
align-items: space-around !important;
}
.justify-items-space-around {
justify-items: space-around !important;
}
.content-space-around {
-ms-flex-line-pack: distribute !important;
align-content: space-around !important;
}
.justify-space-evenly {
-webkit-box-pack: space-evenly !important;
-ms-flex-pack: space-evenly !important;
justify-content: space-evenly !important;
}
.items-space-evenly {
-webkit-box-align: space-evenly !important;
-ms-flex-align: space-evenly !important;
align-items: space-evenly !important;
}
.justify-items-space-evenly {
justify-items: space-evenly !important;
}
.content-space-evenly {
-ms-flex-line-pack: space-evenly !important;
align-content: space-evenly !important;
}
.justify-flex-start {
-webkit-box-pack: start !important;
-ms-flex-pack: start !important;
justify-content: flex-start !important;
}
.items-flex-start {
-webkit-box-align: start !important;
-ms-flex-align: start !important;
align-items: flex-start !important;
}
.justify-items-flex-start {
justify-items: flex-start !important;
}
.content-flex-start {
-ms-flex-line-pack: start !important;
align-content: flex-start !important;
}
.justify-flex-end {
-webkit-box-pack: end !important;
-ms-flex-pack: end !important;
justify-content: flex-end !important;
}
.items-flex-end {
-webkit-box-align: end !important;
-ms-flex-align: end !important;
align-items: flex-end !important;
}
.justify-items-flex-end {
justify-items: flex-end !important;
}
.content-flex-end {
-ms-flex-line-pack: end !important;
align-content: flex-end !important;
}
.text-left {
text-align: left;
}
.text-right {
text-align: right;
}
.text-center {
text-align: center;
}
.text-revert {
text-align: revert;
}
.width-0 {
width: 0% !important;
}
.width-1 {
width: 1% !important;
}
.width-2 {
width: 2% !important;
}
.width-3 {
width: 3% !important;
}
.width-4 {
width: 4% !important;
}
.width-5 {
width: 5% !important;
}
.width-6 {
width: 6% !important;
}
.width-7 {
width: 7% !important;
}
.width-8 {
width: 8% !important;
}
.width-9 {
width: 9% !important;
}
.width-10 {
width: 10% !important;
}
.width-11 {
width: 11% !important;
}
.width-12 {
width: 12% !important;
}
.width-13 {
width: 13% !important;
}
.width-14 {
width: 14% !important;
}
.width-15 {
width: 15% !important;
}
.width-16 {
width: 16% !important;
}
.width-17 {
width: 17% !important;
}
.width-18 {
width: 18% !important;
}
.width-19 {
width: 19% !important;
}
.width-20 {
width: 20% !important;
}
.width-21 {
width: 21% !important;
}
.width-22 {
width: 22% !important;
}
.width-23 {
width: 23% !important;
}
.width-24 {
width: 24% !important;
}
.width-25 {
width: 25% !important;
}
.width-26 {
width: 26% !important;
}
.width-27 {
width: 27% !important;
}
.width-28 {
width: 28% !important;
}
.width-29 {
width: 29% !important;
}
.width-30 {
width: 30% !important;
}
.width-31 {
width: 31% !important;
}
.width-32 {
width: 32% !important;
}
.width-33 {
width: 33% !important;
}
.width-34 {
width: 34% !important;
}
.width-35 {
width: 35% !important;
}
.width-36 {
width: 36% !important;
}
.width-37 {
width: 37% !important;
}
.width-38 {
width: 38% !important;
}
.width-39 {
width: 39% !important;
}
.width-40 {
width: 40% !important;
}
.width-41 {
width: 41% !important;
}
.width-42 {
width: 42% !important;
}
.width-43 {
width: 43% !important;
}
.width-44 {
width: 44% !important;
}
.width-45 {
width: 45% !important;
}
.width-46 {
width: 46% !important;
}
.width-47 {
width: 47% !important;
}
.width-48 {
width: 48% !important;
}
.width-49 {
width: 49% !important;
}
.width-50 {
width: 50% !important;
}
.width-51 {
width: 51% !important;
}
.width-52 {
width: 52% !important;
}
.width-53 {
width: 53% !important;
}
.width-54 {
width: 54% !important;
}
.width-55 {
width: 55% !important;
}
.width-56 {
width: 56% !important;
}
.width-57 {
width: 57% !important;
}
.width-58 {
width: 58% !important;
}
.width-59 {
width: 59% !important;
}
.width-60 {
width: 60% !important;
}
.width-61 {
width: 61% !important;
}
.width-62 {
width: 62% !important;
}
.width-63 {
width: 63% !important;
}
.width-64 {
width: 64% !important;
}
.width-65 {
width: 65% !important;
}
.width-66 {
width: 66% !important;
}
.width-67 {
width: 67% !important;
}
.width-68 {
width: 68% !important;
}
.width-69 {
width: 69% !important;
}
.width-70 {
width: 70% !important;
}
.width-71 {
width: 71% !important;
}
.width-72 {
width: 72% !important;
}
.width-73 {
width: 73% !important;
}
.width-74 {
width: 74% !important;
}
.width-75 {
width: 75% !important;
}
.width-76 {
width: 76% !important;
}
.width-77 {
width: 77% !important;
}
.width-78 {
width: 78% !important;
}
.width-79 {
width: 79% !important;
}
.width-80 {
width: 80% !important;
}
.width-81 {
width: 81% !important;
}
.width-82 {
width: 82% !important;
}
.width-83 {
width: 83% !important;
}
.width-84 {
width: 84% !important;
}
.width-85 {
width: 85% !important;
}
.width-86 {
width: 86% !important;
}
.width-87 {
width: 87% !important;
}
.width-88 {
width: 88% !important;
}
.width-89 {
width: 89% !important;
}
.width-90 {
width: 90% !important;
}
.width-91 {
width: 91% !important;
}
.width-92 {
width: 92% !important;
}
.width-93 {
width: 93% !important;
}
.width-94 {
width: 94% !important;
}
.width-95 {
width: 95% !important;
}
.width-96 {
width: 96% !important;
}
.width-97 {
width: 97% !important;
}
.width-98 {
width: 98% !important;
}
.width-99 {
width: 99% !important;
}
.width-100 {
width: 100% !important;
}
.height-0 {
height: 0% !important;
}
.height-1 {
height: 1% !important;
}
.height-2 {
height: 2% !important;
}
.height-3 {
height: 3% !important;
}
.height-4 {
height: 4% !important;
}
.height-5 {
height: 5% !important;
}
.height-6 {
height: 6% !important;
}
.height-7 {
height: 7% !important;
}
.height-8 {
height: 8% !important;
}
.height-9 {
height: 9% !important;
}
.height-10 {
height: 10% !important;
}
.height-11 {
height: 11% !important;
}
.height-12 {
height: 12% !important;
}
.height-13 {
height: 13% !important;
}
.height-14 {
height: 14% !important;
}
.height-15 {
height: 15% !important;
}
.height-16 {
height: 16% !important;
}
.height-17 {
height: 17% !important;
}
.height-18 {
height: 18% !important;
}
.height-19 {
height: 19% !important;
}
.height-20 {
height: 20% !important;
}
.height-21 {
height: 21% !important;
}
.height-22 {
height: 22% !important;
}
.height-23 {
height: 23% !important;
}
.height-24 {
height: 24% !important;
}
.height-25 {
height: 25% !important;
}
.height-26 {
height: 26% !important;
}
.height-27 {
height: 27% !important;
}
.height-28 {
height: 28% !important;
}
.height-29 {
height: 29% !important;
}
.height-30 {
height: 30% !important;
}
.height-31 {
height: 31% !important;
}
.height-32 {
height: 32% !important;
}
.height-33 {
height: 33% !important;
}
.height-34 {
height: 34% !important;
}
.height-35 {
height: 35% !important;
}
.height-36 {
height: 36% !important;
}
.height-37 {
height: 37% !important;
}
.height-38 {
height: 38% !important;
}
.height-39 {
height: 39% !important;
}
.height-40 {
height: 40% !important;
}
.height-41 {
height: 41% !important;
}
.height-42 {
height: 42% !important;
}
.height-43 {
height: 43% !important;
}
.height-44 {
height: 44% !important;
}
.height-45 {
height: 45% !important;
}
.height-46 {
height: 46% !important;
}
.height-47 {
height: 47% !important;
}
.height-48 {
height: 48% !important;
}
.height-49 {
height: 49% !important;
}
.height-50 {
height: 50% !important;
}
.height-51 {
height: 51% !important;
}
.height-52 {
height: 52% !important;
}
.height-53 {
height: 53% !important;
}
.height-54 {
height: 54% !important;
}
.height-55 {
height: 55% !important;
}
.height-56 {
height: 56% !important;
}
.height-57 {
height: 57% !important;
}
.height-58 {
height: 58% !important;
}
.height-59 {
height: 59% !important;
}
.height-60 {
height: 60% !important;
}
.height-61 {
height: 61% !important;
}
.height-62 {
height: 62% !important;
}
.height-63 {
height: 63% !important;
}
.height-64 {
height: 64% !important;
}
.height-65 {
height: 65% !important;
}
.height-66 {
height: 66% !important;
}
.height-67 {
height: 67% !important;
}
.height-68 {
height: 68% !important;
}
.height-69 {
height: 69% !important;
}
.height-70 {
height: 70% !important;
}
.height-71 {
height: 71% !important;
}
.height-72 {
height: 72% !important;
}
.height-73 {
height: 73% !important;
}
.height-74 {
height: 74% !important;
}
.height-75 {
height: 75% !important;
}
.height-76 {
height: 76% !important;
}
.height-77 {
height: 77% !important;
}
.height-78 {
height: 78% !important;
}
.height-79 {
height: 79% !important;
}
.height-80 {
height: 80% !important;
}
.height-81 {
height: 81% !important;
}
.height-82 {
height: 82% !important;
}
.height-83 {
height: 83% !important;
}
.height-84 {
height: 84% !important;
}
.height-85 {
height: 85% !important;
}
.height-86 {
height: 86% !important;
}
.height-87 {
height: 87% !important;
}
.height-88 {
height: 88% !important;
}
.height-89 {
height: 89% !important;
}
.height-90 {
height: 90% !important;
}
.height-91 {
height: 91% !important;
}
.height-92 {
height: 92% !important;
}
.height-93 {
height: 93% !important;
}
.height-94 {
height: 94% !important;
}
.height-95 {
height: 95% !important;
}
.height-96 {
height: 96% !important;
}
.height-97 {
height: 97% !important;
}
.height-98 {
height: 98% !important;
}
.height-99 {
height: 99% !important;
}
.height-100 {
height: 100% !important;
}
.min-width-0 {
min-width: 0% !important;
}
.min-width-1 {
min-width: 1% !important;
}
.min-width-2 {
min-width: 2% !important;
}
.min-width-3 {
min-width: 3% !important;
}
.min-width-4 {
min-width: 4% !important;
}
.min-width-5 {
min-width: 5% !important;
}
.min-width-6 {
min-width: 6% !important;
}
.min-width-7 {
min-width: 7% !important;
}
.min-width-8 {
min-width: 8% !important;
}
.min-width-9 {
min-width: 9% !important;
}
.min-width-10 {
min-width: 10% !important;
}
.min-width-11 {
min-width: 11% !important;
}
.min-width-12 {
min-width: 12% !important;
}
.min-width-13 {
min-width: 13% !important;
}
.min-width-14 {
min-width: 14% !important;
}
.min-width-15 {
min-width: 15% !important;
}
.min-width-16 {
min-width: 16% !important;
}
.min-width-17 {
min-width: 17% !important;
}
.min-width-18 {
min-width: 18% !important;
}
.min-width-19 {
min-width: 19% !important;
}
.min-width-20 {
min-width: 20% !important;
}
.min-width-21 {
min-width: 21% !important;
}
.min-width-22 {
min-width: 22% !important;
}
.min-width-23 {
min-width: 23% !important;
}
.min-width-24 {
min-width: 24% !important;
}
.min-width-25 {
min-width: 25% !important;
}
.min-width-26 {
min-width: 26% !important;
}
.min-width-27 {
min-width: 27% !important;
}
.min-width-28 {
min-width: 28% !important;
}
.min-width-29 {
min-width: 29% !important;
}
.min-width-30 {
min-width: 30% !important;
}
.min-width-31 {
min-width: 31% !important;
}
.min-width-32 {
min-width: 32% !important;
}
.min-width-33 {
min-width: 33% !important;
}
.min-width-34 {
min-width: 34% !important;
}
.min-width-35 {
min-width: 35% !important;
}
.min-width-36 {
min-width: 36% !important;
}
.min-width-37 {
min-width: 37% !important;
}
.min-width-38 {
min-width: 38% !important;
}
.min-width-39 {
min-width: 39% !important;
}
.min-width-40 {
min-width: 40% !important;
}
.min-width-41 {
min-width: 41% !important;
}
.min-width-42 {
min-width: 42% !important;
}
.min-width-43 {
min-width: 43% !important;
}
.min-width-44 {
min-width: 44% !important;
}
.min-width-45 {
min-width: 45% !important;
}
.min-width-46 {
min-width: 46% !important;
}
.min-width-47 {
min-width: 47% !important;
}
.min-width-48 {
min-width: 48% !important;
}
.min-width-49 {
min-width: 49% !important;
}
.min-width-50 {
min-width: 50% !important;
}
.min-width-51 {
min-width: 51% !important;
}
.min-width-52 {
min-width: 52% !important;
}
.min-width-53 {
min-width: 53% !important;
}
.min-width-54 {
min-width: 54% !important;
}
.min-width-55 {
min-width: 55% !important;
}
.min-width-56 {
min-width: 56% !important;
}
.min-width-57 {
min-width: 57% !important;
}
.min-width-58 {
min-width: 58% !important;
}
.min-width-59 {
min-width: 59% !important;
}
.min-width-60 {
min-width: 60% !important;
}
.min-width-61 {
min-width: 61% !important;
}
.min-width-62 {
min-width: 62% !important;
}
.min-width-63 {
min-width: 63% !important;
}
.min-width-64 {
min-width: 64% !important;
}
.min-width-65 {
min-width: 65% !important;
}
.min-width-66 {
min-width: 66% !important;
}
.min-width-67 {
min-width: 67% !important;
}
.min-width-68 {
min-width: 68% !important;
}
.min-width-69 {
min-width: 69% !important;
}
.min-width-70 {
min-width: 70% !important;
}
.min-width-71 {
min-width: 71% !important;
}
.min-width-72 {
min-width: 72% !important;
}
.min-width-73 {
min-width: 73% !important;
}
.min-width-74 {
min-width: 74% !important;
}
.min-width-75 {
min-width: 75% !important;
}
.min-width-76 {
min-width: 76% !important;
}
.min-width-77 {
min-width: 77% !important;
}
.min-width-78 {
min-width: 78% !important;
}
.min-width-79 {
min-width: 79% !important;
}
.min-width-80 {
min-width: 80% !important;
}
.min-width-81 {
min-width: 81% !important;
}
.min-width-82 {
min-width: 82% !important;
}
.min-width-83 {
min-width: 83% !important;
}
.min-width-84 {
min-width: 84% !important;
}
.min-width-85 {
min-width: 85% !important;
}
.min-width-86 {
min-width: 86% !important;
}
.min-width-87 {
min-width: 87% !important;
}
.min-width-88 {
min-width: 88% !important;
}
.min-width-89 {
min-width: 89% !important;
}
.min-width-90 {
min-width: 90% !important;
}
.min-width-91 {
min-width: 91% !important;
}
.min-width-92 {
min-width: 92% !important;
}
.min-width-93 {
min-width: 93% !important;
}
.min-width-94 {
min-width: 94% !important;
}
.min-width-95 {
min-width: 95% !important;
}
.min-width-96 {
min-width: 96% !important;
}
.min-width-97 {
min-width: 97% !important;
}
.min-width-98 {
min-width: 98% !important;
}
.min-width-99 {
min-width: 99% !important;
}
.min-width-100 {
min-width: 100% !important;
}
.min-height-0 {
min-height: 0% !important;
}
.min-height-1 {
min-height: 1% !important;
}
.min-height-2 {
min-height: 2% !important;
}
.min-height-3 {
min-height: 3% !important;
}
.min-height-4 {
min-height: 4% !important;
}
.min-height-5 {
min-height: 5% !important;
}
.min-height-6 {
min-height: 6% !important;
}
.min-height-7 {
min-height: 7% !important;
}
.min-height-8 {
min-height: 8% !important;
}
.min-height-9 {
min-height: 9% !important;
}
.min-height-10 {
min-height: 10% !important;
}
.min-height-11 {
min-height: 11% !important;
}
.min-height-12 {
min-height: 12% !important;
}
.min-height-13 {
min-height: 13% !important;
}
.min-height-14 {
min-height: 14% !important;
}
.min-height-15 {
min-height: 15% !important;
}
.min-height-16 {
min-height: 16% !important;
}
.min-height-17 {
min-height: 17% !important;
}
.min-height-18 {
min-height: 18% !important;
}
.min-height-19 {
min-height: 19% !important;
}
.min-height-20 {
min-height: 20% !important;
}
.min-height-21 {
min-height: 21% !important;
}
.min-height-22 {
min-height: 22% !important;
}
.min-height-23 {
min-height: 23% !important;
}
.min-height-24 {
min-height: 24% !important;
}
.min-height-25 {
min-height: 25% !important;
}
.min-height-26 {
min-height: 26% !important;
}
.min-height-27 {
min-height: 27% !important;
}
.min-height-28 {
min-height: 28% !important;
}
.min-height-29 {
min-height: 29% !important;
}
.min-height-30 {
min-height: 30% !important;
}
.min-height-31 {
min-height: 31% !important;
}
.min-height-32 {
min-height: 32% !important;
}
.min-height-33 {
min-height: 33% !important;
}
.min-height-34 {
min-height: 34% !important;
}
.min-height-35 {
min-height: 35% !important;
}
.min-height-36 {
min-height: 36% !important;
}
.min-height-37 {
min-height: 37% !important;
}
.min-height-38 {
min-height: 38% !important;
}
.min-height-39 {
min-height: 39% !important;
}
.min-height-40 {
min-height: 40% !important;
}
.min-height-41 {
min-height: 41% !important;
}
.min-height-42 {
min-height: 42% !important;
}
.min-height-43 {
min-height: 43% !important;
}
.min-height-44 {
min-height: 44% !important;
}
.min-height-45 {
min-height: 45% !important;
}
.min-height-46 {
min-height: 46% !important;
}
.min-height-47 {
min-height: 47% !important;
}
.min-height-48 {
min-height: 48% !important;
}
.min-height-49 {
min-height: 49% !important;
}
.min-height-50 {
min-height: 50% !important;
}
.min-height-51 {
min-height: 51% !important;
}
.min-height-52 {
min-height: 52% !important;
}
.min-height-53 {
min-height: 53% !important;
}
.min-height-54 {
min-height: 54% !important;
}
.min-height-55 {
min-height: 55% !important;
}
.min-height-56 {
min-height: 56% !important;
}
.min-height-57 {
min-height: 57% !important;
}
.min-height-58 {
min-height: 58% !important;
}
.min-height-59 {
min-height: 59% !important;
}
.min-height-60 {
min-height: 60% !important;
}
.min-height-61 {
min-height: 61% !important;
}
.min-height-62 {
min-height: 62% !important;
}
.min-height-63 {
min-height: 63% !important;
}
.min-height-64 {
min-height: 64% !important;
}
.min-height-65 {
min-height: 65% !important;
}
.min-height-66 {
min-height: 66% !important;
}
.min-height-67 {
min-height: 67% !important;
}
.min-height-68 {
min-height: 68% !important;
}
.min-height-69 {
min-height: 69% !important;
}
.min-height-70 {
min-height: 70% !important;
}
.min-height-71 {
min-height: 71% !important;
}
.min-height-72 {
min-height: 72% !important;
}
.min-height-73 {
min-height: 73% !important;
}
.min-height-74 {
min-height: 74% !important;
}
.min-height-75 {
min-height: 75% !important;
}
.min-height-76 {
min-height: 76% !important;
}
.min-height-77 {
min-height: 77% !important;
}
.min-height-78 {
min-height: 78% !important;
}
.min-height-79 {
min-height: 79% !important;
}
.min-height-80 {
min-height: 80% !important;
}
.min-height-81 {
min-height: 81% !important;
}
.min-height-82 {
min-height: 82% !important;
}
.min-height-83 {
min-height: 83% !important;
}
.min-height-84 {
min-height: 84% !important;
}
.min-height-85 {
min-height: 85% !important;
}
.min-height-86 {
min-height: 86% !important;
}
.min-height-87 {
min-height: 87% !important;
}
.min-height-88 {
min-height: 88% !important;
}
.min-height-89 {
min-height: 89% !important;
}
.min-height-90 {
min-height: 90% !important;
}
.min-height-91 {
min-height: 91% !important;
}
.min-height-92 {
min-height: 92% !important;
}
.min-height-93 {
min-height: 93% !important;
}
.min-height-94 {
min-height: 94% !important;
}
.min-height-95 {
min-height: 95% !important;
}
.min-height-96 {
min-height: 96% !important;
}
.min-height-97 {
min-height: 97% !important;
}
.min-height-98 {
min-height: 98% !important;
}
.min-height-99 {
min-height: 99% !important;
}
.min-height-100 {
min-height: 100% !important;
}
.max-width-0 {
max-width: 0% !important;
}
.max-width-1 {
max-width: 1% !important;
}
.max-width-2 {
max-width: 2% !important;
}
.max-width-3 {
max-width: 3% !important;
}
.max-width-4 {
max-width: 4% !important;
}
.max-width-5 {
max-width: 5% !important;
}
.max-width-6 {
max-width: 6% !important;
}
.max-width-7 {
max-width: 7% !important;
}
.max-width-8 {
max-width: 8% !important;
}
.max-width-9 {
max-width: 9% !important;
}
.max-width-10 {
max-width: 10% !important;
}
.max-width-11 {
max-width: 11% !important;
}
.max-width-12 {
max-width: 12% !important;
}
.max-width-13 {
max-width: 13% !important;
}
.max-width-14 {
max-width: 14% !important;
}
.max-width-15 {
max-width: 15% !important;
}
.max-width-16 {
max-width: 16% !important;
}
.max-width-17 {
max-width: 17% !important;
}
.max-width-18 {
max-width: 18% !important;
}
.max-width-19 {
max-width: 19% !important;
}
.max-width-20 {
max-width: 20% !important;
}
.max-width-21 {
max-width: 21% !important;
}
.max-width-22 {
max-width: 22% !important;
}
.max-width-23 {
max-width: 23% !important;
}
.max-width-24 {
max-width: 24% !important;
}
.max-width-25 {
max-width: 25% !important;
}
.max-width-26 {
max-width: 26% !important;
}
.max-width-27 {
max-width: 27% !important;
}
.max-width-28 {
max-width: 28% !important;
}
.max-width-29 {
max-width: 29% !important;
}
.max-width-30 {
max-width: 30% !important;
}
.max-width-31 {
max-width: 31% !important;
}
.max-width-32 {
max-width: 32% !important;
}
.max-width-33 {
max-width: 33% !important;
}
.max-width-34 {
max-width: 34% !important;
}
.max-width-35 {
max-width: 35% !important;
}
.max-width-36 {
max-width: 36% !important;
}
.max-width-37 {
max-width: 37% !important;
}
.max-width-38 {
max-width: 38% !important;
}
.max-width-39 {
max-width: 39% !important;
}
.max-width-40 {
max-width: 40% !important;
}
.max-width-41 {
max-width: 41% !important;
}
.max-width-42 {
max-width: 42% !important;
}
.max-width-43 {
max-width: 43% !important;
}
.max-width-44 {
max-width: 44% !important;
}
.max-width-45 {
max-width: 45% !important;
}
.max-width-46 {
max-width: 46% !important;
}
.max-width-47 {
max-width: 47% !important;
}
.max-width-48 {
max-width: 48% !important;
}
.max-width-49 {
max-width: 49% !important;
}
.max-width-50 {
max-width: 50% !important;
}
.max-width-51 {
max-width: 51% !important;
}
.max-width-52 {
max-width: 52% !important;
}
.max-width-53 {
max-width: 53% !important;
}
.max-width-54 {
max-width: 54% !important;
}
.max-width-55 {
max-width: 55% !important;
}
.max-width-56 {
max-width: 56% !important;
}
.max-width-57 {
max-width: 57% !important;
}
.max-width-58 {
max-width: 58% !important;
}
.max-width-59 {
max-width: 59% !important;
}
.max-width-60 {
max-width: 60% !important;
}
.max-width-61 {
max-width: 61% !important;
}
.max-width-62 {
max-width: 62% !important;
}
.max-width-63 {
max-width: 63% !important;
}
.max-width-64 {
max-width: 64% !important;
}
.max-width-65 {
max-width: 65% !important;
}
.max-width-66 {
max-width: 66% !important;
}
.max-width-67 {
max-width: 67% !important;
}
.max-width-68 {
max-width: 68% !important;
}
.max-width-69 {
max-width: 69% !important;
}
.max-width-70 {
max-width: 70% !important;
}
.max-width-71 {
max-width: 71% !important;
}
.max-width-72 {
max-width: 72% !important;
}
.max-width-73 {
max-width: 73% !important;
}
.max-width-74 {
max-width: 74% !important;
}
.max-width-75 {
max-width: 75% !important;
}
.max-width-76 {
max-width: 76% !important;
}
.max-width-77 {
max-width: 77% !important;
}
.max-width-78 {
max-width: 78% !important;
}
.max-width-79 {
max-width: 79% !important;
}
.max-width-80 {
max-width: 80% !important;
}
.max-width-81 {
max-width: 81% !important;
}
.max-width-82 {
max-width: 82% !important;
}
.max-width-83 {
max-width: 83% !important;
}
.max-width-84 {
max-width: 84% !important;
}
.max-width-85 {
max-width: 85% !important;
}
.max-width-86 {
max-width: 86% !important;
}
.max-width-87 {
max-width: 87% !important;
}
.max-width-88 {
max-width: 88% !important;
}
.max-width-89 {
max-width: 89% !important;
}
.max-width-90 {
max-width: 90% !important;
}
.max-width-91 {
max-width: 91% !important;
}
.max-width-92 {
max-width: 92% !important;
}
.max-width-93 {
max-width: 93% !important;
}
.max-width-94 {
max-width: 94% !important;
}
.max-width-95 {
max-width: 95% !important;
}
.max-width-96 {
max-width: 96% !important;
}
.max-width-97 {
max-width: 97% !important;
}
.max-width-98 {
max-width: 98% !important;
}
.max-width-99 {
max-width: 99% !important;
}
.max-width-100 {
max-width: 100% !important;
}
.max-height-0 {
max-height: 0% !important;
}
.max-height-1 {
max-height: 1% !important;
}
.max-height-2 {
max-height: 2% !important;
}
.max-height-3 {
max-height: 3% !important;
}
.max-height-4 {
max-height: 4% !important;
}
.max-height-5 {
max-height: 5% !important;
}
.max-height-6 {
max-height: 6% !important;
}
.max-height-7 {
max-height: 7% !important;
}
.max-height-8 {
max-height: 8% !important;
}
.max-height-9 {
max-height: 9% !important;
}
.max-height-10 {
max-height: 10% !important;
}
.max-height-11 {
max-height: 11% !important;
}
.max-height-12 {
max-height: 12% !important;
}
.max-height-13 {
max-height: 13% !important;
}
.max-height-14 {
max-height: 14% !important;
}
.max-height-15 {
max-height: 15% !important;
}
.max-height-16 {
max-height: 16% !important;
}
.max-height-17 {
max-height: 17% !important;
}
.max-height-18 {
max-height: 18% !important;
}
.max-height-19 {
max-height: 19% !important;
}
.max-height-20 {
max-height: 20% !important;
}
.max-height-21 {
max-height: 21% !important;
}
.max-height-22 {
max-height: 22% !important;
}
.max-height-23 {
max-height: 23% !important;
}
.max-height-24 {
max-height: 24% !important;
}
.max-height-25 {
max-height: 25% !important;
}
.max-height-26 {
max-height: 26% !important;
}
.max-height-27 {
max-height: 27% !important;
}
.max-height-28 {
max-height: 28% !important;
}
.max-height-29 {
max-height: 29% !important;
}
.max-height-30 {
max-height: 30% !important;
}
.max-height-31 {
max-height: 31% !important;
}
.max-height-32 {
max-height: 32% !important;
}
.max-height-33 {
max-height: 33% !important;
}
.max-height-34 {
max-height: 34% !important;
}
.max-height-35 {
max-height: 35% !important;
}
.max-height-36 {
max-height: 36% !important;
}
.max-height-37 {
max-height: 37% !important;
}
.max-height-38 {
max-height: 38% !important;
}
.max-height-39 {
max-height: 39% !important;
}
.max-height-40 {
max-height: 40% !important;
}
.max-height-41 {
max-height: 41% !important;
}
.max-height-42 {
max-height: 42% !important;
}
.max-height-43 {
max-height: 43% !important;
}
.max-height-44 {
max-height: 44% !important;
}
.max-height-45 {
max-height: 45% !important;
}
.max-height-46 {
max-height: 46% !important;
}
.max-height-47 {
max-height: 47% !important;
}
.max-height-48 {
max-height: 48% !important;
}
.max-height-49 {
max-height: 49% !important;
}
.max-height-50 {
max-height: 50% !important;
}
.max-height-51 {
max-height: 51% !important;
}
.max-height-52 {
max-height: 52% !important;
}
.max-height-53 {
max-height: 53% !important;
}
.max-height-54 {
max-height: 54% !important;
}
.max-height-55 {
max-height: 55% !important;
}
.max-height-56 {
max-height: 56% !important;
}
.max-height-57 {
max-height: 57% !important;
}
.max-height-58 {
max-height: 58% !important;
}
.max-height-59 {
max-height: 59% !important;
}
.max-height-60 {
max-height: 60% !important;
}
.max-height-61 {
max-height: 61% !important;
}
.max-height-62 {
max-height: 62% !important;
}
.max-height-63 {
max-height: 63% !important;
}
.max-height-64 {
max-height: 64% !important;
}
.max-height-65 {
max-height: 65% !important;
}
.max-height-66 {
max-height: 66% !important;
}
.max-height-67 {
max-height: 67% !important;
}
.max-height-68 {
max-height: 68% !important;
}
.max-height-69 {
max-height: 69% !important;
}
.max-height-70 {
max-height: 70% !important;
}
.max-height-71 {
max-height: 71% !important;
}
.max-height-72 {
max-height: 72% !important;
}
.max-height-73 {
max-height: 73% !important;
}
.max-height-74 {
max-height: 74% !important;
}
.max-height-75 {
max-height: 75% !important;
}
.max-height-76 {
max-height: 76% !important;
}
.max-height-77 {
max-height: 77% !important;
}
.max-height-78 {
max-height: 78% !important;
}
.max-height-79 {
max-height: 79% !important;
}
.max-height-80 {
max-height: 80% !important;
}
.max-height-81 {
max-height: 81% !important;
}
.max-height-82 {
max-height: 82% !important;
}
.max-height-83 {
max-height: 83% !important;
}
.max-height-84 {
max-height: 84% !important;
}
.max-height-85 {
max-height: 85% !important;
}
.max-height-86 {
max-height: 86% !important;
}
.max-height-87 {
max-height: 87% !important;
}
.max-height-88 {
max-height: 88% !important;
}
.max-height-89 {
max-height: 89% !important;
}
.max-height-90 {
max-height: 90% !important;
}
.max-height-91 {
max-height: 91% !important;
}
.max-height-92 {
max-height: 92% !important;
}
.max-height-93 {
max-height: 93% !important;
}
.max-height-94 {
max-height: 94% !important;
}
.max-height-95 {
max-height: 95% !important;
}
.max-height-96 {
max-height: 96% !important;
}
.max-height-97 {
max-height: 97% !important;
}
.max-height-98 {
max-height: 98% !important;
}
.max-height-99 {
max-height: 99% !important;
}
.max-height-100 {
max-height: 100% !important;
}
.fw-100 {
font-weight: 100 !important;
}
.fw-300 {
font-weight: 300 !important;
}
.fw-500 {
font-weight: 500 !important;
}
.fw-700 {
font-weight: 700 !important;
}
.fw-900 {
font-weight: 900 !important;
}
.text-underline {
-webkit-text-decoration: underline;
text-decoration: underline;
}
.word-break-all {
word-break: break-all;
}
.row {
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin: 0 auto;
width: 100%;
display: -ms-flexbox;
display: -webkit-box;
display: flex;
-webkit-box-flex: 0;
-ms-flex: 0 1 auto;
flex: 0 1 auto;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.row.reverse {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
}
.row.natural-height {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.row.flex-column {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.col {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
-ms-flex-preferred-size: 0;
flex-basis: 0;
max-width: 100%;
padding: 1.6rem;
}
.col.reverse {
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
}
.first {
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1;
}
.last {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.align-start {
-ms-flex-item-align: start;
align-self: flex-start;
}
.align-end {
-ms-flex-item-align: end;
align-self: flex-end;
}
.align-center {
-ms-flex-item-align: center;
align-self: center;
}
.align-baseline {
-ms-flex-item-align: baseline;
align-self: baseline;
}
.align-stretch {
-ms-flex-item-align: stretch;
align-self: stretch;
}
.col-xs {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
-ms-flex-preferred-size: 0;
flex-basis: 0;
max-width: 100%;
padding: 0 1.6rem;
}
.col-xs-1 {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-ms-flex-preferred-size: 8.3333333333%;
flex-basis: 8.3333333333%;
max-width: 8.3333333333%;
padding: 0 1.6rem;
}
.col-xs-offset-1 {
margin-left: 8.3333333333%;
}
.col-xs-2 {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-ms-flex-preferred-size: 16.6666666667%;
flex-basis: 16.6666666667%;
max-width: 16.6666666667%;
padding: 0 1.6rem;
}
.col-xs-offset-2 {
margin-left: 16.6666666667%;
}
.col-xs-3 {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-ms-flex-preferred-size: 25%;
flex-basis: 25%;
max-width: 25%;
padding: 0 1.6rem;
}
.col-xs-offset-3 {
margin-left: 25%;
}
.col-xs-4 {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-ms-flex-preferred-size: 33.3333333333%;
flex-basis: 33.3333333333%;
max-width: 33.3333333333%;
padding: 0 1.6rem;
}
.col-xs-offset-4 {
margin-left: 33.3333333333%;
}
.col-xs-5 {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-ms-flex-preferred-size: 41.6666666667%;
flex-basis: 41.6666666667%;
max-width: 41.6666666667%;
padding: 0 1.6rem;
}
.col-xs-offset-5 {
margin-left: 41.6666666667%;
}
.col-xs-6 {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-ms-flex-preferred-size: 50%;
flex-basis: 50%;
max-width: 50%;
padding: 0 1.6rem;
}
.col-xs-offset-6 {
margin-left: 50%;
}
.col-xs-7 {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-ms-flex-preferred-size: 58.3333333333%;
flex-basis: 58.3333333333%;
max-width: 58.3333333333%;
padding: 0 1.6rem;
}
.col-xs-offset-7 {
margin-left: 58.3333333333%;
}
.col-xs-8 {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-ms-flex-preferred-size: 66.6666666667%;
flex-basis: 66.6666666667%;
max-width: 66.6666666667%;
padding: 0 1.6rem;
}
.col-xs-offset-8 {
margin-left: 66.6666666667%;
}
.col-xs-9 {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-ms-flex-preferred-size: 75%;
flex-basis: 75%;
max-width: 75%;
padding: 0 1.6rem;
}
.col-xs-offset-9 {
margin-left: 75%;
}
.col-xs-10 {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-ms-flex-preferred-size: 83.3333333333%;
flex-basis: 83.3333333333%;
max-width: 83.3333333333%;
padding: 0 1.6rem;
}
.col-xs-offset-10 {
margin-left: 83.3333333333%;
}
.col-xs-11 {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-ms-flex-preferred-size: 91.6666666667%;
flex-basis: 91.6666666667%;
max-width: 91.6666666667%;
padding: 0 1.6rem;
}
.col-xs-offset-11 {
margin-left: 91.6666666667%;
}
.col-xs-12 {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
max-width: 100%;
padding: 0 1.6rem;
}
.col-xs-offset-12 {
margin-left: 100%;
}
.row.start-xs {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.row.center-xs {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.row.end-xs {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.row.top-xs {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.row.middle-xs {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.row.bottom-xs {
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
}
.row.around-xs {
-ms-flex-pack: distribute;
justify-content: space-around;
}
.row.between-xs {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.first-xs {
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1;
}
.last-xs {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.col-gutter-lr {
padding: 0 1.6rem;
}
.col-no-gutter {
padding: 0;
}
.show {
display: block !important;
}
.row.show {
display: -ms-flexbox !important;
display: -webkit-box !important;
display: flex !important;
}
.hide {
display: none !important;
}
.show-xs {
display: block !important;
}
.row.show-xs {
display: -ms-flexbox !important;
display: -webkit-box !important;
display: flex !important;
}
.hide-xs {
display: none !important;
}
.button, .btn {
font: 300 1.6rem "SpoqaHanSansNeo", sans-serif;
}
label.label {
display: block;
padding-bottom: 0.8rem;
color: #3c3c3c;
font-weight: 700;
font-size: 1.4rem;
}
.checkbox {
border-radius: 2px;
width: 2.4rem;
height: 2.4rem;
border: 1px solid #222;
}
.checkbox:checked {
border-color: #000;
background-image: url(../assets/images/icon_checkbox.png);
background-size: contain;
background-repeat: no-repeat;
background-color: #000;
}
.btn-input-util {
width: 12.8rem;
min-height: 4rem;
padding-top: 0;
padding-bottom: 0;
}
* + .btn-input-util {
margin-left: 0.8rem;
}
.bullet {
position: relative;
padding-left: 0.8rem;
word-break: initial;
}
.bullet:before {
position: absolute;
left: 0;
top: 50%;
position: absolute;
display: block;
content: "";
width: 3px;
height: 3px;
border-radius: 100%;
background-color: #6c6c6c;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.bullet:before {
top: 11px;
}
.tablist {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.tablist .tab {
cursor: pointer;
}
.tablist[data-type=square] .tab {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 100%;
min-height: 5.6rem;
color: #6c6c6c;
line-height: 1;
border: 1px solid #ccc;
-webkit-transition: 0.3s ease;
transition: 0.3s ease;
}
.tablist[data-type=square] .tab:hover {
color: #1a1a1a;
font-weight: 700;
}
.tablist[data-type=square] .tab.active {
color: #fff;
font-weight: 700;
background-color: #000;
border-color: #000;
}
.tablist[data-type=square] .tab + .tab {
margin-left: -1px;
border-left-color: rgba(0, 0, 0, 0);
}
.tabpanel-wrap .tabpanel {
display: none;
}
.tabpanel-wrap .tabpanel.active {
display: block;
}
.accordion {
width: auto;
margin: 0 auto;
border-radius: 6px;
}
.accordion .accordion__header {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
min-height: 8rem;
padding: 2.4rem 3.2rem;
color: #1a1a1a;
font-size: 2rem;
background: #fff;
border-bottom: 1px solid #ececec;
cursor: pointer;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.accordion .accordion__title {
width: 100%;
color: #1a1a1a;
}
.accordion .accordion__body {
display: none;
}
.accordion .accordion__body .text-box {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
padding: 6.4rem;
color: #6c6c6c;
line-height: 3.6rem;
background: #f8f8f8;
}
.accordion .accordion__item {
position: relative;
}
.accordion .accordion__item > .accordion__header:after {
position: relative;
float: right;
width: 1.6rem;
height: 1.6rem;
background-image: url(../assets/images/btn-accordion.png);
background-repeat: no-repeat;
background-position: center;
background-size: contain;
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition: 0.3s all;
transition: 0.3s all;
content: "";
}
.accordion .accordion__icon {
position: absolute;
top: 1.6rem;
left: 0.8rem;
}
.accordion .accordion__icon + .accordion__header {
margin-left: 4rem;
padding: 0.8rem 1.6rem 0.8rem 0;
}
.accordion .accordion__item.active:last-child .accordion__header {
border-radius: none;
}
.accordion .accordion__item.active > .accordion__header:after {
-webkit-transform: rotate(-180deg);
transform: rotate(-180deg);
}
.accordion[data-type=payment] {
border: 1px solid #e8e8e8;
}
.accordion[data-type=payment] .accordion__body__contents {
padding: 0.8rem 1.6rem;
}
.badge {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
min-width: 7rem;
height: 2.8rem;
color: #fff;
font-size: 1.4rem;
background-color: #6c6c6c;
border-radius: 4px;
}
.btn-file {
padding: 0;
min-height: auto;
}
.modal-area {
position: relative;
}
.modal-area .modal {
position: fixed;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%) scale(0);
transform: translate(-50%, -50%) scale(0);
opacity: 0;
z-index: 110;
-webkit-transition: 0.3s ease;
transition: 0.3s ease;
-webkit-box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.24);
box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.24);
background-color: #fff;
padding: 1.6rem;
width: 40rem;
font-weight: 500;
text-align: center;
}
.modal-area .modal.active {
-webkit-transform: translate(-50%, -50%) scale(1);
transform: translate(-50%, -50%) scale(1);
opacity: 1;
}
.modal-area .modal .modal__content {
margin-bottom: 2.4rem;
}
.modal-area .modal .modal__content .modal__content__title {
font-size: 2rem;
margin-top: 2.4rem;
margin-bottom: 1.6rem;
font-weight: 700;
text-align: left;
color: #1a1a1a;
}
.modal-area .modal .modal__content .modal__message {
font-weight: 700;
margin: 4.8rem 0;
}
.modal-area .modal .modal__content .paragraph-container {
border-top: 1px solid #e4e4e4;
border-bottom: 1px solid #e4e4e4;
padding: 1.6rem;
}
.modal-area .modal .modal__content .paragraph-container:not(:first-child) {
margin-top: -1px;
}
.modal-area .modal .modal__content .input-wrap .input {
width: 100%;
}
.modal-area .modal .modal__content .input-wrap .message-validate, .modal-area .modal .modal__content .input-wrap .label {
text-align: left;
}
.modal-area .modal .modal__footer {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.modal-area .modal .modal__footer .btn {
width: 100%;
font-size: 1.4rem;
font-weight: 700;
}
.modal-area .modal .modal__footer .btn:nth-child(2) {
margin-left: 0.8rem;
}
.modal-dim {
display: none;
position: fixed;
top: 0;
left: 0;
opacity: 0;
z-index: 100;
background: rgba(0, 0, 0, 0.3);
width: 100vw;
height: 100vh;
}
.modal-dim.active {
display: block;
opacity: 1;
}
.message-validate {
margin-top: 0.4rem;
font-size: 1.4rem;
color: #d25c27;
}
.color-font-warning {
color: #d25c27;
}
.color-font-emphasis {
color: #fd9c00;
}
.box-layer {
padding: 6.4rem;
background: #fff;
-webkit-box-shadow: 0px 8px 40px 0px rgba(0, 0, 0, 0.08);
box-shadow: 0px 8px 40px 0px rgba(0, 0, 0, 0.08);
}
.box-layer .box-layer__title {
margin-bottom: 4rem;
}
.btn-basic {
min-width: 12.8rem;
min-height: 4rem;
padding: 0;
background-color: #fff;
border: 1px solid #6c6c6c;
}
.btn-text, .btn-text-underline {
padding: 0;
min-height: auto;
}
.btn-text-underline {
-webkit-text-decoration: underline;
text-decoration: underline;
}
.btn-download {
position: relative;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
min-width: 32rem;
min-height: 4.8rem;
padding: 1.6rem;
font-weight: 700;
border: 1px solid #9d9d9d;
}
.btn-download:after {
top: 50%;
right: 1.6rem;
width: 2.4rem;
height: 2.4rem;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
position: absolute;
display: block;
content: "";
background-image: url(../assets/images/icon_btn-download.png);
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}
.video__list-wrap .video-wrap {
position: relative;
height: 0;
padding-bottom: 56.25%;
}
.video__list-wrap .video-wrap iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.video__list-wrap[data-type=list] {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.video__list-wrap[data-type=list] .video__list {
width: calc(50% - 1.6rem);
margin-top: 6.4rem;
}
.video__list-wrap[data-type=list] .video__list:nth-child(even) {
margin-left: 3.2rem;
}
.video__list-wrap[data-type=list] .video__list .title {
font: 300 1.6rem "SpoqaHanSansNeo", sans-serif;
font-size: 2.4rem;
font-weight: 700;
margin-bottom: 2.4rem;
padding-bottom: 2.4rem;
border-bottom: 1px solid #c7c7c7;
}
.video__list-wrap[data-type=list] .video__list .description {
margin-top: 1.6rem;
}
.video__list-wrap[data-type=list] .video__list .description + .description {
margin-top: 1.6rem;
}
.video__list-wrap[data-type=column] .video__list:not(:first-child) {
margin-top: 12rem;
}
.video__list-wrap[data-type=column] .video__list .order {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 8rem;
height: 8rem;
margin: 0 auto;
margin-bottom: 4rem;
color: #fff;
font: 300 1.6rem "Lato", sans-serif;
font-size: 3.6rem;
background-color: #3c3c3c;
border-radius: 100%;
}
.video__list-wrap[data-type=column] .video__list .title {
font-size: 3.2rem;
font-weight: 700;
line-height: 1.2;
}
.video__list-wrap[data-type=column] .video__list .description {
margin-top: 3.2rem;
font-size: 1.8rem;
}
.video__list-wrap[data-type=column] .video__list .img {
margin: 4.8rem 0;
}
.video__list-wrap[data-type=column] .video__list .video-wrap {
max-width: 96rem;
margin: 0 auto;
}
.bullet-notice {
color: #6c6c6c;
font-size: 1.4rem;
}
.search-bar-wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
}
.search-bar {
min-width: 33.6rem;
}
.btn-search-bar {
min-width: 12.8rem;
margin-left: 1.6rem;
}
.board[data-type=list] .board__header {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin-bottom: 1.6rem;
}
.board[data-type=list] .board__footer {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin-top: 1.6rem;
}
.board[data-type=list] .board__footer .pagination {
position: absolute;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
.board[data-type=list] .board__footer .btn-write {
width: 12.8rem;
min-height: 4rem;
margin-left: auto;
padding: 0;
font-weight: 700;
}
.board[data-type=view] .board__header {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.board[data-type=view] .board__header .board__title-wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-bottom: 3.2rem;
}
.board[data-type=view] .board__header .board__title-wrap .badge {
width: 7rem;
margin-right: 0.8rem;
}
.board[data-type=view] .board__header .board__title {
font-weight: 700;
}
.board[data-type=view] .board__header .board__info__list-wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding-bottom: 0.8rem;
border-bottom: 1px solid #c7c7c7;
}
.board[data-type=view] .board__header .board__info__list + .board__info__list {
margin-left: 3.2rem;
}
.board[data-type=view] .board__header .board__info__list .name {
margin-right: 0.8rem;
font-weight: 700;
}
.board[data-type=view] .board__header .board__info__list.board__info__list-date {
margin-left: auto;
}
.board[data-type=view] .board__content {
padding: 4rem 3.2rem;
}
.board[data-type=view] .board__footer {
padding-top: 1.6rem;
border-top: 1px solid #c7c7c7;
}
.board[data-type=view] .board__footer .board__footer__util {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.board[data-type=view] .board__footer .board__footer__util .btn-wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.board[data-type=view] .board__footer .board__footer__util .btn-wrap .btn:first-child {
margin-right: 0.8rem;
}
.board[data-type=view] .board__footer .btn-list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 100%;
min-height: 6.4rem;
margin-top: 8rem;
color: #1a1a1a;
font-weight: 700;
text-align: center;
background-color: #fff;
border-color: #9d9d9d;
}
.board[data-type=write] .board__header {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.board[data-type=write] .board__header .input-wrap {
width: calc(50% - 1.6rem);
margin-top: 4rem;
}
.board[data-type=write] .board__header .input-wrap:nth-child(1), .board[data-type=write] .board__header .input-wrap:nth-child(2) {
margin-top: 0;
}
.board[data-type=write] .board__header .input-wrap:nth-child(even) {
margin-left: 3.2rem;
}
.board[data-type=write] .board__header .input-wrap > .input, .board[data-type=write] .board__header .input-wrap > .select {
width: 100%;
}
.board[data-type=write] .board__content .textarea {
margin: 4rem auto;
}
.board[data-type=write] .board__footer .btn-wrap {
margin-top: 4rem;
}
.board[data-type=write] .board__footer .input-file-wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.board[data-type=write] .board__footer .input-file-wrap .input-file {
width: calc(100% - 12.8rem);
background-color: #fff;
}
.board[data-type=write] .board__footer .input-file-wrap .btn-file {
margin-left: 0.8rem;
}
.board[data-type=write] .board__footer .input-file-wrap .btn-file:hover {
color: #fff;
}
.board[data-type=write] .board__footer .bullet-notice {
margin-top: 2.4rem;
margin-bottom: 6.4rem;
}
.board[data-type=write] .board__footer .btn-submit {
margin-left: 2.4rem;
}
.board[data-type=write] input[type=radio]:last-of-type {
margin-left: 15rem;
}
.table {
width: 100%;
text-align: center;
}
.table th, .table td {
vertical-align: middle;
padding-left: 0.8rem;
padding-right: 0.8rem;
}
.table .thead {
height: 5.6rem;
border-top: 1px solid #1a1a1a;
border-bottom: 1px solid #1a1a1a;
}
.table .thead .tr {
font-weight: 700;
}
.table .thead .th-title {
text-align: left;
}
.table .tbody {
height: 8rem;
}
.table .tbody .td {
min-height: 8rem;
border-bottom: 1px solid #c7c7c7;
}
.table .tbody .td.td-title {
height: 8rem;
text-align: left;
}
.table .tbody .td.td-file .icon-file {
display: block;
width: 2.4rem;
height: 2.4rem;
margin: 0 auto;
background-image: url(../assets/images/icon_board-list_file.png);
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}
.pagination {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.pagination .btn {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 3.2rem;
height: 3.2rem;
min-height: 3.2rem;
padding: 0;
color: #6c6c6c;
background-color: #fff;
border: 1px solid rgba(0, 0, 0, 0);
}
.pagination .btn:not(:first-child) {
margin-left: 0.8rem;
}
.pagination .btn.btn-page-current {
color: #1a1a1a;
border-color: #c7c7c7;
}
.pagination .btn.btn-next-end {
background-image: url(../assets/images/icon_pagination-next-end.png);
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}
.pagination .btn.btn-next {
background-image: url(../assets/images/icon_pagination-next.png);
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}
.pagination .btn.btn-prev-end {
background-image: url(../assets/images/icon_pagination-prev-end.png);
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}
.pagination .btn.btn-prev {
background-image: url(../assets/images/icon_pagination-prev.png);
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}
.comment {
margin-top: 4rem;
padding: 3.2rem 2.4rem;
background-color: #f8f8f8;
}
.comment .comment__list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.comment .comment__list .comment-status {
margin-right: 1.6rem;
}
.term {
height: 24rem;
padding: 2.4rem;
overflow-y: scroll;
color: #6c6c6c;
font-size: 1.6rem;
line-height: 200%;
border: 1px solid #e4e4e4;
}
.message-wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
padding-top: 18rem;
padding-bottom: 18rem;
border-top: 1px solid #e4e4e4;
border-bottom: 1px solid #e4e4e4;
}
.message-wrap .message {
margin-bottom: 2.4rem;
}
.page.header-mobile-style #header {
position: fixed;
top: 0;
left: 0;
z-index: 100;
width: 100%;
height: 6.4rem;
background-color: #fff;
}
.page.header-mobile-style #header .header__viewer {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 1.6rem 3.2rem;
width: 100%;
border-bottom: 1px solid #ececec;
}
.page.header-mobile-style #header .header__viewer .header__logo {
z-index: 10;
width: 13.3rem;
height: 2.8rem;
background-image: url(../assets/images/logo-black.png);
background-repeat: no-repeat;
background-position: center;
background-size: contain;
}
.page.header-mobile-style #header .header__viewer .header__logo .link {
display: block;
height: 100%;
}
.page.header-mobile-style #header .header__viewer .btn-drawer {
width: 3.2rem;
height: 3.2rem;
background-color: rgba(0, 0, 0, 0);
background-image: url(../assets/images/icon_drawer-menu-black.png);
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}
.page.header-mobile-style #header .header__drawer-pannel {
position: fixed;
top: 0;
right: -102%;
z-index: 10;
width: 100vw;
height: 100vh;
background-color: #fff;
-webkit-transition: 0.3s ease;
transition: 0.3s ease;
}
.page.header-mobile-style #header .header__drawer-pannel.active {
right: 0;
}
.page.header-mobile-style #header .header__drawer-pannel .pannel__header {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
height: 6.4rem;
padding: 1.6rem;
border-bottom: 1px solid #e4e4e4;
}
.page.header-mobile-style #header .header__drawer-pannel .pannel__header .after-login {
margin-right: auto;
}
.page.header-mobile-style #header .header__drawer-pannel .pannel__header .btn-lang {
min-height: 2.4rem;
padding: 0.4rem 1.2rem;
border-color: rgba(0, 0, 0, 0);
color: #9d9d9d;
}
.page.header-mobile-style #header .header__drawer-pannel .pannel__header .btn-lang:last-child {
margin-left: 0.8rem;
}
.page.header-mobile-style #header .header__drawer-pannel .pannel__header .btn-lang.active {
border-color: #e8e8e8;
color: #3c3c3c;
}
.page.header-mobile-style #header .header__drawer-pannel .pannel__header .btn-drawer-close {
width: 3.2rem;
height: 3.2rem;
background-color: rgba(0, 0, 0, 0);
background-image: url(../assets/images/icon_drawer-menu-close.png);
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}
.page.header-mobile-style #header .header__drawer-pannel .pannel__content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
height: calc(100% - 6.4rem);
}
.page.header-mobile-style #header .header__drawer-pannel .pannel__content .accordion {
width: 100%;
margin: 0;
padding-left: 2.4rem;
}
.page.header-mobile-style #header .header__drawer-pannel .pannel__content .btn-util {
padding: 2.4rem 2.4rem 4rem;
}
.page.header-mobile-style #header .header__drawer-pannel .pannel__content .btn-util .btn-wrap {
margin-top: 0.8rem;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: auto;
}
.page.header-mobile-style #header .header__drawer-pannel .pannel__content .btn-util .btn-wrap > * {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 0 8px;
}
.page.header-mobile-style #header .header__drawer-pannel .pannel__content .btn-util .btn-wrap > *:first-child {
padding-left: 0;
}
.page.header-mobile-style #header .header__drawer-pannel .pannel__content .btn-util .btn-wrap > * + *:before {
position: absolute;
display: block;
content: "";
top: 50%;
left: 0;
width: 2px;
height: 1.6rem;
background-color: #d9d9d9;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.page.header-mobile-style #header .header__drawer-pannel .single-link .accordion__header .header__menu {
color: #1a1a1a !important;
}
.page.header-mobile-style #header .header__drawer-pannel .single-link .accordion__header::after {
display: none;
}
.page.header-mobile-style.isPC .header__drawer-pannel {
width: calc(100vw - 2.4rem);
}
.page.header-pc-style #header {
position: fixed;
top: 0;
left: 0;
z-index: 100;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
width: 100%;
}
.page.header-pc-style #header .header-inner {
position: relative;
width: 119.4rem;
margin: 0 auto;
}
.page.header-pc-style #header .header__logo {
position: absolute;
top: 2.9rem;
left: 6.4rem;
z-index: 10;
width: 22.8rem;
height: 4.8rem;
background-image: url(../assets/images/logo-black.png);
background-repeat: no-repeat;
background-position: center;
background-size: contain;
}
.page.header-pc-style #header .header__logo.active {
background-image: url(../assets/images/logo.png);
}
.page.header-pc-style #header .header__logo .anchor {
display: block;
width: 100%;
height: 100%;
}
.page.header-pc-style #header .header__util {
position: absolute;
top: 3.4rem;
right: 6.4rem;
}
.page.header-pc-style #header .header__util .link-wrap {
position: absolute;
top: 0.5rem;
right: 16rem;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.page.header-pc-style #header .header__util .link-wrap .link + .link {
margin-left: 4rem;
}
.page.header-pc-style #header .header__util .after-login {
line-height: 1.2;
position: absolute;
padding-right: 2rem;
right: 15rem;
background-image: url(../assets/images/icon_after-login.png);
background-repeat: no-repeat;
background-position: center right;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
}
.page.header-pc-style #header .header__nav {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 100%;
height: 10rem;
margin-left: auto;
overflow: hidden;
color: #000;
background-color: #fff;
-webkit-transition: 0.3s ease;
transition: 0.3s ease;
border-bottom: 1px solid #ececec;
}
.page.header-pc-style #header .header__nav:before {
position: absolute;
display: block;
content: "";
top: 10rem;
width: 100%;
height: 1px;
background-color: #d9d9d9;
}
.page.header-pc-style #header .header__nav.active {
height: 30rem;
color: #1a1a1a;
background-color: #fff;
}
.page.header-pc-style #header .header__nav.active:before {
background-color: rgba(217, 217, 217, 0.2);
}
.page.header-pc-style #header .header__nav.active .header__logo {
background-image: url(../assets/images/logo-black.png);
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}
.page.header-pc-style #header .header__menu {
position: absolute;
top: 3.7rem;
font-weight: 700;
font-size: 2rem;
}
.page.header-pc-style #header .header__menu__list-wrap {
position: absolute;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
height: 100%;
overflow: hidden;
-webkit-transition: 0.3s ease-in-out;
transition: 0.3s ease-in-out;
}
.page.header-pc-style #header .header__menu__list-wrap.active {
color: #1a1a1a;
}
.page.header-pc-style #header .header__menu__list-wrap.active .header__menu {
color: #1a1a1a;
}
.page.header-pc-style #header .header__menu__list-wrap:hover, .page.header-pc-style #header .header__menu__list-wrap.focus, .page.header-pc-style #header .header__menu__list-wrap:focus {
height: 40rem;
}
.page.header-pc-style #header .header__menu__list-wrap:hover::before, .page.header-pc-style #header .header__menu__list-wrap.focus::before, .page.header-pc-style #header .header__menu__list-wrap:focus::before {
height: 40rem;
}
.page.header-pc-style #header .header__menu__list-wrap .header__menu__list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 16rem;
height: 100%;
}
.page.header-pc-style #header .header__submenu-wrap {
position: absolute;
top: 13rem;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.page.header-pc-style #header .header__submenu-wrap .header__submenu__list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
width: 12rem;
font-weight: 300;
font-size: 1.8rem;
text-align: center;
}
.page.header-pc-style #header .header__submenu-wrap .header__submenu__list:not(:first-child) {
margin-top: 2.4rem;
}
.page.header-pc-style #header .header__submenu-wrap .header__submenu__list:hover {
font-weight: 700;
}
.page.header-pc-style #header .header__submenu-wrap .header__submenu__list .link {
font: 300 1.6rem "SpoqaHanSansNeo", sans-serif;
line-height: 100%;
}
.page.header-pc-style #header .header__submenu-wrap .header__submenu__list .link:hover {
font-weight: 700;
}
.page.header-pc-style #header #langSwitch {
position: absolute;
top: 0.5rem;
right: 6.4rem;
width: 5.4rem;
height: 2.8rem;
overflow: hidden;
color: #1a1a1a;
border: 1px solid #6c6c6c;
border-radius: 18px;
cursor: pointer;
-webkit-transition: 0.3s ease;
transition: 0.3s ease;
}
.page.header-pc-style #header #langSwitch.on {
color: #fff;
background-color: rgba(0, 0, 0, 0);
border-color: #fff;
}
.page.header-pc-style #header #langSwitch.active {
height: 5.2rem;
background-color: #fff;
}
.page.header-pc-style #header #langSwitch.active:before {
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
.page.header-pc-style #header #langSwitch.on.active {
background-color: #000;
}
.page.header-pc-style #header #langSwitch .select__list {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
height: 2.6rem;
font-weight: 300;
font-size: 1.6rem;
}
.page.header-pc-style #header #langSwitch .select__list:not(:first-of-type)::before {
position: absolute;
display: block;
content: "";
top: 0;
left: 50%;
width: 80%;
height: 1px;
background-color: #9d9d9d;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
.page.page-home #header .header__logo {
width: 19rem;
height: 4rem;
background-image: url(../assets/images/logo-black.png);
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}
.page.page-home #header #langSwitch.active {
background-color: rgba(0, 0, 0, 0);
}
.page.page-home #fp-nav {
height: 60rem;
margin-top: -17rem;
z-index: 99;
}
.page.page-home #fp-nav.left {
left: 4rem;
}
.page.page-home #fp-nav.active ul li a span {
background-color: rgba(255, 255, 255, 0.4);
}
.page.page-home #fp-nav.active ul li a.active span {
background-color: #fff;
}
.page.page-home #fp-nav.active ul li a:after {
color: #fff;
}
.page.page-home #fp-nav ul {
position: relative;
height: 100%;
}
.page.page-home #fp-nav ul li {
position: relative;
width: 12rem;
height: 12rem;
margin: 0;
}
.page.page-home #fp-nav ul li a span {
top: auto !important;
top: initial !important;
left: auto !important;
left: initial !important;
width: 2px !important;
margin: 0 !important;
}
.page.page-home #fp-nav ul li a span {
height: 12rem;
background: rgba(0, 0, 0, 0.4);
border-radius: 0;
}
.page.page-home #fp-nav ul li a.active span {
background-color: #000;
}
.page.page-home #fp-nav ul li a:after {
position: absolute;
top: 0;
left: -1rem;
position: absolute;
display: block;
content: "";
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
color: #1a1a1a;
opacity: 0;
-webkit-transition: 0.3s ease;
transition: 0.3s ease;
font: 300 1.6rem "Lato", sans-serif;
font-size: 1.4rem;
}
.page.page-home #fp-nav ul li a.active:after {
opacity: 1;
}
.page.page-home #fp-nav ul li:nth-child(1) a:after {
content: "HOME";
top: 9px;
left: 0;
}
.page.page-home #fp-nav ul li:nth-child(2) a:after {
content: "ABOUT CAST";
top: 30px;
left: -16px;
}
.page.page-home #fp-nav ul li:nth-child(3) a:after {
content: "CAST DIFFERENCE";
top: 42px;
left: -32px;
}
.page.page-home #fp-nav ul li:nth-child(4) a:after {
content: "CAST FEATURES";
top: 35px;
left: -25px;
}
.page.page-home #fp-nav ul li:nth-child(5) a:after {
content: "WAGLE MEDIA";
top: 35px;
left: -22px;
}
.page.page-home #fp-nav ul li:last-child {
display: none;
}
.page.page-home .section {
position: relative;
color: #fff;
}
.page.page-home .section .section__title-wrap {
position: absolute;
}
.page.page-home .section .section__title-wrap .btn {
width: 24rem;
min-height: 4.8rem;
margin-top: 4rem;
color: #fff;
}
.page.page-home .section .section__title {
font-weight: 700;
font-size: 6.4rem;
line-height: 1.2;
letter-spacing: -2.56px;
}
.page.page-home .section .section__description {
margin-top: 1.6rem;
font-size: 2.4rem;
text-transform: uppercase;
}
.page.page-home #section1 .swiper-main, .page.page-home #section1 .swiper-wrapper {
height: 100%;
}
.page.page-home #section1 .swiper-pagination {
bottom: 6.4rem;
}
.page.page-home #section1 .swiper-pagination .swiper-pagination-bullet {
width: 1.6rem;
height: 1.6rem;
margin: 0 1rem;
background-color: #d9d9d9;
}
.page.page-home #section1 .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
background-color: #1a1a1a;
}
.page.page-home #section1 .swiper-slide {
position: relative;
color: #1a1a1a;
background-color: #fff;
}
.page.page-home #section1 .swiper-slide .btn {
color: #1a1a1a;
border-color: #333;
}
.page.page-home #section1 .section__title-wrap {
position: relative;
z-index: 1;
top: 50%;
left: 20rem;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.page.page-home #section1 #slide-main-1 {
background-image: url(../assets/images/main-section1_visual1.png);
background-repeat: no-repeat;
background-position: 100% 9rem;
background-size: 58%;
}
.page.page-home #section1 #slide-main-1 .img {
background-image: url(../assets/images/main-section1_visual1-item.png);
background-repeat: no-repeat;
background-position: center;
background-size: cover;
width: 46.3rem;
height: 48rem;
position: absolute;
right: 24rem;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.page.page-home #section1 #slide-main-2 {
background-image: url(../assets/images/main-section1_visual2.png);
background-repeat: no-repeat;
background-position: 96% 50%;
background-size: 50%;
}
.page.page-home #section1 #slide-main-2 .section__description + .str {
font-size: 2rem;
}
.page.page-home #section1 #slide-main-3 {
background-image: url(../assets/images/main-section1_visual3.png);
background-repeat: no-repeat;
background-position: right;
background-size: contain;
}
.page.page-home #section2 .swiper, .page.page-home #section2 .swiper-wrapper {
height: 100%;
}
.page.page-home #section2 .swiper-slide {
position: relative;
}
.page.page-home #section2 #slide1 {
background-image: url(../assets/images/main-section2_visual-1.png);
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}
.page.page-home #section2 #slide2 {
background-image: url(../assets/images/main-section2_visual-2.png);
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}
.page.page-home #section2 #slide3 {
background-image: url(../assets/images/main-section2_visual-3.png);
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}
.page.page-home #section2 #slide4 {
background-image: url(../assets/images/main-section2_visual-4.png);
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}
.page.page-home #section2 .section__title-wrap {
top: 50%;
left: 25.6rem;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.page.page-home #section2 .item-wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.page.page-home #section3 {
background-image: url(../assets/images/home-section-4-poster.jpg);
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}
.page.page-home #section3 .section__title-wrap {
top: 16rem;
left: 20rem;
}
.page.page-home #section3 .part {
position: absolute;
bottom: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.page.page-home #section3 .part .part__name {
position: absolute;
top: calc(50% - 1rem);
left: calc(-50% - 2.6rem);
width: 100%;
font-size: 1.4rem;
border-top: 1px solid #fff;
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
}
.page.page-home #section3 .part .part__item-wrap {
-webkit-transition: 0.5s linear;
transition: 0.5s linear;
}
.page.page-home #section3 .part .part__item + .part__item {
margin-top: 4.8rem;
}
.page.page-home #section3 .part .part__item .part__item__title {
margin-bottom: 1.6rem;
font-size: 4rem;
line-height: 100%;
}
.page.page-home #section3 .part .part__item .part__item__description {
color: rgba(255, 255, 255, 0.5);
}
.page.page-home #section3 .part .part__item .part__item__description * + * {
margin-top: 0.4rem;
}
.page.page-home #section3 .part-1 {
left: 74.7rem;
width: calc((100vh - 10rem) / 2);
height: calc((100vh - 10rem) / 2);
}
.page.page-home #section3 .part-1 .item-1 .part__item__description {
font-size: 2rem;
}
.page.page-home #section3 .part-1 .item-1 .part__item__object-wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin: 4rem auto 4.8rem;
}
.page.page-home #section3 .part-1 .item-1 .part__item__object-wrap > *:first-child {
margin-right: 3.2rem;
}
.page.page-home #section3 .part-1 .item-1 .part__item__object {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 12.8rem;
height: 12.8rem;
text-align: center;
background-color: rgba(217, 217, 217, 0.15);
}
.page.page-home #section3 .part-1 .item-1 .part__item__object .name {
position: absolute;
bottom: 0.8rem;
font-weight: 300;
font-size: 1.4rem;
}
.page.page-home #section3 .part-1 .item-1 .part__item__object .value {
bottom: 0.8rem;
font-weight: 700;
font-size: 3rem;
}
.page.page-home #section3 .part-1 .item-1 .part__item__object .value .num {
font-size: 4rem;
}
.page.page-home #section3 .part-2 {
left: 117.7rem;
width: calc(100vh - 10rem - 6rem);
height: calc(100vh - 10rem - 6rem);
}
.page.page-home #section3 .part-2 .part__item-wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.page.page-home #section4 .item-area {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.page.page-home #section4 .item-row {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
height: 50vh;
}
.page.page-home #section4 .item {
position: relative;
overflow: hidden;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
width: 50%;
text-align: center;
-webkit-transition: 0.3s ease;
transition: 0.3s ease;
}
.page.page-home #section4 .item:hover {
width: 100%;
}
.page.page-home #section4 .item:hover .item-top {
top: 10%;
}
.page.page-home #section4 .item:hover .item-top .title {
font-size: 4rem;
}
.page.page-home #section4 .item:hover .item-top .description {
font-size: 3.2rem;
}
.page.page-home #section4 .item:hover .item-bottom {
opacity: 1;
bottom: 10%;
}
.page.page-home #section4 .item:hover .background-dim {
display: none;
}
.page.page-home #section4 .item:hover .background {
display: block;
}
.page.page-home #section4 .item .item-top, .page.page-home #section4 .item .item-bottom {
position: absolute;
}
.page.page-home #section4 .item .item-top {
top: 40%;
-webkit-transition: 0.5s ease;
transition: 0.5s ease;
}
.page.page-home #section4 .item .item-bottom {
opacity: 0;
bottom: -100%;
-webkit-transition: 0.4s ease;
transition: 0.4s ease;
}
.page.page-home #section4 .item .item-bottom .str {
margin-top: 2.8rem;
font-size: 2.4rem;
font-weight: 700;
}
.page.page-home #section4 .item .background {
display: none;
}
.page.page-home #section4 .item .background, .page.page-home #section4 .item .background-dim {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
-webkit-transition: 0.3s ease;
transition: 0.3s ease;
}
.page.page-home #section4 .item .title {
font-size: 4.8rem;
font-weight: 700;
margin-bottom: 0.8rem;
-webkit-transition: 0.3s ease;
transition: 0.3s ease;
}
.page.page-home #section4 .item .description {
font-size: 3.6rem;
font-weight: 300;
}
.page.page-home #section4 .item .img {
height: 16vh;
width: auto;
}
.page.page-home #section4 .item-1 .background {
background-image: url(../assets/images/section4_item-1_bg.png);
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}
.page.page-home #section4 .item-1 .background-dim {
background-image: url(../assets/images/section4_item-1_bg_dim.png);
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}
.page.page-home #section4 .item-2 .background {
background-image: url(../assets/images/section4_item-2_bg.png);
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}
.page.page-home #section4 .item-2 .background-dim {
background-image: url(../assets/images/section4_item-2_bg_dim.png);
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}
.page.page-home #section4 .item-3 .background {
background-image: url(../assets/images/section4_item-3_bg.png);
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}
.page.page-home #section4 .item-3 .background-dim {
background-image: url(../assets/images/section4_item-3_bg_dim.png);
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}
.page.page-home #section4 .item-4 .background {
background-image: url(../assets/images/section4_item-4_bg.png);
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}
.page.page-home #section4 .item-4 .background-dim {
background-image: url(../assets/images/section4_item-4_bg_dim.png);
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}
.page.page-home #section5 {
background-image: url(../assets/images/main-section5.png);
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}
.page.page-home #section5 #myVideo {
position: absolute;
top: 0;
right: 0;
right: 0;
bottom: 0;
z-index: 3;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
background-color: #000;
background-position: center center;
background-size: 100% 100%;
background-size: contain;
}
.page.page-home #section5 .section__title-wrap {
top: 50%;
left: 25.6rem;
z-index: 11;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.page.page-home-mobile #content .fp-tableCell {
vertical-align: top;
}
.page.page-home-mobile #content .section {
position: relative;
z-index: 0;
padding: 0 3.2rem;
color: #fff;
min-height: 100vh;
}
.page.page-home-mobile #content .section .section__title-wrap {
margin-top: 10rem;
}
.page.page-home-mobile #content .section .section__title {
font-weight: 700;
}
.page.page-home-mobile #content .section .section__description {
margin-top: 1.6rem;
}
.page.page-home-mobile #content .section .btn-more {
position: absolute;
bottom: 4rem;
left: 50%;
width: calc(100% - 6.4rem);
color: #fff;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
.page.page-home-mobile #content #section1 {
color: #1a1a1a;
padding: 0;
}
.page.page-home-mobile #content #section1 .section__title, .page.page-home-mobile #content #section1 .section__description {
padding: 0 3.2rem;
letter-spacing: -1.12px;
}
.page.page-home-mobile #content #section1 .section__title {
font-size: 2.8rem;
}
.page.page-home-mobile #content #section1 .section__description {
font-size: 1.4rem;
background-color: #fff;
}
.page.page-home-mobile #content #section1 .swiper-pagination {
bottom: 1rem;
}
.page.page-home-mobile #content #section1 .swiper-pagination-bullet {
width: 1.2rem;
height: 1.2rem;
margin: 0 0.8rem;
background-color: #d9d9d9;
}
.page.page-home-mobile #content #section1 .swiper-pagination-bullet.swiper-pagination-bullet-active {
background-color: #1a1a1a;
}
.page.page-home-mobile #content #section1 .swiper-slide {
background-position: center bottom !important;
}
.page.page-home-mobile #content #section1 .swiper-slide {
position: relative;
height: 100vh;
background-color: #fff;
}
.page.page-home-mobile #content #section1 .swiper-slide .btn {
width: calc(100% - 4.8rem) !important;
}
.page.page-home-mobile #content #section1 .swiper-slide .btn {
position: absolute;
bottom: 4rem;
border: 1px solid #1a1a1a;
background: #fff;
font-size: 1.4rem;
font-family: "Lato", sans-serif;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
.page.page-home-mobile #content #section1 #slide-main-1 {
background-image: url(../assets/images/m_main-section1_visual1.png);
background-repeat: no-repeat;
background-position: center;
background-size: contain;
}
.page.page-home-mobile #content #section1 #slide-main-1 .img {
position: relative;
display: block;
overflow: hidden;
width: 100%;
background-image: url(../assets/images/main-section1_visual1_object.png);
background-repeat: no-repeat;
background-position: center bottom;
background-size: auto;
position: absolute;
bottom: 10%;
}
.page.page-home-mobile #content #section1 #slide-main-1 .img:before {
position: relative;
display: block;
content: "";
padding-top: 104.347826087%;
}
.page.page-home-mobile #content #section1 #slide-main-1 .str-wrap {
position: relative;
z-index: 1;
}
.page.page-home-mobile #content #section1 #slide-main-2 {
background-position: center 70% !important;
}
.page.page-home-mobile #content #section1 #slide-main-2 {
background-image: url(../assets/images/m_main-section1_visual2.png);
background-repeat: no-repeat;
background-position: center;
background-size: contain;
}
.page.page-home-mobile #content #section1 #slide-main-3 {
background-position: center 70% !important;
}
.page.page-home-mobile #content #section1 #slide-main-3 {
background-image: url(../assets/images/m_main-section1_visual3.png);
background-repeat: no-repeat;
background-position: center;
background-size: contain;
}
.page.page-home-mobile #content #section2 {
background-image: url(../assets/images/main-section-mobile-2.png);
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}
.page.page-home-mobile #content #section3 {
padding: 0;
}
.page.page-home-mobile #content #section3 .section__title-wrap {
position: absolute;
z-index: 10;
left: 3.2rem;
}
.page.page-home-mobile #content #section3 .swiper-pagination {
bottom: 10%;
}
.page.page-home-mobile #content #section3 .swiper-pagination-bullet {
width: 1.2rem;
height: 1.2rem;
margin: 0 0.8rem;
background-color: rgba(255, 255, 255, 0.5);
}
.page.page-home-mobile #content #section3 .swiper-pagination-bullet.swiper-pagination-bullet-active {
background-color: #fff;
}
.page.page-home-mobile #content #section3 .swiper {
position: relative;
top: 0;
left: 0;
height: 100vh;
}
.page.page-home-mobile #content #section3 .swiper .swiper-slide {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.page.page-home-mobile #content #section3 .swiper .item-wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 0 2rem;
}
.page.page-home-mobile #content #section3 .swiper .item-wrap .title {
font-size: 3.2rem;
margin-bottom: 1.6rem;
font-weight: 700;
}
.page.page-home-mobile #content #section3 .swiper .item-wrap .img {
max-width: 100%;
height: auto;
display: block;
margin: 3.2rem auto;
}
.page.page-home-mobile #content #section3 #slide-diff-1 {
background-image: url(../assets/images/m_main-section3_slide-1_bg.png);
background-repeat: no-repeat;
background-position: 0 0;
background-size: cover;
}
.page.page-home-mobile #content #section3 #slide-diff-2 {
background-image: url(../assets/images/m_main-section3_slide-2_bg.png);
background-repeat: no-repeat;
background-position: 0 0;
background-size: cover;
}
.page.page-home-mobile #content #section3 #slide-diff-3 {
background-image: url(../assets/images/m_main-section3_slide-3_bg.png);
background-repeat: no-repeat;
background-position: 0 0;
background-size: cover;
}
.page.page-home-mobile #content #section3 #slide-diff-4 {
background-image: url(../assets/images/m_main-section3_slide-4_bg.png);
background-repeat: no-repeat;
background-position: 0 0;
background-size: cover;
}
.page.page-home-mobile #content #section3 .btn-more {
z-index: 10;
}
.page.page-home-mobile #content #section4 {
background-image: url(../assets/images/home-section-4-poster.jpg);
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}
.page.page-home-mobile #content #section4 .part {
position: relative;
bottom: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
margin-top: 6.4rem;
}
.page.page-home-mobile #content #section4 .part .part__name {
width: 100%;
margin-bottom: 2.4rem;
padding-bottom: 0.8rem;
font-size: 1.4rem;
border-bottom: 1px solid #fff;
}
.page.page-home-mobile #content #section4 .part .part__item + .part__item {
margin-top: 4.8rem;
}
.page.page-home-mobile #content #section4 .part .part__item .part__item__title {
margin-bottom: 1.6rem;
font-weight: 700;
line-height: 100%;
}
.page.page-home-mobile #content #section4 .part .part__item .part__item__description * + * {
margin-top: 1.6rem;
}
.page.page-home-mobile #content #section4 .part-1 {
left: 0;
width: calc((100vh - 10rem) / 2);
}
.page.page-home-mobile #content #section4 .part-1 .item-1 .part__item__description {
font-size: 2rem;
}
.page.page-home-mobile #content #section4 .part-1 .item-1 .part__item__object-wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin: 2.4rem auto 3.2rem;
}
.page.page-home-mobile #content #section4 .part-1 .item-1 .part__item__object-wrap > *:first-child {
margin-right: 3.2rem;
}
.page.page-home-mobile #content #section4 .part-1 .item-1 .part__item__object {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 8rem;
height: 8rem;
text-align: center;
background-color: rgba(217, 217, 217, 0.15);
}
.page.page-home-mobile #content #section4 .part-1 .item-1 .part__item__object .name {
position: absolute;
bottom: 0.8rem;
font-weight: 300;
font-size: 1.2rem;
}
.page.page-home-mobile #content #section4 .part-1 .item-1 .part__item__object .value {
font-weight: 700;
}
.page.page-home-mobile #content #section4 .part-1 .item-1 .part__item__object .value .num {
font-size: 2.8rem;
}
.page.page-home-mobile #content #section4 .part-2 {
left: 0;
width: 100%;
padding-bottom: 6.4rem;
}
.page.page-home-mobile #content #section4 .part-2 .part__item-wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.page.page-home-mobile #content #section4 .btn-more {
position: relative;
width: 100%;
}
.page.page-home-mobile #content #section5 {
background-image: url(../assets/images/main-section-mobile-5.png);
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}
.page.page-home-mobile #content #section5 .section__title-wrap {
position: relative;
}
.page.page-sub #header {
border-bottom: 1px solid #ececec;
}
.page.page-sub #content {
margin-top: 10rem;
margin-bottom: 20rem;
}
.page.page-sub .section + .section {
margin-top: 12rem;
}
.page.page-sub .content__header {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
min-height: 64rem;
margin-bottom: 12rem;
color: #fff;
line-height: 150%;
text-align: center;
}
.page.page-sub .content__header .content__header__category {
font: 300 1.6rem "Lato", sans-serif;
font-size: 3.2rem;
font-weight: 300;
}
.page.page-sub .content__header .content__header__title {
font: 300 1.6rem "Lato", sans-serif;
margin-top: 3.2rem;
padding-top: 3.2rem;
font-size: 4.8rem;
border-top: 1px solid rgba(255, 255, 255, 0.4);
font-weight: 700;
}
.page.page-sub .content__body {
margin: 12rem auto 20rem;
background-color: #fff;
}
.page.page-sub .content__title-wrap {
margin-bottom: 12rem;
}
.page.page-sub .content__title-wrap .content__title {
margin-bottom: 4rem;
}
.page.page-sub .content__title {
margin-bottom: 6.4rem;
font: 300 1.6rem "SpoqaHanSansNeo", sans-serif;
font-size: 3.6rem;
font-weight: 700;
}
.page.page-sub .content__description {
font: 300 1.6rem "SpoqaHanSansNeo", sans-serif;
font-size: 1.8rem;
font-weight: 300;
line-height: 180%;
}
#page-sign-up, #page-find-password, #page-login {
background-color: #f8f8f8;
}
#page-sign-up #content, #page-find-password #content, #page-login #content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
min-height: calc(100vh - 6.4rem);
padding: 12rem 0;
margin-bottom: 0;
}
#page-sign-up #content .box-layer, #page-find-password #content .box-layer, #page-login #content .box-layer {
width: 60.8rem;
}
#page-sign-up #content .btn-submit, #page-find-password #content .btn-submit, #page-login #content .btn-submit {
margin-top: 4rem;
font-weight: 700;
font-size: 1.8rem;
}
#page-sign-up #content .input-group .input-util, #page-find-password #content .input-group .input-util, #page-login #content .input-group .input-util {
width: calc(100% - (12.8rem + 16px));
}
#page-sign-up #content .btn-wrap, #page-find-password #content .btn-wrap, #page-login #content .btn-wrap {
margin-top: 0.8rem;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: auto;
}
#page-sign-up #content .btn-wrap > *, #page-find-password #content .btn-wrap > *, #page-login #content .btn-wrap > * {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 0 8px;
}
#page-sign-up #content .btn-wrap > *:first-child, #page-find-password #content .btn-wrap > *:first-child, #page-login #content .btn-wrap > *:first-child {
padding-left: 0;
}
#page-sign-up #content .btn-wrap > * + *:before, #page-find-password #content .btn-wrap > * + *:before, #page-login #content .btn-wrap > * + *:before {
position: absolute;
display: block;
content: "";
top: 50%;
left: 0;
width: 2px;
height: 1.6rem;
background-color: #d9d9d9;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
#page-sign-up .checkbox-wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
#page-sign-up .checkbox-wrap .checkbox {
margin-right: 0.8rem;
}
#page-sign-up .term-wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
#page-sign-up .term-wrap:not(:first-child) {
margin-top: 1.6rem;
}
#page-sign-up .btn-term {
-webkit-text-decoration: underline;
text-decoration: underline;
color: #6c6c6c;
font-size: 1.4rem;
font: 300 1.6rem "SpoqaHanSansNeo", sans-serif;
background-color: rgba(0, 0, 0, 0);
margin-left: auto;
}
#page-intro-production .content__header {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
min-height: 98rem;
text-align: left;
background-image: url(../assets/images/visual-1.png);
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}
#page-intro-production .content__header .layout-container > .item-wrap .img {
width: 46.5rem;
height: 48rem;
}
#page-intro-production .content__header .description {
margin-bottom: 6.4rem;
}
#page-intro-production .content__header .item-wrap .img {
width: 46.5rem;
min-width: 46.5rem;
height: 48rem;
}
#page-intro-production .content__header .item-wrap .item__list-wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
#page-intro-production .content__header .item-wrap .item__list-wrap .item__list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
width: calc(25% - 5rem);
margin-left: 4rem;
}
#page-intro-production .content__header .item-wrap .item__list-wrap .item__list:first-child {
margin-left: 0;
}
#page-intro-production .content__header .item-wrap .item__list-wrap .item__list .str {
margin-top: 1.6rem;
font-size: 1.6rem;
color: #fff;
text-align: center;
}
#page-intro-production .content__header .item-wrap .item__list-wrap .item__list .icon-wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 12rem;
min-width: 12rem;
height: 12rem;
min-height: 12rem;
border-radius: 1.6rem;
background: rgba(255, 255, 255, 0.2);
}
#page-intro-production .content__header .item-wrap .item__list-wrap .item__list .icon {
width: 8rem;
height: 8rem;
}
#page-intro-production .content__header .item-wrap .item__list-wrap:nth-of-type(1) .item__list:nth-child(1) .icon {
background-image: url(../assets/images/page-introduce_section1_item-1.png);
background-repeat: no-repeat;
background-position: center;
background-size: contain;
}
#page-intro-production .content__header .item-wrap .item__list-wrap:nth-of-type(1) .item__list:nth-child(2) .icon {
background-image: url(../assets/images/page-introduce_section1_item-2.png);
background-repeat: no-repeat;
background-position: center;
background-size: contain;
}
#page-intro-production .content__header .item-wrap .item__list-wrap:nth-of-type(1) .item__list:nth-child(3) .icon {
background-image: url(../assets/images/page-introduce_section1_item-3.png);
background-repeat: no-repeat;
background-position: center;
background-size: contain;
}
#page-intro-production .content__header .item-wrap .item__list-wrap:nth-of-type(1) .item__list:nth-child(4) .icon {
background-image: url(../assets/images/page-introduce_section1_item-4.png);
background-repeat: no-repeat;
background-position: center;
background-size: contain;
}
#page-intro-production .content__header .item-wrap .item__list-wrap:nth-of-type(2) {
margin-top: 4rem;
}
#page-intro-production .content__header .item-wrap .item__list-wrap:nth-of-type(2) .item__list:nth-child(1) .icon {
background-image: url(../assets/images/page-introduce_section1_item-5.png);
background-repeat: no-repeat;
background-position: center;
background-size: contain;
}
#page-intro-production .content__header .item-wrap .item__list-wrap:nth-of-type(2) .item__list:nth-child(2) .icon {
background-image: url(../assets/images/page-introduce_section1_item-6.png);
background-repeat: no-repeat;
background-position: center;
background-size: contain;
}
#page-intro-production .content__header .item-wrap .item__list-wrap:nth-of-type(2) .item__list:nth-child(3) .icon {
background-image: url(../assets/images/page-introduce_section1_item-7.png);
background-repeat: no-repeat;
background-position: center;
background-size: contain;
}
#page-intro-production .content__header .item-wrap .item__list-wrap:nth-of-type(2) .item__list:nth-child(4) {
margin-bottom: 0;
}
#page-intro-production .content__header .item-wrap .item__list-wrap:nth-of-type(2) .item__list:nth-child(4) .icon {
background-image: url(../assets/images/page-introduce_section1_item-8.png);
background-repeat: no-repeat;
background-position: center;
background-size: contain;
}
#page-intro-production .content__body .item__list {
border-radius: 1.6rem;
background-color: #f8f8f8;
}
#page-intro-production .section:not(:nth-of-type(1)) {
margin-top: 16rem;
}
#page-intro-production .section__title {
font-size: 5.6rem;
margin-bottom: 8rem;
line-height: 1.4;
}
#page-intro-production .section__description {
text-align: center;
font-size: 2.4rem;
margin-top: 4rem;
}
#page-intro-production .section-uses .item__list-wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
#page-intro-production .section-uses .item__list {
position: relative;
display: block;
overflow: hidden;
width: 100%;
width: calc(33.3333333333% - 1.6rem);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-right: 2.4rem;
margin-top: 2.4rem;
}
#page-intro-production .section-uses .item__list:before {
position: relative;
display: block;
content: "";
padding-top: 52.3560209424%;
}
#page-intro-production .section-uses .item__list:nth-child(1), #page-intro-production .section-uses .item__list:nth-child(2), #page-intro-production .section-uses .item__list:nth-child(3) {
margin-top: 0;
}
#page-intro-production .section-uses .item__list:nth-child(3n) {
margin-right: 0;
}
#page-intro-production .section-uses .item__list:nth-child(1) {
background-image: url(../assets/images/page-introduce_section-2_item-1.png);
background-repeat: no-repeat;
background-position: center;
background-size: auto;
}
#page-intro-production .section-uses .item__list:nth-child(2) {
background-image: url(../assets/images/page-introduce_section-2_item-2.png);
background-repeat: no-repeat;
background-position: center;
background-size: auto;
}
#page-intro-production .section-uses .item__list:nth-child(3) {
background-image: url(../assets/images/page-introduce_section-2_item-3.png);
background-repeat: no-repeat;
background-position: center;
background-size: auto;
}
#page-intro-production .section-uses .item__list:nth-child(4) {
background-image: url(../assets/images/page-introduce_section-2_item-4.png);
background-repeat: no-repeat;
background-position: center;
background-size: auto;
}
#page-intro-production .section-uses .item__list:nth-child(5) {
background-image: url(../assets/images/page-introduce_section-2_item-5.png);
background-repeat: no-repeat;
background-position: center;
background-size: auto;
}
#page-intro-production .section-uses .item__list:nth-child(6) {
background-image: url(../assets/images/page-introduce_section-2_item-6.png);
background-repeat: no-repeat;
background-position: center;
background-size: auto;
}
#page-intro-production .section-uses .item__list:nth-child(7) {
background-image: url(../assets/images/page-introduce_section-2_item-7.png);
background-repeat: no-repeat;
background-position: center;
background-size: auto;
}
#page-intro-production .section-uses .item__list:nth-child(8) {
background-image: url(../assets/images/page-introduce_section-2_item-8.png);
background-repeat: no-repeat;
background-position: center;
background-size: auto;
}
#page-intro-production .section-uses .item__list:nth-child(9) {
background-image: url(../assets/images/page-introduce_section-2_item-9.png);
background-repeat: no-repeat;
background-position: center;
background-size: auto;
}
#page-intro-production .section-car-type .item__list-wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
#page-intro-production .section-car-type .item__list {
position: relative;
display: block;
overflow: hidden;
width: 100%;
width: calc(25% - 1.8rem);
background-color: #f8f8f8;
border: 1.6rem;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-right: 2.4rem;
margin-top: 2.4rem;
}
#page-intro-production .section-car-type .item__list:before {
position: relative;
display: block;
content: "";
padding-top: 57.1428571429%;
}
#page-intro-production .section-car-type .item__list:nth-child(1), #page-intro-production .section-car-type .item__list:nth-child(2), #page-intro-production .section-car-type .item__list:nth-child(3), #page-intro-production .section-car-type .item__list:nth-child(4) {
margin-top: 0;
}
#page-intro-production .section-car-type .item__list:nth-child(4n) {
margin-right: 0;
}
#page-intro-production .section-car-type .item__list:nth-child(1) {
background-image: url(../assets/images/page-introduce_section-3_item-1.png);
background-repeat: no-repeat;
background-position: center;
background-size: auto;
}
#page-intro-production .section-car-type .item__list:nth-child(2) {
background-image: url(../assets/images/page-introduce_section-3_item-2.png);
background-repeat: no-repeat;
background-position: center;
background-size: auto;
}
#page-intro-production .section-car-type .item__list:nth-child(3) {
background-image: url(../assets/images/page-introduce_section-3_item-3.png);
background-repeat: no-repeat;
background-position: center;
background-size: auto;
}
#page-intro-production .section-car-type .item__list:nth-child(4) {
background-image: url(../assets/images/page-introduce_section-3_item-4.png);
background-repeat: no-repeat;
background-position: center;
background-size: auto;
}
#page-intro-production .section-car-type .item__list:nth-child(5) {
background-image: url(../assets/images/page-introduce_section-3_item-5.png);
background-repeat: no-repeat;
background-position: center;
background-size: auto;
}
#page-intro-production .section-car-type .item__list:nth-child(6) {
background-image: url(../assets/images/page-introduce_section-3_item-6.png);
background-repeat: no-repeat;
background-position: center;
background-size: auto;
}
#page-intro-production .section-car-type .item__list:nth-child(7) {
background-image: url(../assets/images/page-introduce_section-3_item-7.png);
background-repeat: no-repeat;
background-position: center;
background-size: auto;
}
#page-intro-production .section-car-type .item__list:nth-child(8) {
background-image: url(../assets/images/page-introduce_section-3_item-8.png);
background-repeat: no-repeat;
background-position: center;
background-size: auto;
}
#page-intro-production .section-car-type .item__list:nth-child(9) {
background-image: url(../assets/images/page-introduce_section-3_item-9.png);
background-repeat: no-repeat;
background-position: center;
background-size: auto;
}
#page-intro-production .section-car-type .item__list:nth-child(10) {
background-image: url(../assets/images/page-introduce_section-3_item-10.png);
background-repeat: no-repeat;
background-position: center;
background-size: auto;
}
#page-intro-production .section-car-type .item__list:nth-child(11) {
background-image: url(../assets/images/page-introduce_section-3_item-11.png);
background-repeat: no-repeat;
background-position: center;
background-size: auto;
}
#page-intro-production .section-car-type .item__list:nth-child(12) {
background-image: url(../assets/images/page-introduce_section-3_item-12.png);
background-repeat: no-repeat;
background-position: center;
background-size: auto;
}
#page-intro-production .section-car-type .item__list:nth-child(13) {
background-image: url(../assets/images/page-introduce_section-3_item-13.png);
background-repeat: no-repeat;
background-position: center;
background-size: auto;
}
#page-intro-production .section-car-type .item__list:nth-child(14) {
background-image: url(../assets/images/page-introduce_section-3_item-14.png);
background-repeat: no-repeat;
background-position: center;
background-size: auto;
}
#page-intro-production .section-car-type .item__list:nth-child(15) {
background-image: url(../assets/images/page-introduce_section-3_item-15.png);
background-repeat: no-repeat;
background-position: center;
background-size: auto;
}
#page-intro-production .section-car-type .item__list:nth-child(16) {
background-image: url(../assets/images/page-introduce_section-3_item-16.png);
background-repeat: no-repeat;
background-position: center;
background-size: auto;
}
#page-intro-production .section-car-type .item__list:nth-child(17) {
background-image: url(../assets/images/page-introduce_section-3_item-17.png);
background-repeat: no-repeat;
background-position: center;
background-size: auto;
}
#page-intro-production .section-car-type .item__list:nth-child(18) {
background-image: url(../assets/images/page-introduce_section-3_item-18.png);
background-repeat: no-repeat;
background-position: center;
background-size: auto;
}
#page-intro-production .section-car-type .item__list:nth-child(19) {
background-image: url(../assets/images/page-introduce_section-3_item-19.png);
background-repeat: no-repeat;
background-position: center;
background-size: auto;
}
#page-intro-production .section-car-type .item__list:nth-child(20) {
background-image: url(../assets/images/page-introduce_section-3_item-20.png);
background-repeat: no-repeat;
background-position: center;
background-size: auto;
}
#page-intro-production .section-performance .item__list-wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
#page-intro-production .section-performance .item__list {
position: relative;
display: block;
overflow: hidden;
width: 100%;
width: calc(50% - 1.2rem);
background-color: #f8f8f8;
border: 1.6rem;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
#page-intro-production .section-performance .item__list:before {
position: relative;
display: block;
content: "";
padding-top: 68.3760683761%;
}
#page-intro-production .section-performance .item__list:nth-child(2) {
margin-left: 2.4rem;
}
#page-intro-production .section-performance .item__list:nth-child(1) {
background-image: url(../assets/images/page-introduce_section-4_item-1.png);
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}
#page-intro-production .section-performance .item__list:nth-child(2) {
background-image: url(../assets/images/page-introduce_section-4_item-2.png);
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}
#page-intro-production .section-scalability .item__list-wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin-top: 12rem;
color: #1a1a1a;
text-align: center;
}
#page-intro-production .section-scalability .item__list-wrap .item__list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
background-color: transparent;
background-color: initial;
}
#page-intro-production .section-scalability .item__list-wrap .item__list .img {
position: relative;
display: block;
overflow: hidden;
width: 100%;
}
#page-intro-production .section-scalability .item__list-wrap .item__list .img:before {
position: relative;
display: block;
content: "";
padding-top: 100%;
}
#page-intro-production .section-scalability .item__list-wrap .item__list:nth-child(1) .img {
background-image: url(../assets/images/page-introduce_section-5_item-1.png);
background-repeat: no-repeat;
background-position: center;
background-size: auto;
}
#page-intro-production .section-scalability .item__list-wrap .item__list:nth-child(2) .img {
background-image: url(../assets/images/page-introduce_section-5_item-2.png);
background-repeat: no-repeat;
background-position: center;
background-size: auto;
}
#page-intro-production .section-scalability .item__list-wrap .item__list:nth-child(3) .img {
background-image: url(../assets/images/page-introduce_section-5_item-3.png);
background-repeat: no-repeat;
background-position: center;
background-size: auto;
}
#page-intro-production .section-scalability .item__list-wrap .item__list:nth-child(4) .img {
background-image: url(../assets/images/page-introduce_section-5_item-4.png);
background-repeat: no-repeat;
background-position: center;
background-size: auto;
}
#page-intro-production .section-scalability .item__list-wrap .item__list .img {
width: 17.4rem;
height: 17.4rem;
background-color: #f8f8f8;
border-radius: 16px;
}
#page-intro-production .section-scalability .item__list-wrap .item__list .title {
margin-top: 4rem;
margin-bottom: 2.4rem;
font-weight: 700;
font-size: 2rem;
}
#page-intro-production .section-scalability .item__list-wrap .item__list .description {
font-size: 1.4rem;
}
#page-intro-production .section-scalability .banner-wrap {
margin-top: 12rem;
}
#page-intro-production-cast-diff .content__header, #page-intro-production-features .content__header {
background-image: url(../assets/images/visual-1.png);
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}
#page-intro-production-cast-diff .section, #page-intro-production-features .section {
text-align: center;
}
#page-wagle-store.isMobile .item-visual {
background-image: url(../assets/images/wagle-store_item-visual-mobile.png);
}
#page-wagle-store .content__header {
background-image: url(../assets/images/visual-2.png);
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}
#page-wagle-store .section__title {
margin-bottom: 6.4rem;
}
#page-wagle-store .item-visual {
min-height: 56rem;
margin-bottom: 12rem;
padding: 6.4rem;
background-image: url(../assets/images/wagle-store_item-visual.png);
background-repeat: no-repeat;
background-position: center;
background-size: cover;
background-position: right bottom;
background-color: #f8f8f8;
-webkit-transition: 0.3s ease;
transition: 0.3s ease;
background-size: 100%;
}
#page-wagle-store .item-visual:hover {
background-size: 120%;
}
#page-wagle-store .item-visual .sub-title {
font-weight: 700;
font-size: 1.8rem;
}
#page-wagle-store .item-visual .title {
margin-top: 3.2rem;
margin-bottom: 4.8rem;
font-weight: 700;
font-size: 10rem;
line-height: 100%;
}
#page-wagle-store .item-visual .btn-wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
#page-wagle-store .item-visual .btn-wrap .btn {
min-width: 16rem;
min-height: 4.8rem;
font-size: 1.6rem;
}
#page-wagle-store .item-visual .btn-wrap .btn:first-child {
margin-right: 1.6rem;
}
#page-wagle-store .item__list-wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
}
#page-wagle-store .item__list {
width: 33.3333333333%;
}
#page-wagle-store .item__list:not(:first-child) {
margin-left: 1.6rem;
}
#page-wagle-store .item__list:nth-child(1) .img {
background-image: url(../assets/images/wagle-store_item-1.png);
background-repeat: no-repeat;
background-position: center;
background-size: 100%;
}
#page-wagle-store .item__list:nth-child(2) .img {
background-image: url(../assets/images/wagle-store_item-2.png);
background-repeat: no-repeat;
background-position: center;
background-size: 100%;
}
#page-wagle-store .item__list:nth-child(3) .img {
background-image: url(../assets/images/wagle-store_item-3.png);
background-repeat: no-repeat;
background-position: center;
background-size: 100%;
}
#page-wagle-store .item__list .img {
position: relative;
display: block;
overflow: hidden;
width: 100%;
-webkit-transition: 0.3s ease;
transition: 0.3s ease;
}
#page-wagle-store .item__list .img:before {
position: relative;
display: block;
content: "";
padding-top: 74.0740740741%;
}
#page-wagle-store .item__list .img:hover {
background-size: 120%;
}
#page-wagle-store .item__list .title {
margin-top: 2.4rem;
font-size: 2rem;
}
#page-wagle-store .item__list .description {
font-size: 2rem;
}
#page-wagle-store-view .product {
padding-top: 8rem;
padding-left: 2.4rem;
padding-right: 2.4rem;
}
#page-wagle-store-view .product-bottom {
margin-top: 8rem;
}
#page-wagle-store-view .product-bottom .tablist {
margin-bottom: 4rem;
}
#page-wagle-store-view .part {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
#page-wagle-store-view .part:not(:first-child) {
margin-top: 8rem;
padding-top: 8rem;
border-top: 1px solid #d9d9d9;
}
#page-wagle-store-view .part-left, #page-wagle-store-view .part-right {
position: relative;
}
#page-wagle-store-view .part-left {
width: 50%;
margin-right: 4.8rem;
}
#page-wagle-store-view .part-right {
width: 50%;
}
#page-wagle-store-view .part-left {
margin-right: 6.4rem;
}
#page-wagle-store-view .part-left .swiper-pagination-wrap {
bottom: 1rem;
left: 2rem;
}
#page-wagle-store-view .part-left .swiper-container {
width: 100%;
}
#page-wagle-store-view .part-left .swiper-slide-container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
height: 100%;
margin: auto;
background-position: center;
background-repeat: no-repeat;
background-color: #f8f8f8;
}
#page-wagle-store-view .part-left .gallery-top {
width: 100%;
height: 59.7rem;
}
#page-wagle-store-view .part-left .gallery-thumbs {
margin-top: 2.8rem;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
#page-wagle-store-view .part-left .gallery-thumbs .swiper-slide {
width: 20%;
height: 100%;
border: 1px solid #f8f8f8;
}
#page-wagle-store-view .part-left .gallery-thumbs .swiper-slide .swiper-slide-container {
padding: 2.4rem;
}
#page-wagle-store-view .part-left .gallery-thumbs .swiper-slide-active {
border-color: #6c6c6c;
}
#page-wagle-store-view .part-right .product__name {
font: 300 1.6rem "SpoqaHanSansNeo", sans-serif;
font-size: 2.4rem;
font-weight: 700;
margin-bottom: 2.4rem;
}
#page-wagle-store-view .part-right .category, #page-wagle-store-view .part-right .label {
color: #3c3c3c;
font-weight: 700;
}
#page-wagle-store-view .part-right .category {
padding-bottom: 0.8rem;
margin-bottom: 2.4rem;
border-bottom: 1px solid #c7c7c7;
}
#page-wagle-store-view .part-right .select-area {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
#page-wagle-store-view .part-right .select-area > * {
width: calc(50% - 0.8rem);
margin-top: 2.4rem;
}
#page-wagle-store-view .part-right .select-area > *:nth-child(even) {
margin-left: 1.6rem;
}
#page-wagle-store-view .part-right .select-area > *:nth-child(1), #page-wagle-store-view .part-right .select-area > *:nth-child(2) {
margin-top: 0;
}
#page-wagle-store-view .part-right .select-area .input-select-wrap .select {
width: 100%;
}
#page-wagle-store-view .part-right .product__order-info__optional {
margin-top: 4rem;
}
#page-wagle-store-view .part-right .product__order-info__total-price {
margin-top: 4rem;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
height: 5.6rem;
padding: 0 1.6rem;
background-color: #f3f4f5;
font-weight: 700;
}
#page-wagle-store-view .part-right .cta-btn-wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-top: 1.6rem;
}
#page-wagle-store-view .part-right .cta-btn-wrap button {
width: 100%;
}
#page-wagle-store-view .part-right .cta-btn-wrap button:first-child {
margin-right: 1.6rem;
}
#page-cs-download .content__header {
background-image: url(../assets/images/visual-3.png);
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}
#page-cs-download .item__list-wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
#page-cs-download .item__list {
position: relative;
width: 50%;
min-height: 30rem;
}
#page-cs-download .item__list:nth-child(even) {
margin-left: 3.2rem;
}
#page-cs-download .item__list .title {
margin-bottom: 2.4rem;
padding-bottom: 2.4rem;
border-bottom: 1px solid #c7c7c7;
}
#page-cs-download .item__list .description + .bullet-notice {
margin-top: 2.4rem;
}
#page-cs-download .item__list .btn-download {
position: absolute;
bottom: 0;
}
#page-cs-guide .content__header {
background-image: url(../assets/images/visual-3.png);
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}
#page-cs-guide .section__title {
line-height: 100%;
}
#page-cs-guide .section-caution .section__title {
margin-bottom: 6.4rem;
}
#page-cs-guide .section-caution .item__list-wrap {
line-height: 200%;
}
#page-cs-guide .video__list-wrap[data-type=list] .video__list .title {
height: 10rem;
}
#page-cs-qna-list .content__header {
background-image: url(../assets/images/visual-4.png);
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}
#page-cs-qna-view .content__header {
background-image: url(../assets/images/visual-4.png);
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}
#page-cs-qna-write .content__header {
background-image: url(../assets/images/visual-4.png);
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}
#page-partnership-local .content__body .str-area, #page-partnership-global .content__body .str-area {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
#page-partnership-local .content__body .str-wrap, #page-partnership-global .content__body .str-wrap {
width: calc(50% - 1.6rem);
margin-top: 8.8rem;
}
#page-partnership-local .content__body .str-wrap:nth-child(1), #page-partnership-local .content__body .str-wrap:nth-child(2), #page-partnership-global .content__body .str-wrap:nth-child(1), #page-partnership-global .content__body .str-wrap:nth-child(2) {
margin-top: 0;
}
#page-partnership-local .content__body .str-wrap:nth-child(even), #page-partnership-global .content__body .str-wrap:nth-child(even) {
margin-left: 3.2rem;
}
#page-partnership-local .content__body .str-wrap .title, #page-partnership-global .content__body .str-wrap .title {
margin-bottom: 2.4rem;
padding-bottom: 2.4rem;
border-bottom: 1px solid #c7c7c7;
font: 300 1.6rem "SpoqaHanSansNeo", sans-serif;
font-size: 2.4rem;
font-weight: 700;
}
#page-partnership-local .content__body .str-wrap .item__list-wrap, #page-partnership-global .content__body .str-wrap .item__list-wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
min-height: 4.4rem;
}
#page-partnership-local .content__body .str-wrap .item__list, #page-partnership-global .content__body .str-wrap .item__list {
position: relative;
width: 50%;
margin-bottom: 0.5rem;
padding-left: 1rem;
}
#page-partnership-local .content__body .str-wrap .item__list::before, #page-partnership-global .content__body .str-wrap .item__list::before {
position: absolute;
display: block;
content: "-";
left: 0;
}
#page-partnership-local .content__body .str-wrap .item__list.no-style, #page-partnership-global .content__body .str-wrap .item__list.no-style {
padding-left: 0;
}
#page-partnership-local .content__body .str-wrap .item__list.no-style::before, #page-partnership-global .content__body .str-wrap .item__list.no-style::before {
display: none;
}
#page-partnership-local .content__body .str-wrap .process__list-wrap, #page-partnership-global .content__body .str-wrap .process__list-wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
#page-partnership-local .content__body .str-wrap .process__list, #page-partnership-global .content__body .str-wrap .process__list {
position: relative;
margin-right: 6rem;
border: 1px solid #d9d9d9;
height: 96px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-weight: 700;
margin-top: 3.2rem;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
text-align: center;
}
#page-partnership-local .content__body .str-wrap .process__list span, #page-partnership-global .content__body .str-wrap .process__list span {
font-size: 1.4rem;
}
#page-partnership-local .content__body .str-wrap .process__list:last-child::after, #page-partnership-global .content__body .str-wrap .process__list:last-child::after {
display: none;
}
#page-partnership-local .content__body .str-wrap .process__list:after, #page-partnership-global .content__body .str-wrap .process__list:after {
position: absolute;
display: block;
content: "";
width: 1.2rem;
height: 2.4rem;
background-image: url(../assets/images/icon_process.png);
background-repeat: no-repeat;
background-position: center;
background-size: cover;
right: -3.6rem;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
#page-partnership-local .content__body .btn-wrap, #page-partnership-global .content__body .btn-wrap {
width: 50%;
}
#page-partnership-local .content__header {
background-image: url(../assets/images/visual-5.png);
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}
#page-partnership-local .business__list-wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
#page-partnership-local .business__list {
width: 22rem;
height: 11.3rem;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
text-align: center;
border: 1px solid #d9d9d9;
font-size: 1.6rem;
font-weight: 700;
}
#page-partnership-local .business__list:not(:first-of-type) {
margin-left: 2.4rem;
}
#page-partnership-local .process__list {
width: calc(25% - 6rem);
}
#page-partnership-global .process__list {
width: calc(33.3333333333% - 6rem);
}
#page-partnership-global .content__header {
background-image: url(../assets/images/visual-6.png);
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}
#page-partnership-proposal .content__header {
background-image: url(../assets/images/visual-8.png);
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}
#page-intro-company .section .section__title {
line-height: 100%;
}
#page-intro-company .content__header {
background-image: url(../assets/images/visual-7.png);
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}
#page-intro-company .content__description {
font: 300 1.6rem "SpoqaHanSansNeo", sans-serif;
font-size: 1.8rem;
font-weight: 300;
line-height: 180%;
}
#page-intro-company .section-wagle-intro-1 .section__title, #page-intro-company .section-wagle-intro-2 .section__title, #page-intro-company .section-wagle-intro-3 .section__title, #page-intro-company .section-wagle-intro-4 .section__title, #page-intro-company .section-wagle-intro-5 .section__title {
font-size: 6.4rem;
}
#page-intro-company .section-wagle-intro-1 .section__title {
margin-bottom: 4.8rem;
}
#page-intro-company .section-wagle-intro-1 .item-wrap .img {
background-image: url(../assets/images/page-intro-company_visual-1.png);
background-repeat: no-repeat;
background-position: center;
background-size: cover;
position: relative;
display: block;
overflow: hidden;
width: 100%;
margin-right: 3.2rem;
width: 50%;
}
#page-intro-company .section-wagle-intro-1 .item-wrap .img:before {
position: relative;
display: block;
content: "";
padding-top: 129.4871794872%;
}
#page-intro-company .section-wagle-intro-1 .item-wrap .str-wrap {
width: 50%;
}
#page-intro-company .section-wagle-intro-1 .item-wrap .str-wrap .subtitle {
font: 300 1.6rem "SpoqaHanSansNeo", sans-serif;
font-size: 2.4rem;
font-weight: 700;
font-weight: 700;
margin-top: 7.2rem;
margin-bottom: 1.6rem;
}
#page-intro-company .section-wagle-intro-2 .section__title {
margin-bottom: 4rem;
}
#page-intro-company .section-wagle-intro-2 .item-wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-bottom: 8rem;
}
#page-intro-company .section-wagle-intro-2 .item-wrap .str-wrap {
width: 50%;
}
#page-intro-company .section-wagle-intro-2 .item-wrap .img {
width: 50%;
background-image: url(../assets/images/page-intro-company_visual-2.png);
background-repeat: no-repeat;
background-position: center;
background-size: cover;
position: relative;
display: block;
overflow: hidden;
width: 100%;
}
#page-intro-company .section-wagle-intro-2 .item-wrap .img:before {
position: relative;
display: block;
content: "";
padding-top: 44.9925261584%;
}
#page-intro-company .section-wagle-intro-2 .item__list-wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
#page-intro-company .section-wagle-intro-2 .item__list {
position: relative;
display: block;
overflow: hidden;
width: 100%;
width: calc(20% - 2.4rem);
border: 1px solid #d9d9d9;
margin-right: 2.4rem;
margin-top: 2.4rem;
}
#page-intro-company .section-wagle-intro-2 .item__list:before {
position: relative;
display: block;
content: "";
padding-top: 51.3636363636%;
}
#page-intro-company .section-wagle-intro-2 .item__list:nth-child(5n) {
margin-right: 0;
}
#page-intro-company .section-wagle-intro-2 .item-customer, #page-intro-company .section-wagle-intro-2 .item-partner {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
#page-intro-company .section-wagle-intro-2 .item-customer .item__list:nth-child(1) {
background-image: url(../assets/images/page-intro-company_customer-list-1.png);
background-repeat: no-repeat;
background-position: center;
background-size: auto;
}
#page-intro-company .section-wagle-intro-2 .item-customer .item__list:nth-child(2) {
background-image: url(../assets/images/page-intro-company_customer-list-2.png);
background-repeat: no-repeat;
background-position: center;
background-size: auto;
}
#page-intro-company .section-wagle-intro-2 .item-customer .item__list:nth-child(3) {
background-image: url(../assets/images/page-intro-company_customer-list-3.png);
background-repeat: no-repeat;
background-position: center;
background-size: auto;
}
#page-intro-company .section-wagle-intro-2 .item-customer .item__list:nth-child(4) {
background-image: url(../assets/images/page-intro-company_customer-list-4.png);
background-repeat: no-repeat;
background-position: center;
background-size: auto;
}
#page-intro-company .section-wagle-intro-2 .item-customer .item__list:nth-child(5) {
background-image: url(../assets/images/page-intro-company_customer-list-5.png);
background-repeat: no-repeat;
background-position: center;
background-size: auto;
}
#page-intro-company .section-wagle-intro-2 .item-customer .item__list:nth-child(6) {
background-image: url(../assets/images/page-intro-company_customer-list-6.png);
background-repeat: no-repeat;
background-position: center;
background-size: auto;
}
#page-intro-company .section-wagle-intro-2 .item-customer .item__list:nth-child(7) {
background-image: url(../assets/images/page-intro-company_customer-list-7.png);
background-repeat: no-repeat;
background-position: center;
background-size: auto;
}
#page-intro-company .section-wagle-intro-2 .item-customer .item__list:nth-child(8) {
background-image: url(../assets/images/page-intro-company_customer-list-8.png);
background-repeat: no-repeat;
background-position: center;
background-size: auto;
}
#page-intro-company .section-wagle-intro-2 .item-customer .item__list:nth-child(9) {
background-image: url(../assets/images/page-intro-company_customer-list-9.png);
background-repeat: no-repeat;
background-position: center;
background-size: auto;
}
#page-intro-company .section-wagle-intro-2 .item-customer .item__list:nth-child(10) {
background-image: url(../assets/images/page-intro-company_customer-list-10.png);
background-repeat: no-repeat;
background-position: center;
background-size: auto;
}
#page-intro-company .section-wagle-intro-2 .item-partner .item__list:nth-child(1) {
background-image: url(../assets/images/page-intro-company_partner-list-1.png);
background-repeat: no-repeat;
background-position: center;
background-size: auto;
}
#page-intro-company .section-wagle-intro-2 .item-partner .item__list:nth-child(2) {
background-image: url(../assets/images/page-intro-company_partner-list-2.png);
background-repeat: no-repeat;
background-position: center;
background-size: auto;
}
#page-intro-company .section-wagle-intro-2 .item-partner .item__list:nth-child(3) {
background-image: url(../assets/images/page-intro-company_partner-list-3.png);
background-repeat: no-repeat;
background-position: center;
background-size: auto;
}
#page-intro-company .section-wagle-intro-2 .item-partner .item__list:nth-child(4) {
background-image: url(../assets/images/page-intro-company_partner-list-4.png);
background-repeat: no-repeat;
background-position: center;
background-size: auto;
}
#page-intro-company .section-wagle-intro-2 .item-partner .item__list:nth-child(5) {
background-image: url(../assets/images/page-intro-company_partner-list-5.png);
background-repeat: no-repeat;
background-position: center;
background-size: auto;
}
#page-intro-company .section-wagle-intro-2 .item-partner .item__list:nth-child(6) {
background-image: url(../assets/images/page-intro-company_partner-list-6.png);
background-repeat: no-repeat;
background-position: center;
background-size: auto;
}
#page-intro-company .section-wagle-intro-2 .item-partner .item__list:nth-child(7) {
background-image: url(../assets/images/page-intro-company_partner-list-7.png);
background-repeat: no-repeat;
background-position: center;
background-size: auto;
}
#page-intro-company .section-wagle-intro-2 .item-partner .item__list:nth-child(8) {
background-image: url(../assets/images/page-intro-company_partner-list-8.png);
background-repeat: no-repeat;
background-position: center;
background-size: auto;
}
#page-intro-company .section-wagle-intro-2 .item-partner .item__list:nth-child(9) {
background-image: url(../assets/images/page-intro-company_partner-list-9.png);
background-repeat: no-repeat;
background-position: center;
background-size: auto;
}
#page-intro-company .section-wagle-intro-2 .item-partner .item__list:nth-child(10) {
background-image: url(../assets/images/page-intro-company_partner-list-10.png);
background-repeat: no-repeat;
background-position: center;
background-size: auto;
}
#page-intro-company .section-wagle-intro-2 .item-partner .item__list:nth-child(11) {
background-image: url(../assets/images/page-intro-company_partner-list-11.png);
background-repeat: no-repeat;
background-position: center;
background-size: auto;
}
#page-intro-company .section-wagle-intro-2 .item-partner .item__list:nth-child(12) {
background-image: url(../assets/images/page-intro-company_partner-list-12.png);
background-repeat: no-repeat;
background-position: center;
background-size: auto;
}
#page-intro-company .section-wagle-intro-2 .item-partner .item__list:nth-child(13) {
background-image: url(../assets/images/page-intro-company_partner-list-13.png);
background-repeat: no-repeat;
background-position: center;
background-size: auto;
}
#page-intro-company .section-wagle-intro-2 .item-partner .item__list:nth-child(14) {
background-image: url(../assets/images/page-intro-company_partner-list-14.png);
background-repeat: no-repeat;
background-position: center;
background-size: auto;
}
#page-intro-company .section-wagle-intro-2 .item-partner .item__list:nth-child(15) {
background-image: url(../assets/images/page-intro-company_partner-list-15.png);
background-repeat: no-repeat;
background-position: center;
background-size: auto;
}
#page-intro-company .section-wagle-intro-3 .section__title {
margin-bottom: 3.2rem;
}
#page-intro-company .section-wagle-intro-3 .subtitle {
font: 300 1.6rem "SpoqaHanSansNeo", sans-serif;
font-size: 3.6rem;
font-weight: 700;
margin-bottom: 7.6rem;
}
#page-intro-company .section-wagle-intro-3 .history-area {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
#page-intro-company .section-wagle-intro-3 .history-area .history-wrap {
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
border-left: 1px solid #fd9c00;
padding-bottom: 3.2rem;
}
#page-intro-company .section-wagle-intro-3 .history-area .history-wrap .history__list:not(:first-of-type) {
margin-top: 7.6rem;
}
#page-intro-company .section-wagle-intro-3 .history-area .history-wrap .history__list-title {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
font-size: 2.4rem;
color: #fd9c00;
border-radius: 4rem;
margin-bottom: 3.2rem;
border: 2px solid #fd9c00;
margin-left: 4rem;
width: 15.6rem;
height: 4.6rem;
font-weight: 700;
}
#page-intro-company .section-wagle-intro-3 .history-area .history-wrap .history__list-title:before {
position: absolute;
display: block;
content: "";
position: absolute;
left: -3rem;
width: 1.6rem;
height: 1px;
background-color: #fd9c00;
}
#page-intro-company .section-wagle-intro-3 .history-area .history-wrap .history-date__list-wrap {
margin-left: 4rem;
}
#page-intro-company .section-wagle-intro-3 .history-area .history-wrap .history-date__list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
#page-intro-company .section-wagle-intro-3 .history-area .history-wrap .history-date__list .date {
font-weight: 700;
margin-right: 1rem;
}
#page-intro-company .section-wagle-intro-4 .section__title {
margin-bottom: 4rem;
}
#page-intro-company .section-wagle-intro-4 .img {
background-image: url(../assets/images/page-intro-company_visual-3.png);
background-repeat: no-repeat;
background-position: center;
background-size: contain;
height: 82rem;
}
#page-intro-company .section-wagle-intro-5 {
background-image: url(../assets/images/page-intro-company_visual-4.png);
background-repeat: no-repeat;
background-position: center;
background-size: contain;
height: 79.5rem;
text-align: right;
}
#page-intro-company .section-wagle-intro-5 .str-wrap {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
padding: 3rem 0 0 8rem;
}
#page-intro-company .section-wagle-intro-5 .section__title {
margin-bottom: 3.2rem;
}
#page-intro-company .section-intro-company .section__title {
margin-bottom: 6.4rem;
}
#page-intro-company .section-intro-company .str-area {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
#page-intro-company .section-intro-company .str-wrap {
width: calc(50% - 3.2rem);
}
#page-intro-company .section-intro-company .str-wrap:nth-child(even) {
margin-left: 1.6rem;
}
#page-intro-company .section-intro-company .str-wrap .title {
margin-bottom: 2.4rem;
padding-bottom: 2.4rem;
border-bottom: 1px solid #c7c7c7;
font: 300 1.6rem "SpoqaHanSansNeo", sans-serif;
font-size: 2rem;
font-weight: 700;
}
#page-intro-company .section-corporate-identity .section__title {
margin-bottom: 6.4rem;
}
#page-intro-company .section-corporate-identity .item-wrap {
margin-top: 6.4rem;
}
#page-intro-company .section-corporate-identity .label {
color: #1a1a1a;
margin-bottom: 4rem;
}
#page-intro-company .section-corporate-identity .icon {
position: relative;
top: 2rem;
width: 4rem;
height: 4rem;
background-image: url(../assets/images/icon_plus.png);
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}
#page-intro-company .section-corporate-identity .wagle-message {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
#page-intro-company .section-corporate-identity .wagle-message .wagle-message-left {
margin-right: 4rem;
}
#page-intro-company .section-corporate-identity .wagle-message .wagle-message-right {
margin-left: 4rem;
}
#page-intro-company .section-corporate-identity .str-wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
text-align: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
#page-intro-company .section-corporate-identity .str-wrap .name {
font-size: 8rem;
font-weight: 700;
line-height: 1;
}
#page-intro-company .section-corporate-identity .str-wrap .meaning {
color: #3c3c3c;
margin-top: 3.2rem;
}
.page.page-sub.page-mypage #content {
min-height: calc(100vh - 6.4rem);
}
.page.page-sub.page-mypage .content__title {
padding-top: 8rem;
padding-bottom: 6.4rem;
color: #1a1a1a;
}
.page.page-sub.page-mypage .nav {
margin-bottom: 4.8rem;
}
.page.page-sub.page-mypage .nav .swiper {
width: 100%;
height: 3rem;
color: #1a1a1a;
}
.page.page-sub.page-mypage .nav .swiper .swiper-slide {
width: -webkit-fit-content !important;
width: -moz-fit-content !important;
width: fit-content !important;
}
.page.page-sub.page-mypage .nav .nav-link.active::before {
position: absolute;
display: block;
content: "";
position: absolute;
bottom: 0;
width: 100%;
margin-top: 0.8rem;
border-bottom: 2px solid #1a1a1a;
}
.page.page-sub.page-mypage .pagination {
margin-top: 4rem;
}
.page.page-sub.page-mypage .content__body {
margin: 0;
}
.page.page-sub.page-mypage .content__body .table-wrap {
overflow-y: scroll;
width: 100%;
}
.page.page-sub.page-mypage .content__body .table .btn {
padding: 0 0.8rem;
min-height: 2.8rem;
}
.page.page-sub.page-mypage .content__body .form {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.page.page-sub.page-mypage .content__body .form .input-wrap {
width: calc(50% - 1.6rem);
}
.page.page-sub.page-mypage .content__body .form .input-wrap:nth-child(1), .page.page-sub.page-mypage .content__body .form .input-wrap:nth-child(2) {
margin-top: 0;
}
.page.page-sub.page-mypage .content__body .form .input-wrap:nth-child(even) {
margin-left: 3.2rem;
}
body::after {
position: absolute;
z-index: -1;
width: 0;
height: 0;
overflow: hidden;
content: url(../assets/images/section4_item-1_bg.png) url(../assets/images/section4_item-2_bg.png) url(../assets/images/section4_item-3_bg.png) url(../assets/images/section4_item-4_bg.png);
}
.wrapper {
width: 119.4rem;
margin: 0 auto;
}
.section {
position: relative;
overflow: hidden;
}
.layout-container {
width: 119.4rem;
margin: 0 auto;
}
.input-wrap + .input-wrap {
margin-top: 4rem;
}
.background-video {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
video[poster] {
width: 100%;
height: 100%;
}
#footer {
position: relative;
padding: 4.8rem 0 8rem;
color: #3c3c3c;
line-height: 180%;
background-color: #fff;
border-top: 1px solid #ececec;
}
#footer .footer__logo {
width: 22.8rem;
height: 4.8rem;
background-image: url(../assets/images/logo-black.png);
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}
#footer .footer__info-wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
#footer .footer__info .item {
display: inline-block;
}
#footer .footer__info .item + .item {
margin-left: 1.6rem;
}
#footer .footer__info .item .name {
margin-right: 0.8rem;
font-weight: 700;
}
#footer .footer__copyright {
margin-top: 4rem;
}
.isPc #footer .contect {
display: block;
}
.isMobile #footer {
background-color: #f4f4f4;
padding-top: 3.2rem;
padding-bottom: 3.2rem;
}
.isMobile #footer .footer__logo {
display: none;
}
.isMobile #footer .str-wrap {
display: none !important;
}
.isMobile #footer .address-wrap .name {
display: none;
}
.isMobile #footer .address {
display: block;
}
.isMobile #footer .contect {
display: block;
}
.isMobile #footer .contect .str-wrap {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
}
.isMobile #footer .footer__copyright {
margin-top: 1.6rem;
}
.page-sub #header {
background-color: #fff;
}
.page-sub .header__logo {
background-image: url(../assets/images/logo-black.png) !important;
}
.page-sub .btn-drawer {
background-image: url(../assets/images/icon_drawer-menu-black.png) !important;
}
@media screen and (min-width: 320px) {
.h1 {
font-size: 3.2rem;
}
.h2 {
font-size: 3.2rem;
}
.h3 {
font-size: 2.4rem;
}
.h4 {
font-size: 2rem;
}
.h5 {
font-size: 1.6rem;
}
.h6 {
font-size: 3.2rem;
}
.board[data-type=view] .board__header .board__title {
font-size: 2rem;
}
.page.page-home-mobile #content .section .section__title {
font-size: 3.2rem;
}
.page.page-home-mobile #content .section .section__description {
font-size: 1.6rem;
}
.page.page-home-mobile #content #section4 .part .part__item .part__item__title {
font-size: 2.4rem;
}
}
@media only screen and (min-width: 41rem) {
.col-sm {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
-ms-flex-preferred-size: 0;
flex-basis: 0;
max-width: 100%;
padding: 0 1.6rem;
}
.col-sm-1 {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-ms-flex-preferred-size: 8.3333333333%;
flex-basis: 8.3333333333%;
max-width: 8.3333333333%;
padding: 0 1.6rem;
}
.col-sm-offset-1 {
margin-left: 8.3333333333%;
}
.col-sm-2 {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-ms-flex-preferred-size: 16.6666666667%;
flex-basis: 16.6666666667%;
max-width: 16.6666666667%;
padding: 0 1.6rem;
}
.col-sm-offset-2 {
margin-left: 16.6666666667%;
}
.col-sm-3 {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-ms-flex-preferred-size: 25%;
flex-basis: 25%;
max-width: 25%;
padding: 0 1.6rem;
}
.col-sm-offset-3 {
margin-left: 25%;
}
.col-sm-4 {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-ms-flex-preferred-size: 33.3333333333%;
flex-basis: 33.3333333333%;
max-width: 33.3333333333%;
padding: 0 1.6rem;
}
.col-sm-offset-4 {
margin-left: 33.3333333333%;
}
.col-sm-5 {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-ms-flex-preferred-size: 41.6666666667%;
flex-basis: 41.6666666667%;
max-width: 41.6666666667%;
padding: 0 1.6rem;
}
.col-sm-offset-5 {
margin-left: 41.6666666667%;
}
.col-sm-6 {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-ms-flex-preferred-size: 50%;
flex-basis: 50%;
max-width: 50%;
padding: 0 1.6rem;
}
.col-sm-offset-6 {
margin-left: 50%;
}
.col-sm-7 {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-ms-flex-preferred-size: 58.3333333333%;
flex-basis: 58.3333333333%;
max-width: 58.3333333333%;
padding: 0 1.6rem;
}
.col-sm-offset-7 {
margin-left: 58.3333333333%;
}
.col-sm-8 {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-ms-flex-preferred-size: 66.6666666667%;
flex-basis: 66.6666666667%;
max-width: 66.6666666667%;
padding: 0 1.6rem;
}
.col-sm-offset-8 {
margin-left: 66.6666666667%;
}
.col-sm-9 {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-ms-flex-preferred-size: 75%;
flex-basis: 75%;
max-width: 75%;
padding: 0 1.6rem;
}
.col-sm-offset-9 {
margin-left: 75%;
}
.col-sm-10 {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-ms-flex-preferred-size: 83.3333333333%;
flex-basis: 83.3333333333%;
max-width: 83.3333333333%;
padding: 0 1.6rem;
}
.col-sm-offset-10 {
margin-left: 83.3333333333%;
}
.col-sm-11 {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-ms-flex-preferred-size: 91.6666666667%;
flex-basis: 91.6666666667%;
max-width: 91.6666666667%;
padding: 0 1.6rem;
}
.col-sm-offset-11 {
margin-left: 91.6666666667%;
}
.col-sm-12 {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
max-width: 100%;
padding: 0 1.6rem;
}
.col-sm-offset-12 {
margin-left: 100%;
}
.row.start-sm {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.row.center-sm {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.row.end-sm {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.row.top-sm {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.row.middle-sm {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.row.bottom-sm {
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
}
.row.around-sm {
-ms-flex-pack: distribute;
justify-content: space-around;
}
.row.between-sm {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.first-sm {
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1;
}
.last-sm {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.show-sm {
display: block !important;
}
.row.show-sm {
display: -ms-flexbox !important;
display: -webkit-box !important;
display: flex !important;
}
.hide-sm {
display: none !important;
}
}
@media only screen and (min-width: 41rem) and (max-width: 64rem) {
.show-sm-only {
display: block !important;
}
.row.show-sm-only {
display: -ms-flexbox !important;
display: -webkit-box !important;
display: flex !important;
}
.hide-sm-only {
display: none !important;
}
}
@media (min-width: 768px) {
.br.md {
display: inline;
display: initial;
}
}
@media screen and (min-width: 768px) {
.h1 {
font-size: 4rem;
}
.h2 {
font-size: 4rem;
}
.h3 {
font-size: 3.2rem;
}
.h4 {
font-size: 2rem;
}
.h5 {
font-size: 1.6rem;
}
.h6 {
font-size: 4rem;
}
.board[data-type=view] .board__header .board__title {
font-size: 2rem;
}
.page.page-home-mobile #content .section .section__title {
font-size: 4rem;
}
.page.page-home-mobile #content .section .section__description {
font-size: 1.6rem;
}
.page.page-home-mobile #content #section4 .part .part__item .part__item__title {
font-size: 3.2rem;
}
}
@media (min-height: 900px) {
.page.page-home #section4 .item-1 .img {
height: 26vh;
}
}
@media (min-width: 993px) {
.br.max.md {
display: none;
}
}
@media screen and (min-width: 993px) {
.h1 {
font-size: 4.8rem;
}
.h2 {
font-size: 4.8rem;
}
.h3 {
font-size: 3.8rem;
}
.h4 {
font-size: 2rem;
}
.h5 {
font-size: 1.6rem;
}
.h6 {
font-size: 4.8rem;
}
.board[data-type=view] .board__header .board__title {
font-size: 2rem;
}
.page.page-home-mobile #content .section .section__title {
font-size: 4.8rem;
}
.page.page-home-mobile #content .section .section__description {
font-size: 1.6rem;
}
.page.page-home-mobile #content #section4 .part .part__item .part__item__title {
font-size: 3.8rem;
}
}
@media only screen and (min-width: 65rem) {
.col-md {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
-ms-flex-preferred-size: 0;
flex-basis: 0;
max-width: 100%;
padding: 0 1.6rem;
}
.col-md-1 {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-ms-flex-preferred-size: 8.3333333333%;
flex-basis: 8.3333333333%;
max-width: 8.3333333333%;
padding: 0 1.6rem;
}
.col-md-offset-1 {
margin-left: 8.3333333333%;
}
.col-md-2 {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-ms-flex-preferred-size: 16.6666666667%;
flex-basis: 16.6666666667%;
max-width: 16.6666666667%;
padding: 0 1.6rem;
}
.col-md-offset-2 {
margin-left: 16.6666666667%;
}
.col-md-3 {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-ms-flex-preferred-size: 25%;
flex-basis: 25%;
max-width: 25%;
padding: 0 1.6rem;
}
.col-md-offset-3 {
margin-left: 25%;
}
.col-md-4 {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-ms-flex-preferred-size: 33.3333333333%;
flex-basis: 33.3333333333%;
max-width: 33.3333333333%;
padding: 0 1.6rem;
}
.col-md-offset-4 {
margin-left: 33.3333333333%;
}
.col-md-5 {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-ms-flex-preferred-size: 41.6666666667%;
flex-basis: 41.6666666667%;
max-width: 41.6666666667%;
padding: 0 1.6rem;
}
.col-md-offset-5 {
margin-left: 41.6666666667%;
}
.col-md-6 {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-ms-flex-preferred-size: 50%;
flex-basis: 50%;
max-width: 50%;
padding: 0 1.6rem;
}
.col-md-offset-6 {
margin-left: 50%;
}
.col-md-7 {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-ms-flex-preferred-size: 58.3333333333%;
flex-basis: 58.3333333333%;
max-width: 58.3333333333%;
padding: 0 1.6rem;
}
.col-md-offset-7 {
margin-left: 58.3333333333%;
}
.col-md-8 {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-ms-flex-preferred-size: 66.6666666667%;
flex-basis: 66.6666666667%;
max-width: 66.6666666667%;
padding: 0 1.6rem;
}
.col-md-offset-8 {
margin-left: 66.6666666667%;
}
.col-md-9 {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-ms-flex-preferred-size: 75%;
flex-basis: 75%;
max-width: 75%;
padding: 0 1.6rem;
}
.col-md-offset-9 {
margin-left: 75%;
}
.col-md-10 {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-ms-flex-preferred-size: 83.3333333333%;
flex-basis: 83.3333333333%;
max-width: 83.3333333333%;
padding: 0 1.6rem;
}
.col-md-offset-10 {
margin-left: 83.3333333333%;
}
.col-md-11 {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-ms-flex-preferred-size: 91.6666666667%;
flex-basis: 91.6666666667%;
max-width: 91.6666666667%;
padding: 0 1.6rem;
}
.col-md-offset-11 {
margin-left: 91.6666666667%;
}
.col-md-12 {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
max-width: 100%;
padding: 0 1.6rem;
}
.col-md-offset-12 {
margin-left: 100%;
}
.row.start-md {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.row.center-md {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.row.end-md {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.row.top-md {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.row.middle-md {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.row.bottom-md {
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
}
.row.around-md {
-ms-flex-pack: distribute;
justify-content: space-around;
}
.row.between-md {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.first-md {
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1;
}
.last-md {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.show-md {
display: block !important;
}
.row.show-md {
display: -ms-flexbox !important;
display: -webkit-box !important;
display: flex !important;
}
.hide-md {
display: none !important;
}
}
@media only screen and (min-width: 65rem) and (max-width: 90rem) {
.show-md-only {
display: block !important;
}
.row.show-md-only {
display: -ms-flexbox !important;
display: -webkit-box !important;
display: flex !important;
}
.hide-md-only {
display: none !important;
}
}
@media only screen and (min-width: 91rem) {
.col-lg {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
-ms-flex-preferred-size: 0;
flex-basis: 0;
max-width: 100%;
padding: 0 1.6rem;
}
.col-lg-1 {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-ms-flex-preferred-size: 8.3333333333%;
flex-basis: 8.3333333333%;
max-width: 8.3333333333%;
padding: 0 1.6rem;
}
.col-lg-offset-1 {
margin-left: 8.3333333333%;
}
.col-lg-2 {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-ms-flex-preferred-size: 16.6666666667%;
flex-basis: 16.6666666667%;
max-width: 16.6666666667%;
padding: 0 1.6rem;
}
.col-lg-offset-2 {
margin-left: 16.6666666667%;
}
.col-lg-3 {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-ms-flex-preferred-size: 25%;
flex-basis: 25%;
max-width: 25%;
padding: 0 1.6rem;
}
.col-lg-offset-3 {
margin-left: 25%;
}
.col-lg-4 {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-ms-flex-preferred-size: 33.3333333333%;
flex-basis: 33.3333333333%;
max-width: 33.3333333333%;
padding: 0 1.6rem;
}
.col-lg-offset-4 {
margin-left: 33.3333333333%;
}
.col-lg-5 {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-ms-flex-preferred-size: 41.6666666667%;
flex-basis: 41.6666666667%;
max-width: 41.6666666667%;
padding: 0 1.6rem;
}
.col-lg-offset-5 {
margin-left: 41.6666666667%;
}
.col-lg-6 {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-ms-flex-preferred-size: 50%;
flex-basis: 50%;
max-width: 50%;
padding: 0 1.6rem;
}
.col-lg-offset-6 {
margin-left: 50%;
}
.col-lg-7 {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-ms-flex-preferred-size: 58.3333333333%;
flex-basis: 58.3333333333%;
max-width: 58.3333333333%;
padding: 0 1.6rem;
}
.col-lg-offset-7 {
margin-left: 58.3333333333%;
}
.col-lg-8 {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-ms-flex-preferred-size: 66.6666666667%;
flex-basis: 66.6666666667%;
max-width: 66.6666666667%;
padding: 0 1.6rem;
}
.col-lg-offset-8 {
margin-left: 66.6666666667%;
}
.col-lg-9 {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-ms-flex-preferred-size: 75%;
flex-basis: 75%;
max-width: 75%;
padding: 0 1.6rem;
}
.col-lg-offset-9 {
margin-left: 75%;
}
.col-lg-10 {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-ms-flex-preferred-size: 83.3333333333%;
flex-basis: 83.3333333333%;
max-width: 83.3333333333%;
padding: 0 1.6rem;
}
.col-lg-offset-10 {
margin-left: 83.3333333333%;
}
.col-lg-11 {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-ms-flex-preferred-size: 91.6666666667%;
flex-basis: 91.6666666667%;
max-width: 91.6666666667%;
padding: 0 1.6rem;
}
.col-lg-offset-11 {
margin-left: 91.6666666667%;
}
.col-lg-12 {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
max-width: 100%;
padding: 0 1.6rem;
}
.col-lg-offset-12 {
margin-left: 100%;
}
.row.start-lg {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.row.center-lg {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.row.end-lg {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.row.top-lg {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.row.middle-lg {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.row.bottom-lg {
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
}
.row.around-lg {
-ms-flex-pack: distribute;
justify-content: space-around;
}
.row.between-lg {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.first-lg {
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1;
}
.last-lg {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.show-lg {
display: block !important;
}
.row.show-lg {
display: -ms-flexbox !important;
display: -webkit-box !important;
display: flex !important;
}
.hide-lg {
display: none !important;
}
}
@media only screen and (min-width: 91rem) and (max-width: 120rem) {
.show-lg-only {
display: block !important;
}
.row.show-lg-only {
display: -ms-flexbox !important;
display: -webkit-box !important;
display: flex !important;
}
.hide-lg-only {
display: none !important;
}
}
@media only screen and (min-width: 121rem) {
.col-xl {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
-ms-flex-preferred-size: 0;
flex-basis: 0;
max-width: 100%;
padding: 0 1.6rem;
}
.col-xl-1 {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-ms-flex-preferred-size: 8.3333333333%;
flex-basis: 8.3333333333%;
max-width: 8.3333333333%;
padding: 0 1.6rem;
}
.col-xl-offset-1 {
margin-left: 8.3333333333%;
}
.col-xl-2 {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-ms-flex-preferred-size: 16.6666666667%;
flex-basis: 16.6666666667%;
max-width: 16.6666666667%;
padding: 0 1.6rem;
}
.col-xl-offset-2 {
margin-left: 16.6666666667%;
}
.col-xl-3 {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-ms-flex-preferred-size: 25%;
flex-basis: 25%;
max-width: 25%;
padding: 0 1.6rem;
}
.col-xl-offset-3 {
margin-left: 25%;
}
.col-xl-4 {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-ms-flex-preferred-size: 33.3333333333%;
flex-basis: 33.3333333333%;
max-width: 33.3333333333%;
padding: 0 1.6rem;
}
.col-xl-offset-4 {
margin-left: 33.3333333333%;
}
.col-xl-5 {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-ms-flex-preferred-size: 41.6666666667%;
flex-basis: 41.6666666667%;
max-width: 41.6666666667%;
padding: 0 1.6rem;
}
.col-xl-offset-5 {
margin-left: 41.6666666667%;
}
.col-xl-6 {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-ms-flex-preferred-size: 50%;
flex-basis: 50%;
max-width: 50%;
padding: 0 1.6rem;
}
.col-xl-offset-6 {
margin-left: 50%;
}
.col-xl-7 {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-ms-flex-preferred-size: 58.3333333333%;
flex-basis: 58.3333333333%;
max-width: 58.3333333333%;
padding: 0 1.6rem;
}
.col-xl-offset-7 {
margin-left: 58.3333333333%;
}
.col-xl-8 {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-ms-flex-preferred-size: 66.6666666667%;
flex-basis: 66.6666666667%;
max-width: 66.6666666667%;
padding: 0 1.6rem;
}
.col-xl-offset-8 {
margin-left: 66.6666666667%;
}
.col-xl-9 {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-ms-flex-preferred-size: 75%;
flex-basis: 75%;
max-width: 75%;
padding: 0 1.6rem;
}
.col-xl-offset-9 {
margin-left: 75%;
}
.col-xl-10 {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-ms-flex-preferred-size: 83.3333333333%;
flex-basis: 83.3333333333%;
max-width: 83.3333333333%;
padding: 0 1.6rem;
}
.col-xl-offset-10 {
margin-left: 83.3333333333%;
}
.col-xl-11 {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-ms-flex-preferred-size: 91.6666666667%;
flex-basis: 91.6666666667%;
max-width: 91.6666666667%;
padding: 0 1.6rem;
}
.col-xl-offset-11 {
margin-left: 91.6666666667%;
}
.col-xl-12 {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
max-width: 100%;
padding: 0 1.6rem;
}
.col-xl-offset-12 {
margin-left: 100%;
}
.row.start-xl {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.row.center-xl {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.row.end-xl {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.row.top-xl {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.row.middle-xl {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.row.bottom-xl {
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
}
.row.around-xl {
-ms-flex-pack: distribute;
justify-content: space-around;
}
.row.between-xl {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.first-xl {
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1;
}
.last-xl {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.show-xl {
display: block !important;
}
.row.show-xl {
display: -ms-flexbox !important;
display: -webkit-box !important;
display: flex !important;
}
.hide-xl {
display: none !important;
}
}
@media screen and (max-width: 1499px) {
.page.page-sub #content {
margin-top: 6.4rem;
margin-bottom: 10rem;
}
.page.page-sub .content__header {
position: fixed;
left: 50%;
width: 100%;
min-height: 32rem;
height: 32rem;
margin: 0 auto 5rem;
padding: 0 2.4rem;
-webkit-transition: 0.3s ease;
transition: 0.3s ease;
-webkit-transform: translate(-50%, 0%) scale(1);
transform: translate(-50%, 0%) scale(1);
-webkit-transform-origin: center;
transform-origin: center;
opacity: 1;
border-radius: 0;
}
.page.page-sub .content__header .content__header__dim {
opacity: 0;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #fff;
}
.page.page-sub .content__body {
position: relative;
padding: 2.4rem 2.4rem 34rem;
margin: 4.8rem auto 0rem;
top: 34rem;
}
#page-intro-production .content__body {
padding-bottom: 0;
}
#page-intro-production .content__header {
position: relative;
height: auto;
}
#page-intro-production .content__body {
top: auto;
top: initial;
}
.page.page-sub.page-mypage .content__body {
top: 0;
padding-top: 0;
padding-bottom: 0;
}
.page.page-sub.page-mypage .content__body .table {
font-size: 1.4rem;
}
.layout-container {
width: 100%;
}
#footer {
padding-right: 2.4rem;
padding-left: 2.4rem;
}
#footer .footer__logo {
width: 11.4rem;
height: 2.4rem;
margin: 0 0 2.4rem;
}
#footer .layout-container {
width: auto;
width: initial;
}
#footer .footer__info-wrap {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
#footer .footer__info > * {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
#footer .footer__info .str-wrap + .str-wrap, #footer .footer__info .item + .item {
margin-top: 1.2rem;
margin-left: 0;
}
}
@media (max-width: 1200px) {
#page-intro-production .content__header .item-wrap .item__list-wrap .item__list {
margin-left: 0;
margin-left: initial;
margin-top: 0;
margin-top: initial;
width: 50%;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
margin-bottom: 1.6rem;
}
#page-intro-company .section-wagle-intro-5 {
background-image: url(../assets/images/page-intro-company_visual-4_m.png);
background-repeat: no-repeat;
background-position: center 21rem;
background-size: auto;
height: 161.5rem;
}
#page-intro-company .section-wagle-intro-5 .str-wrap {
padding: 0;
}
}
@media (max-width: 992px) {
.font-heading-1 {
font-size: 2.8rem;
}
.font-heading-2 {
font-size: 2.4rem;
}
.font-heading-3 {
font-size: 2rem;
}
.font-heading-4 {
font-size: 1.6rem;
}
.font-heading-5 {
font-size: 1.4rem;
}
.font-body-1-r {
font-size: 1.6rem;
}
.font-body-1-m {
font-size: 1.6rem;
}
.font-body-1-b {
font-size: 1.6rem;
}
.font-body-2-r {
font-size: 1.4rem;
}
.font-body-2-b {
font-size: 1.4rem;
}
.br.max.md {
display: block;
}
.modal-area .modal {
width: calc(100vw - 4.8rem);
}
.box-layer {
padding: 2.4rem;
}
.video__list-wrap[data-type=list] {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.video__list-wrap[data-type=list] .video__list {
width: 100%;
}
.video__list-wrap[data-type=list] .video__list:nth-child(even) {
margin-left: 0;
}
.video__list-wrap[data-type=list] .video__list .title {
font-size: 2rem;
}
.video__list-wrap[data-type=column] .video__list .title {
font-size: 2.4rem;
}
.search-result {
margin-bottom: 1.6rem;
}
.search-bar-wrap {
width: 100%;
}
.search-bar {
width: 100%;
min-width: auto;
}
.board[data-type=list] .board__header {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.board[data-type=list] .board__footer .btn-write {
margin-top: 5rem;
}
.board[data-type=view] .board__header .board__title-wrap {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.board[data-type=view] .board__header .board__title-wrap .badge {
margin-bottom: 0.8rem;
}
.board[data-type=view] .board__header .board__info__list-wrap {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.board[data-type=view] .board__header .board__info__list + .board__info__list {
margin-left: 0;
}
.board[data-type=view] .board__header .board__info__list.board__info__list-date {
margin-left: 0;
}
.board[data-type=view] .board__content {
padding: 2.4rem 0;
}
.board[data-type=view] .board__footer .board__footer__util {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.board[data-type=view] .board__footer .board__footer__util .btn-wrap .btn {
width: 50%;
margin-top: 2.4rem;
}
.board[data-type=view] .board__footer .btn-list {
margin-top: 4rem;
}
.board[data-type=write] .board__header .input-wrap {
width: 100%;
}
.board[data-type=write] .board__header .input-wrap:nth-child(2) {
margin-top: 4rem;
}
.board[data-type=write] .board__header .input-wrap:nth-child(even) {
margin-left: auto;
}
.board[data-type=write] .board__footer .bullet-notice {
margin-top: 1.2rem;
margin-bottom: 3.2rem;
}
.board[data-type=write] input[type=radio]:last-of-type {
margin-left: 1.6rem;
}
.pagination .btn:not(:first-child) {
margin-left: 0;
margin-left: initial;
}
.page.page-home .section .section__title {
font-size: 3.2rem;
}
.page.page-sub .section + .section {
margin-top: 6rem;
}
.page.page-sub .content__header .content__header__category {
font-size: 1.4rem;
}
.page.page-sub .content__header .content__header__title {
margin-top: 1.6rem;
padding-top: 1.6rem;
font-size: 1.8rem;
}
.page.page-sub .content__title-wrap {
margin-bottom: 6.4rem;
}
.page.page-sub .content__title {
font-size: 2.4rem;
}
.page.page-sub .content__title {
margin-bottom: 3.2rem;
}
.page.page-sub .content__description {
font-size: 1.4rem;
}
#page-sign-up .btn-area, #page-find-password .btn-area, #page-login .btn-area {
position: absolute;
width: calc(100% - 48px);
bottom: 0;
}
#page-sign-up #content, #page-find-password #content, #page-login #content {
padding: 0;
min-height: auto;
margin-bottom: 0;
}
#page-sign-up #content .box-layer, #page-find-password #content .box-layer, #page-login #content .box-layer {
width: 100%;
min-height: 100vh;
margin: 0;
}
#page-intro-production .content__header {
min-height: 0;
min-height: initial;
height: auto;
padding-bottom: 2.4rem;
}
#page-intro-production .content__header .layout-container > .item-wrap {
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
}
#page-intro-production .content__header .layout-container > .item-wrap .img {
width: 100%;
min-width: 100%;
height: auto;
}
#page-intro-production .content__header .item-wrap .img {
margin-top: 2.4rem;
width: auto;
height: auto;
}
#page-intro-production .content__header .item-wrap .item__list-wrap .item__list .icon-wrap {
width: 8rem;
min-width: 8rem;
height: 8rem;
min-height: 8rem;
margin-right: 1.6rem;
}
#page-intro-production .content__header .item-wrap .item__list-wrap .item__list .icon {
width: 6rem;
height: 6rem;
}
#page-intro-production .content__header .item-wrap .item__list-wrap:nth-of-type(2) {
margin-top: 0;
}
#page-intro-production .section:not(:nth-of-type(1)) {
margin-top: 8rem;
}
#page-intro-production .section__title {
font-size: 3.6rem;
margin-bottom: 4rem;
}
#page-intro-production .section__description {
font-size: 1.8rem;
padding-top: 2.4rem;
}
#page-intro-production .section-scalability .item__list-wrap {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
margin-top: 6rem;
margin-bottom: 0rem;
}
#page-intro-production .section-scalability .item__list-wrap .item__list:not(:first-child) {
margin-top: 4rem;
}
#page-intro-production .section-scalability .item__list-wrap .item__list .title {
margin-top: 2.4rem;
margin-bottom: 1.2rem;
}
#page-intro-production .section-scalability .banner-wrap {
margin-top: 6rem;
}
#page-wagle-store .content__body {
padding: 0;
}
#page-wagle-store .section-production .section__title {
padding: 0 2.4rem;
}
#page-wagle-store .section-cast-model .section__title {
padding: 0 2.4rem;
}
#page-wagle-store .section__title {
margin-bottom: 3.2rem;
}
#page-wagle-store .item-visual {
margin-bottom: 4rem;
padding: 8rem 2.4rem;
min-height: 82rem;
background-size: contain;
}
#page-wagle-store .item-visual:hover {
background-size: contain;
}
#page-wagle-store .item-visual .title {
font-size: 6rem;
margin-top: 1.6rem;
margin-bottom: 5.6rem;
}
#page-wagle-store .item-visual .btn-wrap .btn {
width: 100%;
}
#page-wagle-store .item__list-wrap {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
#page-wagle-store .item__list {
width: 100%;
margin-top: 5.6rem;
}
#page-wagle-store .item__list:not(:first-child) {
margin-left: 0;
margin-left: initial;
}
#page-wagle-store-view .product {
padding-top: 0;
}
#page-wagle-store-view .part {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
#page-wagle-store-view .part:not(:first-child) {
margin-top: 6.4rem;
padding: 0;
border: none;
}
#page-wagle-store-view .part-left, #page-wagle-store-view .part-right {
width: 100%;
}
#page-wagle-store-view .part-left {
margin-right: 0;
}
#page-wagle-store-view .part-right {
margin-top: 3.2rem;
}
#page-wagle-store-view .part-left {
margin-right: 0;
}
#page-wagle-store-view .part-right .product__name {
font-size: 2rem;
}
#page-cs-download .item__list-wrap {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
#page-cs-download .item__list {
width: 100%;
min-height: 31rem;
}
#page-cs-download .item__list:not(:first-child) {
margin-top: 4rem;
}
#page-cs-download .item__list:nth-child(even) {
margin-left: 0;
}
#page-cs-guide .video__list-wrap[data-type=list] .video__list .title {
height: auto;
}
#page-partnership-local .content__body .str-wrap, #page-partnership-global .content__body .str-wrap {
width: 100%;
}
#page-partnership-local .content__body .str-wrap:not(:first-child), #page-partnership-global .content__body .str-wrap:not(:first-child) {
margin-top: 4rem;
}
#page-partnership-local .content__body .str-wrap:nth-child(even), #page-partnership-global .content__body .str-wrap:nth-child(even) {
margin-left: 0;
margin-left: initial;
}
#page-partnership-local .content__body .str-wrap .title, #page-partnership-global .content__body .str-wrap .title {
font-size: 2rem;
}
#page-partnership-local .content__body .str-wrap .item__list, #page-partnership-global .content__body .str-wrap .item__list {
width: 100%;
}
#page-partnership-local .content__body .str-wrap .process__list, #page-partnership-global .content__body .str-wrap .process__list {
width: 100%;
margin-right: 0;
margin-right: initial;
}
#page-partnership-local .content__body .str-wrap .process__list:after, #page-partnership-global .content__body .str-wrap .process__list:after {
top: calc(100% + 0.6rem);
right: 50%;
-webkit-transform: translateX(calc(-50% + 1.2rem)) rotate(90deg);
transform: translateX(calc(-50% + 1.2rem)) rotate(90deg);
}
#page-intro-company .section .section__title {
margin-bottom: 1.6rem;
}
#page-intro-company .content__description {
font-size: 1.4rem;
}
#page-intro-company .section-wagle-intro-1 .section__title, #page-intro-company .section-wagle-intro-2 .section__title, #page-intro-company .section-wagle-intro-3 .section__title, #page-intro-company .section-wagle-intro-4 .section__title, #page-intro-company .section-wagle-intro-5 .section__title {
font-size: 3.2em;
}
#page-intro-company .section-wagle-intro-1 .section__title {
margin-top: 2.4rem;
}
#page-intro-company .section-wagle-intro-1 .item-wrap {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
#page-intro-company .section-wagle-intro-1 .item-wrap .img {
margin-right: 0;
width: 100%;
position: relative;
display: block;
overflow: hidden;
width: 100%;
}
#page-intro-company .section-wagle-intro-1 .item-wrap .img:before {
position: relative;
display: block;
content: "";
padding-top: 61.804697157%;
}
#page-intro-company .section-wagle-intro-1 .item-wrap .str-wrap {
width: 100%;
}
#page-intro-company .section-wagle-intro-1 .item-wrap .str-wrap .subtitle {
font-size: 2rem;
}
#page-intro-company .section-wagle-intro-1 .item-wrap .str-wrap .subtitle {
margin-top: 3.6rem;
}
#page-intro-company .section-wagle-intro-2 .item-wrap {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
margin-bottom: 4rem;
}
#page-intro-company .section-wagle-intro-2 .item-wrap .str-wrap {
width: 100%;
}
#page-intro-company .section-wagle-intro-2 .item-wrap .img {
width: 100%;
}
#page-intro-company .section-wagle-intro-2 .item__list {
width: calc(50% - 0.4rem);
margin: 0;
}
#page-intro-company .section-wagle-intro-2 .item__list:nth-child(even) {
margin-left: 0.8rem;
}
#page-intro-company .section-wagle-intro-2 .item__list:not(:nth-child(1)), #page-intro-company .section-wagle-intro-2 .item__list:not(:nth-child(2)) {
margin-top: 0.8rem;
}
#page-intro-company .section-wagle-intro-3 .subtitle {
font-size: 2.4rem;
}
#page-intro-company .section-wagle-intro-3 .subtitle {
margin-bottom: 3.2rem;
}
#page-intro-company .section-wagle-intro-3 .history-area {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
#page-intro-company .section-wagle-intro-4 .img {
background-image: url(../assets/images/page-intro-company_visual-3_m.png);
background-repeat: no-repeat;
background-position: center;
background-size: contain;
}
#page-intro-company .section-intro-company .str-wrap {
width: 100%;
margin-top: 4rem;
}
#page-intro-company .section-intro-company .str-wrap:nth-child(even) {
margin-left: 0;
margin-left: initial;
}
#page-intro-company .section-intro-company .str-wrap .title {
font-size: 1.6rem;
}
#page-intro-company .section-corporate-identity .label {
margin-bottom: 1rem;
}
#page-intro-company .section-corporate-identity .icon {
top: inherit;
margin: 3rem 0;
}
#page-intro-company .section-corporate-identity .wagle-message {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
#page-intro-company .section-corporate-identity .wagle-message .wagle-message-left {
margin-right: 0;
margin-right: initial;
}
#page-intro-company .section-corporate-identity .wagle-message .wagle-message-right {
margin-left: 0;
margin-left: initial;
}
#page-intro-company .section-corporate-identity .str-wrap {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
#page-intro-company .section-corporate-identity .str-wrap .meaning {
margin-top: 0.8rem;
}
#page-intro-company .section-corporate-identity .btn-wrap {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
#page-intro-company .section-corporate-identity .btn-wrap .btn-download:not(:first-child) {
margin-top: 1.6rem;
}
.page.page-sub.page-mypage .content__title {
margin-left: 2.4rem;
padding-top: 4rem;
padding-bottom: 0;
}
.page.page-sub.page-mypage .content__body .table .btn {
font-size: 1.4rem;
}
.page.page-sub.page-mypage .content__body .form {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.page.page-sub.page-mypage .content__body .form .input-wrap {
width: 100%;
}
.page.page-sub.page-mypage .content__body .form .input-wrap:nth-child(2) {
margin-top: 4rem;
}
.page.page-sub.page-mypage .content__body .form .input-wrap:nth-child(even) {
margin-left: 0;
margin-left: initial;
}
}
@media (max-height: 800px) {
.page.page-home #section4 .item .title {
font-size: 3rem !important;
}
.page.page-home #section4 .item .description {
font-size: 2.4rem !important;
}
.page.page-home #section4 .item .str {
margin-top: 2rem !important;
font-size: 1.6rem !important;
}
.page.page-home #section4 .item .img {
height: 13vh;
}
.page.page-home #section4 .item-1 .img {
height: 21vh;
}
}
@media (max-width: 767px) {
.br.md {
display: none;
}
.accordion .accordion__body .text-box {
padding: 1.6rem;
}
#page-intro-production .content__body .item__list {
background-size: contain !important;
}
#page-intro-production .section-uses .item__list {
background-color: rgba(0, 0, 0, 0);
border-radius: 0;
}
#page-intro-production .section-car-type .item__list {
background-color: rgba(0, 0, 0, 0);
border-radius: 0;
}
}
@media only screen and (max-width: 40rem) {
.show-xs-only {
display: block !important;
}
.row.show-xs-only {
display: -ms-flexbox !important;
display: -webkit-box !important;
display: flex !important;
}
.hide-xs-only {
display: none !important;
}
}
@media (max-height: 600px) {
.page.page-home #section4 .item .title {
font-size: 2.4rem !important;
}
.page.page-home #section4 .item .description {
font-size: 1.6rem !important;
}
.page.page-home #section4 .item .str {
margin-top: 1rem !important;
font-size: 1.4rem !important;
}
.page.page-home #section4 .item .img {
height: 11vh;
}
.page.page-home #section4 .item-1 .img {
height: 18vh;
}
}