
#root {
  width: 100%;
  height: 100%;
}
@media screen and (max-width: 374px) {
  html {
    font-size: 14px !important;
  }
}
@media screen and (max-width: 280px) {
  html {
    font-size: 12px !important;
  }
}
      .jss90 {
        width: 100%;
        background: #0c0e11;
        margin-top: auto;
      }
      .jss90 .inner {
        width: 1200px;
        margin: 0 auto;
        padding: 60px 0;
      }
      .jss90 .inner.isClearMenu {
        padding: 20px 0;
      }
      .jss90 .inner .f_copyright {
        color: #8c8c8c;
        font-size: 14px;
        text-align: center;
      }
      .jss90 .inner .trustpilot-widget {
        margin-top: 15px;
        text-align: center;
      }
      .jss91 {
        width: 1200px;
        display: flex;
        padding-bottom: 40px;
        justify-content: space-between;
      }
      .jss91 span {
        color: #8c8c8c;
        font-size: 14px;
        line-height: 24px;
      }
      .jss91 h3 {
        color: #ffffff;
        font-size: 18px;
        word-break: break-word;
        font-weight: 500;
        line-height: 24px;
        margin-bottom: 14px;
      }
      .jss92 {
        max-width: 260px;
      }
      .jss92 > a {
        display: flex;
        position: relative;
        align-items: center;
        margin-bottom: 30px;
      }
      .jss92 ul {
        gap: 25px;
        display: flex;
        flex-direction: column;
      }
      .jss92 ul li a:hover > span {
        color: #ecb206;
        transition: all 0.2s ease-in-out;
      }
      .jss92 > a img {
        height: 33px;
        max-width: 260px;
      }
      .jss92 > a:hover i {
        color: #fedb00;
      }
      .jss92 > a:hover em {
        color: #fedb00;
      }
      .jss93 {
        display: flex;
        align-items: center;
      }
      .jss93 img {
        height: 44px;
        margin-right: 13px;
      }
      .jss93 span {
        line-height: 17px;
        white-space: pre-wrap;
      }
      .jss94 {
        gap: 40px;
        display: flex;
      }
      .jss95 {
        gap: 2px;
        display: flex;
        flex-direction: column;
      }
      .jss95 a {
        color: #8c8c8c;
        font-size: 14px;
        font-weight: 400;
        letter-spacing: 0.004em;
      }
      .jss95 a li {
        transition: all 0.2s ease-in-out;
        line-height: 24px;
      }
      .jss95 a li:hover {
        color: #ecb206;
      }
      .jss96 {
        gap: 22px;
        width: 100px;
        display: flex;
        align-items: flex-start;
        flex-direction: column;
      }
      .jss96 h3 {
        margin: 0;
      }
      .jss97 {
        gap: 12px;
        display: flex;
        flex-wrap: wrap;
      }
      .jss97 img {
        object-fit: cover;
      }
      .jss97 li {
        width: 25px;
        height: 25px;
        overflow: hidden;
        border-radius: 13px;
      }
      .jss98 {
        padding: 30px 0 0;
        border-top: 1px solid #37393e;
      }
      .jss99 {
        display: flex;
        position: relative;
        align-items: center;
        margin-bottom: 20px;
        justify-content: center;
      }
      .jss99 a {
        display: inline-block;
      }
      .jss99 + div {
        margin: 0 0 15px;
      }
      .jss99 a img {
        max-width: 150px;
        max-height: 50px;
      }
      .jss100 {
        display: flex;
        align-items: center;
        padding-bottom: 30px;
      }
      .jss100 .img-wrap {
        display: flex;
        align-items: center;
        padding-right: 30px;
      }
      .jss100 p {
        color: #8c8c8c;
        opacity: 0.7;
        font-size: 14px;
        line-height: 17px;
      }
      .jss100 .img-wrap img {
        height: 47px;
        mix-blend-mode: luminosity;
      }
      .jss100 .img-wrap img:first-child {
        padding: 14px 10px 0 0;
      }
      .jss101 {
        gap: 5px;
        display: flex;
        flex-direction: column;
      }
      .jss102 {
        background: #cecece;
      }
      .jss102 .text {
        color: #5a5a5a;
        width: 1200px;
        margin: auto;
        padding: 20px 0;
      }
      .jss102 a {
        color: #000;
      }
      .jss28 {
        width: 100%;
        height: 70px;
        display: flex;
        padding: 0 30px;
        z-index: 50;
        align-items: center;
        justify-content: space-between;
        background-color: transparent;
      }
      .jss28 .dMenu {
        height: 100%;
        display: flex;
        position: relative;
        align-items: center;
        line-height: 70px;
        white-space: nowrap;
      }
      .jss28 .dMenuList {
        top: 69px;
        display: none;
        position: absolute;
        box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
        background-color: #2f3136;
      }
      .jss28 .dMenuItem {
        color: #eaecef;
        cursor: pointer;
      }
      .jss28 .dMenuItem .icon_bg > i {
        opacity: 0.5;
      }
      .jss28 .dMenuItem:hover,
      .jss28 .dMenuItem.active {
        color: #ffffff;
        background-color: rgba(134, 142, 155, 0.2);
      }
      .jss28 .dMenuItem:hover i,
      .jss28 .dMenuItem.active i {
        color: #ffffff;
        opacity: 1;
        visibility: visible;
      }
      .jss28 .dMenu > a {
        height: 100%;
      }
      .jss28 .dMenu:hover > a {
        color: #ecb206;
      }
      .jss28 .dMenu:hover > i {
        color: #fedb00;
      }
      .jss28 .dMenu:hover .p2p {
        color: #ecb206;
        cursor: pointer;
      }
      .jss28 .dMenu:hover .dMenuList {
        display: block;
      }
      .jss28 .dMenu:hover .arrow-icon {
        transform: rotate(180deg);
      }
      .jss28 .dMenu:hover .arrow-icon:before {
        color: #fedb00;
      }
      .jss29 {
        gap: 5px;
        display: flex;
        padding: 15px 0;
        z-index: 300;
        position: relative;
        flex-direction: column;
      }
      .jss29 .child_menu {
        gap: 20px;
        color: #eaecef;
        width: 100%;
        display: flex;
        padding: 14px 20px;
        font-size: 16px;
        align-items: center;
        font-weight: 400;
      }
      .jss29 .child_menu .icon_bg {
        width: 36px;
        height: 36px;
        display: flex;
        align-items: center;
        border-radius: 18px;
        justify-content: center;
        background-color: rgba(30, 32, 35, 0.5);
      }
      .jss29 .child_menu .title {
        flex: 1;
        font-weight: 400;
        white-space: normal;
      }
      .jss29 .child_menu .chevron {
        visibility: hidden;
      }
      .jss29 .child_menu .title .main {
        font-size: 16px;
        line-height: 22px;
      }
      .jss29 .child_menu .title .sub {
        color: #8c8c8c;
        font-size: 12px;
        margin-top: 4px;
        line-height: 16px;
      }
      .jss30 {
        gap: 30px;
        height: 100%;
        display: flex;
        font-size: 16px;
        align-items: center;
        font-weight: 500;
      }
      .jss31 {
        gap: 14px;
        height: 100%;
        display: flex;
        font-size: 14px;
        align-items: center;
        font-weight: 400;
      }
      .jss32 {
        color: #ffffff;
      }
      .jss32 > a {
        color: #ffffff;
      }
      .jss33 {
        color: #ffffff;
      }
      .jss33 > a {
        color: #ffffff;
      }
      .jss34 {
        gap: 80px;
        height: 100%;
        display: flex;
        align-items: center;
      }
      .jss35 {
        gap: 20px;
        height: 100%;
        display: flex;
        position: relative;
        align-items: center;
      }
      .jss35 .dMenuList {
        right: 0;
      }
      .jss36 img {
        display: block;
        max-width: 130px;
        max-height: 24px;
      }
      .jss37 {
        color: inherit;
        width: 1px;
        margin: 2px 2px 0 0;
        opacity: 0.2;
        font-size: 12px;
      }
      .jss38 {
        top: 5px;
        color: #181818;
        right: -15px;
        height: 16px;
        display: block;
        padding: 0 7px;
        position: absolute;
        font-size: 12px;
        transform: scale(0.8);
        text-align: center;
        font-weight: bold;
        line-height: 16px;
        border-radius: 4px;
      }
      .jss38 i {
        left: 0;
        width: 0;
        border: 4px solid transparent;
        bottom: -3px;
        height: 0;
        position: absolute;
      }
      .jss39 {
        color: inherit;
        cursor: pointer;
        position: relative;
      }
      .jss39:hover > i:before {
        color: #fedb00;
      }
      .jss39 i:before {
        color: inherit;
      }
      .jss40 {
        color: #ecb206 !important;
        font-weight: 500;
      }
      .jss40 i:before {
        color: #fedb00;
      }
      .jss41 {
        gap: 5px;
        width: 260px;
        display: flex;
        flex-direction: column;
        padding-bottom: 15px;
      }
      .jss41 .info {
        color: #ffffff;
        padding: 16px 20px;
        overflow: hidden;
        font-size: 16px;
        font-weight: 400;
        line-height: 22px;
        white-space: nowrap;
        border-bottom: 1px solid #37393e;
        text-overflow: ellipsis;
      }
      .jss42 {
        gap: 5px;
        width: 400px;
        display: flex;
        padding: 15px 0 20px;
        flex-direction: column;
      }
      .jss42 li {
        width: 100%;
      }
      .jss42 .view_all {
        display: flex;
        padding: 0px 20px 0px 40px;
        font-size: 14px;
        font-weight: 600;
        line-height: 20px;
        justify-content: flex-end;
      }
      .jss42 .view_all a {
        color: #ecb206;
      }
      .jss42 li.notice_item {
        gap: 20px;
        display: flex;
        padding: 14px 20px 14px 30px;
        position: relative;
        align-items: center;
        font-weight: 400;
      }
      .jss42 li.no_record {
        color: #eaecef;
        margin-top: 15px;
        text-align: center;
        line-height: 40px;
      }
      .jss42 li.notice_item > .contents {
        flex: 1;
      }
      .jss42 li.notice_item i {
        visibility: hidden;
      }
      .jss42 li.notice_item > .contents .title {
        font-size: 16px;
        line-height: 22px;
        white-space: normal;
        margin-bottom: 4px;
      }
      .jss42 li.notice_item > .contents .datetime {
        color: #8c8c8c;
        font-size: 12px;
        line-height: 12px;
      }
      .jss43 {
        top: 22px;
        color: #ffffff;
        right: 0;
        width: 14px;
        cursor: pointer;
        height: 14px;
        z-index: 10;
        position: absolute;
        background: #ff5757;
        text-align: center;
        font-weight: 500;
        line-height: initial;
        border-radius: 100%;
      }
      .jss43 div {
        font-size: 10px;
        transform: scale(0.8, 0.8) translateY(0.5px);
      }
      .jss44 {
        width: 208px;
        height: 210px;
        padding: 10px;
        overflow: hidden;
      }
      .jss44 .contents_download {
        color: #ffffff;
        height: 100%;
        margin: auto;
        display: flex;
        text-align: center;
        flex-direction: column;
        justify-content: center;
      }
      .jss44 .contents_download .image_wrapper {
        height: 100px;
        text-align: center;
        margin-bottom: 10px;
      }
      .jss44 .contents_download .guide {
        font-size: 14px;
        font-weight: 400;
        line-height: 24px;
        white-space: normal;
      }
      .jss44 .contents_download .platform {
        font-size: 20px;
        font-weight: 500;
        line-height: 26px;
      }
      .jss44 .contents_download .image_wrapper img {
        width: 100px;
        height: 100px;
      }
      .jss45 {
        width: 360px;
        font-size: 16px;
        font-weight: 400;
      }
      .jss45 .header_language {
        color: #eaecef;
        width: 100%;
        display: flex;
        padding: 16px 20px;
        align-items: center;
        border-bottom: 1px solid #37393e;
        justify-content: space-between;
      }
      .jss45 .contents_language {
        gap: 10px 20px;
        display: flex;
        padding: 16px 20px 20px;
        flex-wrap: wrap;
        justify-content: space-between;
      }
      .jss45 i {
        margin-left: auto;
      }
      .jss45 .contents_language .dMenuItem {
        width: 150px;
        height: 40px;
        padding: 0 10px;
        line-height: 40px;
        border-radius: 3px;
      }
      .jss45 .contents_language .dMenuItem.lang-active {
        color: #ecb206;
        font-weight: 600;
      }
      .jss45 .header_language .guide_text {
        line-height: 22px;
      }
      .jss45 .header_language i {
        color: #9da3b0;
        cursor: pointer;
      }
      .jss46 {
        gap: 12px;
        color: #ffffff;
        display: flex;
        align-items: center;
        flex-direction: column;
      }
      .jss46 .info_text {
        font-size: 16px;
        text-align: center;
        font-weight: 500;
        line-height: 24px;
      }
      .jss46 .url_container {
        width: 100%;
        border: 1px solid #565a63;
        height: 50px;
        display: flex;
        padding: 10px 12px;
        align-items: center;
        border-radius: 10px;
        background-color: rgba(255, 255, 255, 0.05);
      }
      .jss46 .url_container .url {
        width: 100%;
        overflow: hidden;
        font-size: 14px;
        text-align: center;
        font-weight: 500;
        line-height: 18px;
        text-overflow: ellipsis;
      }
      .jss9 {
        width: 100%;
        height: 70px;
        display: flex;
        padding: 0 30px;
        z-index: 50;
        align-items: center;
        justify-content: space-between;
        background-color: transparent;
      }
      .jss9 .dMenu {
        height: 100%;
        display: flex;
        position: relative;
        align-items: center;
        line-height: 70px;
        white-space: nowrap;
      }
      .jss9 .dMenuList {
        top: 69px;
        display: none;
        position: absolute;
        box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
        background-color: #2f3136;
      }
      .jss9 .dMenuItem {
        color: #eaecef;
        cursor: pointer;
      }
      .jss9 .dMenuItem .icon_bg > i {
        opacity: 0.5;
      }
      .jss9 .dMenuItem:hover,
      .jss9 .dMenuItem.active {
        color: #ffffff;
        background-color: rgba(134, 142, 155, 0.2);
      }
      .jss9 .dMenuItem:hover i,
      .jss9 .dMenuItem.active i {
        color: #ffffff;
        opacity: 1;
        visibility: visible;
      }
      .jss9 .dMenu > a {
        height: 100%;
      }
      .jss9 .dMenu:hover > a {
        color: #ecb206;
      }
      .jss9 .dMenu:hover > i {
        color: #fedb00;
      }
      .jss9 .dMenu:hover .p2p {
        color: #ecb206;
        cursor: pointer;
      }
      .jss9 .dMenu:hover .dMenuList {
        display: block;
      }
      .jss9 .dMenu:hover .arrow-icon {
        transform: rotate(180deg);
      }
      .jss9 .dMenu:hover .arrow-icon:before {
        color: #fedb00;
      }
      .jss10 {
        gap: 5px;
        display: flex;
        padding: 15px 0;
        z-index: 300;
        position: relative;
        flex-direction: column;
      }
      .jss10 .child_menu {
        gap: 20px;
        color: #eaecef;
        width: 100%;
        display: flex;
        padding: 14px 20px;
        font-size: 16px;
        align-items: center;
        font-weight: 400;
      }
      .jss10 .child_menu .icon_bg {
        width: 36px;
        height: 36px;
        display: flex;
        align-items: center;
        border-radius: 18px;
        justify-content: center;
        background-color: rgba(30, 32, 35, 0.5);
      }
      .jss10 .child_menu .title {
        flex: 1;
        font-weight: 400;
        white-space: normal;
      }
      .jss10 .child_menu .chevron {
        visibility: hidden;
      }
      .jss10 .child_menu .title .main {
        font-size: 16px;
        line-height: 22px;
      }
      .jss10 .child_menu .title .sub {
        color: #8c8c8c;
        font-size: 12px;
        margin-top: 4px;
        line-height: 16px;
      }
      .jss11 {
        gap: 30px;
        height: 100%;
        display: flex;
        font-size: 16px;
        align-items: center;
        font-weight: 500;
      }
      .jss12 {
        gap: 14px;
        height: 100%;
        display: flex;
        font-size: 14px;
        align-items: center;
        font-weight: 400;
      }
      .jss13 {
        color: #ffffff;
      }
      .jss13 > a {
        color: #ffffff;
      }
      .jss14 {
        color: #ffffff;
      }
      .jss14 > a {
        color: #ffffff;
      }
      .jss15 {
        gap: 80px;
        height: 100%;
        display: flex;
        align-items: center;
      }
      .jss16 {
        gap: 20px;
        height: 100%;
        display: flex;
        position: relative;
        align-items: center;
      }
      .jss16 .dMenuList {
        right: 0;
      }
      .jss17 img {
        display: block;
        max-width: 130px;
        max-height: 24px;
      }
      .jss18 {
        color: inherit;
        width: 1px;
        margin: 2px 2px 0 0;
        opacity: 0.2;
        font-size: 12px;
      }
      .jss19 {
        top: 5px;
        color: #181818;
        right: -15px;
        height: 16px;
        display: block;
        padding: 0 7px;
        position: absolute;
        font-size: 12px;
        transform: scale(0.8);
        text-align: center;
        font-weight: bold;
        line-height: 16px;
        border-radius: 4px;
      }
      .jss19 i {
        left: 0;
        width: 0;
        border: 4px solid transparent;
        bottom: -3px;
        height: 0;
        position: absolute;
      }
      .jss20 {
        color: inherit;
        cursor: pointer;
        position: relative;
      }
      .jss20:hover > i:before {
        color: #fedb00;
      }
      .jss20 i:before {
        color: inherit;
      }
      .jss21 {
        color: #ecb206 !important;
        font-weight: 500;
      }
      .jss21 i:before {
        color: #fedb00;
      }
      .jss22 {
        gap: 5px;
        width: 260px;
        display: flex;
        flex-direction: column;
        padding-bottom: 15px;
      }
      .jss22 .info {
        color: #ffffff;
        padding: 16px 20px;
        overflow: hidden;
        font-size: 16px;
        font-weight: 400;
        line-height: 22px;
        white-space: nowrap;
        border-bottom: 1px solid #37393e;
        text-overflow: ellipsis;
      }
      .jss23 {
        gap: 5px;
        width: 400px;
        display: flex;
        padding: 15px 0 20px;
        flex-direction: column;
      }
      .jss23 li {
        width: 100%;
      }
      .jss23 .view_all {
        display: flex;
        padding: 0px 20px 0px 40px;
        font-size: 14px;
        font-weight: 600;
        line-height: 20px;
        justify-content: flex-end;
      }
      .jss23 .view_all a {
        color: #ecb206;
      }
      .jss23 li.notice_item {
        gap: 20px;
        display: flex;
        padding: 14px 20px 14px 30px;
        position: relative;
        align-items: center;
        font-weight: 400;
      }
      .jss23 li.no_record {
        color: #eaecef;
        margin-top: 15px;
        text-align: center;
        line-height: 40px;
      }
      .jss23 li.notice_item > .contents {
        flex: 1;
      }
      .jss23 li.notice_item i {
        visibility: hidden;
      }
      .jss23 li.notice_item > .contents .title {
        font-size: 16px;
        line-height: 22px;
        white-space: normal;
        margin-bottom: 4px;
      }
      .jss23 li.notice_item > .contents .datetime {
        color: #8c8c8c;
        font-size: 12px;
        line-height: 12px;
      }
      .jss24 {
        top: 22px;
        color: #ffffff;
        right: 0;
        width: 14px;
        cursor: pointer;
        height: 14px;
        z-index: 10;
        position: absolute;
        background: #ff5757;
        text-align: center;
        font-weight: 500;
        line-height: initial;
        border-radius: 100%;
      }
      .jss24 div {
        font-size: 10px;
        transform: scale(0.8, 0.8) translateY(0.5px);
      }
      .jss25 {
        width: 208px;
        height: 210px;
        padding: 10px;
        overflow: hidden;
      }
      .jss25 .contents_download {
        color: #ffffff;
        height: 100%;
        margin: auto;
        display: flex;
        text-align: center;
        flex-direction: column;
        justify-content: center;
      }
      .jss25 .contents_download .image_wrapper {
        height: 100px;
        text-align: center;
        margin-bottom: 10px;
      }
      .jss25 .contents_download .guide {
        font-size: 14px;
        font-weight: 400;
        line-height: 24px;
        white-space: normal;
      }
      .jss25 .contents_download .platform {
        font-size: 20px;
        font-weight: 500;
        line-height: 26px;
      }
      .jss25 .contents_download .image_wrapper img {
        width: 100px;
        height: 100px;
      }
      .jss26 {
        width: 360px;
        font-size: 16px;
        font-weight: 400;
      }
      .jss26 .header_language {
        color: #eaecef;
        width: 100%;
        display: flex;
        padding: 16px 20px;
        align-items: center;
        border-bottom: 1px solid #37393e;
        justify-content: space-between;
      }
      .jss26 .contents_language {
        gap: 10px 20px;
        display: flex;
        padding: 16px 20px 20px;
        flex-wrap: wrap;
        justify-content: space-between;
      }
      .jss26 i {
        margin-left: auto;
      }
      .jss26 .contents_language .dMenuItem {
        width: 150px;
        height: 40px;
        padding: 0 10px;
        line-height: 40px;
        border-radius: 3px;
      }
      .jss26 .contents_language .dMenuItem.lang-active {
        color: #ecb206;
        font-weight: 600;
      }
      .jss26 .header_language .guide_text {
        line-height: 22px;
      }
      .jss26 .header_language i {
        color: #9da3b0;
        cursor: pointer;
      }
      .jss27 {
        gap: 12px;
        color: #ffffff;
        display: flex;
        align-items: center;
        flex-direction: column;
      }
      .jss27 .info_text {
        font-size: 16px;
        text-align: center;
        font-weight: 500;
        line-height: 24px;
      }
      .jss27 .url_container {
        width: 100%;
        border: 1px solid #565a63;
        height: 50px;
        display: flex;
        padding: 10px 12px;
        align-items: center;
        border-radius: 10px;
        background-color: rgba(255, 255, 255, 0.05);
      }
      .jss27 .url_container .url {
        width: 100%;
        overflow: hidden;
        font-size: 14px;
        text-align: center;
        font-weight: 500;
        line-height: 18px;
        text-overflow: ellipsis;
      }
      .jss1 {
        width: 100%;
        min-width: 1440px;
        background: #fedb00;
      }
      .jss1 div {
        color: #ffffff;
        width: 1200px;
        height: 30px;
        margin: 0 auto;
        display: flex;
        align-items: center;
        line-height: 1;
        justify-content: center;
      }
      .jss1 i {
        color: #ffffff;
        cursor: pointer;
      }
      .jss2 {
        width: 100%;
        display: flex;
        min-width: 1440px;
        background: #000000;
        min-height: 100%;
        flex-direction: column;
      }
      .jss2 .narrow-bg1 {
        background-color: #181a1f;
      }
      .jss2 .narrow-bg2 {
        background-color: #0c0e11;
      }
      .jss2 .narrow-bg3 {
        background-color: #2f3136;
      }
      .jss3 {
        flex: 1;
        width: 100%;
        height: 100%;
        display: flex;
        margin-top: -70px;
        flex-direction: column;
      }
      .jss3 .contents_wrap {
        flex: 1;
        background-color: #181a1f;
      }
      .jss3 .contents_inner {
        width: 1200px;
        margin: 0 auto;
        padding: 70px 0 50px;
      }
      .jss3 .contents_title {
        font-size: 24px;
        font-weight: 500;
        line-height: 30px;
      }
      .jss3 .contents_section + .contents_section,
      .jss3 .contents_title + .contents_section {
        margin-top: 20px;
      }
      .jss3 .contents_table {
        width: 100%;
        margin: 20px 0;
        border-top: 1px solid #37393e;
        table-layout: fixed;
      }
      .jss3 .cotents_board {
        margin-top: 50px;
      }
      .jss3 .detail_wrap {
        padding-top: 50px;
      }
      .jss3 .editor_content {
        color: #8c8c8c;
        font-size: 18px;
        font-weight: 400;
        line-height: 32px;
        margin-bottom: 50px;
      }
      .jss3 .btn_wrapper {
        margin-top: 50px;
      }
      .jss3 .buttons {
        display: flex;
        margin-top: 50px;
        justify-content: space-around;
      }
      .jss3 .dot_list {
        margin-top: 10px;
      }
      .jss3 .bullet_list {
        margin-top: 10px;
        margin-left: 28px;
        padding-left: 20px;
      }
      .jss3 .bullet_list_sub {
        margin-top: 8px;
        padding-left: 20px;
      }
      .jss3 .numbered_section {
        counter-reset: section;
      }
      .jss3 .numbered_title {
        counter-increment: section;
      }
      .jss3 .box_line {
        border: 1px solid #37393e;
        padding: 20px 40px;
        margin-top: 10px;
      }
      .jss3 .em_text,
      .jss3 .em_text * {
        color: #fedb00 !important;
      }
      .jss3 .wh_text,
      .jss3 .wh_text * {
        color: #ffffff !important;
      }
      .jss3 .color_text2 {
        color: #eaecef !important;
      }
      .jss3 .mt0 {
        margin-top: 0 !important;
      }
      .jss3 .pl0 {
        padding-left: 0 !important;
      }
      .jss3 .no-data {
        color: #8c8c8c;
        width: 100%;
        height: 400px;
        display: flex;
        align-items: center;
        flex-direction: column;
        justify-content: center;
      }
      .jss3 .index_item_wrapper {
        width: 1200px;
        margin: 0 auto;
        display: flex;
        padding: 100px 0;
        flex-direction: column;
      }
      .jss3 .anim-item.normal {
        opacity: 0;
      }
      .jss3 .anim-item.active1 {
        animation: jss8 0.8s ease-in-out 0s 1 both;
      }
      .jss3 .anim-item.active2 {
        animation: jss8 0.8s ease-in-out 0.3s 1 both;
      }
      .jss3 .anim-item.active3 {
        animation: jss8 0.8s ease-in-out 0.6s 1 both;
      }
      .jss3 .anim-item.active4 {
        animation: jss8 0.8s ease-in-out 0.9s 1 both;
      }
      .jss3 .no-data img {
        width: 64px;
        margin: 0 0 10px;
      }
      .jss3 .numbered_title::before {
        content: counter(section) ". ";
        margin-right: 8px;
      }
      .jss3 .bullet_list_sub li {
        font-size: 16px;
        line-height: 22px;
        margin-bottom: 6px;
      }
      .jss3 .bullet_list_sub li:last-child {
        margin-bottom: 0;
      }
      .jss3 .bullet_list li {
        font-size: 18px;
        line-height: 24px;
        margin-bottom: 10px;
      }
      .jss3 .bullet_list li:last-child {
        margin-bottom: 0;
      }
      .jss3 .dot_list li {
        color: #ffffff;
        display: flex;
        font-size: 18px;
        line-height: 24px;
      }
      .jss3 .dot_list.dot_gray li:before {
        background: #ffffff;
      }
      .jss3 .dot_list.dot_gray span {
        color: #ffffff;
      }
      .jss3 .dot_list li:before {
        width: 5px;
        height: 5px;
        margin: 10px 15px 10px 10px;
        content: "";
        background: #eaecef;
        flex-shrink: 0;
        border-radius: 50%;
      }
      .jss3 .dot_list li.descr + .descr {
        margin-top: 30px;
      }
      .jss3 .buttons.center {
        text-align: center;
      }
      .jss3 .btn_wrapper.center {
        text-align: center;
      }
      .jss3 .editor_content h1 {
        font-size: 24px;
        font-weight: 500;
        line-height: 30px;
      }
      .jss3 .editor_content h2 {
        font-size: 20px;
        font-weight: 500;
      }
      .jss3 .editor_content h3 {
        font-size: 18px;
        font-weight: 400;
      }
      .jss3 .editor_content h1,
      .jss3 .editor_content h2,
      .jss3 .editor_content h3 {
        color: #ffffff;
      }
      .jss3 .editor_content a {
        color: #8c8c8c;
        text-decoration: underline;
      }
      .jss3 .editor_content img {
        width: auto !important;
        height: auto !important;
        margin: 0 auto;
        display: block;
        max-width: 100% !important;
      }
      .jss3 .editor_content table {
        width: 100%;
        margin: 20px 0;
        border-top: 1px solid #37393e;
        table-layout: fixed;
        background-color: transparent !important;
      }
      .jss3 .editor_content p,
      .jss3 .editor_content p span {
        font-size: 16px;
        font-weight: 400;
      }
      .jss3 .editor_content div {
        margin-top: 0 !important;
        padding-top: 0 !important;
        margin-bottom: 0 !important;
        padding-bottom: 0 !important;
      }
      .jss3 .editor_content .custom.action_button {
        width: fit-content;
        margin: 20px 0;
        line-height: 20px;
      }
      .jss3 .editor_content .custom.action_button a {
        color: #eaecef;
        border: 1px solid #eaecef;
        padding: 12px 20px;
        font-size: 14px;
        border-radius: 30px;
        text-decoration: none;
      }
      .jss3 .editor_content .custom.action_button:hover a {
        color: #fedb00;
        border-color: #fedb00;
      }
      .jss3 .editor_content table tr {
        border-bottom: 1px solid #37393e;
        background-color: transparent !important;
      }
      .jss3 .editor_content table th,
      .jss3 .editor_content table td {
        color: #ffffff;
        border: 0 none !important;
        height: 50px !important;
        padding: 10px;
        font-size: 18px;
        text-align: center;
        font-weight: 400;
        line-height: 24px;
      }
      .jss3 .editor_content table th {
        color: #8c8c8c;
        font-size: 16px;
        font-weight: 400;
        background-color: rgba(61, 63, 72, 0.3);
      }
      .jss3 .editor_content ol > li,
      .jss3 .editor_content ul > li {
        color: #ffffff;
        font-size: 16px;
      }
      .jss3 .editor_content ol > li span,
      .jss3 .editor_content ul > li span {
        color: #ffffff !important;
      }
      .jss3 .editor_content a:hover {
        color: #fedb00;
      }
      .jss3 .detail_wrap button[class^="btn_"] {
        color: #ffffff;
        border: 0;
        cursor: pointer;
        display: flex;
        padding: 0;
        font-size: 24px;
        background: transparent;
        align-items: center;
        font-weight: 500;
      }
      .jss3 .detail_wrap .detail_head,
      .jss3 .detail_wrap .detail_foot {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: space-between;
      }
      .jss3 .detail_wrap .detail_body {
        color: #8c8c8c;
        margin-top: 30px;
        min-height: 500px;
      }
      .jss3 .detail_wrap .detail_foot .btn_wrap {
        display: flex;
        align-items: center;
      }
      .jss3 .detail_wrap .detail_foot .btn_go {
        color: #ffffff;
        height: 50px;
        display: flex;
        padding: 0 20px;
        font-size: 16px;
        min-width: 200px;
        background: rgba(136, 142, 155, 0.7);
        text-align: center;
        font-weight: 600;
        justify-content: center;
      }
      .jss3 .detail_wrap .detail_foot .btn_wrap:last-child {
        margin-left: auto;
      }
      .jss3 .detail_wrap .detail_body .inner {
        margin: 0 0 50px;
      }
      .jss3 .detail_wrap .detail_body .inner .head_img {
        text-align: center;
        margin-bottom: 30px;
      }
      .jss3 .detail_wrap .detail_body .inner iframe {
        margin-bottom: 30px;
      }
      .jss3 .detail_wrap .detail_body .inner .head_img img {
        width: auto !important;
        height: auto !important;
        margin: 0 auto;
        display: block;
        max-width: 100% !important;
      }
      .jss3 .detail_wrap .detail_head .path {
        color: #ffffff;
        width: 100%;
        display: flex;
        font-size: 24px;
        align-items: center;
        font-weight: 500;
        line-height: 38px;
      }
      .jss3 .detail_wrap .detail_head .title_wrap {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        margin-top: 50px;
        align-items: flex-end;
        justify-content: space-between;
      }
      .jss3 .detail_wrap .detail_head .btn_view_all {
        color: #8c8c8c;
        font-size: 14px;
        flex-shrink: 0;
        font-weight: 400;
        line-height: 24px;
        margin-left: 10px;
      }
      .jss3 .detail_wrap .detail_head .btn_prev {
        gap: 16px;
        color: #fedb00;
        font-size: 16px;
        font-weight: 600;
        line-height: 19px;
      }
      .jss3 .detail_wrap .detail_head .title_wrap.column {
        align-items: flex-start;
        flex-direction: column;
        justify-content: flex-start;
      }
      .jss3 .detail_wrap .detail_head .title_wrap .category {
        color: #8c8c8c;
        font-size: 16px;
        font-weight: 400;
        line-height: 22px;
        margin-bottom: 10px;
      }
      .jss3 .detail_wrap .detail_head .title_wrap .title {
        font-size: 24px;
        font-weight: 500;
        line-height: 30px;
      }
      .jss3 .detail_wrap .detail_head .title_wrap .info {
        margin-top: 10px;
      }
      .jss3 .detail_wrap .detail_head .title_wrap .author {
        color: #eaecef;
        font-size: 16px;
        font-weight: 400;
        line-height: 22px;
        margin-right: 20px;
      }
      .jss3 .detail_wrap .detail_head .title_wrap .date {
        color: #8c8c8c;
        font-size: 16px;
        font-weight: 400;
        line-height: 22px;
      }
      .jss3 .detail_wrap .detail_head .path .b-icon-common-chevron-right {
        margin: 0 20px;
      }
      .jss3 .detail_wrap .detail_head .path .title {
        flex: 1;
        color: #fedb00;
        width: 900px;
        overflow: hidden;
        font-size: 24px;
        font-weight: 500;
        line-height: 30px;
        margin-left: 10px;
        white-space: nowrap;
        margin-bottom: 1px;
        text-overflow: ellipsis;
      }
      .jss3 .detail_wrap button[class^="btn_"] > i {
        margin-right: 4px;
      }
      .jss3 .detail_wrap button[class^="btn_"] + button {
        min-width: 200px;
        margin-left: 10px;
      }
      .jss3 .cotents_board tr:not(.no-pointer) {
        cursor: pointer;
      }
      .jss3 .cotents_board .board_head {
        display: flex;
        align-items: center;
        justify-content: space-between;
      }
      .jss3 .cotents_board .pin_group {
        display: flex;
        word-break: break-word;
        align-items: center;
        justify-content: flex-end;
      }
      .jss3 .cotents_board .pin_group .pin {
        width: 24px;
        height: 24px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
      }
      .jss3 .cotents_board .pin_group .pin + span {
        width: 206px;
        overflow: hidden;
        margin-left: 30px;
        white-space: nowrap;
        text-overflow: ellipsis;
      }
      .jss3 .cotents_board .board_head .title {
        color: #ffffff;
        display: flex;
        font-size: 18px;
        align-items: center;
        font-weight: 400;
      }
      .jss3 .cotents_board .board_head .title strong {
        color: #fedb00;
        font-weight: 600;
        margin-left: 10px;
      }
      .jss3 .contents_table + .contents_table {
        margin-top: 45px;
      }
      .jss3 .contents_table.th_no_bg {
        border-top: 0;
        margin-top: 0;
      }
      .jss3 .contents_table.ta_center,
      .jss3 .contents_table .ta_center {
        text-align: center;
      }
      .jss3 .contents_table.ta_left,
      .jss3 .contents_table .ta_left {
        text-align: left;
      }
      .jss3 .contents_table .border_r {
        border-right: 1px solid #37393e;
      }
      .jss3 .contents_table tr {
        border-bottom: 1px solid #37393e;
      }
      .jss3 .contents_table tbody tr {
        height: 40px;
      }
      .jss3 .contents_table th,
      .jss3 .contents_table td {
        color: #ffffff;
        font-size: 18px;
        font-weight: 400;
        line-height: 24px;
      }
      .jss3 .contents_table th {
        color: #eaecef;
        padding: 10px 20px;
        background: rgba(61, 63, 72, 0.3);
      }
      .jss3 .contents_table td {
        padding: 20px;
      }
      .jss3 .contents_table .date {
        color: #8c8c8c;
        font-size: 16px;
      }
      .jss3 .contents_table thead tr {
        cursor: default !important;
        height: 50px;
      }
      .jss3 .contents_table thead th {
        color: #8c8c8c;
        padding: 10px;
        font-size: 16px;
      }
      .jss3 .contents_table tr.no-pointer {
        border-bottom: 0;
      }
      .jss3 .contents_table.td-h-sm tr {
        height: 40px;
      }
      .jss3 .contents_table.td-h-sm td {
        padding: 10px;
      }
      .jss3 .contents_table.th_no_bg th {
        color: #8c8c8c;
        font-size: 14px;
        font-weight: 400;
        border-bottom: 1px solid #37393e;
        background-color: transparent;
      }
      .jss3 .contents_section .title {
        margin-top: 30px;
      }
      .jss3 .contents_section .main_title {
        font-size: 20px;
        font-weight: 500;
        line-height: 24px;
      }
      .jss3 .contents_section .sub_title {
        font-size: 18px;
        font-weight: 400;
        line-height: 21px;
      }
      .jss3 .contents_section .descr {
        color: #8c8c8c;
        font-size: 18px;
        margin-top: 10px;
        line-height: 24px;
      }
      .jss3 .contents_section .descr .title {
        margin: 5px 0;
      }
      .jss3 .container_full .contents_inner:last-child {
        padding-bottom: 50px;
      }
      .jss3 .container_full .contents_inner {
        margin: 0 auto;
      }
      .jss3 .container_full .contents_section,
      .jss3 .container_full .contents_section .title:first-child {
        margin: 0;
      }
      .jss3 .container_full .contents_table {
        margin-bottom: 0;
      }
      .jss3 .contents_inner:last-child {
        padding-bottom: 60px;
      }
      .jss3 .contents_wrap .title {
        color: #ffffff;
      }
      .jss3 .contents_wrap .title + .title {
        margin-top: 20px;
      }
      .jss4 {
        border-top: 1px solid #2f3136;
        margin-top: 0 !important;
      }
      .jss5 {
        margin: 24px;
        display: flex;
      }
      .jss5 button {
        flex: 1;
        color: #ffffff;
        height: 32px;
        margin: 0 16px;
        font-size: 0.875rem;
        font-family: "Pretendard JP", "Noto Sans SC", "Noto Sans Thai",
          BlinkMacSystemFont, Arial, sans-serif;
        font-weight: 500;
        line-height: 1.75;
        text-transform: uppercase;
      }
      .jss6 {
        color: #4c4e54;
        line22: [object Object];
        medium: [object Object];
        padding: 0 24px !important;
        regular: [object Object];
        semibold: [object Object];
        font-size: 14px;
        font-family: "Pretendard JP", "Noto Sans SC", "Noto Sans Thai",
          BlinkMacSystemFont, Arial, sans-serif;
        font-weight: 400;
        line-height: 20px;
      }
      .jss6 a {
        color: #fedb00;
      }
      .jss7 > div {
        max-width: 400px;
        padding-top: 24px;
      }
      @-webkit-keyframes jss8 {
        from {
          opacity: 0;
          transform: translate3d(0, 100px, 0);
        }
        to {
          opacity: 1;
          transform: translate3d(0, 0, 0);
        }
      }
      .jss81 {
        width: 470px;
        padding: 40px;
        background-color: #181a1f;
      }
      .jss81 .input_title {
        color: #ffffff;
        margin-bottom: 5px;
      }
      .jss81 .MuiDialogTitle-root {
        color: #ffffff;
        display: flex;
        padding: 0;
        font-size: 18px;
        font-weight: 400;
        margin-bottom: 10px;
      }
      .jss81 .MuiDialogContent-root {
        color: #8c8c8c;
        padding: 0 0 30px;
        font-size: 16px;
        text-align: left;
      }
      .jss81 .MuiDialogActions-root {
        gap: 14px;
        display: flex;
        padding: 0;
        align-items: center;
      }
      .jss81 .btn_group {
        margin-top: 30px;
      }
      .jss81.type_tab {
        width: 530px;
      }
      .jss81.type_tab .MuiDialogTitle-root {
        text-align: center;
        margin-bottom: 0;
      }
      .jss81.type_tab .MuiDialogContent-root {
        gap: 20px;
        display: flex;
        padding: 30px 0 40px;
        flex-direction: column;
      }
      .jss81.type_tab fieldset {
        border-radius: 6px;
      }
      .jss81.type_tab .MuiInputBase-adornedEnd {
        padding-right: 10px;
      }
      .jss81.type_tab .MuiDialogTitle-root > span {
        color: #8c8c8c;
        width: 50%;
        cursor: default;
        border-bottom: 1px solid #37393e;
        padding-bottom: 12px;
      }
      .jss81.type_tab .MuiDialogTitle-root > span.selected {
        color: #ecb206;
        font-weight: 600;
        border-color: #ecb206;
        border-width: 2px;
      }
      .jss81 .btn_group button {
        width: auto;
        height: 50px;
        font-size: 16px;
        min-width: 100%;
        font-weight: 600;
        line-height: 50px;
      }
      .jss81 .btn_group button + button {
        margin-top: 10px;
      }
      .jss81 .btn_group button > span {
        position: relative;
      }
      .jss81 .btn_group button > span i {
        top: -15px;
        left: calc(100% + 5px);
        color: #ffffff;
        height: 26px;
        display: inline-block;
        padding: 4px 10px;
        position: absolute;
        font-size: 14px;
        background: #ff5757;
        box-shadow: 2px 4px 6px 0 rgba(0, 0, 0, 0.2);
        line-height: 16px;
        white-space: nowrap;
        border-radius: 6px;
      }
      .jss81 .btn_group button > span i:before {
        top: 100%;
        left: 6px;
        width: 0;
        height: 0;
        content: "";
        position: absolute;
        border-top: 3px solid #ff5757;
        border-left: 4px solid #ff5757;
        border-right: 4px solid transparent;
        border-bottom: 3px solid transparent;
      }
      .jss81 .MuiDialogActions-root > button {
        flex: 1;
        color: #ffffff;
        margin: 0;
        font-size: 18px;
        min-height: 50px;
        font-weight: 500;
        border-radius: 10px;
        background-color: rgba(136, 142, 155, 0.7);
      }
      .jss81 .MuiDialogActions-root > button:last-child:not(.is-gray) {
        color: #000000;
        font-weight: 600;
        background-color: #fedb00;
      }
      .jss81 .MuiDialogContent-root .MuiTextField-root + .MuiTextField-root {
        padding-top: 20px;
      }
      .jss81 .MuiDialogContent-root .MuiInputBase-input {
        padding-left: 16px;
      }
      .jss82 {
        display: flex;
        padding: 0 20px;
        min-width: 400px;
        flex-direction: column;
      }
      .jss82 > span {
        color: #ffffff;
        font-size: 16px;
        margin-bottom: 5px;
      }
      .jss83 {
        padding: 20px;
      }
      .jss83 button {
        width: 100px;
        height: 40px;
        font-size: 16px;
      }
      .jss83 button:nth-child(1) {
        color: #ffffff;
        background-color: rgba(136, 142, 155, 0.7);
      }
      .jss84 {
        display: none;
      }
      .jss85 {
        margin: 0 0 30px;
        display: flex;
        justify-content: space-between;
      }
      .jss85 p {
        padding: 4px 0 0;
      }
      .jss85 p i {
        font-size: 12px;
      }
      .jss86 {
        height: 60px;
        padding: 10px 20px;
      }
      .jss86 span {
        color: #8c8c8c;
        display: inline-block;
        font-size: 16px;
      }
      .jss87 {
        display: flex;
        flex-direction: column;
      }
      .jss88 {
        gap: 4px;
        display: flex;
        flex-direction: column;
      }
      .jss88 .input_title {
        color: #ffffff;
        font-size: 14px;
        font-weight: 400;
        line-height: 24px;
      }
      .jss88 .MuiButtonBase-root {
        margin-right: 0px !important;
      }
      .jss88 .MuiOutlinedInput-root {
        padding: 0 10px 0 16px !important;
      }
      .jss88 input {
        padding: 0px !important;
      }
      .jss88 fieldset {
        border-radius: 3px !important;
      }
      .jss89 {
        color: #ffffff;
        font-size: 14px;
        font-weight: 400;
        line-height: 24px;
        margin-bottom: 4px;
      }
      .jss47 {
        display: flex;
      }
      .jss48 {
        width: 390px;
        margin: 0px auto;
        position: relative;
        background-color: transparent;
      }
      .jss48 h4 {
        color: #ffffff;
        font-size: 32px;
        font-weight: 600;
        line-height: 44px;
      }
      .jss49 {
        width: 390px;
        cursor: pointer;
        height: 470px;
        margin: 0 0 92px 100px;
        background: center no-repeat #181a1f;
        background-size: 100%;
      }
      .jss49 p {
        color: #ffffff;
        font-size: 24px;
        font-weight: 500;
        line-height: 28px;
      }
      .jss49 span {
        color: #fedb00;
      }
      .jss50 {
        width: 390px;
        height: 785px;
        margin: 0 0 92px 100px;
        display: flex;
        flex-direction: column;
        justify-content: center;
      }
      .jss50 p {
        color: #ffffff;
        font-size: 24px;
        font-weight: 500;
        line-height: 28px;
      }
      .jss51 {
        height: 300px;
        display: flex;
        align-items: center;
        margin-bottom: 15px;
        flex-direction: column;
        justify-content: center;
        background-color: #0c0e11;
      }
      .jss51 img {
        margin-bottom: 12px;
      }
      .jss51 p {
        color: #ffffff;
        font-size: 16px;
        font-weight: 400;
        line-height: 19px;
      }
      .jss52 {
        cursor: pointer;
        height: 470px;
        background: center no-repeat #181a1f;
        background-size: 100%;
      }
      .jss52 p {
        color: #ffffff;
        font-size: 24px;
        font-weight: 500;
        line-height: 28px;
      }
      .jss52 span {
        color: #fedb00;
      }
      .jss53 {
        width: 100%;
        margin-top: 20px;
        min-height: 80px;
      }
      .jss53 .error {
        color: #ff5757;
      }
      .jss53 .focus {
        color: #fedb00;
      }
      .jss53 p {
        color: #ffffff;
        margin-bottom: 5px;
      }
      .jss54 {
        display: flex;
        padding: 120px 0 140px;
        min-height: calc(100vh - 61px);
        align-items: center;
        justify-content: center;
        background-color: #181a1f;
      }
      .jss55 {
        display: flex;
      }
      .jss56 {
        width: 100%;
        height: 48px;
        margin: 20px 0 32px;
      }
      .jss57 {
        width: 150px;
        margin-right: 10px;
      }
      .jss58 p {
        color: #ff5757;
        font-size: 14px;
      }
      .jss58 div {
        display: flex;
        justify-content: flex-end;
      }
      .jss58 a {
        color: #8c8c8c;
        right: 0;
        font-size: 14px;
      }
      .jss59 {
        color: #8c8c8c;
        margin: 30px 0;
        display: flex;
      }
      .jss59 div {
        width: 168px;
        border: 1px solid #37393e;
        cursor: pointer;
        height: 40px;
        display: flex;
        align-items: center;
        justify-content: center;
      }
      .jss59 .tab_left {
        border-radius: 3px 0 0 3px;
      }
      .jss59 .tab_right {
        border-radius: 0 3px 3px 0;
      }
      .jss59 div:nth-child(2).tab_off {
        border-left: none;
      }
      .jss59 div:nth-child(1).tab_off {
        border-right: none;
      }
      .jss60 {
        color: #fedb00;
        border: 1px solid #fedb00 !important;
        background-color: transparent;
      }
      .jss61 {
        min-width: 90px;
      }
      .jss61::before {
        border: 0;
      }
      .jss62 {
        color: #ffffff;
        font-size: 16px;
        margin-top: 10px;
      }
      .jss62 a {
        color: #fedb00;
      }
      .jss62 a:hover {
        color: #fedb00;
      }
      .jss63 {
        color: #ffffff;
      }
      .jss63:hover {
        color: #fedb00;
      }
      .jss64 {
        color: #8c8c8c;
        display: flex;
        padding: 0;
        font-size: 16px;
        margin-top: 20px;
      }
      .jss65 {
        height: 100%;
        background: url(data:image/png;base64, )
          no-repeat center bottom #fff;
        min-height: 650px;
      }
      .jss66 {
        padding: 96px 0 0;
        text-align: center;
      }
      .jss66 strong {
        color: #8c8c8c;
        display: block;
        font-size: 1rem;
        font-family: "Pretendard JP", "Noto Sans SC", "Noto Sans Thai",
          BlinkMacSystemFont, Arial, sans-serif;
        font-weight: 400;
        line-height: 1.75;
      }
      .jss66 span {
        color: #8c8c8c;
        line22: [object Object];
        medium: [object Object];
        regular: [object Object];
        semibold: [object Object];
        font-size: 0.875rem;
        font-family: "Pretendard JP", "Noto Sans SC", "Noto Sans Thai",
          BlinkMacSystemFont, Arial, sans-serif;
        font-weight: 400;
        line-height: 1.43;
      }
      .jss67 {
        color: #8c8c8c;
        margin: 32px 0 120px;
        text-align: center;
      }
      .jss68 {
        text-align: center;
      }
      .jss68 a {
        width: 150px;
      }
      .jss69 {
        height: 100vh;
        display: flex;
        flex-direction: column;
        justify-content: space-around;
      }
      .jss70 {
        text-align: center;
      }
      .jss70 h1 {
        color: #8c8c8c;
        margin: 50px auto 0;
        text-align: center;
      }
      .jss70 img {
        max-height: 53px;
      }
      .jss71 {
        text-align: center;
      }
      .jss71 p {
        color: #8c8c8c;
        line22: [object Object];
        margin: 0 0 28px;
        medium: [object Object];
        regular: [object Object];
        semibold: [object Object];
        font-size: 0.875rem;
        font-family: "Pretendard JP", "Noto Sans SC", "Noto Sans Thai",
          BlinkMacSystemFont, Arial, sans-serif;
        font-weight: 400;
        line-height: 1.43;
      }
      .jss72 {
        width: 480px;
        height: calc(100vh - 61px);
        margin: 0 auto;
        display: flex;
        align-items: center;
        flex-direction: column;
        justify-content: center;
      }
      .jss72 h4 {
        color: #ffffff;
        font-size: 32px;
        font-weight: 600;
        line-height: 44px;
        margin-bottom: 60px;
      }
      .jss72 div {
        text-align: center;
        margin-bottom: 50px;
      }
      .jss72 p {
        color: #eaecef;
        font-size: 18px;
        text-align: center;
        margin-bottom: 40px;
      }
      .jss72 a {
        color: #fedb00;
        font-size: 18px;
        font-weight: 400;
        line-height: 24px;
        margin-bottom: 50px;
        text-decoration: none;
      }
      .jss73 {
        gap: 10px;
        width: 410px;
        display: flex;
        justify-content: center;
      }
      .jss73 button {
        width: 200px;
        height: 50px;
      }
      .jss74 {
        margin-top: 16px;
      }
      .jss75 {
        display: flex;
      }
      .jss76 {
        top: 0;
        right: 0;
        width: 560px;
        cursor: pointer;
        height: 100%;
        z-index: 10;
        position: absolute;
      }
      .jss77 {
        color: #ff5757;
        font-size: 14px;
        margin-top: 3px;
        text-align: left;
        font-weight: 400;
        line-height: 1.66;
        margin-left: 30px;
        margin-right: 14px;
        margin-bottom: 0;
      }
      .jss78 {
        display: flex;
        padding: 20px 20px 0;
        min-width: 400px;
        flex-direction: column;
      }
      .jss78 > span {
        color: #ffffff;
        font-size: 16px;
        margin-bottom: 5px;
      }
      .jss79 {
        padding: 20px;
      }
      .jss79 button {
        width: 100px;
        height: 40px;
        font-size: 16px;
      }
      .jss80 {
        color: #ffffff;
        cursor: pointer;
      }
      .css-ey1r72 {
    display: inline-flex
;
    flex-direction: column;
    position: relative;
    min-width: 0px;
    padding: 0px;
    margin: 0px;
    border: 0px;
    vertical-align: top;
    width: 100%;
}
.css-cev4jp {
    font-family: "Pretendard JP", "Noto Sans SC", "Noto Sans Thai", BlinkMacSystemFont, Arial, sans-serif;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.4375em;
    color: rgba(0, 0, 0, 0.87);
    box-sizing: border-box;
    cursor: text;
    display: inline-flex
;
    -webkit-box-align: center;
    align-items: center;
    width: 100%;
    position: relative;
    height: 50px;
    border-radius: 3px;
}
.css-cev4jp input {
    height: 100%;
    box-sizing: border-box;
    color: rgb(255, 255, 255);
    background-color: transparent;
    padding-left: 20px;
}

