@charset "UTF-8";
/* noto-sans-kr-100 - latin_korean */
@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 100;
    src:
        local(''),
        url('./../../../../lib/external/font/noto-sans-kr-v13-latin_korean-100.woff2')
            format('woff2'),
        url('./../../../../lib/external/font/noto-sans-kr-v13-latin_korean-100.woff')
            format('woff');
}

/* noto-sans-kr-300 - latin_korean */
@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 300;
    src:
        local(''),
        url('./../../../../lib/external/font/noto-sans-kr-v13-latin_korean-300.woff2')
            format('woff2'),
        url('./../../../../lib/external/font/noto-sans-kr-v13-latin_korean-300.woff')
            format('woff');
}

/* noto-sans-kr-500 - latin_korean */
@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 500;
    src:
        local(''),
        url('./../../../../lib/external/font/noto-sans-kr-v13-latin_korean-500.woff2')
            format('woff2'),
        url('./../../../../lib/external/font/noto-sans-kr-v13-latin_korean-500.woff')
            format('woff');
}

/* noto-sans-kr-regular - latin_korean */
@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 400;
    src:
        local(''),
        url('./../../../../lib/external/font/noto-sans-kr-v13-latin_korean-regular.woff2')
            format('woff2'),
        url('./../../../../lib/external/font/noto-sans-kr-v13-latin_korean-regular.woff')
            format('woff');
}

/* noto-sans-kr-700 - latin_korean */
@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 700;
    src:
        local(''),
        url('./../../../../lib/external/font/noto-sans-kr-v13-latin_korean-700.woff2')
            format('woff2'),
        url('./../../../../lib/external/font/noto-sans-kr-v13-latin_korean-700.woff')
            format('woff');
}

/* noto-sans-kr-900 - latin_korean */
@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 900;
    src:
        local(''),
        url('./../../../../lib/external/font/noto-sans-kr-v13-latin_korean-900.woff2')
            format('woff2'),
        url('./../../../../lib/external/font/noto-sans-kr-v13-latin_korean-900.woff')
            format('woff');
}

/*reset */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
    display: block;
}

audio,
canvas,
progress,
video {
    display: inline-block;
    /* 1 */
    vertical-align: baseline;
    /* 2 */
}

p {
    margin: 0;
}

h1,
h2,
h3,
h4,
h5 {
    margin: 0;
}

audio:not([controls]) {
    display: none;
    height: 0;
}

[hidden],
template {
    display: none;
}

a {
    background-color: transparent;
}

a:active,
a:hover {
    outline: 0;
}

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

a:visited {
    text-decoration: none;
}

a:hover {
    text-decoration: none;
}

a:focus {
    text-decoration: none;
}

a:hover,
a:active {
    text-decoration: none;
}

abbr[title] {
    border-bottom: 1px dotted;
}

b,
strong {
    font-weight: bold;
}

dfn {
    font-style: italic;
}

mark {
    background: #ff0;
    color: #000;
}

small {
    font-size: 80%;
}

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

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

img {
    border: 0;
}

svg:not(:root) {
    overflow: hidden;
}

figure {
    margin: 1em 40px;
}

hr {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
}

pre {
    overflow: auto;
}

code,
kbd,
pre,
samp {
    font-family: monospace, monospace;
    font-size: 1em;
}

button,
input,
optgroup,
select,
textarea {
    color: inherit;
    /* 1 */
    font: inherit;
    /* 2 */
    margin: 0;
    /* 3 */
}

button {
    overflow: visible;
}

button {
    border: none;
    outline: none;
    background: none;
}

button,
select {
    text-transform: none;
}

button,
html input[type='button'],
input[type='reset'],
input[type='submit'] {
    -webkit-appearance: button;
    /* 2 */
    cursor: pointer;
    /* 3 */
}

button[disabled],
html input[disabled] {
    cursor: default;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

input {
    line-height: normal;
}

input[type='checkbox'],
input[type='radio'] {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    /* 1 */
    padding: 0;
    /* 2 */
}

li {
    list-style: none;
}

input[type='number']::-webkit-inner-spin-button,
input[type='number']::-webkit-outer-spin-button {
    height: auto;
}

input[type='search'] {
    -webkit-appearance: textfield;
    /* 1 */
    -webkit-box-sizing: content-box;
    /* 2 */
    box-sizing: content-box;
}

input[type='search']::-webkit-search-cancel-button,
input[type='search']::-webkit-search-decoration {
    -webkit-appearance: none;
}

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}

legend {
    border: 0;
    /* 1 */
    padding: 0;
    /* 2 */
}

ul {
    -webkit-padding-start: 0;
    padding-inline-start: 0;
}

textarea {
    overflow: auto;
}

optgroup {
    font-weight: bold;
}

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

td,
th {
    padding: 0;
}

a {
    text-decoration: none;
}

ul {
    margin: 0;
}

/*reset */
.sr-only {
    overflow: hidden;
    position: absolute;
    z-index: -1;
    width: 1px;
    height: 1px;
    font-size: 1px;
    line-height: 2;
    opacity: 0;
}

[hidden] {
    display: none !important;
}

.o-button {
    display: inline-block;
    margin: 0;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    font-family: inherit;
    color: inherit;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    cursor: pointer;
}

.o-button:disabled,
.o-button.is-disabled {
    cursor: default;
}

.o-icon {
    display: inline-block;
    position: relative;
    font-size: 0;
    vertical-align: top;
}

.o-icon:after {
    content: '';
    display: inline-block;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    font-size: 0;
    background-size: 100% auto;
    vertical-align: middle;
}

