/* Main Stylesheets */ /* INITIAL CSS */ * {box-sizing: border-box;} html {font-size: 10px;} html .gen-anm {visibility: hidden;} .no-mb {margin-bottom: 0;} .ov-hidden {overflow: hidden;} @media only screen and (min-width: 1500px) { html {font-size: 12px;} } @media only screen and (min-width: 1900px) { html {font-size: 14px;} } @media only screen and (min-width: 2400px) { html {font-size: 18px;} } @media only screen and (max-width: 1024px) { html {font-size: 9px;} } body {color: #333333; font-family: 'GeneralFont', Arial, Verdana; font-size: 1.4rem; line-height: 2.2rem; position: relative; overflow-x: hidden;} b, strong {font-family: 'BoldFont', Arial, Verdana;} i, em {font-family: 'ItalicFont', Arial, Verdana;} b i, i b, b em, em b, strong i, i strong, strong em, em strong {font-family: 'BoldItalicFont', Arial, Verdana;} h1, h2, h3, h4, h5 {font-family: 'SemiBoldFont', Arial, Verdana; color: #333333;} h1 b, h2 b, h3 b, h4 b, h5 b, h1 strong, h2 strong, h3 strong, h4 strong, h5 strong {font-family: 'BoldFont', Arial, Verdana; font-weight: bold;} h1 i, h2 i, h3 i, h4 i, h5 i, h1 em, h2 em, h3 em, h4 em, h5 em{font-family: 'ItalicFont', Arial, Verdana;} h1 b i, h2 b i, h3 b i, h4 b i, h5 b i, h1 i b, h2 i b, h3 i b, h4 i b, h5 i b, h1 b em, h2 b em, h3 b em, h4 b em, h5 b em, h1 em b, h2 em b, h3 em b, h4 em b, h5 em b, h1 strong i, h2 strong i, h3 strong i, h4 strong i, h5 strong i, h1 i strong, h2 i strong, h3 i strong, h4 i strong, h5 i strong, h1 strong em, h2 strong em, h3 strong em, h4 strong em, h5 strong em, h1 em strong, h2 em strong, h3 em strong, h4 em strong, h5 em strong {font-family: 'BoldItalicFont', Arial, Verdana; font-weight: bold;} h1 {font-size: 6.6rem; line-height: 7.2rem; margin-bottom: 2.5rem;} h2 {font-size: 5.4rem; line-height: 6.0rem; margin-bottom: 2.5rem;} h3 {font-size: 4.0rem; line-height: 4.6rem; margin-bottom: 2.5rem;} h4, h4 a {font-size: 3.4rem; line-height: 4.0rem; margin-bottom: 2.5rem;} h5 {font-size: 2.4rem; line-height: 3.0rem; margin-bottom: 2.5rem;} h1.no-mb, h2.no-mb, h3.no-mb, h4.no-mb, h5.no-mb {margin-bottom: 0;} .mb-10 {margin-bottom: 1rem;} .mb-15 {margin-bottom: 1.5rem;} .mb-20 {margin-bottom: 2rem;} .mt-10 {margin-top: 1rem;} .mt-15 {margin-top: 1.5rem;} .mt-20 {margin-top: 2rem;} .pdl-10 {padding-left: 1rem;} .pdl-20 {padding-left: 2rem;} .cl-white, .cl-white a {color: #fff !important;} .cl-white a:hover {text-decoration: underline;} .cl-secondary, .cl-secondary a {color: #E22127 !important;} .cl-blue {color: #00A0E4 !important;} .ft-semi-bold {font-family: 'SemiBoldFont', Arial, Verdana !important;} .ft-medium {font-family: 'MediumFont', Arial, Verdana !important;} p, p a {font-size: 1.4rem; color: #333333; line-height: 2.2rem;} p a:hover {text-decoration: none; color: #E22127;} .sub-header-1, .sub-header-1 a {font-size: 2rem; line-height: 2.8rem;} .sub-header-2, .sub-header-2 a {font-size: 1.6rem; line-height: 2.4rem;} .title-und {display: inline-block; padding-bottom: 0.5rem; border-bottom: 0.2rem solid #333;} .title-und.cl-white {border-bottom: 0.2rem solid #fff;} a {color: #E22127; font-size: 1.4rem; line-height: 2.1rem; text-decoration: none; transition: all 0.2s linear; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear;} a:hover {color: #00A0E4; text-decoration: none;} a.h-underline.abs {text-decoration: underline !important;} a.h-underline:hover {text-decoration: underline !important;} img {display: block; max-width: 100%; backface-visibility: hidden; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -o-backface-visibility: hidden;} img.full-width {width: 100%; display: block;} img.centered {margin: 0 auto; display: block; max-width: 100%; height: auto;} img.round-border {border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -o-border-radius: 10px;} .gen-img-wrap {margin-bottom: 3rem; position: relative;} .gen-img-wrap.no-mb {margin-bottom: 0;} .gen-img-wrap img {max-width: 100%; display: block;} .gen-img-wrap img.centered {margin-left: auto; margin-right: auto;} .full-img-wrap {position: relative;} .full-img-wrap img {width: 100%; display: block;} .ta-center {text-align: center;} .ta-left {text-align: left;} .ta-right {text-align: right;} .ta-justify {text-align: justify;} .fl-left {float: left;} .fl-right {float: right;} .fl-clear {clear: both;} .sfw {float: left; width: 100%; position: relative;} .mt-1 {margin-top: 1rem;} .mt-2 {margin-top: 2rem;} .mt-3 {margin-top: 3rem;} .mt-4 {margin-top: 4rem;} .mb-1 {margin-bottom: 1rem;} .mb-2 {margin-bottom: 2rem;} .mb-3 {margin-bottom: 3rem;} .mb-4 {margin-bottom: 4rem;} .rnd-corner {border-radius: 1.6rem; -webkit-border-radius: 1.6rem; -moz-border-radius: 1.6rem; -o-border-radius: 1.6rem;} .wd-8 {display: inline-block; width: 8rem;} @media only screen and (max-width: 1024px) { h1 {font-size: 6rem; line-height: 6.6rem;} h2 {font-size: 5rem; line-height: 5.6rem;} h3 {font-size: 3.6rem; line-height: 4.2rem;} h4, h4 a {font-size: 3rem; line-height: 3.6rem;} h5 {font-size: 2.2rem; line-height: 2.8rem;} } @media only screen and (max-width: 768px) { h1 {font-size: 5.4rem; line-height: 6rem;} h2 {font-size: 4.2rem; line-height: 4.8rem;} h3 {font-size: 3.2rem; line-height: 3.8rem;} h4, h4 a {font-size: 2.4rem; line-height: 3rem;} h5 {font-size: 2rem; line-height: 2.6rem;} .sub-header-1, .sub-header-1 a {font-size: 1.8rem; line-height: 2.6rem;} .sub-header-2, .sub-header-2 a {font-size: 1.5rem; line-height: 2.3rem;} } @media only screen and (max-width: 600px) { h1 {font-size: 5rem; line-height: 5.6rem;} h2 {font-size: 3.8rem; line-height: 4.4rem;} h3 {font-size: 2.8rem; line-height: 3.4rem;} h4, h4 a {font-size: 2rem; line-height: 2.6rem;} h5 {font-size: 1.6rem; line-height: 2.2rem;} .sub-header-1, .sub-header-1 a {font-size: 1.7rem; line-height: 2.5rem;} .sub-header-2, .sub-header-2 a {font-size: 1.4rem; line-height: 2.2rem;} } @media only screen and (max-width: 420px) { h1 {font-size: 4.6rem; line-height: 5.2rem;} h2 {font-size: 3.4rem; line-height: 4rem;} h3 {font-size: 2.4rem; line-height: 3rem;} .sub-header-1, .sub-header-1 a {font-size: 1.6rem; line-height: 2.4rem;} } /* /INITIAL CSS */ /* GENERAL LAYOUT CSS */ .flex {display: flex; justify-content: space-between; width: 100%; flex-wrap: wrap;} .flex.start {justify-content: flex-start;} .flex.end {justify-content: flex-end;} .flex.rtl {flex-direction: row-reverse;} .flex.centered {justify-content: center;} .flex.align-centered {align-items: center;} .flex.two-cols .left, .flex.two-cols .right {width: 48%;} .grid {display: grid; justify-content: space-between; width: 100%; } .grid.align-centered {align-items: center;} .grid.align-bottom {align-items: end;} .grid.col-6 {grid-template-columns: repeat(6, 1fr); column-gap: 1.5rem;} .grid.col-10 {grid-template-columns: repeat(10, 1fr); column-gap: 1.5rem;} .grid.col-12 {grid-template-columns: repeat(12, 1fr); column-gap: 1.5rem;} .grid .colspan-1 {grid-column: span 1;} .grid .colspan-2 {grid-column: span 2;} .grid .colspan-3 {grid-column: span 3;} .grid .colspan-4 {grid-column: span 4;} .grid .colspan-5 {grid-column: span 5;} .grid .colspan-6 {grid-column: span 6;} .grid .colspan-7 {grid-column: span 7;} .grid .colspan-8 {grid-column: span 8;} .grid .colspan-9 {grid-column: span 9;} .grid .colspan-10 {grid-column: span 10;} .grid .colspan-11 {grid-column: span 11;} .grid .colspan-12 {grid-column: span 12;} .grid > div, .grid > ul, .grid > li, .grid > h1, .grid > h2, .grid > h3, .grid > h4, .grid > h5, .grid > h6, .grid > p, .grid > table {grid-column: 1 / -1;} #grid-ruler {position: fixed; top: 0; width: 100%; z-index: 100;} #grid-ruler .grid-unit {height: 100vh; background: rgba(255, 0, 0, 0.05); position: relative; grid-column: span 1;} #grid-ruler .grid-unit p {position: absolute; right: 1.5rem; bottom: 0.5rem; font-size: 1rem; color: #7f7f7f;} .wrap {margin: 0 auto; width: 90%;} .wrap-2 {margin: 0 auto; width: 70%;} @media only screen and (max-width: 1024px) { .grid.col-12 {grid-template-columns: repeat(6, 1fr); column-gap: 2rem;} } @media only screen and (max-width: 768px) { .wrap, .wrap-2 {width: 90%;} } @media only screen and (max-width: 600px) { .grid.col-12 {grid-template-columns: repeat(4, 1fr); column-gap: 2rem;} } /* /GENERAL LAYOUT CSS */ /* WYSIWYG CONTENT */ .wysiwyg-content, .wysiwyg-content p, .wysiwyg-content a, .wysiwyg-content ul li, .wysiwyg-content ol li {font-size: 1.4rem; color: #403C34; line-height: 2.2rem; font-family: 'GeneralFont', Arial, Verdana;} .wysiwyg-content.white, .wysiwyg-content.white p, .wysiwyg-content.white a, .wysiwyg-content.white ul li, .wysiwyg-content.white ol li {color: #fff;} .wysiwyg-content.color, .wysiwyg-content.color p, .wysiwyg-content.color a, .wysiwyg-content.color ul li, .wysiwyg-content.color ol li {color: #E22127;} .wysiwyg-content.big, .wysiwyg-content.big p, .wysiwyg-content.big a, .wysiwyg-content.big ul li, .wysiwyg-content.big ol li {font-size: 2rem; line-height: 3.2rem; font-family: 'GeneralFont', Arial, Verdana;} .wysiwyg-content p.sub-header-1, .wysiwyg-content ul.sub-header-1 li {font-size: 2rem; line-height: 2.8rem; font-family: 'SemiBoldFont', Arial, Verdana;} .wysiwyg-content p.sub-header-2, .wysiwyg-content ul.sub-header-2 li {font-size: 1.6rem; line-height: 2.4rem; font-family: 'SemiBoldFont', Arial, Verdana;} .wysiwyg-content ul li {margin-left: 4rem; padding-left: 1rem; list-style-type: disc; margin-bottom: 1.5rem;} .wysiwyg-content ul.no-mb li {margin-bottom: 0;} .wysiwyg-content ul li:last-child {margin-bottom: 0;} .wysiwyg-content img {} .wysiwyg-content img.fr-dib {display: block; margin: 0 auto;} .wysiwyg-content img.fr-dib.fr-fil {text-align: left;} .wysiwyg-content img.fr-dib.fr-fir {text-align: right;} .wysiwyg-content img.fr-dii {} .wysiwyg-content img.fr-dii.fr-fil {float: left; margin-right: 30px;} .wysiwyg-content img.fr-dii.fr-fir {float: right; margin-left: 30px;} ul.default-icon {} ul.default-icon li {margin-left: 0; list-style-type: none; padding-left: 2.5rem; background: url(../images/icon/bullet-general.svg) no-repeat left 0.4rem; background-size: 1.4rem !important; margin-bottom: 1.5rem;} ul.default-icon.narrow-mb li{margin-bottom: 0.5rem;} ul.default-icon.white li {background: url(../images/icon/bullet-white.svg) no-repeat left 0.4rem; color: #fff;} ul.default-icon.white.blue-dot > li {background: url(../images/icon/bullet-blue-2.svg) no-repeat left 0.4rem; color: #fff;} ul.default-icon.sub-header-1 li {background-position: left 0.7rem;} ul.default-icon.sub-header-2 li {background-position: left 0.5rem;} ul.default-icon li:last-child {margin-bottom: 0;} @media only screen and (max-width: 768px) { .wysiwyg-content p.sub-header-1, .wysiwyg-content ul.sub-header-1 li {font-size: 1.8rem; line-height: 2.6rem;} .wysiwyg-content p.sub-header-2, .wysiwyg-content ul.sub-header-2 li {font-size: 1.5rem; line-height: 2.3rem;} } @media only screen and (max-width: 600px) { .wysiwyg-content p.sub-header-1, .wysiwyg-content ul.sub-header-1 li {font-size: 1.7rem; line-height: 2.5rem;} .wysiwyg-content p.sub-header-2, .wysiwyg-content ul.sub-header-2 li {font-size: 1.4rem; line-height: 2.2rem;} } @media only screen and (max-width: 420px) { .wysiwyg-content p.sub-header-1, .wysiwyg-content ul.sub-header-1 li {font-size: 1.6rem; line-height: 2.4rem;} } /* /WYSIWYG CONTENT */ /* TABLE */ table.gen-table {width: 100%;} table.gen-table thead {} table.gen-table thead tr {background: transparent;} table.gen-table thead tr td {color: #333; vertical-align: middle; font-size: 2rem; line-height: 3rem; font-family: 'SemiBoldFont', Arial, Verdana; padding: 1.5rem 2rem; border-bottom: 0.1rem solid #333;} table.gen-table tbody tr {} table.gen-table tbody tr td {padding: 1.5rem 2rem; vertical-align: middle;} table.gen-table tbody tr td, table.gen-table tbody tr td p, table.gen-table tbody tr td a, table.gen-table tbody tr td p a {font-size: 1.4rem; line-height: 2.2rem; color: #333; font-family: 'GeneralFont', Arial, Verdana;} table.gen-table tbody tr td a, table.gen-table tbody tr td p a {color: #E22127;} table.gen-table tbody tr td a:hover, table.gen-table tbody tr td p a:hover {text-decoration: underline;} table.gen-table tbody tr:nth-child(odd) td{background: #fff;} table.gen-table tbody tr:nth-child(even) td{background: #EAEEF0;} table.gen-table tbody tr td:last-child {} table.gen-table tbody tr:last-child td {} table.gen-table tbody tr td.vtop {vertical-align: top;} @media only screen and (max-width: 768px) { table.gen-table thead tr td, table.gen-table tbody tr td {padding: 1.2rem 1.5rem;} table.gen-table thead tr td {font-size: 1.8rem; line-height: 2.6rem;} } @media only screen and (max-width: 500px) { table.gen-table thead tr td {font-size: 1.6rem; line-height: 2.4rem;} table.gen-table tbody tr td, table.gen-table tbody tr td p, table.gen-table tbody tr td a, table.gen-table tbody tr td p a {font-size: 1.3rem; line-height: 1.9rem;} } /* /TABLE */ /* FORM */ form.gen-form {} form.gen-form .gen-form-row {display: flex; justify-content: space-between; width: 100%; flex-wrap: wrap; margin-bottom: 3rem; position: relative;} form.gen-form .gen-form-row.mb-small {margin-bottom: 2rem;} form.gen-form .gen-form-row:last-child {margin-bottom: 0;} form.gen-form .gen-form-row + .gen-form-row.mt-wide {margin-top: 4rem;} form.gen-form .gen-form-row .gfr-half {width: 48%;} form.gen-form .gen-form-row .gfr-full {width: 100%;} input[type=text], input[type=email], input[type=password], input[type=date], textarea {font-family: 'GeneralFont', Arial, Verdana; height: 4.5rem; font-size: 1.4rem; line-height: 2.1rem; color: #fff; width: 100%; border-bottom: 0.1rem solid #fff; background: none; transition: all 0.2s linear; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear;} form.gen-form.color input[type=text], form.gen-form.color input[type=email], form.gen-form.color input[type=password], form.gen-form.color input[type=date], form.gen-form.color textarea {color: #333333; border-bottom: 0.1rem solid #333333;} input[type=text]:hover, input[type=text]:focus, input[type=email]:hover, input[type=email]:focus, input[type=password]:hover, input[type=password]:focus, input[type=date]:hover, input[type=date]:focus, textarea:hover, textarea:focus {outline: 0;} textarea {padding: 1.5rem; min-height: 14rem; border: 0.1rem solid #fff; border-radius: 0.4rem; -webkit-border-radius: 0.4rem; -moz-border-radius: 0.4rem; -o-border-radius: 0.4rem;} textarea.no-resize {resize: none;} form.gen-form.color textarea {color: #333333; border: 0.1rem solid #D9D9D9;} input[type=text].datepicker {padding-right: 3.0rem; background: url(../images/icon/calendar-2.svg) no-repeat right center; background-size: auto 1.8rem;} select {font-family: 'GeneralFont', Arial, Verdana; font-size: 1.6rem; line-height: 2.4rem; padding: 0 3rem 0 1.2rem; color: #21252C;} select:hover, select:focus {outline: 0;} .styled-select-wrapper {width: 100%; overflow: hidden; border: 1px solid #7F7F7F; height: 4.5rem; background: url(../images/icon/arrow-down.svg) no-repeat right 1.5rem center #fff; background-size: 2rem auto; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -o-border-radius: 10px;} .styled-select-wrapper select {display: block; width: 120%; border: none; background: transparent; height: 4.5rem; padding: 0 3rem 0 1.2rem;} .styled-select-wrapper select option {background: none;} input[type="checkbox"] {font-family: 'GeneralFont', Arial, Verdana; font-size: 0.6rem; line-height: 0.9rem;} .styled-checkbox-wrapper {margin-bottom: 1rem;} .styled-checkbox-wrapper input[type="checkbox"] {display: none;} .styled-checkbox-wrapper label {font-family: 'GeneralFont'; font-size: 1.6rem; line-height: 2.4rem; color: #333333; display: inline-block; padding-left: 3.6rem; background: url(../images/icon/checkbox-2.svg) no-repeat left top 0.2rem; background-size: 2.0rem auto; text-align: justify;} .styled-checkbox-wrapper label:hover {cursor: pointer;} .styled-checkbox-wrapper label a {color: #21252C;} .styled-checkbox-wrapper input[type="checkbox"]:checked + label {background: url(../images/icon/checkbox-checked-2.svg) no-repeat left top 0.2rem; background-size: 2.0rem auto;} input[type="radio"] {font-family: 'GeneralFont', Arial, Verdana;font-size: 15px; line-height: 24px;} .styled-radio-wrapper{position: relative;} .styled-radio-wrapper input[type="radio"] {display:none;} .styled-radio-wrapper label {display:inline-block; padding: 1px 0px 0px 31px; font-size: 15px; line-height: 24px; font-family: 'GeneralFont', Arial, Verdana; background: url(../images/icon/radio-off.png) no-repeat left top 3px; cursor: pointer; background-size: 20px auto;} .styled-radio-wrapper input[type="radio"]:checked + label {background: url(../images/icon/radio-on.png) no-repeat left top 3px; background-size: 20px auto;} input[type="file"] {font-family: 'GeneralFont', Arial, Verdana;} .styled-input-file-wrapper {cursor: pointer; font-size: 0.5rem; line-height: 0.7rem; color: #808080; background: #dbdbdb; border: 1px solid #dbdbdb; font-family: 'GeneralFont', Arial, Verdana; padding: 0.5rem; height: 50px; text-align: center; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -o-border-radius: 10px; transition: all 0.2s linear; -moz-transition: all 0.2s linear; -webkit-transition: all 0.2s linear; -o-transition: all 0.2s linear;} .styled-input-file-wrapper:hover {background: #282e68; color: #fff;} .styled-input-file-wrapper input[type="file"] {display: none;} .styled-input-file-wrapper label {} label.upload-file-info {} label.upload-file-info.warning {display: block; margin-top: 0.5rem; font-size: 0.4rem; line-height: 0.6rem;} input[type="submit"], a.gen-btn {border: 0.1rem solid #fff; display: inline-block; color: #fff; font-size: 1.4rem; line-height: 2.1rem; font-family: 'SemiBoldFont', Arial, Verdana; padding: 0.5rem 2rem; text-align: center; cursor: pointer; min-width: 12rem; border-radius: 0.3rem; -webkit-border-radius: 0.3rem; -moz-border-radius: 0.3rem; -o-border-radius: 0.3rem; transition: all 0.2s linear; -moz-transition: all 0.2s linear; -webkit-transition: all 0.2s linear; -o-transition: all 0.2s linear;} a.gen-btn {border: 0.1rem solid #E22127; background: #E22127;} input[type="submit"]:hover, input[type="submit"]:focus {border: 0.1rem solid #E22127; background: #E22127; color: #fff; text-decoration: none;} a.gen-btn:hover, a.gen-btn:focus {background: #B70000; border: 0.1rem solid #B70000;} input[type="submit"].inverse, a.gen-btn.inverse {color: #E22127; border: 1px solid #E22127; background: transparent;} input[type="submit"].inverse:hover, input[type="submit"].inverse:focus, a.gen-btn.inverse:hover {background: #E22127; color: #fff;} input[type="submit"].full-width {width: 100%;} form.gen-form.color input[type="submit"] {border: 0.1rem solid #333333; color: #333333;} form.gen-form.color input[type="submit"]:hover, form.gen-form.color input[type="submit"]:focus {background: #E22127; color: #fff; border: 0.1rem solid #E22127;} .gen-form input[type="submit"] {width: 15rem;} button {font-family: 'GeneralFont', Arial, Verdana; font-size: 1.3rem; line-height: 2rem; cursor: pointer; padding: 0.5rem 1.5rem;} a.gen-btn.disabled {color: #fff; background: #BFBFBF; cursor: default; pointer-events: none;} a.gen-btn.type-2, a.gen-btn.type-3:hover, a.gen-btn.type-3:focus {background: #fff; color: #E22127; border: 0.1rem solid #fff;} a.gen-btn.type-2:hover, a.gen-btn.type-2:focus {text-decoration: underline;} a.flat-btn {display: inline-block; font-size: 1.6rem; line-height: 2.2rem;} a.flat-btn.back {padding-left: 2.5rem; background: url(../images/icon/arrow-back.svg) no-repeat left center; background-size: 1.6rem auto;} .gen-form-wrapper {margin-bottom: 20px;} .gen-form-wrapper.no-mb {margin-bottom: 0;} .gen-form-wrapper.inline {} .gen-form-wrapper.inline .gfw-title {float: left; width: 22%; margin-right: 3%;} .gen-form-wrapper.inline .gfw-sep {float: left; width: 3%; margin-right: 3%;} .gen-form-wrapper.inline .gfw-input {float: left; width: 69%;} .gen-form-wrapper.inline label {font-size: 15px; line-height: 45px;} ::placeholder {color: #BFBFBF;} form.gen-form.color ::placeholder {color: #a9a9a9;} .form-notification {display: block; position: relative; padding: 0.5rem 0.6rem; margin-bottom: 0.5rem; border: 1px solid transparent; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -o-border-radius: 10px;} .form-notification p {font-size: 0.5rem; line-height: 0.7rem; padding-right: 1rem; font-family: 'BoldFont', Arial, Verdana;} .form-notification .close-btn {position: absolute; top: 50%; transform: translateY(-50%); right: 0.6rem; width: 0.4rem; height: 0.4rem; cursor: pointer;} .form-notification.success {background: #d9ffd8; border: 1px solid #00b400;} .form-notification.success p {color: #00b400;} .form-notification.success .close-btn {background: url(../images/icon/amt-form-close-success.png) no-repeat center; background-size: 0.4rem 0.4rem;} .form-notification.failed {background: #ffdddf; border: 1px solid #f03a17;} .form-notification.failed p {color: #f03a17;} .form-notification.failed .close-btn {background: url(../images/icon/amt-form-close-failed.png) no-repeat center; background-size: 0.4rem 0.4rem;} label.form-label {font-size: 1.4rem; line-height: 2.1rem; color: #fff; margin-bottom: 1rem; display: block;} form.gen-form.color label.form-label {color: #333333;} .text-required {color: #ff0000;} input[type="text"].half-width {width: 50%;} @media only screen and (max-width: 500px) { form.gen-form .gen-form-row .gfr-half {width: 100%; margin-bottom: 3rem;} form.gen-form .gen-form-row .gfr-half:last-child {margin-bottom: 0;} .styled-checkbox-wrapper label {font-size: 1.5rem; line-height: 2.3rem; padding-left: 3.2rem; background-size: 1.8rem auto;} .styled-checkbox-wrapper input[type="checkbox"]:checked + label {background-size: 1.8rem auto;} } /* /FORM */ /* HEADER */ header {position: fixed; top: 0; z-index: 1200; width: 100%;} #header-top-section {background: #011A2E; padding: 1rem 0; transition: all 0.25s ease-in;} #header-top-section.subnav-fw-active {background: #fff;} #header-logo-ct {grid-column: span 2;} img#logo, img#logo-2, img#logo-3, img#logo-4 {max-height: 7rem; display: inline-block;} img#logo-3, img#logo-4 {margin-left: 1rem;} img#logo-2, img#logo-4 {display: none;} #header-nav-ct {grid-column: 3 / span 10;} #header-resp-icon-ct {display: none;} #header-resp-ct {display: none;} ul#header-nav-list {} ul#header-nav-list > li {margin-right: 3rem; position: relative;} ul#header-nav-list > li:last-child {margin-right: 0;} ul#header-nav-list > li > a {font-family: 'SemiBoldFont', Arial, Verdana; color: #fff; font-size: 1.3rem; line-height: 1.8rem; display: inline-block; transition: all 0.25s ease-in; cursor: pointer;} ul#header-nav-list > li > a.subnav-fw-active, ul#header-nav-list > li > a.subnav-fw-active:hover {color: #E22127;} ul#header-nav-list > li > a:hover {color: #E22127;} ul#header-nav-list > li > a.has-sub, ul#header-nav-list > li > a.has-sub:hover {border-bottom: 0.1rem solid transparent; padding: 0.3rem 2rem 0.3rem 1.5rem; background: url(../images/icon/arrow-down-white.svg) no-repeat right 0.7rem center #E22127; color: #fff; border-radius: 0.4rem; -webkit-border-radius: 0.4rem; -moz-border-radius: 0.4rem; -o-border-radius: 0.4rem;} ul#header-nav-list > li > a.has-sub.current-subnav-fw-active {background: url(../images/icon/arrow-down-red.svg) no-repeat right 0.5rem center; background-color: #fff !important; color: #E22127; border-bottom: 0.1rem solid #E22127; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; -o-border-radius: 0;} ul#header-nav-list > li > a.active, ul#header-nav-list > li > a.active:hover {color: #E22127;} .header-subnav-ct {position: absolute; left: -3.5rem; padding-top: 1rem; display: none;} ul.header-subnav-list {width: 15rem; background: #fff; padding: 1rem 2rem; border-radius: 0.4rem; -webkit-border-radius: 0.4rem; -moz-border-radius: 0.4rem; -o-border-radius: 0.4rem; box-shadow: 0 0.5rem 0.5rem #cfcfcf; -webkit-box-shadow: 0 0.5rem 0.5rem #cfcfcf; -moz-box-shadow: 0 0.5rem 0.5rem #cfcfcf; -o-box-shadow: 0 0.5rem 0.5rem #cfcfcf;} ul.header-subnav-list > li {text-align: center; margin-bottom: 1rem;} ul.header-subnav-list > li:last-child {margin-bottom: 0;} ul.header-subnav-list > li > a {font-size: 1.2rem; line-height: 1.6rem; color: #011A2E; font-family: 'BoldFont', Arial, Verdana;} ul.header-subnav-list > li > a:hover {color: #E22127;} .header-subnav-ct-fw {width: 100%; background: #fff; border-top: 0.1rem solid #011A2E; padding: 3rem 0 5rem 0; display: none; z-index: 1200; box-shadow: 0 0.5rem 0.5rem #9f9f9f; -webkit-box-shadow: 0 0.5rem 0.5rem #9f9f9f; -moz-box-shadow: 0 0.5rem 0.5rem #9f9f9f; -o-box-shadow: 0 0.5rem 0.5rem #9f9f9f;} ul.service-cat-list {position: relative;} ul.service-cat-list.mb-min {margin-bottom: -4rem;} ul.service-cat-list > li {grid-column: span 6; margin-bottom: 4rem;} ul.service-cat-list > li:last-child {margin-bottom: 0;} ul.service-cat-list > li .outer-ct {position: relative;} ul.service-cat-list > li .desc-ct {position: relative; width: 40%; padding: 3rem; background: #011A2E; border-top-left-radius: 0.5rem; -webkit-border-top-left-radius: 0.5rem; -moz-border-top-left-radius: 0.5rem; -o-border-top-left-radius: 0.5rem; border-bottom-left-radius: 0.5rem; -webkit-border-bottom-left-radius: 0.5rem; -moz-border-bottom-left-radius: 0.5rem; -o-border-bottom-left-radius: 0.5rem;} ul.service-cat-list > li .desc-ct h4 {color: #fff;} ul.service-cat-list > li .img-ct {width: 60%;} ul.service-cat-list > li .img-ct img {width: 100%; border-top-right-radius: 0.5rem; -webkit-border-top-right-radius: 0.5rem; -moz-border-top-right-radius: 0.5rem; -o-border-top-right-radius: 0.5rem; border-bottom-right-radius: 0.5rem; -webkit-border-bottom-right-radius: 0.5rem; -moz-border-bottom-right-radius: 0.5rem; -o-border-bottom-right-radius: 0.5rem;} ul.service-list {} ul.service-cat-list ul.service-list {position: absolute; bottom: 3rem; width: 75%;} ul.service-list > li {} ul.service-list > li > a {display: inline-block; width: 100%; padding: 1.5rem 4rem 1.5rem 0; background: url(../images/icon/arrow-anchor.svg) no-repeat right center; background-size: 3rem auto; font-size: 1.5rem; line-height: 2rem; color: #fff; border-top: 0.1rem solid #E22127;} ul.service-list > li:last-child > a {border-bottom: 0.1rem solid #E22127;} ul.service-list > li > a:hover {color: #E22127;} @media only screen and (min-width: 1920px) { ul#header-nav-list > li > a.has-sub, ul#header-nav-list > li > a.has-sub:hover {background-size: 0.9rem auto;} } @media only screen and (max-width: 1320px) { ul.service-cat-list > li .desc-ct {width: 45%;} ul.service-cat-list > li .img-ct {width: 55%; height: 40rem;} ul.service-cat-list > li .img-ct img {object-fit: cover; width: 100%; height: 100%;} } @media only screen and (max-width: 1200px) { ul#header-nav-list > li > a {font-size: 1.2rem; line-height: 1.8rem;} ul.service-cat-list > li .desc-ct {width: 50%;} ul.service-cat-list > li .img-ct {width: 50%; height: 35rem;} ul.service-list > li > a {padding: 1.2rem 3.5rem 1.2rem 0; background-size: 2.4rem auto; font-size: 1.4rem; line-height: 1.9rem;} } @media only screen and (max-width: 1024px) { /* #header-top-section {padding: 1.5rem 0;} #header-logo-ct {grid-column: span 1;} img#logo, img#logo-2, img#logo-3, img#logo-4 {max-height: 6rem;} #header-nav-ct {grid-column: 2 / span 5;} ul#header-nav-list > li {margin-right: 2.5rem;} */ #header-top-section {padding: 1.2rem 0;} img#logo, img#logo-2, img#logo-3, img#logo-4 {max-height: 4.5rem;} img#logo-3, img#logo-4 {margin-left: 0.5rem;} #header-nav-ct {display: none;} #header-resp-icon-ct {grid-column: 6; margin-left: auto; margin-right: 0; cursor: pointer; display: block; width: 3rem; height: 3rem; background: url(../images/icon/hamburger-nav.svg) no-repeat center; background-size: 3rem auto; filter: invert(100%) sepia(1%) saturate(2%) hue-rotate(309deg) brightness(106%) contrast(100%);} #header-resp-ct {position: fixed; top: 0; left: 0; width: 100%; height: 100vh; background: rgba(0, 0, 0, 0.75); z-index: 2000;} #header-resp-nav-ct {position: fixed; top: 0; right: -32rem; height: 100vh; width: 32rem; background: #011A2E; z-index: 2100; padding: 8rem 3rem 6rem 3rem; transition: all 0.25s ease-in; -webkit-transition: all 0.25s ease-in; -moz-transition: all 0.25s ease-in; -o-transition: all 0.25s ease-in;} #header-resp-nav-ct.displayed {right: 0;} #header-resp-nav-close {position: absolute; cursor: pointer; top: 1rem; right: 2rem; width: 4rem; height: 4rem; background: url(../images/icon/close.svg) no-repeat center; background-size: 3.2rem auto; filter: invert(100%) sepia(1%) saturate(2%) hue-rotate(309deg) brightness(106%) contrast(100%);} ul#header-resp-nav-list > li {margin-bottom: 1.8rem;} ul#header-resp-nav-list > li:last-child {margin-bottom: 0;} ul#header-resp-nav-list > li > a {cursor: pointer; font-size: 1.7rem; line-height: 2.3rem; color: #fff; font-family: 'SemiBoldFont', Arial, Verdana; display: inline-block; position: relative;} ul#header-resp-nav-list > li > a:hover {color: #E22127;} ul#header-resp-nav-list > li > a.active, ul#header-resp-nav-list > li > a.active:hover {color: #E22127 !important; font-family: 'BoldFont', Arial, Verdana !important; cursor: text;} ul#header-resp-nav-list > li > a.has-sub {padding-right: 3rem;} ul#header-resp-nav-list > li > a.has-sub span {position: absolute; top: 50%; right: 0; transform: translateY(-50%); width: 2rem; height: 2rem; background: url(../images/icon/arrow-down-white.svg) no-repeat center; background-size: 1.2rem auto;} ul#header-resp-nav-list > li > a.has-sub.opened span {transform: translateY(-50%) rotate(180deg);} ul#header-resp-nav-list > li > a.has-sub:hover span, ul#header-resp-nav-list > li > a.has-sub.active span { filter: invert(23%) sepia(93%) saturate(2307%) hue-rotate(342deg) brightness(87%) contrast(106%);} .header-resp-subnav-ct {margin-top: 1rem; display: none;} ul.header-resp-subnav-list li {margin-left: 2rem; margin-bottom: 1rem;} ul.header-resp-subnav-list li:last-child {margin-bottom: 0;} ul.header-resp-subnav-list li > a {font-size: 1.4rem; line-height: 2rem; color: #fff;} ul.header-resp-subnav-list li > a.text, ul.header-resp-subnav-list li > a.text:hover {font-size: 1.6rem; line-height: 2.2rem; color: #fff; font-family: 'SemiBoldFont', Arial, Verdana;} ul.header-resp-subnav-list li > a:hover {color: #E22127;} ul.header-resp-subnav-list li > a.active, ul.header-resp-subnav-list li > a.active:hover {font-family: 'BoldFont', Arial, Verdana; color: #E22127;} ul.header-resp-subnav-list li ul.header-resp-subnav-list li {margin-bottom: 0;} ul.service-cat-list > li {grid-column: span 3;} ul.service-cat-list > li .desc-ct {width: 55%;} ul.service-cat-list > li .img-ct {width: 45%; height: 40rem;} ul.service-cat-list > li .desc-ct h4 {font-size: 3rem; line-height: 3.6rem;} } @media only screen and (max-width: 768px) { ul.service-cat-list > li {grid-column: 1 / -1; margin-bottom: 2rem;} ul.service-cat-list > li .desc-ct {width: 45%;} ul.service-cat-list > li .img-ct {width: 55%; height: auto;} ul.service-list > li > a {padding: 1.5rem 4rem 1.5rem 0; font-size: 1.5rem; line-height: 2rem;} } @media only screen and (max-width: 600px) { #header-logo-ct {grid-column: span 2;} ul.service-cat-list > li .desc-ct {width: 50%;} ul.service-cat-list > li .img-ct {width: 50%; height: 40rem;} } @media only screen and (max-width: 500px) { img#logo, img#logo-2, img#logo-3, img#logo-4 {max-height: 3.8rem;} } @media only screen and (max-width: 420px) { ul.service-cat-list > li .desc-ct {width: 100%; height: auto; border-radius: 0.5rem; -webkit-border-radius: 0.5rem; -moz-border-radius: 0.5rem; -o-border-radius: 0.5rem;} ul.service-cat-list > li .img-ct {display: none;} ul.service-cat-list ul.service-list {position: relative; bottom: auto; width: 100%; margin-top: 4rem;} } /* /HEADER */ /* HOME */ #top-space {margin-top: 6.8rem;} #content {position: relative; z-index: 1000; min-height: 40rem;} .gen-section {padding: 6rem 0; position: relative;} .section-title-ct {} h2.section-title {color: #E22127; font-family: 'SemiBoldFont', Arial, Verdana;} h2.section-title.gray {color: #333333;} h2.section-title.blue {color: #00A0E4;} h2.section-title.with-und {display: inline-block; padding-bottom: 1rem;} h2.section-title.gray.with-und {border-bottom: 0.2rem solid #333333;} h2.section-title.small {font-size: 1.4rem; line-height: 2.0rem; font-family: 'BoldFont', Arial, Verdana;} h2.section-title span {display: inline-block; box-sizing: border-box; width: 12rem; height: 0.5rem; background: #E22127; margin-bottom: 1rem; margin-left: 2rem;} h2.section-title span.arrow {width: 4.4rem; height: 2rem; background: url(../images/icon/arrow-right-red.svg) no-repeat center; background-size: 100%; margin-bottom: 0.5rem; margin-left: 1rem;} h2.section-title span.cl-secondary, h2.section-title span.cl-white {display: inline; width: auto; height: auto; background: none; margin-bottom: 0; margin-left: 0;} h4.section-title {color: #00A0E4; font-family: 'MediumFont', Arial, Verdana;} ul.gen-point-list {} ul.gen-point-list > li {padding-left: 2.2rem; background: url(../images/icon/bullet-general.svg) no-repeat left top 0.5rem; background-size: 1.2rem 1.2rem;} a.read-more {font-size: 1.6rem; line-height: 2.1rem; color: #333; font-family: 'SemiBoldFont', Arial, Verdana; display: inline-block; padding-right: 3rem; background: url(../images/icon/arrow-anchor.svg) no-repeat right center; background-size: 1.8rem auto;} a.read-more.white {color: #fff; background: url(../images/icon/arrow-anchor-white.svg) no-repeat right center; background-size: 1.8rem auto;} a.read-more:hover, a.read-more.white:hover {color: #E22127; background: url(../images/icon/arrow-anchor.svg) no-repeat right center; background-size: 1.8rem auto;} #home-slideshow-section {position: relative;} #home-slideshow-list {position: relative; margin-bottom: 2rem;} /* #home-slideshow-list .slick-dots {bottom: 4rem; text-align: center;} */ #home-slideshow-list .slick-dots {position: absolute; width: auto; left: 50%; transform: translateX(-50%); bottom: 4rem;} #home-slideshow-list .slick-dots li {width: 1rem; height: 1rem; margin: 0 1.2rem;} #home-slideshow-list .slick-dots li:last-child {} #home-slideshow-list .slick-dots li button {width: 1rem; height: 1rem; background: url(../images/icon/bullet-idle.svg) no-repeat center; background-size: 1rem 1rem;} #home-slideshow-list .slick-dots li button::before {content: "";} #home-slideshow-list .slick-dots li.slick-active button {background: url(../images/icon/bullet-active.svg) no-repeat center; background-size: 1rem 1rem;} #home-slideshow-list .slick-prev {content: ''; width: 4.4rem; height: 2rem; background: url(../images/icon/arrow-prev.svg) no-repeat center !important; top: auto; bottom: 2.5rem; /* left: 39%; */ background-size: 4.4rem 2rem !important; z-index: 200; transition: all 0.15s linear; -webkit-transition: all 0.15s linear; -moz-transition: all 0.15s linear; -o-transition: all 0.15s linear;} #home-slideshow-list .slick-next {content: ''; width: 4.4rem; height: 2rem; background: url(../images/icon/arrow-next.svg) no-repeat center !important; top: auto; bottom: 2.5rem; /* right: 39%; */ background-size: 4.4rem 2rem !important; z-index: 200; transition: all 0.15s linear; -webkit-transition: all 0.15s linear; -moz-transition: all 0.15s linear; -o-transition: all 0.15s linear;} #home-slideshow-list .slick-prev:before, #home-slideshow-list .slick-next:before {content: '';} #home-slideshow-list .slick-prev:hover {opacity: 1.0;} #home-slideshow-list .slick-next:hover{opacity: 1.0;} #home-slideshow-caption-ct {position: absolute; top: 32%; transform: translateY(-32%); width: 60%; left: 5%;} #home-slideshow-caption-ct img {max-height: 15rem; margin-bottom: 2rem;} #home-slideshow-caption-ct h2, #home-slideshow-caption-ct h3 {color: #fff; font-family: 'MediumFont', Arial, Verdana; margin-bottom: 1.5rem;} #home-slideshow-caption-ct p {font-size: 1.5rem; line-height: 2.3rem; color: #fff;} #home-slideshow-caption-ct a.gen-btn {margin-top: 1.5rem;} #home-slideshow-list {height: 53rem !important;} .home-slideshow-item {height: 53rem !important;} .home-slideshow-item img {display: none; object-fit: cover !important; width: 100%; height: 100%;} .home-slideshow-item img.mobile {display: none !important;} #home-about-section {} #home-about-top-ct {grid-column: 3 /span 8; text-align: center;} #home-about-top-ct h3 {font-family: 'MediumFont', Arial, Verdana;} #home-about-top-ct p {font-family: 'SemiBoldFont', Arial, Verdana;} #home-about-point-ct {margin-top: 4rem;} ul#home-about-point-list {} ul#home-about-point-list > li:nth-child(odd) {grid-column: 2 / span 5;} ul#home-about-point-list > li:nth-child(even) {grid-column: 7 / span 5;} ul#home-about-point-list > li {font-size: 1.6rem; line-height: 2.1rem; font-family: 'SemiBoldFont', Arial, Verdana; padding-left: 2.5rem; margin-bottom: 1.5rem;} #home-service-section {} #home-network-section {padding: 6rem 0; background: #011A2E;} #home-network-top-ct {margin-bottom: 6rem;} #home-network-title-ct {grid-column: 1 / span 4;} #home-network-list-ct {grid-column: 5 / span 8;} /* ul.network-list {display: grid; grid-template-columns: repeat(7, 1fr); column-gap: 0.5rem;} ul.network-list > li {} */ ul.network-list {display: flex; justify-content: flex-end;} ul.network-list > li {margin-right: 2rem;} ul.network-list > li:last-child {margin-right: 0;} ul.network-item-list > li {margin-bottom: 0.7rem; position: relative; cursor: pointer;} ul.network-item-list > li:last-child {margin-bottom: 0;} ul.network-item-list > li > a {display: block; padding-right: 1rem; color: #fff; position: relative;} ul.network-item-list > li > a:hover {color: #E22127; text-decoration: none;} ul.network-item-list > li > a.active, ul.network-item-list > li > a.active:hover {color: #E22127;} ul.network-item-list > li > a.active-abs {color: #E22127 !important; text-decoration: none !important;} ul.network-item-list > li span {display: inline-block; position: absolute; top: 1rem; left: -1rem; width: 0.6rem; height: 0.3rem; background: url(../images/icon/red-line.svg) no-repeat center; background-size: 100% 100%; opacity: 0; transition: all 0.25s ease-in; -webkit-transition: all 0.25s ease-in; -moz-transition: all 0.25s ease-in; -o-transition: all 0.25s ease-in;} ul.network-item-list > li span.displayed {opacity: 1.0;} ul.network-item-list > li span.displayed-abs {opacity: 1.0;} ul.network-item-list > li .header-subnav-ct {left: 0; padding-top: 0.5rem; z-index: 300;} ul.network-item-list > li .header-subnav-ct ul.header-subnav-list { box-shadow: none; -webkit-box-shadow: none; -moz-shadow: none; -o-shadow: none;} #home-network-map-ct {margin-bottom: 6rem;} .st0{clip-path:url(#SVGID_00000001648381421234540940000013297949716284902282_);} .st1{opacity:0.5;} .st2{fill:#FFFFFF;stroke:#06192C;stroke-width:0.17;stroke-linecap:round;stroke-miterlimit:10;} .st3{fill:none;stroke:#06192C;stroke-width:0.17;stroke-linecap:round;stroke-miterlimit:10;} .st4{fill:#FFFFFF;} .st5{fill:#E22127; r: 5.8;} .st6{fill:none;stroke:#E22127;stroke-width:0.45;stroke-miterlimit:10; r:8.7;} /* .st-point{fill:#E22127; r: 5.8; cursor: pointer; transition: all 0.2s linear; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear;} .st-point.hovered {fill: #00A0E4; r: 9;} .st-border{fill:none;stroke:#E22127;stroke-width:0.45;stroke-miterlimit:10; r:8.7; transition: all 0.2s linear; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear;} .st-border.hovered {stroke: #00A0E4; r: 13; stroke-width: 1.0;} */ /* #st-text {box-sizing: border-box; padding: 0.6rem 1rem;text-align: center; width: 11rem; height: 3.2rem; background: #fff; position: relative; display: none; border-radius: 0.4rem; -webkit-border-radius: 0.4rem; -moz-border-radius: 0.4rem; -o-border-radius: 0.4rem; box-shadow: 0 0 0.5rem #9f9f9f; -webkit-box-shadow: 0 0 0.5rem #9f9f9f; -moz-box-shadow: 0 0 0.5rem #9f9f9f; -o-box-shadow: 0 0 0.5rem #9f9f9f;} #st-text div {font-size: 1.3rem; line-height: 1.9rem; color: #333; font-family: 'BoldFont', Arial, Verdana;} */ .st-point, .st-border {transition: all 0.2s linear;} .st-point.hovered {r: 9;} .st-border.hovered {r: 13;} #st-text-bla, #st-text-bll {transition: all 0.2s linear; cursor: pointer;} #st-text-bla:hover, #st-text-bll:hover {fill: #E22127;} .map-pointers {} .map-pointer-dot {} #home-network-contact-ct {} #home-network-contact-ct .inner {} #home-network-contact-ct .inner h2 {text-align: right; color: #fff;} ul.hyperlink-list {} ul.hyperlink-list > li {margin-bottom: 2rem;} ul.hyperlink-list > li:last-child {margin-bottom: 0;} ul.hyperlink-list > li > a {font-size: 2rem; line-height: 2.8rem; color: #E22127; font-family: 'SemiBoldFont', Arial, Verdana; display: inline-block; padding-right: 4.5rem; background: url(../images/icon/arrow-anchor.svg) no-repeat right center; background-size: 2.4rem auto;} ul.hyperlink-list.white > li > a {color: #fff; background: url(../images/icon/arrow-anchor-white.svg) no-repeat right center; background-size: 2.4rem auto;} ul.hyperlink-list > li > a:hover {text-decoration: underline;} ul.hyperlink-list.white > li > a:hover {text-decoration: none; color: #E22127; background: url(../images/icon/arrow-anchor.svg) no-repeat right center; background-size: 2.4rem auto;} #home-network-contact-ct ul.hyperlink-list.white > li {margin-right: 4rem;} #home-network-contact-ct ul.hyperlink-list.white > li:last-child {margin-right: 0;} #home-network-contact-ct ul.hyperlink-list.white > li > a {font-size: 1.7rem; line-height: 2.4rem; padding-right: 3.7rem;} #home-trainee-section {} #home-trainee-top-ct {} #home-trainee-title-ct {grid-column: 1 / span 6;} #home-trainee-contact-ct {grid-column: 7 / span 6; padding-left: 6rem;} #home-trainee-contact-ct a.gen-btn {width: 100%; margin-top: 2rem;} #home-trainee-image-ct {margin-top: 6rem;} #home-trainee-image-ct img { border-radius: 0.4rem; -webkit-border-radius: 0.4rem; -moz-border-radius: 0.4rem; -o-border-radius: 0.4rem;} #home-hseq-section {background: #011A2E; position: relative;} #home-hseq-ct {position: relative;} #home-hseq-ct img {margin-right: 0; margin-left: auto; width: 66%;} #home-hseq-caption-ct {position: absolute; top: 50%; transform: translateY(-50%); left: 5%; width: 60%;} #home-hseq-caption-ct p, #home-hseq-caption-ct h2 {color: #fff; font-family: 'SemiBoldFont', Arial, Verdana;} #home-hseq-caption-ct p.sub-header-1 {margin-bottom: 2rem;} #home-hseq-caption-ct a.read-more {margin-top: 2rem;} #home-commitment-section {} #home-commitment-img-ct {grid-column: 1 / span 6;} #home-commitment-img-ct img { border-radius: 0.4rem; -webkit-border-radius: 0.4rem; -moz-border-radius: 0.4rem; -o-border-radius: 0.4rem;} #home-commitment-desc-ct {grid-column: 8 / span 5; position: relative;} #home-commitment-desc-ct #hcd-bottom-ct {position: absolute; bottom: 0;} #home-commitment-desc-ct #hcd-bottom-ct a.read-more {margin-top: 2rem;} #home-news-section {} #home-news-top-ct {margin-bottom: 4rem;} #home-news-title-ct {grid-column: 1 / span 2;} #home-news-subtitle-ct {grid-column: 8 / span 4;} #home-news-list-ct {} #home-news-list-outer-ct {margin-left: 5%; width: 95%; overflow: hidden;} #home-news-list {padding-bottom: 4rem; margin-bottom: 0;} #home-news-list .home-news-item {grid-column: span 6;} .home-news-item {} .home-news-item .img-ct {position: relative;} .home-news-item .img-ct .detail-ct {position: absolute; bottom: 0; z-index: 200; width: 100%; box-sizing: border-box; padding: 4rem 3rem; background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 1));} .home-news-item .img-ct .detail-ct p {color: #fff; font-family: 'MediumFont', Arial, Verdana; margin-bottom: 1rem;} .home-news-item .img-ct .detail-ct h3 {color: #fff; font-family: 'SemiBoldFont', Arial, Verdana; font-size: 2rem; line-height: 2.6rem; width: 70%; margin-bottom: 1.5rem;} .home-news-item .img-ct .detail-ct a.gen-btn {} #home-news-list .slick-prev {content: ''; width: 2rem; height: 1rem; background: url(../images/icon/arrow-prev-2.svg) no-repeat center !important; top: auto; bottom: 0; left: auto; right: 9%; background-size: 2rem auto !important; z-index: 200; transition: all 0.15s linear; -webkit-transition: all 0.15s linear; -moz-transition: all 0.15s linear; -o-transition: all 0.15s linear;} #home-news-list .slick-next {content: ''; width: 2rem; height: 1rem; background: url(../images/icon/arrow-next-2.svg) no-repeat center !important; top: auto; bottom: 0; left: auto; right: 5.5%; background-size: 2rem auto !important; z-index: 200; transition: all 0.15s linear; -webkit-transition: all 0.15s linear; -moz-transition: all 0.15s linear; -o-transition: all 0.15s linear;} #home-news-list .slick-prev:before, #home-news-list .slick-next:before {content: '';} #home-news-list .slick-prev:hover {opacity: 1.0;} #home-news-list .slick-next:hover{opacity: 1.0;} #home-news-list .slick-slide {margin: 1.2rem;} #home-news-list .slick-list {margin: -1.2rem; padding-right: 20%;} #home-news-list-line {margin-left: 5%; width: 82%; height: 0.1rem; background: #E22127; margin-top: -1rem; position: relative; z-index: 200;} @media only screen and (min-width: 1600px) { #top-space {margin-top: 6rem;} } @media only screen and (min-width: 1920px) { #top-space {margin-top: 5rem;} } @media only screen and (min-width: 2400px) { #top-space {margin-top: 4.8rem;} } @media only screen and (max-width: 1320px) { #home-network-title-ct {grid-column: 1 / -1 !important; text-align: center;} #home-network-list-ct {grid-column: 1 / -1;} ul.network-list {justify-content: center;} ul.network-list > li {margin-right: 3rem;} ul.network-list > li:last-child {margin-right: 0;} } @media only screen and (max-width: 1200px) { #home-slideshow-caption-ct {width: 75%;} #home-slideshow-caption-ct h2 {font-size: 4rem; line-height: 4.8rem;} #home-slideshow-caption-ct p {width: 100%;} /* #home-slideshow-list .slick-prev {left: 37%;} #home-slideshow-list .slick-next {right: 37%;} */ #home-trainee-title-ct {grid-column: 1 / span 7;} #home-trainee-contact-ct {grid-column: 8 / span 5; padding-left: 4rem;} #home-commitment-desc-ct {grid-column: 7 / span 6; padding-left: 2rem;} } @media only screen and (max-width: 1024px) { #home-slideshow-caption-ct {width: 85%; left: 50%; top: 32%; transform: translate(-50%, -32%); text-align: center;} #home-slideshow-caption-ct img {max-height: 12rem; margin-left: auto; margin-right: auto;} #home-slideshow-caption-ct h2 {font-size: 3.2rem; line-height: 4.0rem;} #home-slideshow-caption-ct h3 {font-size: 2.8rem; line-height: 3.6rem;} /* #home-slideshow-list .slick-prev {left: 35%;} #home-slideshow-list .slick-next {right: 35%;} */ #home-slideshow-list {height: 46rem !important;} .home-slideshow-item {height: 46rem !important;} #home-about-top-ct {grid-column: 1 / -1;} ul#home-about-point-list > li:nth-child(odd), ul#home-about-point-list > li:nth-child(even) {grid-column: span 3;} #home-network-top-ct {margin-bottom: 0;} #home-network-list-ct {grid-column: 1 / -1;} #home-network-map-ct {display: none;} #home-network-contact-ct {display: none;} ul.network-list > li {margin-right: 2rem;} #home-trainee-title-ct, #home-trainee-contact-ct {grid-column: 1 / -1;} #home-trainee-contact-ct {padding-left: 0;} #home-trainee-title-ct {margin-bottom: 3rem;} #home-trainee-contact-ct a.gen-btn {width: auto;} #home-commitment-img-ct {grid-column: 1 / span 3;} #home-commitment-desc-ct {grid-column: 4 / span 3;} #home-commitment-desc-ct h2 {font-size: 4.2rem; line-height: 4.8rem;} #home-commitment-desc-ct h2 span {width: 8rem;} #home-news-top-ct {margin-bottom: 2rem;} #home-news-list .slick-slide {margin: 0.8rem;} #home-news-list .slick-list {margin: -0.8rem; padding-right: 15%;} .home-news-item .img-ct .detail-ct {padding: 3rem 2.5rem;} .home-news-item .img-ct .detail-ct h3 {width: 100%;} } @media only screen and (max-width: 768px) { #home-slideshow-list {height: 40rem !important;} .home-slideshow-item {height: 40rem !important;} .home-slideshow-item img.featured {display: none !important;} .home-slideshow-item img.mobile {display: block !important;} #home-slideshow-caption-ct img {max-height: 10rem; margin-bottom: 1.5rem;} #home-slideshow-caption-ct a.gen-btn {font-size: 1.3rem; line-height: 2.0rem; padding: 0.3rem 1.5rem; margin-top: 1rem;} #home-slideshow-caption-ct h3 {font-size: 2.4rem; line-height: 3.0rem;} /* #home-slideshow-list .slick-prev {left: 30%;} #home-slideshow-list .slick-next {right: 30%;} */ #home-service-section {padding-top: 3rem;} ul.network-list {display: grid; grid-template-columns: repeat(6, 1fr); column-gap: 2rem;} ul.network-list > li {grid-column: span 2; margin-bottom: 3rem; margin-right: 0;} ul.network-list > li:last-child {margin-bottom: 0;} #home-hseq-ct {padding: 6rem 0;} #home-hseq-ct img {display: none;} #home-hseq-caption-ct {position: relative; transform: none; left: auto; top: 0; margin-left: 5%; width: 90%;} #home-commitment-img-ct {grid-column: 2 / span 4; margin-bottom: 4rem;} #home-commitment-desc-ct {grid-column: 1 / -1; padding-left: 0;} #home-commitment-desc-ct h2 span {display: none;} #home-commitment-desc-ct #hcd-bottom-ct {position: relative;} #home-news-section {padding-top: 3rem;} #home-news-list-outer-ct {width: 90%;} #home-news-title-ct, #home-news-subtitle-ct {grid-column: 1 / -1; text-align: center;} #home-news-subtitle-ct h2 span {display: none;} #home-news-list .slick-list {padding-right: 0;} #home-news-list .slick-prev {right: 6%;} #home-news-list .slick-next {right: 0;} #home-news-list-line {width: 78%;} .home-news-item .img-ct .detail-ct {padding: 2rem;} .home-news-item .img-ct .detail-ct h3 {font-size: 1.8rem; line-height: 2.4rem;} } @media only screen and (max-width: 600px) { #home-slideshow-caption-ct h2 {font-size: 3.2rem; line-height: 4rem;} #home-slideshow-list .slick-dots {bottom: 3rem;} #home-slideshow-list .slick-dots li {margin: 0 0.8rem;} /* #home-slideshow-list .slick-prev {left: 30%; bottom: 1.7rem;} #home-slideshow-list .slick-next {right: 30%; bottom: 1.7rem;} */ #home-slideshow-list .slick-prev {bottom: 1.6rem;} #home-slideshow-list .slick-next {bottom: 1.6rem;} #home-service-section {} ul#home-about-point-list > li:nth-child(odd), ul#home-about-point-list > li:nth-child(even) {grid-column: 1 / -1;} ul#home-about-point-list > li {margin-left: 4rem; padding-right: 4rem;} ul.gen-point-list > li {background-position: left top 0.4rem;} #home-commitment-img-ct {grid-column: 1 / -1;} #home-commitment-desc-ct h2 {font-size: 3.8rem; line-height: 4.4rem;} .home-news-item .img-ct .detail-ct {padding: 2.5rem;} ul.hyperlink-list > li > a {font-size: 1.8rem; line-height: 2.4rem;} } @media only screen and (max-width: 500px) { #top-space {margin-top: 6rem;} /* #home-slideshow-list .slick-prev {left: 25%;} #home-slideshow-list .slick-next {right: 25%;} */ #home-slideshow-caption-ct {top: 30%; transform: translate(-50, -30%);} #home-slideshow-caption img {max-height: 9rem;} #home-slideshow-caption-ct a.gen-btn {font-size: 1.25rem;} #home-slideshow-caption-ct h3 {font-size: 2.3rem; line-height: 2.9rem;} #home-slideshow-caption-ct p {font-size: 1.3rem; line-height: 1.9rem;} ul.network-list {grid-template-columns: repeat(4, 1fr); column-gap: 2rem;} ul.network-list > li {grid-column: span 2; margin-bottom: 3rem; margin-right: 0; text-align: center;} ul.network-list > li:last-child {margin-bottom: 0;} ul.network-item-list > li span.displayed, ul.network-item-list > li span.displayed-abs {opacity: 0 !important;} ul.network-item-list > li > a {padding-right: 0;} ul.network-item-list > li .header-subnav-ct {left: 50%; transform: translateX(-50%);} ul.network-item-list > li ul.header-subnav-list {width: 16rem;} ul.network-item-list > li ul.header-subnav-list > li {margin-bottom: 0.2rem;} ul.network-item-list > li ul.header-subnav-list > li > a {font-size: 1.25rem; line-height: 1.9rem;} } @media only screen and (max-width: 420px) { #home-slideshow-caption-ct img {max-height: 9rem;} #home-slideshow-caption-ct h2 {font-size: 2.4rem; line-height: 3.2rem; margin-bottom: 1rem;} /* #home-slideshow-list .slick-prev {left: 18%;} #home-slideshow-list .slick-next {right: 18%;} */ ul#home-about-point-list > li {margin-left: 3rem; padding-right: 3rem;} #home-commitment-desc-ct h2 {font-size: 3.4rem; line-height: 4rem;} #home-trainee-image-ct .inner {height: 18rem;} #home-trainee-image-ct .inner img {object-fit: cover; width: 100%; height: 100%;} #home-news-list .slick-prev {right: 9%;} #home-news-list .slick-next {right: 0;} #home-news-list-line {width: 72%;} ul.hyperlink-list > li > a, ul.hyperlink-list.white > li > a, ul.hyperlink-list.white > li > a:hover {font-size: 1.6rem; line-height: 2.2rem; padding-right: 3.5rem; background-size: 2.1rem auto;} } /* /HOME */ /* SERVICES */ .top-image-section {} .full-image-ct {position: relative; z-index: 500;} .full-image-ct img {width: 100%;} .full-image-ct.no-img {background: #011A2E; padding: 12rem 0;} .full-image-ct .caption {position: absolute; top: 50%; transform: translateY(-50%); left: 5%; width: 65%;} .full-image-ct .caption.wide {width: 80%;} .full-image-ct .caption h2, .full-image-ct .caption p {color: #fff;} .full-image-ct .caption.relative {position: relative; top: auto; left: auto; transform: none; margin: 0 auto; text-align: center;} .floating-caption-ct {position: relative; z-index: 600; margin-top: -15rem; margin-bottom: 3rem;} .floating-caption-frame-ct {grid-column: 7 / span 5 !important; padding: 2.5rem; background: #E22127;} .floating-caption-frame-ct.corner-right {grid-column: 8 / span 5 !important;} .floating-caption-frame-ct.type-2 {background: #00A0E4;} .floating-caption-frame-ct p {font-size: 1.6rem; line-height: 2.1rem; font-family: 'BoldFont', Arial, Verdana; color: #fff; margin-bottom: 2rem;} .floating-caption-frame-ct.type-2 p {color: #333;} .floating-caption-frame-ct h4, .floating-caption-frame-ct h5 {color: #fff; font-family: 'GeneralFont', Arial, Verdana; margin-bottom: 0;} .full-image-ct.no-img + .floating-caption-ct {margin-top: -6rem;} ul.two-cols {} ul.two-cols > li {width: 48%;} #service-top-section {background: #011A2E;} #service-top-section .full-image-ct {height: 60rem;} #service-top-section .full-image-ct img {object-fit: cover; width: 100%; height: 100%;} #service-top-description-ct {padding: 6rem 0;} #service-middle-section {background: #011A2E;} #service-middle-description-ct {padding: 6rem 0;} #service-additional-section {/* background: #00A0E4; */ background: #E22127;} #service-additional-description-ct {padding: 6rem 0;} .service-description-left-ct {grid-column: 1 / span 6 !important;} .service-description-right-ct {grid-column: 7 / span 6 !important;} .service-description-left-ct.type-2 {grid-column: 1/ span 6 !important;} .service-description-right-ct.type-2 {grid-column: 8 / span 5 !important;} .service-description-left-ct {padding-right: 3rem;} #service-marine-left-ct a.email {display: block;} img#service-marine-resp-img {display: none;} #service-contact-section {background: #EAEEF0;} #service-contact-title-ct {grid-column: 2 / span 5;} #service-contact-description-ct {grid-column: 8 / span 5;} #service-contact-description-ct h5 {font-size: 2rem; line-height: 2.8rem; color: #00A0E4; padding-bottom: 0.5rem; border-bottom: 0.2rem solid #00A0E4; display: inline-block;} #service-contact-description-ct p, #service-contact-description-ct p a {font-family: 'SemiBoldFont', Arial, Verdana;} #service-contact-description-ct p a {text-decoration: underline;} #service-contact-description-ct a.gen-btn {min-width: 30rem;} #service-other-section {padding-bottom: 0;} #service-other-ct {} #service-other-ct .section-title-ct {grid-column: span 6; margin-bottom: 3rem;} .resp-sep {padding-bottom: 3rem; margin-bottom: 3rem; border-bottom: 0.1rem dotted transparent;} @media only screen and (min-width: 1600px) { } @media only screen and (max-width: 1200px) { #service-top-section .full-image-ct {height: 52rem;} .floating-caption-frame-ct, .floating-caption-frame-ct.corner-right {grid-column: 7 / span 6 !important;} #service-marine-left-ct .flex .left, #service-marine-left-ct .flex .right {width: 100%; margin-right: 0; margin-bottom: 0;} #service-marine-left-ct a.email {display: inline;} #service-marine-right-ct div {height: 35rem;} #service-marine-right-ct div img {width: 100%; height: 100%; object-fit: cover; object-position: top left;} #service-contact-title-ct {grid-column: 1 / span 6; padding-right: 2rem;} #service-other-ct .section-title-ct {grid-column: span 8;} } @media only screen and (max-width: 1024px) { #service-top-section .full-image-ct {height: 44rem;} .full-image-ct.no-img {padding-top: 10rem;} .floating-caption-frame-ct, .floating-caption-frame-ct.corner-right {grid-column: 4 / span 3 !important;} .floating-caption-ct {margin-top: -12rem;} .service-description-left-ct {grid-column: 1 / span 3 !important; padding-right: 2rem;} .service-description-right-ct, .service-description-right-ct.type-2 {grid-column: 4 / span 3 !important;} #service-contact-title-ct {grid-column: 1 / span 3; padding-right: 3rem;} #service-contact-title-ct h2 {font-size: 4rem; line-height: 4.8rem;} #service-contact-description-ct {grid-column: 4 / span 3;} #service-contact-description-ct p.sub-header-1 {font-size: 1.8rem; line-height: 2.6rem;} #service-contact-description-ct a.gen-btn {min-width: 24rem;} #service-other-ct .section-title-ct {grid-column: 1 / -1;} } @media only screen and (max-width: 768px) { #service-top-section .full-image-ct {height: 36rem;} .full-image-ct.no-img {padding-top: 8rem; padding-bottom: 10rem;} .floating-caption-ct {margin-top: -9rem; margin-bottom: 3rem;} .floating-caption-frame-ct {grid-column: 3 / span 4 !important;} .floating-caption-frame-ct.corner-right {grid-column: 1 / -1 !important;} .service-description-left-ct .flex.two-cols .left, .service-description-left-ct .flex.two-cols .right, .service-description-right-ct .flex.two-cols .left, .service-description-right-ct .flex.two-cols .right {width: 100%; margin-right: 0;} .service-description-left-ct .flex.two-cols .left, .service-description-right-ct .flex.two-cols .left {margin-bottom: 1.5rem;} #service-marine-left-ct {grid-column: 1 / -1 !important; padding-bottom: 0; margin-bottom: 0; border-bottom: none; padding-right: 0;} img#service-marine-resp-img {display: block; margin-bottom: 3rem; width: 100%;} #service-marine-right-ct {display: none;} #service-other-section {padding-bottom: 6rem;} } @media only screen and (max-width: 600px) { #service-top-section .full-image-ct {height: 27rem;} /* #service-top-section .full-image-ct img {object-fit: cover; width: 100%; height: 100%;} */ .full-image-ct.no-img {padding-top: 6rem; padding-bottom: 8rem;} .floating-caption-ct {margin-top: -7rem; margin-bottom: 2rem;} .full-image-ct.no-img + .floating-caption-ct {margin-top: -5rem;} .floating-caption-frame-ct, .floating-caption-frame-ct.corder-right {grid-column: 1 / span 4 !important;} .service-description-left-ct, .service-description-right-ct, .service-description-right-ct.type-2 {grid-column: 1 / -1 !important;} .service-description-left-ct {padding-right: 0; padding-bottom: 4rem; margin-bottom: 4rem; border-bottom: 0.1rem dotted #9f9f9f;} .service-description-left-ct.no-resp-brd {border-bottom: none; padding-bottom: 0; margin-bottom: 2rem;} #service-middle-section .full-image-ct {height: 23rem;} #service-middle-section .full-image-ct img {object-fit: cover; width: 100%; height: 100%;} #service-contact-title-ct, #service-contact-description-ct {grid-column: 1 / -1;} #service-contact-title-ct {margin-bottom: 2.5rem; padding-right: 0;} #service-contact-description-ct p.sub-header-1 {font-size: 1.6rem; line-height: 2.4rem;} .service-description-left-ct .flex.two-cols .left, .service-description-left-ct .flex.two-cols .right, .service-description-right-ct .flex.two-cols .left, .service-description-right-ct .flex.two-cols .right {width: 45%;} .service-description-left-ct .flex.two-cols .left, .service-description-right-ct .flex.two-cols .left {margin-bottom: 0;} .resp-sep {border-bottom: 0.1rem dotted #9f9f9f;} #service-other-ct h2.section-title span.arrow {display: none;} #service-additional-description-ct .wd-8 {width: 7rem;} } @media only screen and (max-width: 500px) { .floating-caption-ct {margin-top: -8rem; margin-bottom: 0;} ul.two-cols > li {width: 100%;} #service-other-section {padding-bottom: 5rem;} } @media only screen and (max-width: 420px) { .service-description-left-ct .flex.two-cols .left, .service-description-left-ct .flex.two-cols .right, .service-description-right-ct .flex.two-cols .left, .service-description-right-ct .flex.two-cols .right {width: 100%; margin-right: 0;} .service-description-left-ct .flex.two-cols .left, .service-description-right-ct .flex.two-cols .left {margin-bottom: 1.5rem;} } /* /SERVICES */ /* CONTACT */ #contact-top-section {background: #011A2E;} #contact-top-ct {} #contact-top-ct .inner {grid-column: 2 / span 10; text-align: center;} #contact-top-ct .inner p {color: #fff;} #contact-top-ct .inner p.sub-header-1 {margin-bottom: 1rem;} #contact-map-ct {margin-top: 8rem;} #contact-list-ct {margin-top: 6rem;} /* #contact-list-ct .wrap {padding-top: 6rem; border-top: 0.1rem solid #E22127;} */ #contact-list-ct ul.network-list {justify-content: center;} #contact-list-ct ul.network-list > li {margin-right: 3rem;} #contact-list-ct ul.network-item-list > li > a {font-size: 1.6rem; line-height: 2.4rem;} #contact-detail-section {} #contact-detail-ct {} #contact-detail-ct .inner {grid-column: 2 / span 10; text-align: center;} #contact-detail-title-ct {margin-bottom: 6rem;} #contact-detail-title-ct h2, #contact-detail-title-ct h3 {margin-bottom: 1.5rem;} ul.contact-branch-list {margin-top: -0.5rem; margin-bottom: 2rem;} ul.contact-branch-list > li {margin-right: 3rem;} ul.contact-branch-list > li:last-child {margin-right: 0;} ul.contact-branch-list > li, ul.contact-branch-list > li > a {font-size: 1.6rem; line-height: 2.4rem; color: #E22127; font-family: 'SemiBoldFont', Arial, Verdana;} ul.contact-branch-list > li > a:hover {color: #E22127;} #contact-detail-table-ct {} #contact-detail-table-ct table.contact-detail-table {margin-bottom: 8rem;} #contact-detail-table-ct table.contact-detail-table:last-child {margin-bottom: 0;} table.contact-detail-table thead tr td, table.contact-detail-table tbody tr td{text-align: center;} table.contact-detail-table tbody tr td, table.contact-detail-table tbody tr td p, table.contact-detail-table tbody tr td a, table.contact-detail-table tbody tr td p a {color: #333; font-family: 'SemiBoldFont', Arial, Verdana;} table.contact-detail-table tbody tr td a:hover, table.contact-detail-table tbody tr td p a:hover {color: #E22127; text-decoration: none;} #contact-shipping-ct {margin-top: 6rem;} #contact-shipping-sep-line {padding-top: 6rem; border-top: 0.1rem solid #000; grid-column: 2 / span 10;} #contact-shipping-image-ct {grid-column: 2 / span 3;} #contact-shipping-image-ct img {margin: 0 auto;} #contact-shipping-description-ct {grid-column: 5 / span 7; padding-left: 1rem;} @media only screen and (max-width: 1200px) { #contact-list-ct ul.network-list > li {margin-right: 2.5rem;} #contact-list-ct ul.network-item-list > li > a {font-size: 1.5rem; line-height: 2.2rem;} } @media only screen and (max-width: 1024px) { #contact-top-ct .inner {grid-column: 1 / -1;} #contact-map-ct {display: none;} #contact-list-ct .wrap {padding-top: 6rem; border-top: 0.1rem solid #E22127;} #contact-detail-ct .inner {grid-column: 1 / -1;} #contact-list-ct ul.network-item-list > li > a {font-size: 1.4rem; line-height: 2.1rem;} #contact-shipping-sep-line {grid-column: 1 / -1;} #contact-shipping-image-ct {grid-column: 1 / span 2;} #contact-shipping-description-ct {grid-column: 3 / span 4;} } @media only screen and (max-width: 768px) { #contact-detail-table-ct {overflow-x: scroll;} } @media only screen and (max-width: 600px) { table.contact-detail-table.large {width: 70rem;} #contact-shipping-sep-line, #contact-shipping-image-ct, #contact-shipping-description-ct {grid-column: 1 / -1;} #contact-shipping-sep-line {padding-top: 3rem;} #contact-shipping-image-ct {margin-bottom: 3rem;} } @media only screen and (max-width: 500px) { table.contact-detail-table.large {width: 60rem;} } @media only screen and (max-width: 420px) { /* #contact-detail-ct {overflow-x: scroll;} */ } #contact-headoffice-section {background: #EAEEF0;} #contact-headoffice-title-ct {grid-column: 2 / span 5;} #contact-headoffice-description-ct {grid-column: 8 / span 5;} #contact-headoffice-description-ct h5 {font-size: 2rem; line-height: 2.8rem; color: #00A0E4; padding-bottom: 0.5rem; border-bottom: 0.2rem solid #00A0E4; display: inline-block;} #contact-headoffice-description-ct p, #service-contact-description-ct p a {font-family: 'SemiBoldFont', Arial, Verdana;} #contact-headoffice-description-ct p a {text-decoration: underline;} #contact-headoffice-description-ct a.gen-btn {min-width: 30rem;} /* /CONTACT */ /* ABOUT */ #about-top-section {} #about-top-section .full-image-ct {height: 63rem;} #about-top-section .full-image-ct img {object-fit: cover; width: 100%; height: 100%;} #about-description-section {} #abd-image-ct {margin-bottom: 6rem;} #abd-image-ct img {width: 100%;} #abd-mission-value-ct {} #abd-mission-ct {grid-column: span 6; padding-right: 2rem;} #abd-value-ct {grid-column: span 6;} #abd-download-ct {margin-top: 6rem; text-align: center;} #about-history-section {background: #011A2E; margin-bottom: -6.2rem;} #about-history-top-ct {} #abh-title-ct {grid-column: span 2;} #abh-subtitle-ct {grid-column: 7 / span 6;} #about-history-detail-ct {margin-top: 6rem; margin-bottom: 6rem; min-height: 38rem;} #about-history-detail-ct .wrap {} #ahd-content-ct {} #ahd-content-ct .ahd-content-item {padding-bottom: 4rem; margin-bottom: 4rem; border-bottom: 0.1rem dotted #7f7f7f;} #ahd-content-ct .ahd-content-item:last-child {margin-bottom: 0; padding-bottom: 0; margin-bottom: 0; border-bottom: 0;} #ahd-content-ct .ahd-content-item .ahd-image-ct {grid-column: 1 / span 6; padding-right: 2rem;} #ahd-content-ct .ahd-content-item .ahd-image-ct img {} #ahd-content-ct .ahd-content-item .ahd-image-ct p.with-enlarge {padding-right: 4.5rem;} #ahd-content-ct .ahd-content-item .ahd-image-ct p {color: #fff; margin-top: 1.5rem; font-family: 'SemiBoldFont', Arial, Verdana; position: relative; min-height: 2.8rem;} #ahd-content-ct .ahd-content-item .ahd-image-ct p.with-enlarge a {position: absolute; right: 0; top: 0; display: inline-block; width: 2.8rem; height: 2.8rem; background-size: 2.4rem 2.4rem !important;} #ahd-content-ct .ahd-content-item .ahd-image-ct p.with-enlarge a:hover {background-size: 2.8rem 2.8rem !important;} #ahd-content-ct .ahd-content-item .ahd-image-ct p.with-enlarge a.popup-large {background: url(../images/icon/lup.svg) no-repeat center;} #ahd-content-ct .ahd-content-item .ahd-image-ct p.with-enlarge a.hyperlink {background: url(../images/icon/gen-hyperlink.svg) no-repeat center; filter: brightness(0) invert(1);} #ahd-content-ct .ahd-content-item .ahd-description-ct {grid-column: 7 / span 6;} #ahd-content-ct .ahd-content-item .ahd-description-ct h2, #ahd-content-ct .ahd-content-item .ahd-description-ct p {color: #fff;} #ahd-content-ct .ahd-content-item .ahd-description-ct ul li {list-style-type: disc; color: #fff; margin-left: 5rem; padding-left: 0;} /* #ahd-image-ct {grid-column: 1 / span 6; padding-right: 2rem;} #ahd-image-ct img {} #ahd-image-ct p {color: #fff; margin-top: 1.5rem; font-family: 'SemiBoldFont', Arial, Verdana;} #ahd-description-ct {grid-column: 7 / span 6;} #ahd-description-ct h2, #ahd-description-ct p {color: #fff;} */ #about-history-timeline-ct {} #about-history-timeline-ct .wrap {border-bottom: 0.1rem solid #fff; padding-bottom: 12rem;} #aht-outer-ct {border-top: 0.1rem solid #fff; overflow-y: hidden; min-height: 10rem;} #aht-outer-ct.active {border-top: 0.1rem solid #E22127;} ul#aht-list {} ul#aht-list > li {margin-right: 3rem; padding-top: 1rem; position: relative;} ul#aht-list > li:last-child {margin-right: 0;} ul#aht-list > li > a {font-family: 'BoldFont', Arial, Verdana; font-size: 2.6rem; line-height: 3.4rem; color: #808C97; cursor: pointer;} ul#aht-list > li > a:hover, ul#aht-list > li > a.opened, ul#aht-list > li > a.opened:hover {color: #fff;} ul#aht-list > li > a.active, ul#aht-list > li > a.active:hover {color: #E22127 !important;} .aht-item-ct {margin-left: 5rem; margin-top: -5rem; display: none;} .aht-item-ct.opened {display: block;} ul.aht-item-list {} ul.aht-item-list > li {margin-right: 2rem;} ul.aht-item-list > li:last-child {margin-right: 0;} ul.aht-item-list > li > a {font-family: 'SemiBoldFont', Arial, Verdana; color: #fff; font-size: 1.6rem; line-height: 2.1rem; cursor: pointer; display: inline-block; padding-top: 5rem; position: relative;} ul.aht-item-list > li > a:hover {color: #E22127;} ul.aht-item-list > li > a span {position: absolute; left: 50%; top: 0; transform: translateX(-50%); width: 0.1rem; height: 4.5rem; background: #fff;} ul.aht-item-list > li > a.active, ul.aht-item-list > li > a.active:hover {font-family: 'BoldFont', Arial, Verdana; color: #E22127; font-size: 1.8rem; line-height: 2.4rem;} ul.aht-item-list > li > a.active span {background: #E22127;} .aht-content {display: none !important;} @media only screen and (max-width: 1320px) { #abh-subtitle-ct {grid-column: 5 / span 8; text-align: right;} } @media only screen and (max-width: 1200px) { .full-image-ct .caption {width: 80%; top: 40%; transform: translateY(-40%);} #about-top-section .floating-caption-ct {margin-top: -10rem;} #about-top-section .full-image-ct {height: 55rem;} } @media only screen and (max-width: 1024px) { #about-top-section .full-image-ct {height: 48rem;} #abd-mission-ct, #abd-value-ct {grid-column: 1 / -1;} #abd-mission-ct {margin-bottom: 4rem;} #abh-title-ct {grid-column: span 1;} #abh-subtitle-ct {grid-column: 2 / span 5;} #ahd-content-ct .ahd-content-item .ahd-image-ct {grid-column: span 3;} #ahd-content-ct .ahd-content-item .ahd-description-ct {grid-column: span 3;} #about-history-detail-ct {min-height: 30rem;} ul#aht-list > li {margin-right: 2rem;} ul#aht-list > li > a {font-size: 2.4rem; line-height: 3rem;} .aht-item-ct {margin-left: 4rem;} ul.aht-item-list > li {margin-right: 1.5rem;} ul.aht-item-list > li > a {font-size: 1.4rem; line-height: 2rem;} ul.aht-item-list > li > a.active, ul.aht-item-list > li > a.active:hover {font-size: 1.6rem; line-height: 2.2rem;} #about-history-section {margin-bottom: -10rem;} #about-history-timeline-ct .wrap {padding-bottom: 6rem;} } @media only screen and (max-width: 768px) { #about-top-section .full-image-ct {height: 40rem;} .full-image-ct .caption {width: 90%; top: 40%; transform: translateY(-40%); text-align: center;} .full-image-ct .caption h2 {font-size: 3.8rem; line-height: 4.4rem;} #about-top-section .floating-caption-ct {margin-top: -5rem;} #abh-title-ct, #abh-subtitle-ct {grid-column: 1 / -1; text-align: center;} #about-history-detail-ct {display: none;} #about-history-timeline-ct {margin-top: 4rem;} #aht-outer-ct, #aht-outer-ct.active {border: none;} #aht-outer-ct {padding: 2rem 0 2rem 2rem; border-left: 0.1rem solid #fff;} #aht-outer-ct.active {border-left: 0.1rem solid #E22127;} ul#aht-list {display: block;} ul#aht-list > li {padding: 0; margin: 0; margin-bottom: 2rem;} ul#aht-list > li:last-child {margin-bottom: 0;} .aht-item-ct {margin: 0; margin-top: 2rem;} ul.aht-item-list {display: block;} ul.aht-item-list > li {} ul.aht-item-list > li > a {padding: 0.5rem 0 0.5rem 3rem;} ul.aht-item-list > li > a span {left: -3rem; top: 50%; transform: translateY(-50%); height: 0.1rem; width: 4.5rem;} .aht-content {margin-top: 2.5rem; margin-bottom: 2.5rem; padding-left: 3.2rem;} .aht-content.opened {display: block !important;} .aht-content .ahd-content-item {padding-bottom: 3rem; margin-bottom: 3rem; border-bottom: 0.1rem dotted #7f7f7f;} .aht-content .ahd-content-item:last-child {margin-bottom: 0; padding-bottom: 0; margin-bottom: 0; border-bottom: 0;} .aht-content .ahd-content-item .ahd-image-ct, .aht-content .ahd-content-item .ahd-description-ct {grid-column: 1 / -1;} .aht-content .ahd-content-item .ahd-image-ct {margin-bottom: 4rem;} .aht-content .ahd-content-item .ahd-image-ct img {margin-bottom: 1rem;} .aht-content .ahd-content-item .ahd-image-ct p.with-enlarge {padding-right: 4.5rem;} .aht-content .ahd-content-item .ahd-image-ct p {color: #fff; margin-top: 1.5rem; font-family: 'SemiBoldFont', Arial, Verdana; position: relative; min-height: 2.6rem;} .aht-content .ahd-content-item .ahd-image-ct p.with-enlarge a {position: absolute; right: 0; top: 0; display: inline-block; width: 2.6rem; height: 2.6rem; background-size: 2.2rem 2.2rem !important;} .aht-content .ahd-content-item .ahd-image-ct p.with-enlarge a:hover {background-size: 2.6rem 2.6rem !important;} .aht-content .ahd-content-item .ahd-image-ct p.with-enlarge a.popup-large {background: url(../images/icon/lup.svg) no-repeat center;} .aht-content .ahd-content-item .ahd-image-ct p.with-enlarge a.hyperlink {background: url(../images/icon/gen-hyperlink.svg) no-repeat center; filter: brightness(0) invert(1);} .aht-content .ahd-content-item .ahd-description-ct h2, .aht-content .ahd-content-item .ahd-description-ct p {color: #fff;} .aht-content .ahd-content-item .ahd-description-ct h2 {margin-bottom: 1.5rem;} .aht-content .ahd-content-item .ahd-description-ct ul li {list-style-type: disc; color: #fff; margin-left: 5rem; padding-left: 0;} #about-history-section {margin-bottom: -8rem;} } @media only screen and (max-width: 600px) { .full-image-ct .caption h2 {font-size: 3.4rem; line-height: 4rem;} #about-top-section .full-image-ct {height: 32rem;} /* #about-top-section .full-image-ct img {object-fit: cover; width: 100%; height: 100%;} */ #abd-image-ct {margin-bottom: 4rem;} .aht-content {padding-left: 1rem;} } @media only screen and (max-width: 500px) { .full-image-ct .caption h2 {font-size: 3rem; line-height: 3.6rem;} #abd-image-ct .inner {height: 20rem;} #abd-image-ct .inner img {object-fit: cover; width: 100%; height: 100%;} } @media only screen and (max-width: 420px) { .full-image-ct .caption h2 {font-size: 2.6rem; line-height: 3.2rem;} #abh-subtitle-ct h2 {font-size: 3.1rem; line-height: 3.7rem;} } /* /ABOUT */ /* PEOPLE */ img.rounded { border-radius: 0.4rem; -webkit-border-radius: 0.4rem; -moz-border-radius: 0.4rem; -o-border-radius: 0.4rem;} #people-top-section {background: #011A2E; padding: 12rem 0;} #people-top-ct {margin-bottom: 12rem;} #people-top-ct .inner {grid-column: 2 / span 10; text-align: center;} #people-top-ct .inner h2 {color: #fff;} #people-top-ct .inner h2 span {padding-bottom: 0.3rem; display: inline-block; background: url(../images/icon/red-line.svg) repeat-x bottom; background-size: auto 0.6rem;} #people-top-ct .inner p {width: 75%; margin-top: 2.5rem; margin-left: auto; margin-right: auto;} #people-office-ct {} #ppf-image-ct-resp {display: none;} #ppf-description-ct {grid-column: 1 / span 6; position: relative;} /* #ppf-description-ct p.bottom {position: absolute; bottom: 0;} */ #ppf-description-ct p.bottom {position: relative; margin-top: 3rem;} #ppf-image-ct {grid-column: 7 / span 6; padding-left: 3rem;} #people-office-image-section {} #people-program-section {background: #011A2E; padding-top: 12rem; padding-bottom: 6rem;} #people-value-ct {margin-bottom: 6rem;} #ppv-title-ct {grid-column: span 7;} #ppv-title-ct h2 {color: #fff;} #ppv-title-ct h2 span {display: none;} #ppv-title-ct h2 span.cl-secondary {display: inline;} #ppv-subtitle-line-ct {grid-column: 1 / span 7; height: 5rem; background: url(../images/icon/white-line.svg) repeat-x center; position: relative; height: 8rem;} #ppv-subtitle-line-ct div {width: 1.7rem; height: 1.7rem; background: #fff; position: absolute; right: 0; top: 50%; transform: translateY(-50%); border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%;} #ppv-subtitle-text-ct {grid-column: 8 / span 5; padding-left: 1.5rem;} #ppv-subtitle-text-ct h2 {color: #fff; margin-bottom: 0; font-size: 5rem; line-height: 5.6rem;} #people-value-description-ct {margin-bottom: 12rem; margin-top: -18rem;} #pvd-image-ct {grid-column: span 7;} #pvd-image-ct img { border-radius: 0.4rem; -webkit-border-radius: 0.4rem; -moz-border-radius: 0.4rem; -o-border-radius: 0.4rem;} #pvd-description-ct {grid-column: span 5; padding-left: 1.5rem;} #pvd-description-ct h4, #pvd-description-ct p {color: #fff;} #pvd-description-ct h4 {margin-bottom: 6rem;} #people-offer-ct {} #ppo-description-ct {grid-column: span 6;} #ppo-description-ct > h2 {color: #fff;} #ppo-image-ct {grid-column: 8 / span 5;} #ppo-image-ct img, #ppo-image-ct-mobile img { border-radius: 0.4rem; -webkit-border-radius: 0.4rem; -moz-border-radius: 0.4rem; -o-border-radius: 0.4rem;} #ppo-description-ct .ver-sep-line {min-height: 14rem;} #ppo-image-ct-mobile {display: none;} #people-career-image-section {} #people-career-section {} #people-career-benefit-ct {margin-bottom: 6rem;} #people-career-benefit-ct .inner {grid-column: 2 / span 10; text-align: center;} ul#career-benefit-list {} ul#career-benefit-list > li {grid-column: span 5; margin-bottom: 1.5rem; text-align: center; background: #011A2E; position: relative; min-height: 10rem; border-radius: 1rem; -webkit-border-radius: 1rem; -moz-border-radius: 1rem; -o-border-radius: 1rem;} ul#career-benefit-list > li p {position: absolute; width: 80%; color: #fff; top: 50%; left: 50%; transform: translate(-50%, -50%);} #people-career-description-ct {} #pcd-image-ct {grid-column: span 6;} #pcd-image-ct img { border-radius: 0.4rem; -webkit-border-radius: 0.4rem; -moz-border-radius: 0.4rem; -o-border-radius: 0.4rem;} #pcd-description-ct {grid-column: 7 / span 6; padding-left: 1.5rem;} #pcd-description-ct h3 {margin-bottom: 12rem;} .tri-down-white {width: 0; height: 0; border-left: 5rem solid transparent; border-right: 5rem solid transparent; border-top: 5rem solid #fff;} #people-apply-section {background: #011A2E; margin-bottom: -6.2rem; padding: 6rem 0;} #people-apply-section .tri-down-white {position: absolute; top: 0; left: 75%; transform: translateX(-75%);} #people-apply-ct .wrap {border-bottom: 0.1rem solid #fff; padding-bottom: 12rem;} #ppa-description-ct {grid-column: 2 / span 4;} #ppa-description-ct > h4 {color: #fff;} #ppa-form-ct {grid-column: 7 / span 6; position: relative;} #ppa-form-ct > h2 {color: #fff; margin-bottom: 4rem;} form#career-form input[type="submit"] {min-width: 30rem;} .file-upload {background: #D9D9D9 !important; border-radius: 0.4rem !important; -webkit-border-radius: 0.4rem !important; -moz-border-radius: 0.4rem !important; -o-border-radius: 0.4rem !important;} .file-upload > div {border: none !important; background: none !important; margin: 0 !important; padding: 3rem !important;} .file-upload > div p {color: #333 !important; font-size: 1.4rem !important; line-height: 2.6rem !important;;} .file-upload > div a, .file-upload > div p a {color: #E22127 !important; font-size: 1.4rem !important; line-height: 2.6rem !important;;} .file-upload > div a:hover, .file-upload > div p a:hover {text-decoration: underline;} .file-container table thead tr th{font-size: 1.3rem !important; height: 2.0rem !important; color: #fff !important; font-family: 'BoldFont', Arial, Verdana; vertical-align: middle;} .file-container table tbody tr td {font-size: 1.2rem !important; height: 1.8rem !important; color: #fff !important; font-family: 'GeneralFont', Arial, Verdana; vertical-align: middle;} .file-container table button.deleteBtn {width: 2.4rem !important; height: 2.4rem !important; background: url(../images/icon/delete.svg) no-repeat center; background-size: 2.2rem auto;} @media only screen and (max-width: 1320px) { #ppf-description-ct p.bottom {margin-top: 4rem;} } @media only screen and (max-width: 1200px) { #people-top-ct .inner p {width: 80%;} #ppo-image-ct {grid-column: 7 / span 6; padding-left: 2rem;} #people-program-section {padding-top: 8rem;} #ppv-title-ct {grid-column: 1 / -1;} #ppv-subtitle-line-ct {height: 5.5rem;} #ppv-subtitle-text-ct h2 {font-size: 3.8rem; line-height: 4.4rem;} #people-value-description-ct {margin-top: -15rem;} ul#career-benefit-list > li {min-height: 12rem;} #people-career-description-ct .grid.align-bottom {align-items: start !important;} #pcd-description-ct h3 {margin-bottom: 6rem;} #ppa-description-ct {grid-column: 1 / span 5;} } @media only screen and (max-width: 1024px) { #people-top-section {padding: 10rem 0 8rem 0;} #people-top-ct {margin-bottom: 10rem;} #people-top-ct .inner {grid-column: 1 / -1;} #ppf-description-ct {grid-column: 1 / span 3;} #ppf-image-ct {grid-column: 4 / span 3; height: 50rem;} #ppf-image-ct img {width: 100%; height: 100%; object-fit: cover;} /* #ppv-title-ct {grid-column: 1 / span 3;} */ #ppv-subtitle-line-ct {grid-column: 1 / span 3;} #ppv-subtitle-text-ct {grid-column: 4 / span 3;} #people-value-description-ct {margin-top: -12rem;} /* #people-value-description-ct .grid {align-items: start !important;} */ #pvd-image-ct {grid-column: 1 / span 3;} #pvd-description-ct {grid-column: 4 / span 3; margin-top: 12rem;} #pvd-description-ct h4 {margin-bottom: 2.5rem;} #ppo-description-ct {grid-column: span 3;} #ppo-description-ct .ver-sep-line {display: none;} #ppo-description-ct > h2 {margin-bottom: 3rem;} #ppo-image-ct {grid-column: span 3;} #people-career-benefit-ct .inner {grid-column: 1 / -1;} ul#career-benefit-list {grid-template-columns: repeat(6, 1fr); column-gap: 2rem;} ul#career-benefit-list > li {grid-column: span 3;} #pcd-image-ct, #pcd-description-ct{grid-column: span 3;} #people-apply-ct .grid.align-centered {align-items: start !important;} #ppa-description-ct, #ppa-form-ct {grid-column: span 3;} #ppa-description-ct {padding-right: 4rem;} form#career-form .gen-form-row .gfr-half {width: 100%; margin-bottom: 3rem;} form#career-form .gen-form-row .gfr-half:last-child {margin-bottom: 0;} } @media only screen and (max-width: 768px) { #people-top-section {padding: 8rem 0;} #people-top-ct {margin-bottom: 8rem;} #people-program-section {padding-top: 6rem;} /* #ppv-title-ct {grid-column: 1 / span 4;} #ppv-subtitle-line-ct {height: 6rem;} */ #ppf-image-ct-resp {display: block; grid-column: 1 / -1; margin-bottom: 3rem;} #ppf-description-ct {grid-column: 1 / -1;} #ppf-image-ct {display: none;} #people-value-ct {margin-bottom: 3rem;} #ppv-title-ct h2 span {display: inline;} #ppv-subtitle-line-ct, #ppv-subtitle-text-ct {display: none;} #people-value-description-ct {margin-top: 0;} #pvd-image-ct, #pvd-description-ct {grid-column: 1 / -1;} #pvd-image-ct {margin-bottom: 3rem;} #pvd-description-ct {padding-left: 0; margin-top: 0;} #people-offer-ct .grid.align-centered {align-items: start !important;} ul#career-benefit-list > li {min-height: 14rem;} /* #people-apply-section {padding-top: 12rem;} */ #people-apply-section {padding-top: 0;} #people-apply-ct .wrap {padding-bottom: 10rem;} #ppa-description-ct, #ppa-form-ct {grid-column: 1 / -1;} #ppa-description-ct {padding-right: 0; padding-bottom: 5rem; margin-bottom: 5rem; border-bottom: 0.1rem dotted #9f9f9f;} form#career-form .gen-form-row .gfr-half {width: 48%; margin-bottom: 0;} } @media only screen and (max-width: 600px) { #people-top-section {padding: 6rem 0;} #people-top-ct .inner p {width: 85%;} /* #ppv-title-ct {grid-column: 1 / -1;} */ #ppv-subtitle-line-ct {grid-column: span 2;} #ppv-subtitle-text-ct {grid-column: span 2;} #people-value-description-ct {margin-bottom: 8rem;} #ppo-description-ct {grid-column: 1 / -1;} #ppo-image-ct {display: none;} #ppo-image-ct-mobile {display: block; margin-top: 3rem; margin-bottom: 3rem;} ul#career-benefit-list {grid-template-columns: repeat(4, 1fr); column-gap: 2rem;} ul#career-benefit-list > li {grid-column: 1 / -1; min-height: auto; padding: 2.5rem;} ul#career-benefit-list > li p {position: relative; top: auto; left: auto; transform: none; text-align: center; width: 100%;} #pcd-image-ct, #pcd-description-ct {grid-column: 1 / -1;} #pcd-image-ct {margin-bottom: 4rem;} #pcd-description-ct {padding-left: 0;} #pcd-description-ct h3 {margin-bottom: 3rem;} #people-apply-ct .wrap {padding-bottom: 8rem;} } @media only screen and (max-width: 500px) { #people-top-ct .inner p {width: 95%;} #people-office-image-section .full-image-ct {height: 21rem;} #people-office-image-section .full-image-ct img {object-fit: cover; width: 100%; height: 100%;} /* #ppv-title-ct h2 span {display: inline;} #ppv-subtitle-line-ct, #ppv-subtitle-text-ct {display: none;} */ #people-value-description-ct {margin-bottom: 6rem;} #people-career-image-section .full-image-ct {height: 22rem;} #people-career-image-section .full-image-ct img {object-fit: cover; width: 100%; height: 100%;} form#career-form .gen-form-row .gfr-half {width: 100%; margin-bottom: 3rem;} form#career-form .gen-form-row .gfr-half:last-child {margin-bottom: 0;} form#career-form input[type="submit"] {min-width: 24rem;} .file-container table thead tr th:nth-child(4), .file-container table tbody tr td:nth-child(4) {display: none;} } .error { color: red; } .alert-success { color: green; } .alert-danger { color: red; } /* /PEOPLE */ /* NEWS */ #news-list-section {padding: 6rem 0 6rem 0;} #news-list-ct {} ul.news-list {margin-top: 4rem;} ul.news-list > li {grid-column: span 4; margin-bottom: 6rem;} ul.news-list > li .img-ct {margin-bottom: 2rem;} ul.news-list > li .img-ct img { border-radius: 0.4rem; -webkit-border-radius: 0.4rem; -moz-border-radius: 0.4rem; -o-border-radius: 0.4rem;} ul.news-list > li .desc-ct {} ul.news-list > li .desc-ct p.date {font-family: 'SemiBoldFont', Arial, Verdana; color: #797979; font-size: 1.6rem; line-height: 2.1rem; margin-bottom: 1rem;} ul.news-list > li .desc-ct h3, ul.news-list > li .desc-ct h3 a {font-family: 'SemiBoldFont', Arial, Verdana; color: #3C3C3C; font-size: 2rem; line-height: 2.6rem;} ul.news-list > li .desc-ct h3 a:hover {text-decoration: none; color: #E22127;} ul.news-list > li .desc-ct h3 {margin-bottom: 1.8rem; min-height: 5.5rem;} ul.news-list > li .desc-ct p.summary {color: #505050;} #news-detail-top-section {padding: 3rem 0 4.5rem 0; background: #011A2E;} #news-detail-top-ct {} #ndt-back-ct {grid-column: 1 / span 1;} #ndt-back-ct a {color: #fff;} #ndt-back-ct a:hover {color: #E22127;} #ndt-title-ct {grid-column: 4 / span 6;} #ndt-title-ct h2 {font-size: 3.6rem; line-height: 4.6rem; color: #fff; font-family: 'SemiBoldFont', Arial, Verdana;} #ndt-title-ct p {font-size: 2rem; line-height: 2.6rem; color: #fff; font-family: 'SemiBoldFont', Arial, Verdana;} #news-detail-section {} #news-detail-ct .inner {grid-column: 2 / span 10;} #news-detail-img-ct {margin-bottom: 4rem;} #news-detail-img-ct img {margin: 0 auto; border-radius: 0.4rem; -webkit-border-radius: 0.4rem; -moz-border-radius: 0.4rem; -o-border-radius: 0.4rem;} #news-detail-desc-ct {} #news-detail-section .news-slideshow img{width: 100%;} #news-detail-section .news-slideshow .slick-dots{bottom: -3.5rem;} #news-detail-section .news-slideshow .slick-next {content: ''; width: 4.4rem; height: 2rem; background: url(../images/icon/arrow-next.svg) no-repeat center !important; top: 50%; right: 2%; background-size: 4.4rem 2rem !important; z-index: 200; transition: all 0.15s linear; -webkit-transition: all 0.15s linear; -moz-transition: all 0.15s linear; -o-transition: all 0.15s linear;} #news-detail-section .news-slideshow .slick-prev {content: ''; width: 4.4rem; height: 2rem; background: url(../images/icon/arrow-prev.svg) no-repeat center !important; top: 50%; left: 2%; background-size: 4.4rem 2rem !important; z-index: 200; transition: all 0.15s linear; -webkit-transition: all 0.15s linear; -moz-transition: all 0.15s linear; -o-transition: all 0.15s linear;} #news-detail-section .slick-prev:before, .slick-next:before {content: "" !important;} #news-other-section {} #news-other-section .wrap {border-top: 0.1rem solid #333333;} #news-other-ct h2.section-title {grid-column: 2 / span 10; font-size: 3.6rem; line-height: 4.6rem; margin-top: 4rem;} #news-other-ct ul.news-list {grid-column: 2 / span 10; margin-top: 2rem;} #news-other-ct ul.news-list > li .desc-ct h3, #news-other-ct ul.news-list > li .desc-ct h3 a {font-family: 'BoldFont', Arial, Verdana; font-size: 1.9rem; line-height: 2.5rem; margin-bottom: 0.7rem;} #news-other-ct .pagination-container {margin-top: 0;} #news-detail-section .news-slideshow .slick-dots li{margin: 0 1.2rem} @media only screen and (max-width: 1024px) { ul.news-list > li {grid-column: span 3;} ul.news-list > li .desc-ct h3, ul.news-list > li .desc-ct h3 a {font-size: 1.8rem; line-height: 2.6rem;} #ndt-title-ct {grid-column: 2 / span 4;} #ndt-title-ct h2 {font-size: 3.2rem; line-height: 4rem;} #news-detail-section {padding-bottom: 0;} #news-detail-ct .inner {grid-column: 1 / -1;} #news-other-ct h2.section-title {grid-column: 1 / -1;} #news-other-ct ul.news-list {grid-column: 1 / -1;} } @media only screen and (max-width: 768px) { #news-list-section {padding: 4rem 0 6rem 0;} ul.news-list {margin-top: 2rem;} #ndt-title-ct {grid-column: 2 / span 5;} #ndt-title-ct h2 {font-size: 2.8rem; line-height: 3.6rem;} #news-detail-section .news-slideshow .slick-dots li {margin: 0 0.8rem;} #news-detail-section .news-slideshow .slick-next{width: 2.5rem; background-size: 2.5rem 2rem !important;} #news-detail-section .news-slideshow .slick-prev{width: 2.5rem; background-size: 2.5rem 2rem !important;} } @media only screen and (max-width: 600px) { ul.news-list {margin-top: 1rem;} ul.news-list > li {grid-column: span 4; padding-bottom: 3rem; margin-bottom: 4rem; border-bottom: 0.1rem dotted #7f7f7f;} ul.news-list > li .desc-ct h3 {min-height: auto;} #ndt-back-ct, #ndt-title-ct {grid-column: 1 / -1;} #ndt-back-ct {margin-bottom: 2rem;} #ndt-title-ct h2 {font-size: 2.4rem; line-height: 3.2rem;} } /* /NEWS */ /* HSEQ */ #hseq-top-section {} #hseq-top-section .full-image-ct {height: 60rem;} #hseq-top-section .full-image-ct img {object-fit: cover; width: 100%; height: 100%;} #hseq-top-section .full-image-ct .caption {transform: none; top: auto; bottom: 4rem; width: 50%;} #hseq-description-top-section {background: #011A2E; padding-bottom: 12rem; padding-top: 0;} #hseq-dt-title-ct {grid-column: span 6;} #hseq-dt-title-ct h2 {color: #fff; margin-bottom: 0;} #hseq-dt-description-ct {grid-column: 8 / span 5;} #hseq-anchor-ct {} #hseq-anchor-image-ct {grid-column: span 6;} #hseq-anchor-image-ct img {margin: 0 auto; max-width: 50%;} #hseq-anchor-description-ct {padding-top: 12rem; grid-column: span 6;} #hseq-anchor-description-ct h2.section-title {} #hseq-anchor-description-ct p.sub-header-2 {color: #fff;} #hseq-description-middle-section {background: #011A2E; padding: 8rem 0 12rem 0; margin-bottom: -8rem;} #hseq-sustainability-ct {margin-bottom: 8rem;} #hseq-sustainability-left-ct {grid-column: span 6; padding-right: 3rem;} #hseq-sustainability-right-ct {grid-column: 7 / span 6;} #hseq-policy-ct {} #hseq-policy-ct .wrap {border-bottom: 0.1rem solid #fff; padding-bottom: 8rem;} #hseq-policy-iso-ct {grid-column: span 5;} #hseq-policy-description-ct {grid-column: 7 / span 6;} #hseq-description-bottom-section {background: #011A2E; padding: 12rem 0 6rem 0; margin-bottom: -6.2rem;} #hseq-description-bottom-section > div:last-child .wrap {padding-bottom: 12rem; border-bottom: 0.1rem solid #E22127;} #hseq-responsibility-ct {margin-bottom: 12rem;} #hseq-responsibility-image-ct {grid-column: span 6;} #hseq-responsibility-image-ct img { border-radius: 0.4rem; -webkit-border-radius: 0.4rem; -moz-border-radius: 0.4rem; -o-border-radius: 0.4rem;} #hseq-responsibility-description-ct {grid-column: 8 / span 5;} #hseq-responsibility-description-ct > h2 {color: #fff;} .ver-sep-line {margin-top: 3rem; margin-bottom: 3rem; min-height: 15rem; border-left: 0.2rem solid #E22127;} #hseq-quality-ct {} #hseq-quality-ct .inner {grid-column: 2 / span 10; text-align: center;} #hseq-quality-ct .inner > h2 {margin-bottom: 6rem; color: #fff;} @media only screen and (min-width: 1300px) { #hseq-anchor-description-ct h2.section-title span {display: block;} } @media only screen and (max-width: 1200px) { #hseq-top-section .full-image-ct {height: 52rem;} #hseq-anchor-description-ct {padding-top: 8rem;} } @media only screen and (max-width: 1024px) { #hseq-top-section .full-image-ct {height: 44rem;} #hseq-top-section .full-image-ct .caption {width: 60%;} #hseq-description-top-section {padding-bottom: 8rem;} #hseq-anchor-description-ct .ver-sep-line {min-height: 10rem;} #hseq-dt-title-ct {grid-column: 1 / span 4; padding-right: 2rem;} #hseq-dt-description-ct {grid-column: 5 / span 2;} #hseq-anchor-description-ct, #hseq-anchor-image-ct {grid-column: span 3;} #hseq-sustainability-ct {margin-bottom: } #hseq-sustainability-left-ct {grid-column: 1 / span 3;} #hseq-sustainability-right-ct {grid-column: 4 / span 3;} #hseq-policy-iso-ct {grid-column: 1 / span 2;} #hseq-policy-description-ct {grid-column: 3 / span 4; padding-left: 2rem;} #hseq-responsibility-image-ct, #hseq-responsibility-description-ct {grid-column: span 3;} #hseq-responsibility-description-ct {padding-left: 2rem;} #hseq-quality-ct .inner {grid-column: 1 / -1; padding: 0 4rem;} } @media only screen and (max-width: 768px) { #hseq-top-section .full-image-ct {height: 36rem;} #hseq-top-section .full-image-ct .caption {text-align: left;} #hseq-description-top-section {padding-bottom: 8rem;} #hseq-anchor-description-ct {padding-top: 6rem;} #hseq-anchor-description-ct h2.section-title {} #hseq-anchor-description-ct h4 {} #hseq-anchor-description-ct .ver-sep-line {border: none; margin: 0; min-height: 0; margin-bottom: 4rem;} #hseq-dt-title-ct, #hseq-dt-description-ct {grid-column: 1 / -1;} #hseq-dt-title-ct {margin-bottom: 4rem;} #hseq-sustainability-ct .wrap {padding-bottom: 8rem; border-bottom: 0.1rem dotted #9f9f9f;} /* #hseq-policy-ct {padding-top: 8rem; padding-bottom: 6rem; margin-bottom: -6rem;} */ #hseq-policy-iso-ct, #hseq-policy-description-ct {grid-column: 1 / -1; padding: 0;} #hseq-policy-iso-ct {margin-bottom: 3rem;} #hseq-description-bottom-section {padding-top: 8rem; margin-bottom: -9rem;} #hseq-responsibility-ct {margin-bottom: 6rem;} #hseq-responsibility-ct .wrap {padding-bottom: 6rem; border-bottom: 0.1rem dotted #9f9f9f;} #hseq-responsibility-image-ct {grid-column: 2 / span 4; margin-bottom: 4rem;} #hseq-responsibility-description-ct {grid-column: 1 / -1; padding-left: 0;} #hseq-responsibility-description-ct .ver-sep-line {display: none;} #hseq-description-bottom-section > div:last-child .wrap {padding-bottom: 8rem;} } @media only screen and (max-width: 600px) { #hseq-top-section .full-image-ct {height: 27rem;} /* #hseq-top-section .full-image-ct img {object-fit: cover; width: 100%; height: 100%;} */ #hseq-top-section .full-image-ct .caption {width: 80%; bottom: 1rem;} #hseq-description-top-section {padding: 6rem 0;} #hseq-anchor-description-ct {grid-column: 1 / -1; padding-top: 0;} #hseq-anchor-image-ct {display: none;} #hseq-sustainability-ct {margin-bottom: 6rem;} #hseq-sustainability-ct .wrap {padding-bottom: 6rem;} #hseq-sustainability-left-ct, #hseq-sustainability-right-ct {grid-column: 1 / -1;} #hseq-sustainability-left-ct {margin-bottom: 3rem;} /* #hseq-policy-ct {padding-top: 6rem; padding-bottom: 6rem;} */ #hseq-policy-ct .wrap {padding-bottom: 6rem;} #hseq-responsibility-image-ct {grid-column: 1 / -1;} #hseq-quality-ct .inner {padding: 0;} } @media only screen and (max-width: 500px) { #hseq-middle-section .full-image-ct, #hseq-bottom-section .full-image-ct {height: 21rem;} #hseq-middle-section .full-image-ct img, #hseq-bottom-section .full-image-ct img {object-fit: cover; width: 100%; height: 100%;} } /* /HSEQ */ /* COMPLIANCE AND ETHICS */ #complianceandethics-top-section {} #complianceandethics-top-section .full-image-ct {height: 62rem;} #complianceandethics-top-section .full-image-ct img {object-fit: cover; width: 100%; height: 100%;} #complianceandethics-description-section {} #complianceandethics-commitment-ct {margin-bottom: 8rem;} #complianceandethics-commitment-ct .inner {grid-column: 1 / span 8;} #complianceandethics-commitment-ct .inner > h2 {margin-bottom: 6rem;} #complianceandethics-report-ct {padding: 6rem 0; background: #E22127; text-align: center; margin-bottom: 8rem;} #complianceandethics-report-ct .inner {grid-column: 1 / -1; padding: 0 6rem;} #complianceandethics-compliance-ct {margin-bottom: 8rem;} #complianceandethics-compliance-ct .inner {grid-column: 1 / span 7;} #complianceandethics-compliance-ct .inner > h4 {margin-bottom: 2rem;} #complianceandethics-image-ct {margin-bottom: 5rem;} #complianceandethics-image-ct img { border-radius: 0.4rem; -webkit-border-radius: 0.4rem; -moz-border-radius: 0.4rem; -o-border-radius: 0.4rem;} #complianceandethics-point-ct {margin-bottom: 6rem;} ul#complianceandethics-point-list {} ul#complianceandethics-point-list > li {grid-column: span 6; padding-right: 3rem; margin-bottom: 6rem;} ul#complianceandethics-point-list > li h2 {margin-bottom: 2rem;} ul#complianceandethics-point-list > li a.gen-btn {margin-top: 2rem;} #complianceandethics-affiliation-ct {text-align: center;} ul#complianceandethics-affiliation-list {margin-top: 4rem; padding-left: 6rem; padding-right: 6rem; margin-bottom: -8rem;} ul#complianceandethics-affiliation-list > li {width: 46%; margin-bottom: 10rem;} ul#complianceandethics-affiliation-list > li.full-width {width: 100%;} /* ul#complianceandethics-affiliation-list > li:nth-child(odd) {grid-column: 2 / span 5;} ul#complianceandethics-affiliation-list > li:nth-child(even) {grid-column: 7 / span 5;} */ ul#complianceandethics-affiliation-list > li .img-ct {margin-bottom: 2rem; height: 9rem;} ul#complianceandethics-affiliation-list > li .img-ct img {max-height: 9rem; margin: 0 auto;} ul#complianceandethics-affiliation-list > li .desc-ct p {text-align: center;} @media only screen and (max-width: 1200px) { #complianceandethics-top-section .full-image-ct {height: 55rem;} #complianceandethics-top-section .floating-caption-ct {margin-top: -10rem;} #complianceandethics-commitment-ct .inner {grid-column: 1 / span 9;} #complianceandethics-compliance-ct .inner {grid-column: 1 / span 9;} } @media only screen and (max-width: 1024px) { #complianceandethics-top-section .full-image-ct {height: 48rem;} #complianceandethics-commitment-ct .inner {grid-column: 1 / -1;} #complianceandethics-compliance-ct .inner {grid-column: 1 / -1;} ul#complianceandethics-point-list > li {grid-column: span 3;} /* ul#complianceandethics-affiliation-list > li {grid-column: span 3 !important; padding: 0 2rem;} */ ul#complianceandethics-affiliation-list {padding-left: 3rem; padding-right: 3rem;} } @media only screen and (max-width: 768px) { #complianceandethics-top-section .full-image-ct {height: 40rem;} #complianceandethics-top-section .floating-caption-ct {margin-top: -5rem;} #complianceandethics-report-ct .inner {padding: 0 3rem;} ul#complianceandethics-affiliation-list {padding-left: 0; padding-right: 0;} } @media only screen and (max-width: 600px) { #complianceandethics-top-section .full-image-ct {height: 32rem;} /* #complianceandethics-top-section .full-image-ct img {object-fit: cover; width: 100%; height: 100%;} */ #complianceandethics-image-ct {margin-bottom: 3rem;} #complianceandethics-report-ct .inner {padding: 0;} #complianceandethics-point-ct {margin-bottom: 0;} ul#complianceandethics-point-list > li {grid-column: 1 / -1;} ul#complianceandethics-point-list > li:last-child {margin-bottom: 0;} #complianceandethics-affiliation-ct {margin-top: 4rem;} #complianceandethics-affiliation-ct .wrap {padding-top: 4rem; border-top: 0.1rem dotted #7f7f7f;} /* ul#complianceandethics-affiliation-list > li {grid-column: span 2 !important; padding: 0 2rem;} */ } @media only screen and (max-width: 500px) { #complianceandethics-commitment-ct .inner > h2 {margin-bottom: 3rem;} /* ul#complianceandethics-affiliation-list > li {grid-column: 1 / -1 !important; text-align: center; margin-bottom: 8rem;} */ ul#complianceandethics-affiliation-list {margin-bottom: 0;} ul#complianceandethics-affiliation-list > li {margin-bottom: 8rem; width: 100%;} ul#complianceandethics-affiliation-list > li:last-child {margin-bottom: 0;} ul#complianceandethics-affiliation-list > li .desc-ct {text-align: center;} #complianceandethics-image-ct .inner {height: 22rem;} #complianceandethics-image-ct .inner img {object-fit: cover; width: 100%; height: 100%;} } /* /complianceandethics */ /* SPEAK UP & REPORT */ #speak-up-top-section {} #speak-up-form-section {margin-top: -10rem; position: relative; z-index: 1000;} #speak-up-form-section .title-row {grid-column: 1 / span 6} #speak-up-form-section .title-row + .form-row {margin-top: 1rem;} #speak-up-anon-caption {display: none;} form#speak-up-form input[type="submit"] {min-width: 40rem;} .ui-datepicker {margin-top: -6rem;} #speak-up-form-section .file-container table tbody tr td {color: #333333 !important;} #speak-up-form-section .file-container table thead tr th {color: #333333 !important;} @media only screen and (max-width: 1024px) { #speak-up-form-section .title-row {grid-column: 1 / span 3;} } @media only screen and (min-width: 769px) and (max-width: 1024px) { #speak-up-form-section .title-row h2 {font-size: 4.4rem; line-height: 5.2rem;} } @media only screen and (max-width: 768px) { #speak-up-form-section {margin-top: 1.5rem;} #speak-up-form-section .title-row {grid-column: 1 / -1;} form#speak-up-form input[type="submit"] {min-width: 30rem;} } @media only screen and (max-width: 500px) { #speak-up-form-section {margin-top: 3rem;} form#speak-up-form input[type="submit"] {min-width: 24rem;} } /* /SPEAK UP & REPORT */ /* PRIVACY NOTICE */ #privacy-section .section-title {text-align: center;} #privacy-section a {text-decoration: underline; color: #E22127;} /* PRIVACY NOTICE */ /* FOOTER */ footer {position: relative; z-index: 1000; background: #011A2E; padding: 8rem 0 6rem 0; margin-top: 6rem;} #footer-top-section {} #footer-logo-ct {grid-column: 1 / span 3;} img#footer-logo {height: 6.4rem;} #footer-addinfo-ct {margin-top: 6rem;} #footer-addinfo-ct img {margin-bottom: 2rem;} #footer-addinfo-ct img:last-child {margin-bottom: 0;} #footer-service-ct {grid-column: 5 / span 3;} ul.footer-nav-list {} ul.footer-nav-list > li {margin-bottom: 1.5rem;} ul.footer-nav-list > li:last-child {margin-bottom: 0;} ul.footer-nav-list > li > h5, ul.footer-nav-list > li > h5 a {display: inline-block; color: #E22127; font-size: 2.4rem; line-height: 3rem; font-family: 'SemiBoldFont', Arial, Verdana;} ul.footer-nav-list > li > h5 {margin-bottom: 0.5rem;} ul.footer-subnav-list {} ul.footer-subnav-list > li {margin-bottom: 1rem;} ul.footer-subnav-list > li:last-child {margin-bottom: 0;} ul.footer-subnav-list > li > a, ul.footer-subnav-list > li > p {font-size: 1.8rem; line-height: 2.4rem; color: #fff; font-family: 'SemiBoldFont', Arial, Verdana;} ul.footer-subnav-list > li > p {margin-bottom: 0.5rem;} ul.footer-subnav-list > li > a:hover {color: #E22127;} ul.footer-subnav-list-2 {} ul.footer-subnav-list-2 > li {} ul.footer-subnav-list-2 > li > a {font-size: 1.4rem; line-height: 2.2rem; color: #fff; font-family: 'LightFont', Arial, Verdana;} ul.footer-subnav-list-2 > li > a:hover {color: #E22127;} #footer-hseq-ct .footer-nav-list li:nth-child(3) a {color: #fff;} #footer-contact-ct {grid-column: 8 / span 2;} #footer-hseq-ct {grid-column: 11 / span 2;} #footer-copyright-section {margin-top: 1rem;} #footer-copyright-section p {color: #fff; font-size: 1.2rem; line-height: 1.6rem; font-family: 'LightFont', Arial, Verdana;} @media only screen and (max-width: 1200px) { #footer-contact-ct {grid-column: 8 / span 3;} #footer-hseq-ct {grid-column: 11 / span 2;} } @media only screen and (max-width: 1024px) { #footer-logo-ct {grid-column: 1 / -1; margin-bottom: 6rem;} #footer-logo-ct .inner {display: flex; align-items: center;} img#footer-logo {display: inline-block;} #footer-addinfo-ct {display: inline-block; margin-top: 0;} #footer-addinfo-ct img {display: inline-block; margin-left: 5rem;} img#footer-partner {max-height: 5rem;} img#footer-iso {max-height: 9rem;} #footer-service-ct, #footer-contact-ct, #footer-hseq-ct {grid-column: span 2;} #footer-copyright-section {text-align: center; margin-top: 4rem;} ul.footer-nav-list > li > h5, ul.footer-nav-list > li > h5 a {font-size: 2.1rem; line-height: 2.7rem;} ul.footer-subnav-list > li > a, ul.footer-subnav-list > li > p {font-size: 1.6rem; line-height: 2.2rem;} } @media only screen and (max-width: 900px) { #footer-logo-ct .inner {justify-content: space-between;} #footer-addinfo-ct {display: block; margin-left: 4rem;} #footer-addinfo-ct img {display: block; margin-left: auto; margin-right: 0;} .service-description-right-ct a {margin-bottom: 1rem;} } @media only screen and (max-width: 768px) { footer {margin-top: 3rem;} } @media only screen and (max-width: 600px) { footer {padding: 6rem 0 4rem 0;} img#footer-logo {max-height: 5.5rem;} #footer-addinfo-ct {margin-left: 3rem;} img#footer-partner {max-height: 4.5rem;} img#footer-iso {max-height: 7.5rem;} #footer-service-ct, #footer-contact-ct, #footer-hseq-ct {grid-column: 1 / -1;} #footer-service-ct, #footer-contact-ct {margin-bottom: 2rem;} #footer-copyright-section {text-align: left;} } /* /FOOTER */ /* PAGINATION */ .pagination-container {margin-top: 2rem;} ul.pagination-list {display: flex;} ul.pagination-list.centered {justify-content: center;} ul.pagination-list > li {margin-right: 1.3rem;} ul.pagination-list > li:last-child {margin-right: 0;} ul.pagination-list > li > a {display: inline-block; box-sizing: border-box; width: 3.5rem; height: 3.5rem; font-size: 1.6rem; line-height: 3.2rem; color: #505050; border: 0.1rem solid transparent; text-align: center; font-family: 'SemiBoldFont', Arial, Verdana; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%;} ul.pagination-list > li > a:hover {text-decoration: none; color: #E22127;} ul.pagination-list > li > a.active, ul.pagination-list > li > a.active:hover {background: #E22127; color: #fff; border: 0.1rem solid #E22127;} ul.pagination-list > li > a.disabled {pointer-events: none; opacity: 0.2;} @media only screen and (max-width: 600px) { ul.pagination-list > li > a {width: 3.8rem; height: 3.8rem; line-height: 3.5rem;} } @media only screen and (max-width: 500px) { ul.pagination-list > li {margin-right: 0.7rem;} ul.pagination-list > li > a {width: 3.6rem; height: 3.6rem; line-height: 3.3rem; font-size: 1.3rem;} ul.pagination-list > li > a.prev, ul.pagination-list > li > a.next {backround-size: auto 1.2rem !important;} } @media only screen and (max-width: 420px) { ul.pagination-list > li > a {width: 3.5rem; height: 3.5rem; line-height: 3.3rem; font-size: 1.2rem;} ul.pagination-list > li > a.prev, ul.pagination-list > li > a.next {background-size: auto 1.1rem !important;} } /* /PAGINATION */ /* FANCYBOX ADDITIONAL CSS */ .fancybox-type-iframe {aspect-ratio: 16/9 !important;} .fancybox-type-iframe .fancybox-skin, .fancybox-type-iframe .fancybox-outer, .fancybox-type-iframe .fancybox-inner, .fancybox-type-iframe .iframe {width: 100% !important; height: 100% !important; padding: 0 !important;} @media only screen and (min-width: 1600px) { .fancybox-type-iframe {width: 1024px !important;} } /* /FANCYBOX ADDITIONAL CSS */ /* DATEPICKER ADDITIONAL CSS */ .ui-datepicker {width: 26rem !important;} /* /DATEPICKER ADDITIONAL CSS */ /* FILE UPLOAD CUSTOMIZED */ .file-upload-area {background: #D9D9D9; border-radius: 0.4rem; padding: 4rem; text-align: center;} .file-upload-area p {color: #E22127; font-size: 1.4rem;} .file-upload-area:hover {cursor: pointer;} .file-upload-area:hover p {text-decoration: underline;} input.file-input {display: none;} #hidden-file-inputs {display: none;} table.file-list {width: 100%; margin-top: 2rem; display: none;} table.file-list:only-child {margin-top: 0;} table.file-list thead tr th {vertical-align: middle; font-family: 'BoldFont', Arial, Verdana; padding: 0.8rem 1rem; color: #fff; font-size: 1.3rem;} table.file-list tbody tr td {vertical-align: middle; color: #fff; font-size: 1.2rem; padding: 0.8rem 1rem; border-top: 0.1rem solid #fff;} table.file-list tbody tr:last-child td {border-bottom: 0.1rem solid #fff;} button.deleteBtn {width: 2.4rem !important; height: 2.4rem !important; background: url(../images/icon/delete.svg) no-repeat center; background-size: 2.2rem auto;} .file-container table thead tr th{font-size: 1.3rem !important; height: 2.0rem !important; color: #fff !important; font-family: 'BoldFont', Arial, Verdana; vertical-align: middle;} .file-container table tbody tr td {font-size: 1.2rem !important; height: 1.8rem !important; color: #fff !important; font-family: 'GeneralFont', Arial, Verdana; vertical-align: middle;} #speak-up-form-section table.file-list thead tr th, #speak-up-form-section table.file-list tbody tr td {color: #333333;} #speak-up-form-section table.file-list tbody tr:last-child td {border-bottom: 0.1rem solid #333333;} #speak-up-form-section table.file-list tbody tr td {border-top: 0.1rem solid #333333;} /* /FILE UPLOAD CUSTOMIZED */ /* 404 */ #fourohfour-top-section {background: #011A2E; padding: 18rem 1rem;} #fourohfour-top-ct {margin-bottom: 12rem;} #fourohfour-top-ct .inner {grid-column: 2 / span 10; text-align: center;} #fourohfour-top-ct .inner h2 {color: #fff; font-size: 42px; line-height: 1.2; margin-bottom: 0;} #fourohfour-top-ct .inner p {width: 75%; margin-top: 1rem; margin-left: auto; margin-right: auto; font-size: 20px} /* /404 */