.css-ey1r72 input {
    color: rgb(140, 140, 140);
    background-color: transparent;
}
.css-1pog434 {
    font: inherit;
    letter-spacing: inherit;
    color: currentcolor;
    border: 0px;
    box-sizing: content-box;
    background: none;
    height: 1.4375em;
    margin: 0px;
    -webkit-tap-highlight-color: transparent;
    display: block;
    min-width: 0px;
    width: 100%;
    animation-name: mui-auto-fill-cancel;
    animation-duration: 10ms;
    padding: 16.5px 14px;
}
.css-cev4jp fieldset {
    border-radius: 3px;
    border: 1px solid rgb(55, 57, 62);
    box-sizing: border-box;
}

.css-ey1r72 fieldset {
    border-radius: 0px;
    border: 1px solid rgb(55, 57, 62);
    box-sizing: border-box;
}
.css-igs3ac {
    text-align: left;
    position: absolute;
    inset: -5px 0px 0px;
    margin: 0px;
    padding: 0px 8px;
    pointer-events: none;
    border-radius: inherit;
    border-width: 1px;
    overflow: hidden;
    min-width: 0%;
    border-color: rgba(0, 0, 0, 0.23);
}
.css-ihdtdm {
    float: unset;
    width: auto;
    line-height: 11px;
    overflow: hidden;
    padding: 0px;
    transition: width 150ms cubic-bezier(0, 0, 0.2, 1);
}
.jss53 p {
    color: #FFFFFF;
    margin-bottom: 5px;
}
.jss53 {
    width: 100%;
    margin-top: 20px;
    min-height: 80px;
}