@-webkit-keyframes fadeEffect {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

@keyframes fadeEffect {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

@-webkit-keyframes sideEffect {
    from {
        opacity: 0;
        -webkit-transform: translateX(-500px);
        transform: translateX(-500px);
    }
    to {
        opacity: 1;
        -webkit-transform: translateX(0px);
        transform: translateX(0px);
    }
}

@keyframes sideEffect {
    from {
        opacity: 0;
        -webkit-transform: translateX(-500px);
        transform: translateX(-500px);
    }
    to {
        opacity: 1;
        -webkit-transform: translateX(0px);
        transform: translateX(0px);
    }
}

@-webkit-keyframes depthEffect {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

@keyframes depthEffect {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

@-webkit-keyframes slideDownEffect {
    from {
        -webkit-transform: translateY(-100px);
        transform: translateY(-100px);
    }
    to {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes slideDownEffect {
    from {
        -webkit-transform: translateY(-100px);
        transform: translateY(-100px);
    }
    to {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

* {
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

*::after,
*::before {
    -webkit-box-sizing: inherit;
    box-sizing: inherit;
}

html,
body,
#app {
    font-family: 'Noto Sans KR', sans-serif;
    background-color: #fff;
}

html {
    scrollbar-color: #949494 #fff;
}

::-webkit-scrollbar:horizontal {
    height: 0.75rem;
}

::-webkit-scrollbar:vertical {
    width: 0.75rem;
}

::-webkit-scrollbar {
    background-color: #fff;
}

::-webkit-scrollbar-thumb {
    background-color: #dae3ed !important;
    border-radius: 0.25rem;
}

::-webkit-scrollbar-corner {
    background-color: #fff;
}

/* common */
@media (min-width: 935px) {
    .wrap-main {
        max-width: 1600px;
        margin: 0 auto;
    }
}

.mo {
    display: none;
}

@media (max-width: 934px) {
    .mo {
        display: block;
    }
}

@media (max-width: 934px) {
    .pc {
        display: none;
    }
}

.shadow {
    -webkit-box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.05);
    box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.05);
    border-radius: 16px;
}

.opacity6 {
    opacity: 0.6;
}

.scrollToTopBtn {
    position: fixed;
    bottom: 30px;
    right: 20px;
    z-index: 9999;
}

/* 메세지 도착 알림 alert */
.ajs-message_alram {
    font-family: 'Noto Sans KR', sans-serif;
    text-align: center;
    background-color: #f5f4c2;
    border: 1px solid #f5f4c27c;
    -webkit-box-shadow: 0px 0px 4px 0px;
    box-shadow: 0px 0px 4px 0px;
    border-radius: 6px;
}

.ajs-message_alram > div > a {
    height: 100%;
    font-family: 'Noto Sans KR', sans-serif;
}

.ajs-message_alram > .link_a {
    padding-top: 5px;
    text-align: right;
}

.ajs-message_alram > .link_a > a {
    word-break: keep-all;
    text-decoration: none;
}

.ajs-message_alram > .link_a > a:hover {
    font-weight: 700;
}

/* header */
.mainHeader {
    width: 100%;
    height: 100px;
    padding: 0 64px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: fixed;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 500;
    background: #fff;
    border-bottom: 1px solid #e9eff5;
}

@media (max-width: 934px) {
    .mainHeader {
        display: block;
        padding: 0 8px !important;
        margin-bottom: 0;
        height: 56px;
        left: 0;
        -webkit-transform: none;
        transform: none;
    }
}

.mainHeader .sideBarMenu {
    width: 76%;
    height: 100vh;
    background-color: #fff;
    z-index: 999;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    -webkit-animation: sideEffect 0.3s;
    animation: sideEffect 0.3s;
    display: none;
}

@media (min-width: 935px) {
    .mainHeader .sideBarMenu {
        display: none;
    }
}

.mainHeader .sideBarMenu.open {
    display: block;
}

.mainHeader .sideBarMenu::before {
    content: '';
    position: fixed;
    height: 100vh;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    z-index: -1;
    background-color: rgba(0, 0, 0, 0.7);
}

.mainHeader .sideBarMenu .inner {
    height: 100%;
    background-color: #fff;
}

.mainHeader .sideBarMenu .inner .sideBarLogoWrap {
    padding: 24px 27px;
    border-bottom: 1px solid #dae3ed;
}

.mainHeader .sideBarMenu .inner .sideBarLogoWrap h2 {
    font-weight: normal;
    margin-left: 27px;
    font-size: 18px;
    line-height: 27px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-transform: uppercase;
    color: #6b7682;
}

.mainHeader .sideBarMenu .inner .sideBarLogoWrap .logo_img {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.mainHeader .sideBarMenu .inner .sideBarLogoWrap .logo_img img:nth-child(1) {
    margin-right: 5px;
}

.mainHeader .sideBarMenu .inner .MenuLists .list {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    cursor: pointer;
}

.mainHeader .sideBarMenu .inner .MenuLists .list--inner {
    position: relative;
    display: block;
    padding: 16px 30px;
    width: 100%;
}

.mainHeader .sideBarMenu .inner .MenuLists .list h3 {
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    color: #424952;
}

.mainHeader .sideBarMenu .inner .MenuLists .list .depth_toggle {
    position: absolute;
    right: 30px;
    top: 20px;
    -webkit-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
}

.mainHeader .sideBarMenu .inner .MenuLists .list .depth_toggle.active {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
}

.mainHeader .sideBarMenu .inner .MenuLists .list .depth {
    margin-top: 17px;
    margin-left: -10px;
    margin-right: -10px;
    -webkit-animation: depthEffect 0.4s;
    animation: depthEffect 0.4s;
    background: #f5f7fa;
}

.mainHeader .sideBarMenu .inner .MenuLists .list .depth li {
    padding: 14px 20px;
    font-size: 14px;
    line-height: 20px;
    color: #424952;
}

.mainHeader .sideBarMenu .inner .MenuLists .list .depth li.active {
    padding-left: 16px;
    border-left: 4px solid #26b9d1;
    color: #424952;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    background: #f0fdff;
}

.mainHeader .sideBarMenu .inner .MenuLists .list .depth li a {
    color: #424952;
}

.mainHeader .sideBarMenu .inner .nav_closeBtn {
    position: absolute;
    top: 20px;
    right: -32px;
}

.mainHeader .logoBox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
}

@media (max-width: 934px) {
    .mainHeader .logoBox {
        margin-top: 15px;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
}

.mainHeader .logoBox button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0;
    position: absolute;
    left: 0;
}

@media (min-width: 935px) {
    .mainHeader .logoBox button {
        display: none;
    }
}

.mainHeader .logoBox .main_logo {
    width: 30px;
    height: 26px;
}

@media (max-width: 934px) {
    .mainHeader .logoBox .main_logo {
        width: 26px;
        height: 23px;
    }
}

.mainHeader .logoBox .main_singlex {
    width: 70px;
    height: 14px;
    margin-left: 5px;
}

@media (max-width: 934px) {
    .mainHeader .logoBox .main_singlex {
        width: 80px;
        height: 14px;
    }
}

.mainHeader .logoBox .supplierPortal {
    margin-left: 5px;
    font-size: 20px;
    line-height: 26px;
    text-transform: uppercase;
    color: #6b7682;
}

@media (max-width: 934px) {
    .mainHeader .logoBox .supplierPortal {
        margin-left: 4px;
        font-size: 17px;
        line-height: 23px;
    }
}

.mainHeader .tabLinkBox {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

@media (min-width: 935px) and (max-width: 1400px) {
    .mainHeader .tabLinkBox > a {
        display: none;
    }
}

.mainHeader .tabLinkBox a {
    color: #a5b3c2;
    font-size: 18px;
    line-height: 20px;
    text-align: center;
    letter-spacing: 0.05px;
}

.mainHeader .tabLinkBox a:not(:last-child) {
    margin-right: 36px;
}

.mainHeader .tabLinkBox a.active {
    font-weight: bold;
    color: #2c3238;
}

.mainHeader .tabLinkBox__extend {
    position: relative;
    display: none;
}

@media (min-width: 935px) and (max-width: 1400px) {
    .mainHeader .tabLinkBox__extend {
        display: block;
    }
}

.mainHeader .tabLinkBox__extend__button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 8px;
    padding-left: 0;
    padding-right: 14px;
    font-weight: bold;
    font-size: 18px;
    line-height: 20px;
    letter-spacing: 0.05px;
    color: #2c3238;
}

.mainHeader .tabLinkBox__extend__button.active {
    border-bottom: 1px solid #e0205c;
}

.mainHeader .tabLinkBox__extend__button img {
    position: absolute;
    right: 0;
    top: 15px;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.mainHeader .tabLinkBox__extend__button img.active {
    -webkit-transform: rotateX(180deg);
    transform: rotateX(180deg);
}

.mainHeader .tabLinkBox__extend__list {
    position: absolute;
    z-index: 50;
    left: -8px;
    top: 100%;
    right: 0;
    min-width: 168px;
    -webkit-animation: fadeEffect 1s;
    animation: fadeEffect 1s;
    -webkit-box-shadow:
        0px 0px 2px rgba(0, 0, 0, 0.17),
        0px 4px 5px rgba(0, 0, 0, 0.11);
    box-shadow:
        0px 0px 2px rgba(0, 0, 0, 0.17),
        0px 4px 5px rgba(0, 0, 0, 0.11);
    border-radius: 1px;
    background: #fff;
    padding: 8px 0;
}

.mainHeader .tabLinkBox__extend__list a {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    -webkit-transition: 0.3s all ease;
    transition: 0.3s all ease;
    background: #fff;
    margin: 0;
    height: 36px;
    padding-left: 16px;
    font-weight: 500;
    font-size: 18px;
    line-height: 18px;
    letter-spacing: 0.1px;
    color: #424952;
}

.mainHeader .tabLinkBox__extend__list a:hover {
    background: #e9eff5;
}

.mainHeader .tabLinkBox__extend__list.border {
    border-top: 1px solid #e0205c;
}

.mainHeader .addBox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 13px;
    line-height: 23px;
}

@media (max-width: 934px) {
    .mainHeader .addBox {
        display: none;
    }
}

@media (min-width: 935px) and (max-width: 1400px) {
    .mainHeader .addBox__pc-tab {
        display: none;
    }
}

.mainHeader .addBox a {
    height: 23px;
    margin-right: 30px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #424952;
}

.mainHeader .addBox a.active {
    font-weight: bold;
}

.mainHeader .addBox a.company-button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.mainHeader .addBox a.company-button::before {
    content: '';
    display: inline-block;
    background: url('../images/ic_bx_bx-buildings.png') no-repeat;
    background-size: cover;
    width: 22px;
    height: 22px;
    margin-right: 5px;
}

.mainHeader .addBox a.clientName {
    font-weight: bold;
}

.mainHeader .addBox a.alarmBell.newAlarm {
    position: relative;
}

.mainHeader .addBox a.alarmBell.newAlarm::after {
    content: '';
    top: 0;
    position: absolute;
    display: inline-block;
    background: #ed3a72;
    border-radius: 50%;
    height: 5px;
    width: 5px;
}

.mainHeader .addBox button.company-button::before {
    content: '';
    display: inline-block;
    background: url('../images/ic_bx_bx-buildings.png') no-repeat;
    background-size: cover;
    width: 22px;
    height: 22px;
    margin-right: 5px;
}

.mainHeader .addBox.extend .extend_button_wrap {
    position: relative;
}

.mainHeader .addBox.extend .extend_button_wrap .company-button {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-right: 50px;
    font-size: 13px;
    line-height: 19px;
    color: #424952;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.mainHeader .addBox.extend .extend_button_wrap .company-button img {
    width: 12px;
    height: 7px;
    position: absolute;
    right: 20px;
    top: 8px;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.mainHeader .addBox.extend .extend_button_wrap .company-button img.active {
    -webkit-transform: rotateX(180deg);
    transform: rotateX(180deg);
}

.mainHeader .addBox.extend .extend_button_wrap .extend_link_wrap {
    position: absolute;
    z-index: 50;
    left: 0;
    top: 30px;
    right: 0;
    width: 100%;
    border-top: 1px solid #2c3238;
    -webkit-animation: fadeEffect 1s;
    animation: fadeEffect 1s;
}

.mainHeader .addBox.extend .extend_button_wrap .extend_link_wrap a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    -webkit-transition: 0.3s all ease;
    transition: 0.3s all ease;
    background: #fff;
    margin: 0;
    height: 36px;
    padding-left: 18px;
    font-weight: 500;
    font-size: 13px;
    line-height: 24px;
    color: #424952;
}

.mainHeader .addBox.extend .extend_button_wrap .extend_link_wrap a:hover {
    background: #e9eff5;
}

.mainHeader .addBox.extend .extend_button_wrap .extend_link_wrap.border {
    border-top: 1px solid #2c3238;
}

.mainHeader .addBox__extend {
    position: relative;
    display: none;
}

@media (min-width: 935px) and (max-width: 1400px) {
    .mainHeader .addBox__extend {
        display: block;
        margin-right: 20px;
    }
}

.mainHeader .addBox__extend__button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-left: 8px;
    padding-right: 14px;
    font-weight: normal;
    font-size: 13px;
    line-height: 23px;
    color: #424952;
}

.mainHeader .addBox__extend__button img {
    position: absolute;
    right: 0;
    top: 10px;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.mainHeader .addBox__extend__button img.active {
    -webkit-transform: rotateX(180deg);
    transform: rotateX(180deg);
}

.mainHeader .addBox__extend__list {
    position: absolute;
    z-index: 50;
    left: 0;
    top: calc(100% + 8px);
    right: 0;
    min-width: 150px;
    -webkit-animation: fadeEffect 1s;
    animation: fadeEffect 1s;
    background: #fff;
}

.mainHeader .addBox__extend__list a {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    -webkit-transition: 0.3s all ease;
    transition: 0.3s all ease;
    background: #fff;
    margin: 0;
    height: 36px;
    padding-left: 16px;
    font-weight: normal;
    font-size: 13px;
    line-height: 24px;
    color: #424952;
}

.mainHeader .addBox__extend__list a:hover {
    background: #e9eff5;
}

.mainHeader .addBox__extend__list.border {
    border-top: 1px solid #2c3238;
}

/* header */
/* footer */
.mainFooter {
    background: #41455a;
}

.mainFooter .pc_footer {
    display: block;
    float: left;
    width: 100%;
    padding-bottom: 50px;
}

@media (max-width: 934px) {
    .mainFooter .pc_footer {
        display: none;
    }
}

.mainFooter .mo_footer {
    display: none;
}

@media (max-width: 934px) {
    .mainFooter .mo_footer {
        display: block;
    }
}

.wrap-footer {
    min-height: 265px;
    padding: 35px 100px 25px;
    position: relative;
    margin: 0 auto;
    max-width: 1600px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.wrap-footer:after {
    content: '';
    display: block;
    clear: both;
}

@media (max-width: 934px) {
    .wrap-footer {
        padding: 0;
    }
}

.wrap-footer .support_wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.wrap-footer .support_wrap--box {
    margin-right: 100px;
}

.wrap-footer .support_wrap .link {
    margin: 9px 0;
    display: block;
    font-weight: 500;
    font-size: 14px;
    line-height: 24px;
    letter-spacing: -0.2px;
    color: #a5b3c2;
}

.wrap-footer .support_wrap .support {
    font-weight: bold;
    font-size: 18px;
    line-height: 24px;
    letter-spacing: -0.2px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    color: #fff;
}

.wrap-footer .support_wrap .support li {
    margin-right: 107px;
}

@media (max-width: 934px) {
    .wrap-footer .support_wrap .support li {
        margin-right: 60px;
    }
}

.wrap-footer .support_wrap .support li a {
    color: #fff;
}

.wrap-footer .policy_wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    float: left;
    position: relative;
    width: calc(100% - 210px);
    min-height: 24px;
    padding: 20px 10px 21px 0;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}

@media (max-width: 934px) {
    .wrap-footer .policy_wrap {
        width: 100%;
        padding: 0 20px;
        border-bottom: none;
        font-weight: bold;
        font-size: 14px;
        line-height: 21px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }
}

.wrap-footer .policy_wrap .link {
    margin-right: 20px;
    padding: 2px 0;
    font-weight: normal;
    font-size: 14px;
    letter-spacing: -0.2px;
    color: #a5b3c2;
}

.wrap-footer .policy_wrap .bold {
    font-weight: bold;
    font-size: 15px;
}

.wrap-footer .language_wrap {
    position: relative;
    float: right;
    width: 200px;
    padding-bottom: 32px;
}

@media (max-width: 934px) {
    .wrap-footer .language_wrap {
        float: none;
        top: 0;
        left: 0;
        font-size: 12px;
        line-height: 24px;
        margin: 20px 20px 70px;
        padding-bottom: 0;
    }
}

.wrap-footer .language_wrap .language_btn {
    position: relative;
    display: block;
    padding: 0px;
    width: 100%;
    height: 33px;
    border-bottom: 1px solid #fff;
    text-align: left;
    font-weight: bold;
    font-size: 14px;
    letter-spacing: -0.2px;
    color: #fff;
    z-index: 100;
}

.wrap-footer .language_wrap .language_btn::after {
    content: '';
    position: absolute;
    top: 13px;
    right: 10px;
    display: block;
    background: url('../images/ic_slide_arrow.svg') no-repeat;
    background-size: cover;
    width: 16px;
    height: 10px;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.wrap-footer .language_wrap .language_btn.open::after {
    -webkit-transform: rotateX(180deg);
    transform: rotateX(180deg);
}

.wrap-footer .language_wrap .language_show {
    position: absolute;
    left: 0;
    width: 100%;
    -webkit-animation: fadeEffect 0.5s;
    animation: fadeEffect 0.5s;
    z-index: 50;
    background-color: #fff;
    padding-top: 4px;
    display: none;
}

.wrap-footer .language_wrap .language_show.open {
    display: block;
}

.wrap-footer .language_wrap .language_show a {
    padding-left: 10px;
    color: #838a93;
    display: block;
    height: 33px;
    line-height: 33px;
    background: #fff;
    font-size: 12px;
}

.wrap-footer .language_wrap .language_show a.active,
.wrap-footer .language_wrap .language_show a:hover,
.wrap-footer .language_wrap .language_show a:active {
    background: #ecf1f6;
}

.wrap-footer .copyright_wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    float: left;
    width: 100%;
    padding-top: 24px;
    border-top: 1px solid #6b7682;
}

@media (max-width: 934px) {
    .wrap-footer .copyright_wrap {
        margin: 0;
        padding: 10px 20px 70px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        border-top: 0 none;
    }
}

.wrap-footer .copyright_wrap p {
    font-weight: normal;
    font-size: 14px;
    line-height: 24px;
    letter-spacing: -0.2px;
    color: #a5b3c2;
}

@media (max-width: 934px) {
    .wrap-footer .copyright_wrap p {
        font-size: 12px;
        line-height: 18px;
    }
}

.mo_footer .mo_footer_menu .footer_list {
    position: relative;
    cursor: pointer;
    color: #fffefe;
    font-weight: normal;
    font-size: 12px;
    line-height: 16px;
}

.mo_footer .mo_footer_menu .footer_list--inner {
    display: block;
    color: #fffefe;
    padding: 13px 20px;
    border-bottom: 1px solid #6b7682;
}

.mo_footer .mo_footer_menu .footer_list.noborder {
    border: none;
}

.mo_footer .mo_footer_menu .footer_list.supportlist {
    font-weight: bold;
}

.mo_footer .mo_footer_menu .footer_list .footer_1dep {
    -webkit-animation: depthEffect 0.4s;
    animation: depthEffect 0.4s;
    font-weight: normal;
    font-size: 12px;
    line-height: 16px;
}

.mo_footer .mo_footer_menu .footer_list .footer_1dep a {
    display: block;
    padding: 8px 30px;
    color: #a5b3c2;
}

.mo_footer .mo_footer_menu .footer_list .footer_1dep a:hover,
.mo_footer .mo_footer_menu .footer_list .footer_1dep a:active {
    background: -webkit-gradient(
            linear,
            left bottom,
            left top,
            from(rgba(0, 0, 0, 0.2)),
            to(rgba(0, 0, 0, 0.2))
        ),
        #41455a;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)),
        #41455a;
}

.mo_footer .mo_footer_menu .footer_list .footer_arrow {
    position: absolute;
    right: 18px;
    top: 10px;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.mo_footer .mo_footer_menu .footer_list .footer_arrow.active {
    top: 12px;
    -webkit-transform: rotateX(180deg);
    transform: rotateX(180deg);
}

/* footer */
.wrap-container {
    margin-top: 100px;
}

@media (max-width: 934px) {
    .wrap-container {
        margin-top: 56px;
    }
}

.wrap-container .title-area {
    background-color: #f5f7fa;
    overflow: hidden;
}

@media (max-width: 934px) {
    .wrap-container .title-area.isDetail {
        display: none;
    }
}

.wrap-container .title-area__inner {
    position: relative;
    margin: 0 auto;
    height: 220px;
    max-width: 1600px;
    padding-top: 60px;
    padding-left: 210px;
    padding-right: 60px;
}

@media (max-width: 934px) {
    .wrap-container .title-area__inner {
        height: 300px;
        padding: 0;
        padding-top: 130px;
        padding-left: 20px;
        padding-right: 20px;
    }
}

.wrap-container .title-area__bg {
    position: absolute;
}

.wrap-container .title-area__bg.left {
    top: -100px;
    left: -48px;
}

.wrap-container .title-area__bg.left img {
    width: 523px;
    height: 523px;
}

@media (max-width: 934px) {
    .wrap-container .title-area__bg.left img {
        width: 400px;
        height: 400px;
    }
}

@media (max-width: 934px) {
    .wrap-container .title-area__bg.left {
        top: -40px;
        left: -110px;
    }
}

.wrap-container .title-area__bg.right {
    top: -150px;
    right: -100px;
}

.wrap-container .title-area__bg.right img {
    width: 527px;
    height: 527px;
}

@media (max-width: 934px) {
    .wrap-container .title-area__bg.right img {
        width: 440px;
        height: 440px;
        -webkit-transform: rotate(-40deg);
        transform: rotate(-40deg);
    }
}

@media (max-width: 934px) {
    .wrap-container .title-area__bg.right {
        top: -30px;
        right: -185px;
    }
}

.wrap-container .title-area__main {
    position: relative;
}

.wrap-container .title-area__main__title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 2px;
}

.wrap-container .title-area__main__title img {
    margin-right: 10px;
}

.wrap-container .title-area__main__title h2 {
    font-weight: bold;
    font-size: 24px;
    line-height: 40px;
    letter-spacing: -1px;
    text-transform: uppercase;
    color: #2c3238;
}

.wrap-container .title-area__main__content.flex-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

@media (max-width: 934px) {
    .wrap-container .title-area__main__content.flex-box {
        display: block;
    }
}

.wrap-container .title-area__main__content p {
    font-weight: 300;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: -0.2px;
    color: #424952;
}

.wrap-container .title-area__main__contactLink {
    -ms-flex-item-align: end;
    align-self: flex-end;
    margin-left: 43px;
    border: 1px solid #2c3238;
    border-radius: 200px;
    height: 24px;
    padding-left: 15px;
    padding-right: 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-weight: 350;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: -0.2px;
    color: #2c3238;
}

@media (max-width: 934px) {
    .wrap-container .title-area__main__contactLink {
        margin: 0;
        margin-top: 8px;
        padding: 0;
        width: 88px;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
}

.wrap-container .title-area__main__contactLink svg {
    margin-left: 6px;
}

@media (min-width: 935px) {
    .wrap-container .title-area__main__contactLink:hover {
        border-color: #e0205c;
        color: #e0205c;
    }
    .wrap-container .title-area__main__contactLink:hover svg,
    .wrap-container .title-area__main__contactLink:hover path {
        stroke: #e0205c;
    }
}

.wrap-main {
    position: relative;
}

.wrap-main .bg_img1 {
    position: absolute;
    left: -140px;
    top: 420px;
    z-index: 0;
}

@media (max-width: 934px) {
    .wrap-main .bg_img1 {
        display: none;
    }
}

.wrap-main .bg_img2 {
    position: absolute;
    right: -205px;
    top: 32px;
    z-index: 0;
}

@media (max-width: 934px) {
    .wrap-main .bg_img2 {
        display: none;
    }
}

.wrap-main .top_3_link .top_3_list {
    position: fixed;
    width: 100%;
    -webkit-animation: depthEffect 0.3s;
    animation: depthEffect 0.3s;
    z-index: 200;
    top: 104px;
}

@media (min-width: 935px) {
    .wrap-main .top_3_link .top_3_list {
        display: none;
    }
}

.wrap-main .top_3_link .top_3_list a {
    display: block;
    height: 48px;
    padding: 14px 27px;
    background: #fff;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-weight: normal;
    font-size: 14px;
    line-height: 21px;
    color: #424952;
}

.wrap-main .top_3_link .top_3_list a.active,
.wrap-main .top_3_link .top_3_list a:hover,
.wrap-main .top_3_link .top_3_list a:active {
    background: #ecf1f6;
}

.swiper-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
}

.swiper-wrapper .swiper-slide {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 120px;
    height: 120px;
    margin-right: 16px;
}

.swiper-wrapper .swiper-slide:last-child {
    margin-right: 1px;
}

@media (max-width: 934px) {
    .swiper-wrapper .swiper-slide {
        width: auto;
        height: auto;
        margin-right: 12px;
    }
}

.swiper-wrapper .swiper-slide a {
    width: 120px;
    height: 120px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border: 1px solid #e9eff5;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 4px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    background: #fff;
    padding: 0 10px;
    -webkit-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
}

@media (max-width: 934px) {
    .swiper-wrapper .swiper-slide a {
        width: 96px;
        height: 96px;
        padding: 0 10px;
    }
}

.swiper-wrapper .swiper-slide a img {
    display: block;
    margin-bottom: 0 auto 5px;
}

@media (max-width: 934px) {
    .swiper-wrapper .swiper-slide a img {
        margin: 0 auto;
    }
}

.swiper-wrapper .swiper-slide a p {
    text-align: center;
    font-weight: bold;
    font-size: 16px;
    line-height: 1.1;
    letter-spacing: -0.2px;
    color: #424952;
    word-break: keep-all;
}

@media (max-width: 934px) {
    .swiper-wrapper .swiper-slide a p {
        font-size: 12px;
    }
}

.swiper-wrapper .swiper-slide:hover a,
.swiper-wrapper .swiper-slide:active a {
    border: 1px solid #8996a3;
    -webkit-box-shadow: 0px 2px 7px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 2px 7px rgba(0, 0, 0, 0.1);
}

.swiper-button-prev-custom {
    position: absolute;
    left: 33px;
    top: 50%;
    cursor: pointer;
    width: 32px;
    height: 32px;
    display: block;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.swiper-button-prev-custom.swiper-button-disabled svg path {
    fill: #dae3ed;
}

@media (max-width: 934px) {
    .swiper-button-prev-custom {
        display: none;
    }
}

.swiper-button-next-custom {
    position: absolute;
    right: 33px;
    top: 50%;
    cursor: pointer;
    width: 32px;
    height: 32px;
    display: block;
}

.swiper-button-next-custom.swiper-button-disabled svg path {
    fill: #dae3ed;
}

@media (max-width: 934px) {
    .swiper-button-next-custom {
        display: none;
    }
}

.data-table__table {
    width: 100%;
    border-collapse: collapse;
    border-top: 1px solid #56606b;
}

.data-table__table tbody tr {
    border-bottom: 1px solid #e9eff5;
}

.data-table__table tbody td {
    padding: 30px 10px 15px 10px;
}

@media (max-width: 934px) {
    .data-table__table tbody td {
        padding: 20px;
    }
}

.data-table__table tbody td:last-child {
    padding-right: 35px;
}

.data-table__table tbody td .noticeDetailLink {
    cursor: pointer;
    display: block;
}

.data-table__table tbody td .noticeDetailLink img {
    position: relative;
    top: 5px;
}

@media (max-width: 934px) {
    .data-table__table tbody td .noticeDetailLink img {
        top: 7px;
    }
}

.data-table__table tbody td .td-row.mobile-td-date {
    display: none;
}

@media (max-width: 934px) {
    .data-table__table tbody td .td-row.mobile-td-date {
        display: block;
        text-align: right;
        margin-bottom: 5px;
    }
}

.data-table__table tbody td span {
    font-weight: 300;
    font-size: 18px;
    line-height: 19px;
    letter-spacing: 0.1px;
    color: #56606b;
}

@media (max-width: 934px) {
    .data-table__table tbody td span {
        font-size: 15px;
        line-height: 24px;
        letter-spacing: -0.2px;
    }
}

.data-table__table tbody td span.date {
    font-weight: normal;
    font-size: 14px;
    line-height: 20px;
    text-align: right;
    color: #6b7682;
}

@media (max-width: 934px) {
    .data-table__table tbody td span.date {
        font-weight: 300;
        font-size: 13px;
        line-height: 18px;
    }
}

.data-table__list {
    padding-top: 20px;
    border-top: 1px solid #56606b;
}

.data-table__list li:not(:last-child) {
    margin-bottom: 15px;
}

.data-table__list__more {
    margin-top: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

@media (max-width: 934px) {
    .data-table__list__more {
        margin-top: 20px;
    }
}

.data-table__list__more__button {
    height: 48px;
    padding: 0 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #ffffff;
    border: 1px solid #8996a3;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 25px;
    font-weight: 350;
    font-size: 18px;
    line-height: 28px;
    letter-spacing: -0.2px;
    color: #000000;
}

@media (max-width: 934px) {
    .data-table__list__more__button {
        height: 40px;
        border-radius: 20px;
        padding: 0 27px;
        font-weight: 300;
        font-size: 14px;
        line-height: 22px;
    }
}

.data-table__list__more__button svg {
    position: relative;
    top: 1px;
    margin-left: 10px;
}

@media (min-width: 935px) {
    .data-table__list__more__button:hover {
        border-color: #e0205c;
        color: #e0205c;
    }
    .data-table__list__more__button:hover svg,
    .data-table__list__more__button:hover path {
        stroke: #e0205c;
    }
}

.data-table__top {
    margin-bottom: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 10px;
}

@media (max-width: 934px) {
    .data-table__top {
        margin-bottom: 10px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
    }
}

.data-table__bottom {
    margin-top: 12px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.data-table__top .dt-info,
.data-table__bottom .dt-info {
    margin-right: auto;
    font-weight: normal;
    font-size: 16px;
    line-height: 23px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #2c3238;
}

@media (max-width: 934px) {
    .data-table__top .dt-info,
    .data-table__bottom .dt-info {
        margin-right: 0;
        font-size: 14px;
        line-height: 20px;
    }
}

.data-table__top .dt-select-search,
.data-table__bottom .dt-select-search {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 10px;
}

@media (max-width: 934px) {
    .data-table__top .dt-select-search,
    .data-table__bottom .dt-select-search {
        width: 100%;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        margin-bottom: 50px;
    }
}

.data-table__top .dt-select-search > *:not(:last-child),
.data-table__bottom .dt-select-search > *:not(:last-child) {
    margin-right: 10px;
}

@media (max-width: 934px) {
    .data-table__top .dt-select-search > *:not(:last-child),
    .data-table__bottom .dt-select-search > *:not(:last-child) {
        margin-right: 0;
        margin-top: 10px;
    }
}

.data-table__top .dt-select,
.data-table__bottom .dt-select {
    position: relative;
}

.data-table__top .dt-select__button,
.data-table__bottom .dt-select__button {
    position: relative;
    background: #fff;
    border: 1px solid #bec9d4;
    border-radius: 3px;
    width: 280px;
    height: 50px;
    padding: 0 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-weight: 300;
    font-size: 16px;
    line-height: 20px;
    letter-spacing: -0.2px;
    color: #2c3238;
}

.data-table__top .dt-select__button.placeholder,
.data-table__bottom .dt-select__button.placeholder {
    color: #8996a3;
}

@media (max-width: 934px) {
    .data-table__top .dt-select__button,
    .data-table__bottom .dt-select__button {
        width: 100%;
        height: 40px;
        font-weight: 400;
        font-size: 13px;
        line-height: 20px;
    }
}

.data-table__top .dt-select__button img,
.data-table__bottom .dt-select__button img {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 20px;
}

@media (max-width: 934px) {
    .data-table__top .dt-select__button img,
    .data-table__bottom .dt-select__button img {
        width: 12px;
        height: 12px;
    }
}

.data-table__top .dt-select__button.open,
.data-table__bottom .dt-select__button.open {
    border: 1px solid #56606b;
}

.data-table__top .dt-select__button.open img,
.data-table__bottom .dt-select__button.open img {
    -webkit-transform: translateY(-50%) rotate(180deg);
    transform: translateY(-50%) rotate(180deg);
}

.data-table__top .dt-select__list,
.data-table__bottom .dt-select__list {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    z-index: 1;
    margin-top: 5px;
    padding-top: 5px;
    background-color: #fff;
    border: 1px solid #56606b;
    border-radius: 3px;
    overflow: hidden;
}

.data-table__top .dt-select__itemButton,
.data-table__bottom .dt-select__itemButton {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #fff;
    width: 100%;
    height: 30px;
    padding: 20px;
    font-weight: 300;
    font-size: 16px;
    line-height: 20px;
    letter-spacing: -0.2px;
    color: #2c3238;
}

@media (max-width: 934px) {
    .data-table__top .dt-select__itemButton,
    .data-table__bottom .dt-select__itemButton {
        font-weight: 400;
        font-size: 13px;
        line-height: 20px;
    }
}

.data-table__top .dt-select__itemButton:hover,
.data-table__top .dt-select__itemButton:active,
.data-table__bottom .dt-select__itemButton:hover,
.data-table__bottom .dt-select__itemButton:active {
    background-color: #f5f7fa;
}

.data-table__top .dt-search,
.data-table__bottom .dt-search {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

@media (max-width: 934px) {
    .data-table__top .dt-search__inputBox,
    .data-table__bottom .dt-search__inputBox {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
    }
}

.data-table__top .dt-search__inputBox input[type='text'],
.data-table__bottom .dt-search__inputBox input[type='text'] {
    background: #fff;
    border: 1px solid #bec9d4;
    border-radius: 3px;
    width: 280px;
    height: 50px;
    padding: 0 20px;
    font-weight: normal;
    font-size: 16px;
    line-height: 18px;
    letter-spacing: 0.1px;
    color: #2c3238;
}

.data-table__top
    .dt-search__inputBox
    input[type='text']::-webkit-input-placeholder,
.data-table__bottom
    .dt-search__inputBox
    input[type='text']::-webkit-input-placeholder {
    color: #8996a3;
}

.data-table__top .dt-search__inputBox input[type='text']::-moz-placeholder,
.data-table__bottom .dt-search__inputBox input[type='text']::-moz-placeholder {
    color: #8996a3;
}

.data-table__top .dt-search__inputBox input[type='text']:-ms-input-placeholder,
.data-table__bottom
    .dt-search__inputBox
    input[type='text']:-ms-input-placeholder {
    color: #8996a3;
}

.data-table__top .dt-search__inputBox input[type='text']::-ms-input-placeholder,
.data-table__bottom
    .dt-search__inputBox
    input[type='text']::-ms-input-placeholder {
    color: #8996a3;
}

.data-table__top .dt-search__inputBox input[type='text']::placeholder,
.data-table__bottom .dt-search__inputBox input[type='text']::placeholder {
    color: #8996a3;
}

@media (max-width: 934px) {
    .data-table__top .dt-search__inputBox input[type='text'],
    .data-table__bottom .dt-search__inputBox input[type='text'] {
        width: 100%;
        height: 40px;
        font-size: 13px;
        line-height: 24px;
        letter-spacing: -0.2px;
    }
}

.data-table__top .dt-search__button,
.data-table__bottom .dt-search__button {
    position: relative;
    margin-left: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #6b7682;
    border-radius: 3px;
    height: 50px;
    padding: 0 20px 0 40px;
    font-weight: bold;
    font-size: 16px;
    line-height: 17px;
    letter-spacing: 0.2px;
    color: #ffffff;
    -webkit-transition: background 0.1s ease-in-out;
    transition: background 0.1s ease-in-out;
}

@media (max-width: 934px) {
    .data-table__top .dt-search__button,
    .data-table__bottom .dt-search__button {
        height: 40px;
        padding: 0 18px 0 36px;
        font-size: 14px;
        line-height: 20px;
    }
}

.data-table__top .dt-search__button img,
.data-table__bottom .dt-search__button img {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 20px;
}

@media (max-width: 934px) {
    .data-table__top .dt-search__button img,
    .data-table__bottom .dt-search__button img {
        left: 18px;
        width: 14px;
        height: 14px;
    }
}

.data-table__top .dt-search__button:hover,
.data-table__bottom .dt-search__button:hover {
    background: #8996a3;
}

.data-table__top .dt-search__button:active,
.data-table__bottom .dt-search__button:active {
    background: #56606b;
}

.data-table__top .dt-length,
.data-table__bottom .dt-length {
    position: relative;
}

.data-table__top .dt-length__button,
.data-table__bottom .dt-length__button {
    position: relative;
    background: #fff;
    border: 1px solid #bec9d4;
    border-radius: 3px;
    width: 110px;
    height: 30px;
    padding: 0 12px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-weight: normal;
    font-size: 11px;
    line-height: 17px;
    letter-spacing: 0.05px;
    color: #6b7682;
}

.data-table__top .dt-length__button .number,
.data-table__bottom .dt-length__button .number {
    letter-spacing: 0.15px;
    color: #2c3238;
}

.data-table__top .dt-length__button img,
.data-table__bottom .dt-length__button img {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 12px;
}

.data-table__top .dt-length__button.open,
.data-table__bottom .dt-length__button.open {
    border: 1px solid #56606b;
}

.data-table__top .dt-length__button.open img,
.data-table__bottom .dt-length__button.open img {
    -webkit-transform: translateY(-50%) rotate(180deg);
    transform: translateY(-50%) rotate(180deg);
}

.data-table__top .dt-length__list,
.data-table__bottom .dt-length__list {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    z-index: 1;
    margin-top: 5px;
    padding-top: 5px;
    background-color: #fff;
    border: 1px solid #56606b;
    border-radius: 3px;
    overflow: hidden;
}

.data-table__top .dt-length__itemButton,
.data-table__bottom .dt-length__itemButton {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #fff;
    width: 100%;
    height: 30px;
    padding: 12px;
    font-weight: normal;
    font-size: 11px;
    line-height: 17px;
    letter-spacing: 0.05px;
    color: #2c3238;
}

.data-table__top .dt-length__itemButton:hover,
.data-table__top .dt-length__itemButton:active,
.data-table__bottom .dt-length__itemButton:hover,
.data-table__bottom .dt-length__itemButton:active {
    background-color: #f5f7fa;
}

@media (max-width: 934px) {
    .data-table__top .dt-length,
    .data-table__bottom .dt-length {
        display: none;
    }
}

.data-table__top .dt-paginate,
.data-table__bottom .dt-paginate {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

@media (max-width: 934px) {
    .data-table__top .dt-paginate,
    .data-table__bottom .dt-paginate {
        width: 100%;
    }
}

.data-table__top .dt-paginate__button,
.data-table__bottom .dt-paginate__button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

@media (max-width: 934px) {
    .data-table__top .dt-paginate__button,
    .data-table__bottom .dt-paginate__button {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        border: 1px solid #bec9d4;
        border-radius: 3px;
        width: 88px;
        height: 36px;
    }
    .data-table__top .dt-paginate__button span,
    .data-table__bottom .dt-paginate__button span {
        font-weight: bold;
        font-size: 14px;
        line-height: 20px;
        letter-spacing: 0.15px;
        color: #424952;
    }
}

.data-table__top .dt-paginate__button.disabled,
.data-table__top .dt-paginate__button:disabled,
.data-table__bottom .dt-paginate__button.disabled,
.data-table__bottom .dt-paginate__button:disabled {
    opacity: 0.4;
}

.data-table__top .dt-paginate__button.first,
.data-table__bottom .dt-paginate__button.first {
    margin-right: 16px;
}

@media (max-width: 934px) {
    .data-table__top .dt-paginate__button.first,
    .data-table__bottom .dt-paginate__button.first {
        display: none;
    }
}

.data-table__top .dt-paginate__button.last,
.data-table__bottom .dt-paginate__button.last {
    margin-left: 16px;
}

@media (max-width: 934px) {
    .data-table__top .dt-paginate__button.last,
    .data-table__bottom .dt-paginate__button.last {
        display: none;
    }
}

.data-table__top .dt-paginate__page,
.data-table__bottom .dt-paginate__page {
    margin-left: 28px;
    margin-right: 28px;
}

@media (max-width: 934px) {
    .data-table__top .dt-paginate__page,
    .data-table__bottom .dt-paginate__page {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        margin-left: 6px;
        margin-right: 6px;
    }
}

.data-table__top .dt-paginate__page__selectPage,
.data-table__bottom .dt-paginate__page__selectPage {
    display: none;
    position: relative;
}

@media (max-width: 934px) {
    .data-table__top .dt-paginate__page__selectPage,
    .data-table__bottom .dt-paginate__page__selectPage {
        display: block;
    }
}

.data-table__top .dt-paginate__page__selectPage__button,
.data-table__bottom .dt-paginate__page__selectPage__button {
    position: relative;
    background: #ffffff;
    border: 1px solid #bec9d4;
    border-radius: 3px;
    width: 100%;
    height: 36px;
    padding: 0 12px;
    font-weight: bold;
    font-size: 14px;
    line-height: 21px;
    letter-spacing: 0.05px;
    text-align: left;
    color: #6b7682;
}

.data-table__top .dt-paginate__page__selectPage__button .number,
.data-table__bottom .dt-paginate__page__selectPage__button .number {
    margin-right: 2px;
    color: #2c3238;
}

.data-table__top .dt-paginate__page__selectPage__button img,
.data-table__bottom .dt-paginate__page__selectPage__button img {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 12px;
}

.data-table__top .dt-paginate__page__selectPage__button.open img,
.data-table__bottom .dt-paginate__page__selectPage__button.open img {
    -webkit-transform: translateY(-50%), rotate(180deg);
    transform: translateY(-50%), rotate(180deg);
}

.data-table__top .dt-paginate__page__selectPage__list,
.data-table__bottom .dt-paginate__page__selectPage__list {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    z-index: 1;
    margin-top: 5px;
    padding-top: 5px;
    background-color: #fff;
    border: 1px solid #bec9d4;
    border-radius: 3px;
    overflow: hidden;
    max-height: 300px;
    overflow-y: auto;
}

.data-table__top .dt-paginate__page__selectPage__itemButton,
.data-table__bottom .dt-paginate__page__selectPage__itemButton {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #fff;
    width: 100%;
    height: 30px;
    padding: 0 12px;
    font-weight: bold;
    font-size: 14px;
    line-height: 21px;
    letter-spacing: 0.05px;
    text-align: left;
    color: #6b7682;
}

.data-table__top .dt-paginate__page__selectPage__itemButton:last-child,
.data-table__bottom .dt-paginate__page__selectPage__itemButton:last-child {
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
}

.data-table__top .dt-paginate__page__selectPage__itemButton:hover,
.data-table__top .dt-paginate__page__selectPage__itemButton:active,
.data-table__bottom .dt-paginate__page__selectPage__itemButton:hover,
.data-table__bottom .dt-paginate__page__selectPage__itemButton:active {
    background-color: #f5f7fa;
}

.data-table__top .dt-paginate__page__selectPage__itemButton .number,
.data-table__bottom .dt-paginate__page__selectPage__itemButton .number {
    margin-right: 2px;
    color: #2c3238;
}

.data-table__top .dt-paginate__page__inputPage,
.data-table__bottom .dt-paginate__page__inputPage {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

@media (max-width: 934px) {
    .data-table__top .dt-paginate__page__inputPage,
    .data-table__bottom .dt-paginate__page__inputPage {
        display: none;
    }
}

.data-table__top .dt-paginate__page__inputPage input[type='text'],
.data-table__bottom .dt-paginate__page__inputPage input[type='text'] {
    background: #ffffff;
    border: 1px solid #dae3ed;
    border-radius: 3px;
    padding: 0 6px;
    text-align: right;
    height: 32px;
    width: 37px;
    font-weight: 500;
    font-size: 11px;
    line-height: 16px;
    text-align: right;
    letter-spacing: 0.12px;
    color: #000000;
}

.data-table__top .dt-paginate__page__inputPage__total,
.data-table__bottom .dt-paginate__page__inputPage__total {
    margin-left: 7px;
    font-weight: 500;
    font-size: 11px;
    line-height: 16px;
    letter-spacing: 0.12px;
    color: #56606b;
}

.data-table__top .dt-action,
.data-table__bottom .dt-action {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

@media (max-width: 934px) {
    .data-table__top .dt-action,
    .data-table__bottom .dt-action {
        display: none;
    }
}

.data-table__top .dt-action.alter,
.data-table__bottom .dt-action.alter {
    margin-top: 8px;
}

@media (max-width: 934px) {
    .data-table__top .dt-action.alter,
    .data-table__bottom .dt-action.alter {
        margin-top: 38px;
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
}

.data-table__top .dt-action > *:not(:last-child),
.data-table__bottom .dt-action > *:not(:last-child) {
    margin-right: 5px;
}

.data-table__top .dt-action__button,
.data-table__bottom .dt-action__button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 36px;
    padding: 0 12px;
    background: #ffffff;
    border: 1px solid #bec9d4;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 3px;
    font-weight: bold;
    font-size: 12px;
    line-height: 17px;
    letter-spacing: 0.2px;
    color: #56606b;
}

.data-table__top .dt-action__button:hover,
.data-table__bottom .dt-action__button:hover {
    background: #ffffff;
}

.data-table__top .dt-action__button:active,
.data-table__bottom .dt-action__button:active {
    background: #f5f7fa;
}

.data-table__top .dt-action__button.bigger,
.data-table__bottom .dt-action__button.bigger {
    height: 50px;
    padding: 0 18px;
    font-size: 16px;
    line-height: 17px;
}

.data-table__top .dt-action__button.bigger--gray,
.data-table__bottom .dt-action__button.bigger--gray {
    background: #2c3238;
}

@media (max-width: 934px) {
    .data-table__top .dt-action__button.bigger,
    .data-table__bottom .dt-action__button.bigger {
        width: 100%;
        height: 48px;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
}

.data-table__top .dt-action__button--gray,
.data-table__bottom .dt-action__button--gray {
    border: none;
    background: #424952;
    color: #ffffff;
}

.data-table__top .dt-action__button--gray:hover,
.data-table__bottom .dt-action__button--gray:hover {
    background: #56606b;
}

.data-table__top .dt-action__button--gray:active,
.data-table__bottom .dt-action__button--gray:active {
    background: #2c3238;
}

.accordion__wrapper.open {
    border: 1px solid #bec9d4;
    -webkit-box-shadow:
        0px 0px 2px rgba(0, 0, 0, 0.15),
        0px 4px 5px rgba(0, 0, 0, 0.1);
    box-shadow:
        0px 0px 2px rgba(0, 0, 0, 0.15),
        0px 4px 5px rgba(0, 0, 0, 0.1);
    border-radius: 4px;
}

.accordion__col {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: left;
}

@media (max-width: 934px) {
    .accordion__col:not(:last-child) {
        margin-bottom: 12px;
    }
}

@media (max-width: 934px) {
    .accordion__col.pc {
        display: none;
    }
}

@media (max-width: 934px) {
    .accordion__col.mo-sb {
        width: 100%;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
}

@media (max-width: 934px) {
    .accordion__col.mo-title {
        padding-left: 8px;
    }
}

.accordion__col.flex1 {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

@media (max-width: 934px) {
    .accordion__col.flex1 {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
    }
}

.accordion__col.flex3 {
    -webkit-box-flex: 3;
    -ms-flex: 3;
    flex: 3;
}

@media (max-width: 934px) {
    .accordion__col.flex3 {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
    }
}

.accordion__button {
    width: 100%;
    height: 90px;
    padding-right: 34px;
    padding-left: 34px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #f5f7fa;
    border-radius: 4px;
    border-bottom: 1px solid #e9eff5;
}

@media (max-width: 934px) {
    .accordion__button {
        min-height: 124px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        padding: 20px;
        padding-left: 12px;
    }
}

.accordion__button.open {
    background: #ffffff;
}

.accordion__type-circle {
    height: 24px;
    width: 70px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #bec9d4;
    border-radius: 30px;
    font-weight: normal;
    font-size: 14px;
    line-height: 18px;
    letter-spacing: 0.1px;
    white-space: nowrap;
    color: #ffffff;
}

@media (max-width: 934px) {
    .accordion__type-circle {
        width: auto;
        padding: 0 14px;
        font-size: 12px;
    }
}

.accordion__type-circle.open {
    background: #8996a3;
}

.accordion__title {
    font-weight: 300;
    font-size: 18px;
    line-height: 20px;
    color: #424952;
    word-break: keep-all;
}

@media (max-width: 934px) {
    .accordion__title {
        font-size: 15px;
        line-height: 24px;
        letter-spacing: -0.2px;
    }
}

.accordion__date {
    font-weight: normal;
    font-size: 14px;
    line-height: 20px;
    text-align: right;
    color: #56606b;
}

@media (max-width: 934px) {
    .accordion__date {
        font-weight: 300;
        font-size: 13px;
        line-height: 18px;
        letter-spacing: -0.2px;
        color: #6b7682;
    }
}

.accordion__content {
    padding: 30px;
    padding-bottom: 45px;
}

@media (max-width: 934px) {
    .accordion__content {
        padding: 20px;
        padding-bottom: 30px;
    }
}

.accordion__content__html {
    font-weight: 300;
    font-size: 16px;
    line-height: 24px;
    color: #424952;
}

@media (max-width: 934px) {
    .accordion__content__html {
        font-size: 14px;
        letter-spacing: -0.2px;
    }
}

.accordion__content__html strong {
    font-weight: bold;
}

.accordion__content__file-list {
    margin-top: 30px;
}

@media (max-width: 934px) {
    .accordion__content__file-list {
        margin-top: 52px;
    }
}

@media (max-width: 934px) {
    .accordion__content__file-list li:not(:last-child) {
        margin-bottom: 20px;
    }
}

.accordion__content__file-link {
    text-decoration: underline;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-weight: 300;
    font-size: 16px;
    line-height: 22px;
    color: #26b9d1;
}

@media (max-width: 934px) {
    .accordion__content__file-link {
        font-size: 14px;
        line-height: 20px;
        letter-spacing: -0.2px;
    }
}

.accordion__content__file-link:hover {
    text-decoration: underline;
}

.accordion__content__file-link .fileIcon {
    width: 40px;
    height: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

@media (max-width: 934px) {
    .accordion__content__file-link .fileIcon {
        width: 17px;
        height: 17px;
        margin-right: 10px;
    }
    .accordion__content__file-link .fileIcon img {
        width: 100%;
        height: 100%;
    }
}

.modal {
    z-index: 9999;
    position: fixed;
    left: 50%;
    top: 50%;
    width: 600px;
    height: 600px;
    -webkit-box-shadow:
        0px 0px 2px rgba(0, 0, 0, 0.22),
        0px 7px 10px rgba(0, 0, 0, 0.12);
    box-shadow:
        0px 0px 2px rgba(0, 0, 0, 0.22),
        0px 7px 10px rgba(0, 0, 0, 0.12);
}

.modal * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

@media (min-width: 935px) {
    .modal {
        min-height: 300px;
        max-height: 100vh;
    }
}

.modal.modal-large {
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 780px;
    height: 780px;
}

@media (max-width: 934px) {
    .modal.modal-large {
        -webkit-transform: none;
        transform: none;
        width: 100%;
        height: 100%;
    }
}

.modal img {
    max-width: 100%;
}

@media (max-width: 934px) {
    .modal {
        left: 0 !important;
        top: 0 !important;
        right: 0;
        bottom: 0;
        width: 100%;
        height: 100%;
        -webkit-transform: none;
        transform: none;
        -webkit-box-shadow: none;
        box-shadow: none;
    }
}

.draggable .modal__header {
    cursor: move;
}

.modal-container {
    background: #ffffff;
}

.modal-container .modal__header {
    background: #ffffff;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 52px;
    border-bottom: 1px solid #e9eff5;
}

@media (max-width: 934px) {
    .modal-container .modal__header {
        border-bottom: none;
    }
}

.modal-container .modal__header.darkmode {
    background: #2c3238;
}

@media (max-width: 934px) {
    .modal-container .modal__header.darkmode {
        background: #ffffff;
    }
}

.modal-container .modal__main {
    background: #ffffff;
    overflow-x: hidden;
    overflow-y: auto;
    position: absolute;
    top: 52px;
    left: 0;
    right: 0;
    bottom: 64px;
}

@media (max-width: 934px) {
    .modal-container .modal__main {
        bottom: 130px;
    }
}

.modal-container .modal__footer {
    background: #ffffff;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 64px;
    border-top: 1px solid #e9eff5;
}

@media (max-width: 934px) {
    .modal-container .modal__footer {
        height: 130px;
    }
}

.modal-container .modal__resizer {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid #e9eff5;
    border-top: 5px solid transparent;
    border-bottom: 5px solid #e9eff5;
    cursor: se-resize;
}

@media (max-width: 934px) {
    .modal-large .modal-container .modal__main {
        bottom: 165px;
    }
}

@media (max-width: 934px) {
    .modal-large .modal-container .modal__footer {
        height: 165px;
    }
}

.modal__header {
    padding: 0 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.modal__header img {
    pointer-events: none;
}

@media (max-width: 934px) {
    .modal__header {
        padding: 0;
        padding-left: 8px;
    }
}

.modal__header .modal__logo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

@media (max-width: 934px) {
    .modal__header .modal__logo {
        display: none;
    }
}

.modal__header .modal__btn-close {
    display: none;
}

@media (max-width: 934px) {
    .modal__header .modal__btn-close {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
}

.modal__header .modal__pc-btn-close {
    margin-left: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: flex;
}

.modal__header .modal__pc-btn-close img {
    width: 20px;
    height: 20px;
}

@media (max-width: 934px) {
    .modal__header .modal__pc-btn-close {
        display: none;
    }
}

.modal__main {
    padding: 30px;
}

@media (max-width: 934px) {
    .modal__main {
        padding: 0 20px 20px 20px;
    }
}

.modal__main .modal__notice-title {
    font-weight: 500;
    font-size: 22px;
    line-height: 35px;
    letter-spacing: -0.4px;
    color: #000000;
}

@media (max-width: 934px) {
    .modal__main .modal__notice-title {
        font-size: 20px;
        line-height: 31px;
    }
}

.modal__main .modal__notice-content {
    font-weight: normal;
    font-size: 14px;
    line-height: 21px;
    letter-spacing: 0.1px;
    color: #2c3238;
}

@media (max-width: 934px) {
    .modal__main .modal__notice-content {
        letter-spacing: 0.05px;
    }
}

.modal__main .modal__privateInfo-content {
    font-weight: normal;
    font-size: 14px;
    line-height: 22px;
    letter-spacing: -0.2px;
    color: #2c3238;
}

.modal__main .modal__notice-content a,
.modal__main .modal__privateInfo-content a {
    color: #26b9d1;
}

.modal__main .modal__notice-content ul,
.modal__main .modal__notice-content li,
.modal__main .modal__privateInfo-content ul,
.modal__main .modal__privateInfo-content li {
    list-style: initial;
}

.modal__main .modal__notice-content ul,
.modal__main .modal__privateInfo-content ul {
    padding-left: 25px;
}

.modal__main .modal__notice-content table,
.modal__main .modal__privateInfo-content table {
    width: 100%;
    margin-top: 10px;
    margin-bottom: 10px;
    border-collapse: collapse;
    font-weight: normal;
    font-size: 13px;
    line-height: 18px;
    letter-spacing: 0.1px;
    color: #2c3238;
}

.modal__main .modal__notice-content table th,
.modal__main .modal__privateInfo-content table th {
    background-color: #e9eff5;
    font-weight: normal;
    padding: 10px 10px;
}

.modal__main .modal__notice-content table th[align='left'],
.modal__main .modal__privateInfo-content table th[align='left'] {
    padding-left: 16px;
}

.modal__main .modal__notice-content table td,
.modal__main .modal__privateInfo-content table td {
    padding: 5px 10px;
}

.modal__main .modal__notice-content table th,
.modal__main .modal__notice-content table td,
.modal__main .modal__privateInfo-content table th,
.modal__main .modal__privateInfo-content table td {
    border: 1px solid #bec9d4;
}

.modal__main .modal__notice-content__inner.renew,
.modal__main .modal__privateInfo-content__inner.renew {
    word-break: break-all;
}

.modal__main .modal__notice-content__inner.renew .gray-box,
.modal__main .modal__privateInfo-content__inner.renew .gray-box {
    padding: 20px;
    background: #e9eff5;
}

.modal__main .modal__notice-content__inner.renew .gray-box > *:first-child,
.modal__main
    .modal__privateInfo-content__inner.renew
    .gray-box
    > *:first-child {
    margin-top: 0;
}

.modal__main .modal__notice-content__inner.renew .gray-box em,
.modal__main .modal__privateInfo-content__inner.renew .gray-box em {
    font-weight: bold;
    font-style: normal;
}

.modal__main .modal__notice-content__inner.renew .color_primary,
.modal__main .modal__privateInfo-content__inner.renew .color_primary {
    color: #e0205c;
}

.modal__main .modal__notice-content__inner.renew .color_primary *,
.modal__main .modal__privateInfo-content__inner.renew .color_primary * {
    color: inherit;
}

.modal__main .modal__notice-content__inner.renew .fw_bold,
.modal__main .modal__privateInfo-content__inner.renew .fw_bold {
    font-weight: 700 !important;
}

.modal__main .modal__notice-content__inner.renew .fw_bold *,
.modal__main .modal__privateInfo-content__inner.renew .fw_bold * {
    font-weight: inherit;
}

.modal__main .modal__notice-content__inner.renew p,
.modal__main .modal__privateInfo-content__inner.renew p {
    margin-top: 10px;
    margin-bottom: 0;
}

.modal__main .modal__notice-content__inner.renew p strong,
.modal__main .modal__privateInfo-content__inner.renew p strong {
    font-weight: normal;
}

.modal__main .modal__notice-content__inner.renew ul,
.modal__main .modal__privateInfo-content__inner.renew ul {
    margin-top: 10px;
}

.modal__main .modal__notice-content__inner.renew h2,
.modal__main .modal__notice-content__inner.renew h3,
.modal__main .modal__privateInfo-content__inner.renew h2,
.modal__main .modal__privateInfo-content__inner.renew h3 {
    margin-top: 20px;
    margin-bottom: 20px;
    font-size: inherit;
    line-height: inherit;
}

.modal__main .modal__notice-content__inner.renew h2.large,
.modal__main .modal__notice-content__inner.renew h3.large,
.modal__main .modal__privateInfo-content__inner.renew h2.large,
.modal__main .modal__privateInfo-content__inner.renew h3.large {
    font-size: 1.2em;
}

.modal__main .modal__notice-content__inner.renew .block,
.modal__main .modal__privateInfo-content__inner.renew .block {
    display: block;
}

.modal__main .modal__notice-content__inner.renew table,
.modal__main .modal__privateInfo-content__inner.renew table {
    table-layout: fixed;
}

.modal__main .modal__notice-content__inner.renew table caption,
.modal__main .modal__privateInfo-content__inner.renew table caption {
    position: relative !important;
}

.modal__main .modal__notice-content__inner.renew table th,
.modal__main .modal__notice-content__inner.renew table td,
.modal__main .modal__privateInfo-content__inner.renew table th,
.modal__main .modal__privateInfo-content__inner.renew table td {
    word-break: break-all;
}

.modal__main .modal__notice-content__inner.renew table ul li + li,
.modal__main .modal__privateInfo-content__inner.renew table ul li + li {
    margin-top: 10px;
}

.modal__main .modal__notice-content__inner.renew .content-main-tit,
.modal__main .modal__privateInfo-content__inner.renew .content-main-tit {
    display: block;
    margin: 0;
    padding: 20px 0 40px;
    font-weight: 700;
    font-size: 22px;
    text-align: center;
}

.modal__main .modal__notice-content__inner.renew .al_center,
.modal__main .modal__privateInfo-content__inner.renew .al_center {
    text-align: center;
}

.modal__main .modal__notice-files {
    margin-top: 30px;
    padding: 0;
    list-style: none;
}

.modal__main .modal__notice-files .modal__notice-file:not(:first-child) {
    margin-top: 6px;
}

.modal__main .modal__notice-files .modal__notice-file .modal__file-link {
    text-decoration: none;
    display: inline-block;
    background: #fff url('../images/ic_attach-file.svg') no-repeat 22px 50%;
    border: 1px solid #dae3ed;
    padding: 20px 20px 20px 60px;
    min-width: 267px;
    font-weight: normal;
    font-size: 14px;
    line-height: 21px;
    color: #2c3238;
    -webkit-transition: all 0.1s ease;
    transition: all 0.1s ease;
}

@media (hover: hover) {
    .modal__main
        .modal__notice-files
        .modal__notice-file
        .modal__file-link:hover {
        background: #fffafc url('../images/ic_attach-file-active.svg') no-repeat
            22px 50%;
        border-color: #fb89ad;
        color: #e0205c;
    }
}

.modal__main .modal__seperator {
    margin: 30px 0;
    height: 1px;
    background: #979797;
    opacity: 0.3;
}

@media (max-width: 934px) {
    .modal__main .modal__seperator {
        margin: 20px 0;
    }
}

.modal__main .modal__privateInfo-title {
    font-weight: 500;
    font-size: 20px;
    line-height: 31px;
    letter-spacing: -0.4px;
    color: #000000;
}

@media (max-width: 934px) {
    .modal__main .modal__privateInfo-title {
        font-size: 18px;
        line-height: 31px;
    }
}

.modal__main .modal__privateInfo-combo-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: end;
    margin-top: 40px;
    gap: 20px;
}

.modal__main .modal__privateInfo-select {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.modal__main .modal__privateInfo-select-box {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    border: 1px solid #bec9d4;
    border-radius: 3px;
}

.modal__main .modal__privateInfo-select-box.open {
    border-color: transparent;
    background: #ffffff;
    -webkit-box-shadow:
        0px 0px 2px rgba(0, 0, 0, 0.17),
        0px 4px 5px rgba(0, 0, 0, 0.11);
    box-shadow:
        0px 0px 2px rgba(0, 0, 0, 0.17),
        0px 4px 5px rgba(0, 0, 0, 0.11);
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}

.modal__main .modal__privateInfo-select .modal__select-label {
    margin-right: 15px;
    font-weight: normal;
    font-size: 14px;
    line-height: 31px;
    letter-spacing: -0.4px;
    color: #6b7682;
}

.modal__main .modal__privateInfo-select .modal__btn-select {
    font-family: inherit;
    position: relative;
    width: 150px;
    padding: 7px 30px 7px 12px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.modal__main .modal__privateInfo-select .modal__btn-select span {
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-weight: normal;
    font-size: 14px;
    line-height: 18px;
    letter-spacing: 0.1px;
    color: #2c3238;
}

.modal__main .modal__privateInfo-select .modal__btn-select img {
    position: absolute;
    right: 12px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.modal__main .modal__privateInfo-select .modal__btn-select.open img {
    -webkit-transform: translateY(-50%) rotate(180deg);
    transform: translateY(-50%) rotate(180deg);
}

.modal__main .modal__privateInfo-select .select-container {
    z-index: 1;
    padding: 8px 0;
    position: absolute;
    top: 100%;
    left: -1px;
    right: -2px;
    background: #ffffff;
    -webkit-box-shadow:
        0px 0px 2px rgba(0, 0, 0, 0.17),
        0px 4px 5px rgba(0, 0, 0, 0.11);
    box-shadow:
        0px 0px 2px rgba(0, 0, 0, 0.17),
        0px 4px 5px rgba(0, 0, 0, 0.11);
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    overflow: hidden;
}

.modal__main .modal__privateInfo-select .select-container .select-button {
    position: relative;
    font-family: inherit;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 6px 12px;
    padding-right: 30px;
}

.modal__main .modal__privateInfo-select .select-container .select-button span {
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-weight: normal;
    font-size: 12px;
    line-height: 18px;
    letter-spacing: 0.1px;
    color: #2c3238;
}

.modal__main .modal__privateInfo-select .select-container .select-button img {
    display: none;
    position: absolute;
    right: 8px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.modal__main .modal__privateInfo-select .select-container .select-button:hover {
    background: #f0fdff;
}

.modal__main
    .modal__privateInfo-select
    .select-container
    .select-button.selected
    img {
    display: block;
}

.modal__main
    .modal__privateInfo-select
    .select-container
    .select-button:disabled {
    opacity: 0.4;
}

.modal__footer {
    padding: 0 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

@media (max-width: 934px) {
    .modal__footer {
        padding: 10px 20px 20px 20px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
    }
}

.modal__footer .modal__checkbox {
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    display: block;
    position: relative;
    padding-left: 25px;
    font-size: 12px;
    line-height: 18px;
    letter-spacing: 0.1px;
    color: #2c3238;
}

.modal__footer .modal__checkbox input[type='checkbox'] {
    position: absolute;
    opacity: 0;
    height: 0;
    width: 0;
}

.modal__footer .modal__checkbox .modal__checkmark {
    position: absolute;
    left: 0;
    top: 0;
    height: 18px;
    width: 18px;
    border: 1px solid #a5b3c2;
    border-radius: 3px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.modal__footer .modal__checkbox .modal__checkmark img {
    display: none;
}

.modal__footer
    .modal__checkbox
    input[type='checkbox']:checked
    ~ .modal__checkmark,
.modal__footer
    .modal__checkbox
    input[type='checkbox'].checked
    ~ .modal__checkmark {
    border-color: #e0205c;
    background: #e0205c;
}

.modal__footer
    .modal__checkbox
    input[type='checkbox']:checked
    ~ .modal__checkmark
    img,
.modal__footer
    .modal__checkbox
    input[type='checkbox'].checked
    ~ .modal__checkmark
    img {
    display: block;
}

.modal__footer .modal__checkbox-circle {
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    display: block;
    position: relative;
    padding-left: 28px;
    font-weight: bold;
    font-size: 14px;
    line-height: 18px;
    letter-spacing: 0.1px;
    color: #2c3238;
}

@media (max-width: 934px) {
    .modal__footer .modal__checkbox-circle {
        width: 100%;
        padding-top: 15px;
        padding-bottom: 15px;
        border-top: 1px solid #e9eff5;
        border-bottom: 1px solid #e9eff5;
    }
}

.modal__footer .modal__checkbox-circle input[type='checkbox'] {
    position: absolute;
    opacity: 0;
    height: 0;
    width: 0;
}

.modal__footer .modal__checkbox-circle .modal__checkmark {
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    height: 22px;
    width: 22px;
    border: 1px solid #2c3238;
    border-radius: 50%;
    background-color: #ffffff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

@media (max-width: 934px) {
    .modal__footer .modal__checkbox-circle .modal__checkmark {
        height: 18px;
        width: 18px;
    }
}

.modal__footer .modal__checkbox-circle .modal__checkmark .circle {
    display: none;
    height: 12px;
    width: 12px;
    border: 1px solid transparent;
    background-color: #ffffff;
    border-radius: 50%;
}

@media (max-width: 934px) {
    .modal__footer .modal__checkbox-circle .modal__checkmark .circle {
        height: 8px;
        width: 8px;
    }
}

.modal__footer
    .modal__checkbox-circle
    input[type='checkbox']:checked
    ~ .modal__checkmark,
.modal__footer
    .modal__checkbox-circle
    input[type='checkbox'].checked
    ~ .modal__checkmark {
    border-color: #e0205c;
    background: #e0205c;
}

.modal__footer
    .modal__checkbox-circle
    input[type='checkbox']:checked
    ~ .modal__checkmark
    .circle,
.modal__footer
    .modal__checkbox-circle
    input[type='checkbox'].checked
    ~ .modal__checkmark
    .circle {
    display: block;
}

.modal__footer .modal__btn-close {
    margin-left: auto;
    background: #ffffff;
    border: 1px solid #bec9d4;
    border-radius: 3px;
    height: 36px;
    padding: 0 12px;
    font-weight: bold;
    font-size: 12px;
    line-height: 17px;
    letter-spacing: 0.2px;
    color: #56606b;
    -webkit-transition: all 0.1s ease;
    transition: all 0.1s ease;
}

@media (hover: hover) {
    .modal__footer .modal__btn-close:hover {
        background: #fffafc;
        border-color: #fb89ad;
        color: #e0205c;
    }
}

@media (max-width: 934px) {
    .modal__footer .modal__btn-close {
        background: #424952;
        border: 1px solid #424952;
        height: 52px;
        width: 100%;
        margin-top: 30px;
        font-weight: 500;
        font-size: 16px;
        line-height: 24px;
        color: #ffffff;
    }
}

@media (max-width: 934px) and (hover: hover) {
    .modal__footer .modal__btn-close:hover {
        background: #424952;
        border-color: #424952;
        color: #ffffff;
    }
}

.modal-appdownload {
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 700px;
    height: auto;
    -webkit-box-shadow:
        0px 0px 1px rgba(0, 0, 0, 0.11),
        0px 1px 3px rgba(0, 0, 0, 0.08);
    box-shadow:
        0px 0px 1px rgba(0, 0, 0, 0.11),
        0px 1px 3px rgba(0, 0, 0, 0.08);
}

@media (max-width: 934px) {
    .modal-appdownload {
        width: auto;
        -webkit-transform: none;
        transform: none;
    }
}

.modal-appdownload .box {
    background: #ffffff;
    padding: 30px 50px 80px 50px;
}

@media (max-width: 934px) {
    .modal-appdownload .box {
        margin: 0;
        padding: 0;
        width: 100%;
        height: 100%;
        -webkit-box-shadow: none;
        box-shadow: none;
    }
}

.appdownload__box {
    background-color: #ffffff;
}

.appdownload__box .btn-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    margin-bottom: 40px;
}

@media (max-width: 934px) {
    .appdownload__box .btn-wrapper {
        padding: 8px;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        margin-bottom: 0;
    }
}

.appdownload__box .btn-wrapper .btn-close {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.appdownload__box .btn-wrapper .btn-close img {
    display: block;
    width: 26px;
    height: 26px;
}

@media (max-width: 934px) {
    .appdownload__box .btn-wrapper .btn-close img.pc {
        display: none;
    }
}

@media (min-width: 935px) {
    .appdownload__box .btn-wrapper .btn-close img.mo {
        display: none;
    }
}

@media (max-width: 934px) {
    .appdownload__box .btn-wrapper .btn-close img {
        width: 40px;
        height: 40px;
    }
}

@media (max-width: 934px) {
    .appdownload__box .inner {
        padding: 20px;
        position: absolute;
        top: 56px;
        left: 0;
        right: 0;
        bottom: 0;
        overflow-y: auto;
    }
}

.appdownload__box .inner .title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
}

@media (max-width: 934px) {
    .appdownload__box .inner .title {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        padding-left: 4px;
    }
}

.appdownload__box .inner .title .logo {
    display: block;
    width: 28px;
    height: 25px;
}

@media (max-width: 934px) {
    .appdownload__box .inner .title .logo {
        width: 21px;
        height: 19px;
    }
}

.appdownload__box .inner .title h1 {
    margin-left: 10px;
    font-weight: bold;
    font-size: 30px;
    line-height: 44px;
    text-align: center;
    color: #424952;
}

@media (max-width: 934px) {
    .appdownload__box .inner .title h1 {
        font-size: 20px;
        line-height: 29px;
    }
}

.appdownload__box .inner .separate {
    margin: 40px 0;
    height: 1px;
    background-color: #dae3ed;
}

@media (max-width: 934px) {
    .appdownload__box .inner .separate {
        margin: 25px 0;
    }
}

.appdownload__box .inner .description {
    margin-bottom: 40px;
}

@media (max-width: 934px) {
    .appdownload__box .inner .description {
        margin-bottom: 25px;
    }
}

.appdownload__box .inner .description--text {
    margin-left: 35px;
    word-break: keep-all;
    font-weight: normal;
    font-size: 14px;
    line-height: 21px;
    color: #6b7682;
}

@media (max-width: 934px) {
    .appdownload__box .inner .description--text {
        margin-left: 0;
        font-size: 12px;
        line-height: 18px;
    }
}

.appdownload__box .inner .description--text.disc {
    position: relative;
    padding-left: 20px;
}

.appdownload__box .inner .description--text.disc::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 10px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    height: 4px;
    width: 4px;
    border-radius: 50%;
    background-color: #6b7682;
}

.appdownload__box .inner .cards {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.appdownload__box .inner .cards .card {
    background: #ffffff;
    border: 1px solid #e9eff5;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 16px;
    padding: 15px 30px 30px 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
}

@media (min-width: 935px) {
    .appdownload__box .inner .cards .card {
        width: 202px;
        min-height: 298px;
    }
}

@media (max-width: 934px) {
    .appdownload__box .inner .cards .card {
        width: calc(50% - 8px);
        min-height: 228px;
    }
}

.appdownload__box .inner .cards .card:not(:first-child) {
    margin-left: 30px;
}

@media (max-width: 934px) {
    .appdownload__box .inner .cards .card:not(:first-child) {
        margin-left: 16px;
    }
}

.appdownload__box .inner .cards .card p {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
    font-weight: normal;
    font-size: 20px;
    line-height: 40px;
    text-align: center;
    letter-spacing: -0.05px;
    color: #424952;
    margin-bottom: 10px;
}

.appdownload__box .inner .cards .card .qrcode {
    display: block;
    width: 100%;
    aspect-ratio: 1;
    margin-bottom: 25px;
}

.appdownload__box .inner .cards .card .btn-download {
    width: 100%;
    height: 36px;
    margin-top: auto;
    background: #ffffff;
    border: 1px solid #bec9d4;
    border-radius: 3px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-weight: normal;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    letter-spacing: 0.15px;
    color: #56606b;
    -webkit-transition: all 0.1s ease;
    transition: all 0.1s ease;
}

@media (hover: hover) {
    .appdownload__box .inner .cards .card .btn-download:hover {
        background: #fffafc;
        border-color: #fb89ad;
        color: #e0205c;
    }
}

.noselect {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.btn_round {
    display: inline-block;
    position: relative;
    padding: 8px 38px 8px 20px;
    border: 1px solid #bec9d4;
    border-radius: 38px;
    background: #fff;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    color: #424952;
}

@media (max-width: 934px) {
    .btn_round {
        padding: 6px 34px 6px 18px;
        font-size: 13px;
        line-height: 18px;
    }
}

.btn_round:after {
    content: '';
    position: absolute;
    top: 50%;
    right: 20px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 7px;
    height: 12px;
    background: url('../images/ic_right-arrow.svg') 0 0 no-repeat;
    background-size: 100% auto;
}

section {
    padding: 80px 110px;
}

section .Heading {
    margin-bottom: 94px;
}

section .Heading h2 {
    font-size: 40px;
    color: #2c3238;
    font-weight: 400;
    margin: 6px 0;
}

section .Heading h2 span {
    font-weight: bold;
}

section .Heading p {
    font-weight: 300;
    font-size: 20px;
    color: #56606b;
}

@media (max-width: 934px) {
    section {
        padding: 80px 30px;
        margin: 44px 10px 44px 22px;
    }
    section .Heading {
        margin-bottom: 0;
    }
    section .Heading h2 {
        font-size: 20px;
        line-height: 28px;
        margin-bottom: 11px;
    }
    section .Heading h2.contact {
        font-weight: bold;
    }
    section .Heading p {
        font-weight: 300;
        font-size: 14px;
        line-height: 21px;
        margin-bottom: 15px;
    }
}

.container {
    overflow: hidden;
}

.redSpot:after {
    content: '';
    position: relative;
    top: -15px;
    right: -7px;
    display: inline-block;
    background: #ed3a72;
    width: 5px;
    height: 5px;
    border-radius: 50%;
}

@media (max-width: 934px) {
    .redSpot:after {
        top: -9px;
        right: -2px;
    }
}

label.required::after {
    content: '';
    position: relative;
    display: inline-block;
    top: -10px;
    right: 0px;
    background-color: #e0205c;
    width: 6px;
    height: 6px;
    border-radius: 50%;
}

@media (max-width: 934px) {
    label.required::after {
        width: 4px;
        height: 4px;
        top: -8px;
    }
}

.newBadge:after {
    content: '';
    display: inline-block;
    background: url('../images/ic_newBadge.png') no-repeat;
    background-size: cover;
    width: 21px;
    height: 27px;
    margin-left: 5px;
    -webkit-transform: translateY(-1px);
    transform: translateY(-1px);
}

@media (max-width: 934px) {
    .newBadge:after {
        display: none;
    }
}

.alertTag:before {
    content: '';
    line-height: 19px;
    margin-right: 6px;
    display: block;
    width: 16px;
    height: 16px;
    min-width: 16px;
    min-height: 16px;
    background: url('../images/ic_AlertIcon.png') no-repeat;
    background-size: cover;
}

.clockIcon:before {
    content: '';
    display: block;
    margin-right: 5px;
    width: 10px;
    height: 10px;
    background: url('../images/ic_clock_Icon.png') no-repeat;
    background-size: cover;
}

#test-urls {
    position: fixed;
    left: 10px;
    bottom: 10px;
    padding: 5px;
    border-radius: 4px;
    background: white;
    border: radius 50px;
    font-weight: 600;
    z-index: 9999;
}

@media (max-width: 934px) {
    #test-urls {
        display: none;
    }
}

#test-urls .test-url-top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 3px;
    font-size: 14px;
    color: #56606b;
}

#test-urls .test-url-top button {
    border-radius: 4px;
    padding: 0 5px;
    background-color: #56606b;
    color: #fff;
}

#test-urls .test-url-top button:hover,
#test-urls .test-url-top button:active {
    background-color: #e0205c;
}

#test-urls a {
    font-size: 12px;
    color: #2c3238;
    display: block;
    padding: 0 10px;
}

#test-urls a:not(:last-child) {
    margin-bottom: 3px;
}

#test-urls a:hover,
#test-urls a:active {
    color: #e0205c;
}

.wrap-main {
    padding-top: 100px;
    padding-bottom: 240px;
}

@media (max-width: 934px) {
    .wrap-main {
        padding-top: 50px;
        padding-bottom: 100px;
    }
}

.wrap-main .data-table__wrapper,
.wrap-main .content__wrapper {
    padding: 0 210px;
}

@media (max-width: 934px) {
    .wrap-main .data-table__wrapper,
    .wrap-main .content__wrapper {
        padding: 0 20px;
    }
}

.wrap-main .content__title {
    margin-bottom: 10px;
    font-weight: bold;
    font-size: 18px;
    line-height: 33px;
    letter-spacing: -0.4px;
    color: #424952;
}

@media (max-width: 934px) {
    .wrap-main .content__title {
        font-weight: 500;
        font-size: 15px;
        line-height: 22px;
        letter-spacing: -0.2px;
    }
}

.wrap-main .content__date {
    margin-bottom: 13px;
    font-weight: normal;
    font-size: 14px;
    line-height: 20px;
    color: #56606b;
}

@media (max-width: 934px) {
    .wrap-main .content__date {
        font-weight: 300;
        font-size: 13px;
    }
}

.wrap-main .content__box {
    padding-top: 40px;
    padding-bottom: 14px;
    border-top: 1px solid #dae3ed;
    border-bottom: 1px solid #dae3ed;
}

@media (max-width: 934px) {
    .wrap-main .content__box {
        padding-top: 20px;
        padding-bottom: 30px;
    }
}

.wrap-main .content__file-list {
    margin-top: 30px;
}

@media (max-width: 934px) {
    .wrap-main .content__file-list {
        margin-top: 47px;
    }
}

@media (max-width: 934px) {
    .wrap-main .content__file-list li:not(:last-child) {
        margin-bottom: 20px;
    }
}

.wrap-main .content__file-link {
    text-decoration: underline;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-weight: 300;
    font-size: 16px;
    line-height: 22px;
    color: #26b9d1;
}

@media (max-width: 934px) {
    .wrap-main .content__file-link {
        font-size: 14px;
        line-height: 20px;
        letter-spacing: -0.2px;
    }
}

.wrap-main .content__file-link:hover {
    text-decoration: underline;
}

.wrap-main .content__file-link .fileIcon {
    width: 40px;
    height: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

@media (max-width: 934px) {
    .wrap-main .content__file-link .fileIcon {
        width: 17px;
        height: 17px;
        margin-right: 10px;
    }
    .wrap-main .content__file-link .fileIcon img {
        width: 100%;
        height: 100%;
    }
}

.wrap-main .content__html {
    font-style: normal;
    font-weight: 300;
    font-size: 16px;
    line-height: 24px;
    color: #424952;
}

@media (max-width: 934px) {
    .wrap-main .content__html {
        font-size: 14px;
        letter-spacing: -0.2px;
    }
}

.wrap-main .content__html strong {
    font-weight: bold;
}

.wrap-main .content__actions {
    margin-top: 14px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.wrap-main .content__actions button {
    cursor: pointer;
    height: 36px;
    padding: 0 12px;
    background: #ffffff;
    border: 1px solid #bec9d4;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 3px;
    font-weight: bold;
    font-size: 12px;
    line-height: 17px;
    letter-spacing: 0.2px;
    color: #56606b;
}

@media (max-width: 934px) {
    .wrap-main .content__actions button {
        width: 156px;
        height: 48px;
        font-weight: 500;
        font-size: 14px;
        line-height: 20px;
        letter-spacing: 0.15px;
    }
}

.wrap-main .content__actions button:hover {
    background: #ffffff;
}

.wrap-main .content__actions button:active {
    background: #f5f7fa;
}

/*# sourceMappingURL=noticePage.css.map */