.css-ey1r72 {
    display: inline-flex
;
    flex-direction: column;
    position: relative;
    min-width: 0px;
    padding: 0px;
    margin: 0px;
    border: 0px;
    vertical-align: top;
    width: 100%;
}
.css-1v78n9r {
    font-family: "Pretendard JP", "Noto Sans SC", "Noto Sans Thai", BlinkMacSystemFont, Arial, sans-serif;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.4375em;
    color: rgba(0, 0, 0, 0.87);
    box-sizing: border-box;
    cursor: text;
    display: inline-flex
;
    -webkit-box-align: center;
    align-items: center;
    width: 100%;
    position: relative;
    padding-right: 14px;
    height: 50px;
    border-radius: 3px;
}
.css-1v78n9r input {
    height: 100%;
    box-sizing: border-box;
    color: rgb(255, 255, 255);
    background-color: transparent;
    padding-left: 20px;
}
.css-1v78n9r fieldset {
    border-radius: 3px;
    border: 1px solid rgb(55, 57, 62);
    box-sizing: border-box;
}
.css-ey1r72 input {
    color: rgb(140, 140, 140);
    background-color: transparent;
}
.css-16sx77j {
    letter-spacing: inherit;
    color: currentcolor;
    box-sizing: content-box;
    height: 1.4375em;
    -webkit-tap-highlight-color: transparent;
    display: block;
    min-width: 0px;
    width: 100%;
    animation-name: mui-auto-fill-cancel;
    animation-duration: 10ms;
    font: inherit;
    border-width: 0px;
    border-color: initial;
    border-image: initial;
    background: none;
    margin: 0px;
    padding: 16.5px 0px 16.5px 14px;
}
.css-u96z4t {
    display: inline-flex
;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
    cursor: pointer;
    user-select: none;
    vertical-align: middle;
    appearance: none;
    font-family: "Pretendard JP", "Noto Sans SC", "Noto Sans Thai", BlinkMacSystemFont, Arial, sans-serif;
    min-width: 64px;
    color: rgb(0, 0, 0);
    background-color: rgb(254, 219, 0);
    height: 40px;
    box-shadow: none;
    font-weight: 600;
    text-transform: none;
    line-height: 20px;
    font-size: 16px;
    position: relative;
    z-index: 0;
    outline: 0px;
    border-width: 0px;
    border-color: initial;
    border-image: initial;
    margin: 0px;
    text-decoration: none;
    padding: 6px 16px;
    transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1), box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1), border-color 250ms cubic-bezier(0.4, 0, 0.2, 1), color 250ms cubic-bezier(0.4, 0, 0.2, 1);
    border-radius: 3px;
}
.jss56 {
    width: 100%;
    height: 48px;
    margin: 20px 0 32px;
}