@charset "UTF-8";:root {
    --color-green: #1dc28a;
    --color-yellow: #f9dc66;
    --color-grey: #ced2db;
    --header-height: 5.625rem;
    --header-z-index: 9999;
    --swiper-theme-color: #1dc28a
}

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video,main {
    margin: 0;
    padding: 0;
    border: 0;
    font: inherit;
    vertical-align: baseline
}

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,main {
    display: block
}

body {
    line-height: 1
}

ol,ul {
    list-style: none
}

blockquote,q {
    quotes: none
}

blockquote:before,blockquote:after,q:before,q:after {
    content: "";
    content: none
}

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

html {
    font-family: "HyundaiSansTextKR","Pretendard",-system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
    font-weight: 400;
    color: #000;
    -webkit-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    word-break: keep-all;
    /* font-size: 16px; */
    -moz-osx-font-smoothing: grayscale
}

@media screen and (max-width: 540px) {
    html {
        font-size:2.962962963vw
    }
}

@media screen and (min-width: 1440px) {
    .fullscreen {
        font-size:1.1111111111vw
    }
}

.font-HyundaiSansHeadKR {
    font-family: "HyundaiSansHeadKR","HyundaiSansTextKR","Pretendard",-system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji" !important
}

.font-HyundaiSansTextKR {
    font-family: "HyundaiSansTextKR","HyundaiSansTextKR","Pretendard",-system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji" !important
}

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

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

.__txt-right {
    text-align: right !important
}

.fw--100 {
    font-weight: 100
}

.fw--200 {
    font-weight: 200
}

.fw--300 {
    font-weight: 300
}

.fw--400 {
    font-weight: 400
}

.fw--500 {
    font-weight: 500
}

.fw--600 {
    font-weight: 600
}

.fw--700 {
    font-weight: 700
}

.fw--800 {
    font-weight: 800
}

.fw--900 {
    font-weight: 900
}

.fs--heading-xl {
    font-size: 3.75rem;
    line-height: 1.3
}

.fs--heading-lg {
    font-size: 3.75rem;
    line-height: 1.3
}

.fs--heading-md {
    font-size: 2.5rem;
    line-height: 1.3
}

.fs--heading-md.__sm {
    font-size: 2.25rem
}

.fs--heading-sm {
    font-size: 1.875rem;
    line-height: 1.3
}

.fs--heading-xs {
    font-size: 1.5rem;
    line-height: 1.3
}

.fs--body-xl {
    font-size: 1.25rem;
    line-height: 1.5
}

.fs--body-lg {
    font-size: 1.125rem;
    line-height: 1.5
}

.fs--body-md {
    font-size: 1rem;
    line-height: 1.5
}

.fs--body-sm {
    font-size: .875rem;
    line-height: 1.5
}

.fs--body-xs {
    font-size: .75rem;
    line-height: 1.5
}

@media screen and (max-width: 1023px) {
    .fs--heading-lg {
        font-size:2.875rem
    }
}

@media screen and (max-width: 767px) {
    .fs--heading-lg {
        font-size:1.875rem
    }

    .fs--heading-sm.__md {
        font-size: 1.875rem
    }

    .fs--heading-sm {
        font-size: 1.5rem
    }

    .fs--body-xl {
        font-size: 1.375rem
    }

    .fs--body-lg {
        font-size: 1.25rem
    }

    .fs--body-md.__lg {
        font-size: 1.5rem
    }

    .fs--body-md {
        font-size: 1.25rem
    }

    .fs--body-sm {
        font-size: 1.125rem
    }

    .fs--body-xs {
        font-size: 1rem
    }
}

button,.btn {
    appearance: none;
    -webkit-appearance: none;
    margin: 0;
    padding: 0;
    font-family: inherit;
    font-size: inherit;
    box-shadow: none;
    color: inherit;
    text-decoration: none;
    outline: none;
    border: 0;
    background: 0 0
}

.cta {
    display: inline-flex;
    font-size: .875rem
}

.cta .btn,.cta a {
    white-space: nowrap;
    display: inline-flex;
    gap: .7142857143em;
    align-items: center;
    font-weight: 600
}

.cta .btn svg,.cta a svg {
    display: block;
    width: auto;
    height: .7142857143em;
    overflow: visible;
    transition: transform .2s
}

.cta .btn svg path,.cta a svg path {
    stroke-width: .1071428571em
}

@media (hover: hover) {
    .cta .btn:hover svg,.cta a:hover svg {
        transform:translateX(40%)
    }
}

@media screen and (max-width: 767px) {
    .cta {
        font-size:1.125rem
    }
}

.post-cta {
    margin-top: 3.75rem;
    display: flex;
    justify-content: center;
    font-size: 1rem
}

.post-cta a {
    display: inline-flex;
    gap: .625em;
    justify-content: center;
    align-items: center;
    border: 1px solid #ced2db;
    padding: 0 1.25em;
    height: 2.5em;
    width: 15em;
    font-weight: 600;
    box-sizing: border-box;
    background: #fff
}

.post-cta a .__icon {
    display: block;
    width: .75em;
    height: auto
}

.post-cta a.__dark {
    background: #000;
    color: #fff;
    border-color: #000
}

.post-cta .__r,.post-cta .__l {
    flex: 1;
    display: flex;
    gap: .625rem
}

.post-cta .__r a,.post-cta .__l a {
    width: 10em
}

.post-cta .__r {
    justify-content: flex-end
}

@media screen and (max-width: 767px) {
    .post-cta {
        font-size:1.25rem
    }

    .post-cta a {
        height: 3em;
        width: 12em
    }

    .post-cta a.__dark {
        background: #333;
        border-color: #333
    }

    .post-cta .__l {
        display: none
    }

    .post-cta .__r {
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
        z-index: 9998;
        gap: 0
    }

    .post-cta .__r a {
        width: auto;
        flex: 1
    }
}

input,textarea {
    appearance: none;
    -webkit-appearance: none;
    border: 0;
    margin: 0;
    padding: 0;
    font-family: inherit;
    font-size: inherit;
    border-radius: 0;
    box-shadow: none;
    display: block;
    background: 0 0;
    outline: none
}

.form-group {
    display: flex;
    gap: 1.25rem
}

@media screen and (max-width: 767px) {
    .form-group {
        flex-direction:column
    }
}

.form-group .form-block {
    flex: 1
}

.form-block .form-label {
    display: block;
    margin-bottom: .5em
}

.form-block .form-control .form-input {
    width: 100%;
    display: block;
    padding: 0 1em;
    border: 1px solid #ced2db;
    box-sizing: border-box;
    height: 3.3333333333em
}

.agree-box label {
    display: inline-flex;
    align-items: center;
    gap: .8em
}

.agree-box label input {
    display: block;
    width: 1.5em;
    min-width: 1.5em;
    height: 1.5em;
    border: 2px solid #000;
    box-sizing: border-box
}

.agree-box label input:checked {
    background: #1dc28a url(/resources/img/icon/checked-lg.svg) 50% 50% no-repeat;
    background-size: contain;
    border-color: #1dc28a
}

.agree-box label a {
    text-decoration: underline;
    text-underline-offset: .2em
}

.section-page-top .__header.form-board-header {
    display: flex;
    align-items: center
}

.section-page-top .__header.form-board-header .post-cta {
    margin: 0 0 0 auto
}

.form-board .acf-fields {
    display: grid;
    gap: 2.5rem
}

.form-board .acf-fields>.acf-field {
    padding: 0;
    border: 0
}

.form-board .acf-field {
    font-size: .875rem
}

@media screen and (max-width: 767px) {
    .form-board .acf-field {
        font-size:1.125rem
    }
}

.form-board .acf-field .acf-label {
    margin: 0 0 .7142857143em
}

.form-board .acf-field .acf-label label {
    margin: 0;
    display: flex;
    align-items: center;
    gap: .25em;
    font-weight: 600
}

.form-board .acf-field .acf-label label .acf-required {
    color: #1dc28a
}

.form-board .acf-field p.description {
    margin-top: .7142857143em;
    color: #000
}

.form-board .acf-field .acf-input input {
    border: 1px solid #ced2db;
    font-size: 1rem;
    height: 2.5em;
    padding: 0 .625em;
    box-sizing: border-box;
    background: #fff;
    border-radius: 0
}

@media screen and (max-width: 767px) {
    .form-board .acf-field .acf-input input {
        font-size:1.25rem
    }
}

.form-board .acf-field .acf-input .acf-switch+span {
    margin-left: .7142857143em
}

.form-board .acf-field .acf-switch {
    display: inline-flex;
    border-radius: 2.1428571429em;
    height: 2.8571428571em;
    align-items: center;
    border-color: #ced2db;
    background: #fff;
    padding: 0 .5714285714em
}

.form-board .acf-field .acf-switch .acf-switch-on {
    width: 2.2857142857em;
    opacity: 0;
    padding: 0
}

.form-board .acf-field .acf-switch span {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    padding: 0 .5714285714em;
    font-size: inherit;
    line-height: 1;
    color: #000
}

.form-board .acf-field .acf-switch.-on {
    background: #1dc28a;
    border-color: #1dc28a
}

.form-board .acf-field .acf-switch.-on .acf-switch-off {
    width: 2.2857142857em;
    opacity: 0;
    padding: 0;
    color: #ced2db
}

.form-board .acf-field .acf-switch.-on .acf-switch-on {
    padding: 0 .5714285714em;
    opacity: 1;
    width: auto
}

.form-board .acf-field .acf-switch.-on .acf-switch-slider {
    left: 100%;
    background: #fff;
    border-color: #1dc28a;
    transform: translateX(-100%)
}

.form-board .acf-field .acf-switch .acf-switch-slider {
    border-radius: 50%;
    width: 2.8571428571em;
    height: 2.8571428571em;
    border: 0;
    background: #ced2db;
    transition: all .3s;
    top: 0;
    border: .2857142857em solid #fff;
    box-sizing: border-box
}

@media screen and (max-width: 767px) {
    .form-board .acf-field .acf-input .acf-switch+span {
        display:block;
        margin: .8em 0 0
    }
}

.form-board .select2-container {
    font-size: 1rem
}

@media screen and (max-width: 767px) {
    .form-board .select2-container {
        font-size:1.25rem
    }
}

.form-board .select2-container .select2-selection--single {
    border: 1px solid #ced2db;
    height: 2.5em;
    box-sizing: border-box;
    background: #fff;
    border-radius: 0;
    display: flex;
    align-items: center;
    padding: 0 .625em
}

.form-board .select2-container.-acf .select2-selection {
    border-color: #ced2db
}

.form-board .select2-container--default .select2-selection--single .select2-selection__arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 1px;
    display: block;
    margin: 0;
    border: 0;
    background: #fff url(/resources/img/icon/select-arrow.svg) 50% 50% no-repeat;
    background-size: auto 100%;
    width: 1.8571428571em;
    height: 1.8571428571em
}

.form-board .select2-container--default .select2-selection--single .select2-selection__arrow b {
    display: none
}

.form-board .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #000;
    line-height: 1.25;
    padding: 0 1.4285714286em 0 0
}

.form-board .privacy-txt-box {
    border: 1px solid #ced2db;
    background: #f7f7f7;
    font-size: 1rem;
    padding: 1.25em;
    line-height: 1.4;
    display: grid;
    gap: .625em;
    max-height: 12.5rem;
    overflow: auto;
    overscroll-behavior: contain !important
}

.form-board .privacy-txt-box h1,.form-board .privacy-txt-box h2,.form-board .privacy-txt-box h3,.form-board .privacy-txt-box h4,.form-board .privacy-txt-box h5 {
    font-weight: 600
}

@media screen and (max-width: 767px) {
    .form-board .privacy-txt-box {
        font-size:1.125rem
    }
}

.form-board ul.acf-radio-list li,.form-board ul.acf-checkbox-list li {
    font-size: inherit
}

.form-board ul.acf-radio-list:focus-within,.form-board ul.acf-checkbox-list:focus-within {
    border: 0;
    border-radius: 0
}

.form-board .acf-checkbox-list {
    padding: 0;
    border: 0
}

.form-board .acf-checkbox-list label {
    font-size: inherit;
    display: inline-flex;
    align-items: center;
    gap: .8em
}

.form-board .acf-checkbox-list label input {
    display: block;
    width: 1.875em;
    min-width: 1.875em;
    height: 1.875em !important;
    border: 2px solid #000;
    box-sizing: border-box
}

.form-board .acf-checkbox-list label input:checked {
    background: #1dc28a url(/resources/img/icon/checked-lg.svg) 50% 50% no-repeat;
    background-size: contain;
    border-color: #1dc28a
}

.form-board .acf-form-submit {
    display: flex;
    justify-content: center;
    margin-top: 3.75rem;
    gap: .625rem
}

@media screen and (max-width: 767px) {
    .form-board .acf-form-submit {
        flex-direction:column;
        align-items: center
    }
}

.form-board .acf-form-submit input,.form-board .acf-form-submit a,.form-board .acf-form-submit button {
    display: inline-flex;
    font-size: 1rem;
    font-weight: 600;
    justify-content: center;
    align-items: center;
    padding: 0 1em;
    height: 2.5em;
    border: 1px solid #ced2db;
    box-sizing: border-box;
    min-width: 15em
}

@media screen and (max-width: 767px) {
    .form-board .acf-form-submit input,.form-board .acf-form-submit a,.form-board .acf-form-submit button {
        font-size:1.25rem
    }
}

.form-board .acf-form-submit [type=submit] {
    border-color: #000;
    color: #000
}

.select2-dropdown {
    font-size: .75rem;
    border-color: #ced2db !important;
    box-shadow: 0 -1em 1em rgba(0,0,0,.1);
    overscroll-behavior: contain !important
}

@media screen and (max-width: 767px) {
    .select2-dropdown {
        font-size:1rem
    }
}

.select2-dropdown.select2-dropdown--below {
    box-shadow: 0 1em 1em rgba(0,0,0,.1)
}

.select2-search--dropdown {
    padding: .8333333333em !important
}

.select2-container--default .select2-search--dropdown .select2-search__field {
    border: 1px solid #ced2db !important;
    padding: .5em !important
}

.select2-container--open .select2-dropdown {
    border-radius: 0 !important
}

.select2-results__option {
    padding: .8333333333em !important;
    overscroll-behavior: contain !important
}

body.modal-open {
    overflow: hidden
}

.modal,.event-modal {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
    visibility: hidden
}

.modal.active,.event-modal.active {
    z-index: 19998;
    opacity: 1;
    visibility: visible
}

.event-modal {
    background: rgba(0,0,0,.8);
    overflow: auto
}

.event-modal .modal-inner {
    min-height: 100%;
    box-sizing: border-box;
    display: flex;
    padding: clamp(1.875rem,5.8651026393vw,3.75rem);
    place-content: center;
    place-items: center;
    flex-direction: column
}

.event-modal .modal-box {
    border-radius: clamp(.75rem,2.9325513196vw,1.875rem);
    padding: clamp(2.5rem,5.8651026393vw,3.75rem);
    max-width: min(100%,50rem);
    width: 90vw;
    box-sizing: border-box;
    min-height: initial
}

.event-modal .modal-box .__header {
    position: relative;
    padding-right: 3.75rem;
    display: grid;
    gap: 1.25rem;
    margin-bottom: 2.5rem
}

.event-modal .modal-box .__header .__close {
    position: absolute;
    top: 0;
    right: 0;
    width: 2.5rem;
    height: 2.5rem;
    display: block;
    text-indent: -999em;
    overflow: hidden;
    background: url(/resources/img/icon/x-lg.svg) 50% 50% no-repeat;
    background-size: contain
}

@media screen and (max-width: 767px) {
    .event-modal .modal-box .__header .__close {
        width:1.875rem;
        height: 1.875rem
    }
}

@media screen and (max-width: 767px) {
    .event-modal .modal-inner {
        padding:0
    }

    .event-modal .modal-box {
        width: 100%;
        border-radius: 0
    }

    .event-modal .fs--body-xl,.event-modal .fs--body-lg {
        font-size: 1.125rem
    }
}

.__anim-sentence .__sentence {
    overflow: hidden;
    isolation: isolate;
    display: inline-flex
}

.__anim-sentence .__sentence span {
    display: block;
    transform-origin: 0 0
}

.section .section-header {
    margin-bottom: 3.75rem
}

.section .section-title {
    font-size: .75rem;
    font-weight: 600;
    display: inline-flex;
    gap: .8333333333em
}

@media screen and (max-width: 1023px) {
    .section .section-title {
        font-size:1.125rem
    }
}

.section.__mb-sm {
    margin-bottom: 3.75rem
}

.section.__mb-md {
    margin-bottom: 5.625rem
}

.section.__mb-lg {
    margin-bottom: 7.5rem
}

.section.__dark {
    background: #333;
    color: #fff
}

.section-img-kv .bg video,.section-img-kv .bg img {
    display: block;
    width: 100%;
    background: #000
}

.section-page-top {
    padding-top: 3.75rem
}

.section-page-top .__header {
    margin-bottom: 3.75rem;
    display: grid;
    gap: .625rem
}

.tabs .tab-menu {
    border-bottom: 2px solid #1dc28a;
    display: flex;
    justify-content: space-between;
    margin-bottom: 3.75rem;
    align-items: center
}

.tabs .tab-menu .__notice {
    font-size: .875rem;
    line-height: 1.2
}

.tabs .tab-menu .__menu {
    display: flex;
    font-size: .875rem;
    font-weight: 500;
    line-height: 1
}

.tabs .tab-menu .__menu a {
    padding: 0 1.6428571429em;
    display: flex;
    box-sizing: border-box;
    align-items: center;
    height: 2.8571428571em
}

.tabs .tab-menu .__menu .active a {
    background: #1dc28a;
    border-radius: 0 1.4285714286em 0 0
}

@media screen and (max-width: 767px) {
    .tabs .tab-menu {
        display:block;
        border-bottom: 0
    }

    .tabs .tab-menu .__notice {
        font-size: 1.125rem;
        text-align: right;
        margin-top: 1.1111111111em
    }

    .tabs .tab-menu .__menu {
        display: flex;
        flex-direction: column;
        font-size: 1.5rem;
        height: 3.3333333333em;
        position: relative;
        z-index: 9;
        padding-top: 3.3333333333em;
        box-sizing: border-box;
        overflow: hidden
    }

    .tabs .tab-menu .__menu.open {
        overflow: visible
    }

    .tabs .tab-menu .__menu:after {
        width: 3.3333333333em;
        height: 3.3333333333em;
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        background: url(/resources/img/icon/select-arrow-lg.svg) 50% 50% no-repeat;
        background-size: contain
    }

    .tabs .tab-menu .__menu a {
        height: 3.3333333333em;
        padding: 0 1em;
        background: #fff
    }

    .tabs .tab-menu .__menu .active {
        position: absolute;
        top: 0;
        left: 0;
        border-radius: 0;
        width: 100%;
        pointer-events: none
    }

    .tabs .tab-menu .__menu .active a {
        border-radius: 0;
        pointer-events: none
    }
}

.tabs .tab-content {
    display: none
}

.tabs .tab-content.active {
    display: block
}

.section-single {
    padding: 3.75rem 0
}

.section-single .__header {
    overflow: hidden;
    display: grid;
    gap: .625rem;
    padding-bottom: 1.25rem;
    position: relative
}

.section-single .__header+.__line {
    margin-bottom: 3.75rem
}

@media screen and (max-width: 767px) {
    .section-single .__header+.__line {
        margin-left:-1.5rem;
        margin-right: -1.5rem
    }
}

.section-single .__header .__description {
    display: flex;
    justify-content: space-between;
    gap: 2em
}

.section-single .__header .__description a {
    white-space: nowrap
}

.section-single .__post .__single-post-header {
    margin-bottom: 3.75rem
}

.section-single .__post .__single-post-header .__post-title {
    font-size: 2.5rem;
    line-height: 1.2;
    font-weight: 400
}

@media screen and (max-width: 767px) {
    .section-single .__post .__single-post-header .__post-title {
        font-size:1.875rem
    }
}

.section-single .__post .__single-post-header .__post-meta {
    margin-top: .7142857143em;
    font-size: .875rem
}

@media screen and (max-width: 767px) {
    .section-single .__post .__single-post-header .__post-meta {
        font-size:1.25rem
    }
}

.section-single .__post .__single-post-content {
    font-size: 1rem;
    line-height: 1.5
}

@media screen and (max-width: 767px) {
    .section-single .__post .__single-post-content {
        font-size:1.25rem
    }
}

/* .section-single .__post .__single-post-content p {
    margin-bottom: .625em
} */

.section-single .__post .__single-post-content figure {
    margin: 1.875em 0
}

.section-single .__post .__single-post-content figure img {
    display: block;
    width: 100%
}

.section-comment {
    padding: 3.75rem 0;
    background: #f7f7f7
}

.__post-nav {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 3.75rem
}

.__post-nav .__btn-list {
    font-weight: 600;
    justify-content: center
}

.__post-nav a {
    transition: color .2s;
    display: flex;
    align-items: center
}

.__post-nav .__prev,.__post-nav .__next {
    flex: 1;
    gap: 1.875em
}

.__post-nav .__prev svg,.__post-nav .__next svg {
    display: block;
    width: 1.25em;
    height: auto
}

.__post-nav .__prev .__desc,.__post-nav .__next .__desc {
    font-weight: 500
}

.__post-nav .__prev .__desc .__category,.__post-nav .__next .__desc .__category {
    font-weight: 600;
    font-size: .75em
}

.__post-nav .__next {
    flex-direction: row-reverse
}

.__post-nav a:hover {
    color: #1dc28a
}

@media screen and (max-width: 767px) {
    .__post-nav {
        margin-top:0;
        flex-direction: column;
        margin-left: -1.5rem;
        margin-right: -1.5rem;
        border-top: 1px solid #ced2db
    }

    .__post-nav .__next,.__post-nav .__prev {
        width: 100%;
        border-bottom: 1px solid #ced2db;
        padding: 1.5rem;
        box-sizing: border-box;
        flex-direction: row
    }

    .__post-nav .__next i:after,.__post-nav .__prev i:after {
        display: block;
        margin-top: .425em;
        font-size: .9em
    }

    .__post-nav .__prev i:after {
        content: "이전글"
    }

    .__post-nav .__next i svg {
        margin-left: auto
    }

    .__post-nav .__next i:after {
        content: "다음글"
    }

    .__post-nav .__btn-list {
        margin-top: 3em;
        order: 3;
        border: 1px solid #ced2db;
        height: 3em;
        width: 16em
    }
}

.post-comments .post-comment-header {
    margin-bottom: 1.875rem;
    border-bottom: 1px solid #ced2db;
    padding-bottom: .375rem
}

.post-comments .__list .comment-item+.comment-item {
    border-top: 1px solid #ced2db;
    padding-top: 1.875em;
    margin-top: 1.875em
}

.post-comments .__list .comment-item.__reply {
    border-top: 0;
    padding-top: 0;
    padding-left: 1.875em;
    margin-top: 1.25em
}

.post-comments .__list .comment-item.__reply:before {
    position: absolute;
    left: .25em;
    top: 0;
    background: url(/resources/img/icon/reply.svg) 50% 50% no-repeat;
    background-size: contain;
    width: 1.0625em;
    height: .875em;
    content: ""
}

.post-comments .comment-item {
    position: relative
}

.post-comments .comment-item .__comment-meta {
    display: flex;
    gap: .625em;
    align-items: center;
    margin-bottom: .625em
}

.post-comments .comment-item .__comment-meta .__author {
    font-weight: 600
}

.post-comments .comment-item .__comment-meta .__date {
    font-size: .875em
}

.write-comment {
    background: #fff;
    margin-top: 1.875rem;
    padding: 1.875rem
}

@media screen and (max-width: 767px) {
    .write-comment {
        padding:0;
        background: 0 0;
        margin-top: 3.75rem;
        padding-top: 3.75rem;
        position: relative
    }

    .write-comment:before {
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        height: 1px;
        background: #ced2db;
        width: 100vw;
        content: "";
        top: 0
    }
}

.write-comment .write-comment-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1.25rem;
    margin-bottom: 1.875rem
}

@media screen and (max-width: 767px) {
    .write-comment .write-comment-header {
        flex-direction:column;
        align-items: flex-start;
        gap: .2em
    }
}

.write-comment .form-block+.form-block {
    margin-top: 1.875rem
}

.write-comment .form-block .form-label {
    display: block;
    font-weight: 600;
    margin-bottom: .3571428571em
}

.write-comment .form-block .form-input {
    border: 1px solid #ced2db;
    height: 2.8571428571em;
    font-size: inherit;
    font-family: inherit;
    line-height: inherit;
    padding: 0 1em;
    background: #fff;
    border-radius: 0
}

.write-comment .form-block textarea.form-input {
    height: auto;
    padding: 1em
}

.write-comment .form-action {
    margin-top: 1.875rem;
    display: flex;
    justify-content: center
}

.write-comment .form-action [type=submit] {
    font-weight: 600;
    height: 2.5em;
    display: block;
    border: 1px solid #ced2db;
    width: 15em
}

@media screen and (max-width: 767px) {
    .write-comment .form-action [type=submit] {
        height:3em;
        width: 16em
    }
}

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

.slide-nav .__prev,.slide-nav .__next {
    width: 3.75rem;
    height: 3.75rem
}

.slide-nav .__prev img,.slide-nav .__next img {
    display: block;
    width: 100%;
    height: auto
}

.slide-nav .__pagination {
    display: flex;
    align-items: center;
    width: auto;
    --swiper-theme-color: var(--key-color);
    --swiper-pagination-bullet-horizontal-gap: .375rem;
    --swiper-pagination-bullet-size: .375rem;
    --swiper-pagination-bullet-border-radius: 0;
    --swiper-pagination-bullet-inactive-opacity: 1
}

.slide-nav .__pagination .swiper-pagination-bullet {
    transition: all .3s
}

.slide-nav .__pagination .swiper-pagination-bullet-active {
    width: .625rem;
    height: .625rem;
    border-radius: 0 100% 0 0
}

@media screen and (max-width: 767px) {
    .slide-nav .__prev,.slide-nav .__next {
        width:5rem;
        height: 5rem
    }

    .slide-nav .__pagination {
        --swiper-pagination-bullet-horizontal-gap: .5rem;
        --swiper-pagination-bullet-size: .625rem
    }

    .slide-nav .__pagination .swiper-pagination-bullet-active {
        width: 1.25rem;
        height: 1.25rem
    }
}

html.lenis,html.lenis body {
    height: auto
}

.lenis.lenis-smooth {
    scroll-behavior: auto !important
}

.lenis.lenis-smooth [data-lenis-prevent] {
    overscroll-behavior: contain
}

.lenis.lenis-stopped {
    overflow: hidden
}

.lenis.lenis-scrolling iframe {
    pointer-events: none
}

html {
    background: #eee
}

body.loading {
    overflow: hidden;
    opacity: 0
}

.wrapper {
    background: #fff;
    max-width: 1440px;
    margin: 0 auto
}

#main {
    display: flex;
    flex-direction: column;
    min-height: calc(100vh - 5.625rem);
    min-height: calc(100svh - 5.625rem)
}

.container {
    margin: 0 auto;
    padding: 0 1.875rem
}

@media screen and (max-width: 767px) {
    .container {
        padding:0 1.5rem
    }
}

.container .inner {
    margin: 0 auto
}

.container .inner.__md {
    max-width: 80rem
}

.container .inner.__sm {
    max-width: 60rem
}

.fullscreen .wrapper {
    max-width: initial
}

.nodata {
    display: flex;
    justify-content: center;
    padding: 3.75rem 0
}

hr.__line {
    border: 0;
    background: #ced2db;
    margin: 0;
    height: 1px
}

hr.__line.__green {
    background: #1dc28a;
    height: 2px
}

#header {
    position: sticky;
    top: 0;
    z-index: 9999;
    background: #fff;
    transition: transform .6s ease
}

#header[data-dir="1"].hide {
    transform: translateY(-110%)
}

#header[data-dir="1"].hide.hover {
    transform: translateY(0)
}

#header .header-inner {
    height: 5.625rem;
    display: flex;
    align-items: center
}

#header .brand {
    overflow: hidden
}

#header .brand a {
    font-size: 1.125rem;
    font-weight: 500;
    display: inline-flex;
    gap: .5555555556em;
    align-items: center;
    line-height: 1.2
}

#header .brand a i {
    display: inline-flex;
    align-items: center
}

#header .brand a i span {
    width: .6666666667em;
    aspect-ratio: 1/1;
    transform: translateY(140%);
    transition: border-radius .7s cubic-bezier(.23,1,.32,1),transform .3s
}

#header .brand a i span:nth-child(1) {
    background: #1dc28a
}

#header .brand a i span:nth-child(2) {
    background: #f9dc66
}

#header .brand a i span:nth-child(3) {
    background: #ced2db
}

#header .brand a strong {
    transition: opacity .7s,transform .7s ease;
    transform: translateY(140%);
    transition-delay: .3s
}

#header .brand a strong span {
    display: block;
    position: relative;
    height: 1.2em
}

#header .brand a strong span em {
    display: block;
    transform: translateY(.08em)
}

#header .brand a strong svg {
    display: block;
    height: .9777777778em;
    width: auto
}

#header .brand.in i span:nth-child(1) {
    transform: translateY(0);
    transition-delay: .6s,0ms
}

#header .brand.in i span:nth-child(2) {
    transform: translateY(0);
    transition-delay: .5s,.1s
}

#header .brand.in i span:nth-child(3) {
    transform: translateY(0);
    transition-delay: .6s,.2s
}

#header .brand.in i span[data-type="1"] {
    border-radius: 100% 0 0
}

#header .brand.in i span[data-type="2"] {
    border-radius: 0 100% 0 0
}

#header .brand.in i span[data-type="3"] {
    border-radius: 0 0 100%
}

#header .brand.in i span[data-type="4"] {
    border-radius: 0 0 0 100%
}

#header .brand.in strong {
    opacity: 1;
    transform: translateX(0)
}

#header #nav {
    margin-left: auto;
    font-family: "HyundaiSansHeadKR","HyundaiSansTextKR","Pretendard",-system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
    font-size: .875rem
}

#header #nav .gnb {
    display: flex;
    align-items: center;
    gap: 2.5rem;
    font-weight: 500;
    padding-right: 3.75rem
}

#header #nav .gnb>li {
    position: relative
}

#header #nav .gnb>li>a {
    display: block;
    padding: .7142857143em;
    line-height: 1;
    overflow: hidden;
    isolation: isolate
}

#header #nav .gnb>li>a span {
    display: block;
    transition: opacity .7s,transform .6s ease;
    transform: translateY(200%)
}

#header #nav .gnb>li .sub-menu {
    opacity: 0;
    visibility: hidden;
    position: absolute;
    transform: translateY(1em);
    left: .7142857143em;
    top: 100%;
    margin-top: -.2857142857em;
    font-weight: 400;
    white-space: nowrap;
    background: #fff;
    border: 1px solid #1dc28a;
    transition: opacity .2s,visibility .2s,transform .4s ease
}

#header #nav .gnb>li .sub-menu>li>a {
    padding: .8571428571em 2.1428571429em .8571428571em .7142857143em;
    display: block;
    transition: background .2s
}

#header #nav .gnb>li .sub-menu>li>a:hover {
    background: #1dc28a
}

#header #nav .gnb>li:before {
    background: #1dc28a;
    top: 0;
    left: 0;
    width: 6.4285714286em;
    aspect-ratio: 1/1;
    content: "";
    position: absolute;
    transform: scaleY(0);
    transition: transform .3s ease;
    transform-origin: 0 0
}

#header #nav .gnb>li:hover:before {
    transform: scaleY(1)
}

#header #nav .gnb>li:hover .sub-menu {
    opacity: 1;
    visibility: visible;
    transform: translateY(0) skewX(0)
}

#header #nav.in .gnb li a span {
    opacity: 1;
    transform: translateY(0%)
}

#header #nav.in .gnb li:nth-child(1) a span {
    transition-delay: .25s
}

#header #nav.in .gnb li:nth-child(2) a span {
    transition-delay: .4s
}

#header #nav.in .gnb li:nth-child(3) a span {
    transition-delay: .55s
}

#header #nav.in .gnb li:nth-child(4) a span {
    transition-delay: .7s
}

#header #nav.in .gnb li:nth-child(5) a span {
    transition-delay: .85s
}

#header #nav.in .gnb li:nth-child(6) a span {
    transition-delay: 1s
}

#header #nav.in .gnb li:nth-child(7) a span {
    transition-delay: 1.15s
}

#header #nav.in .gnb li:nth-child(8) a span {
    transition-delay: 1.3s
}

#header #nav.in .gnb li:nth-child(9) a span {
    transition-delay: 1.45s
}

#header #nav.in .gnb li:nth-child(10) a span {
    transition-delay: 1.6s
}

#header .toggle-nav {
    display: none
}

@media screen and (max-width: 1023px) {
    #header {
        transform:initial !important
    }

    #header .brand a {
        font-size: 1.625rem
    }

    #header .toggle-nav {
        display: flex;
        margin-left: auto;
        margin-right: -1.5rem;
        padding: 1.5rem;
        height: 5.625rem;
        align-items: center
    }

    #header .toggle-nav svg {
        display: block;
        width: 2rem;
        height: auto;
        transition: transform .3s ease-in-out
    }

    #header .toggle-nav svg rect {
        transition: transform .3s ease-in-out;
        transform-origin: 50% 50%
    }

    #header .toggle-nav svg .__1 {
        transform-origin: 0% 50%
    }

    #header .toggle-nav svg .__3 {
        transform-origin: 100% 50%
    }

    #header .toggle-nav svg .__4 {
        transform: scaleY(0)
    }

    #header.nav-open .toggle-nav svg {
        transform: rotate(45deg)
    }

    #header.nav-open .toggle-nav svg .__1 {
        transform: scaleX(0)
    }

    #header.nav-open .toggle-nav svg .__3 {
        transform: scaleX(0)
    }

    #header.nav-open .toggle-nav svg .__4 {
        transform: scaleY(1)
    }

    #header.nav-open #nav {
        transform: translateX(0)
    }

    #header #nav {
        transform: translateX(100%);
        transition: transform .4s ease;
        position: fixed;
        top: 5.625rem;
        left: 0;
        right: 0;
        bottom: 0;
        overflow: auto;
        z-index: 9999;
        width: 100vw;
        background: #fff
    }

    #header #nav .gnb {
        border-top: 1px solid #000;
        padding: 0;
        display: block;
        font-size: 1.25rem
    }

    #header #nav .gnb>li {
        display: grid;
        grid-template-columns: repeat(2,1fr)
    }

    #header #nav .gnb>li+li {
        border-top: 1px solid #000
    }

    #header #nav .gnb>li:nth-child(odd) {
        background: #1dc28a
    }

    #header #nav .gnb>li:nth-child(even) {
        background: #f9dc66
    }

    #header #nav .gnb>li:last-child {
        background: #ced2db
    }

    #header #nav .gnb>li:before {
        display: none
    }

    #header #nav .gnb>li>a {
        flex: 1;
        padding: 1em
    }

    #header #nav .gnb>li .sub-menu {
        flex: 1;
        position: static;
        opacity: 1;
        visibility: visible;
        border: 0;
        background: #f7f7f7;
        padding: 0;
        transform: none;
        margin: 0
    }

    #header #nav .gnb>li .sub-menu>li+li {
        border-top: 1px solid #000
    }

    #header #nav .gnb>li .sub-menu>li>a {
        padding: 1em 1em 2.1em;
        position: relative
    }

    #header #nav .gnb>li .sub-menu>li>a:hover {
        background: initial
    }

    #header #nav .gnb>li .sub-menu>li>a.active {
        background: #fff
    }

    #header #nav .gnb>li .sub-menu>li>a.active:after {
        position: absolute;
        bottom: 0;
        right: 1em;
        content: "";
        width: 5em;
        height: 2.9em;
        background: url(/resources/img/icon/select.svg) 50% 100% no-repeat;
        background-size: contain
    }
}

.banners {
    margin-top: auto;
    display: grid;
    grid-template-columns: repeat(2,1fr);
    position: relative;
    z-index: 9998
}

.banners .banner {
    height: 7.5rem;
    display: grid;
    grid-template-columns: clamp(7.5rem,17.7966101695vw,13.125rem) 1fr;
    gap: clamp(.625rem,2.0833333333vw,1.875rem);
    padding: 0 clamp(.625rem,4.1666666667vw,3.75rem) 0 clamp(.625rem,2.7777777778vw,2.5rem);
    box-sizing: border-box;
    position: relative;
    align-items: center;
    line-height: normal
}

.banners .banner .char {
    width: clamp(7.5rem,17.7966101695vw,13.125rem);
    position: relative;
    height: 100%;
    pointer-events: none
}

.banners .banner .char img {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%
}

.banners .banner.faq {
    background: #1dc28a
}

.banners .banner.qna {
    background: #f9dc66
}

.banners .banner .desc.__d {
    padding: .625rem 0
}

.banners .banner .desc.__d .title {
    font-size: 1.25rem;
    font-weight: 600;
    max-width: 17.5em
}

.banners .banner .desc.__d .cta {
    margin-top: .625rem
}

.banners .banner .desc.__m {
    display: none;
    padding: 1.5625rem
}

.banners .banner .desc.__m .title {
    font-size: 1.25rem;
    margin-bottom: .5em
}

.banners .banner .desc.__m .cta .btn {
    font-size: 1.5rem
}

@media screen and (max-width: 767px) {
    .banners .banner {
        height:16.875rem;
        padding: 0;
        display: block
    }

    .banners .banner .desc.__m {
        display: block
    }

    .banners .banner .char {
        width: 10.5rem;
        position: absolute;
        bottom: 0;
        right: 1.5625rem
    }

    .banners .banner .desc.__d {
        display: none
    }
}

#footer {
    background: #000;
    color: #fff
}

#footer .footer-inner {
    padding: 3.125rem 0;
    display: flex;
    align-items: center;
    font-family: "HyundaiSansHeadKR","HyundaiSansTextKR","Pretendard",-system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
    font-size: .8125rem;
    justify-content: space-between;
    gap: 1.875rem;
    line-height: 1.3
}

@media screen and (max-width: 1023px) {
    #footer .footer-inner {
        flex-direction:column;
        align-items: flex-start
    }
}

@media screen and (max-width: 540px) {
    #footer .footer-inner {
        padding-top:6.875rem;
        padding-bottom: 3.75rem;
        font-size: 1.125rem
    }

    #footer .footer-inner span {
        display: inline-block
    }
}

.home-kv {
    padding: 3.75rem 0;
    overflow: hidden
}

.home-kv .home-kv-inner {
    position: relative;
    display: grid;
    grid-template-columns: 30rem 1fr;
    grid-template-rows: 20rem 20rem;
    height: 40rem;
    grid-template-areas: "a b" "c b"
}

.home-kv .title {
    display: flex;
    align-items: center;
    grid-area: a
}

.home-kv .title h1 {
    font-size: 4.375rem;
    line-height: 100%
}

.home-kv .grid-kv {
    grid-area: b
}

.home-kv .grid-kv .kv-img {
    width: 60rem;
    aspect-ratio: 3/2;
    overflow: hidden;
    isolation: isolate;
    position: relative;
    transition: border-radius 1s cubic-bezier(.165,.84,.44,1)
}

.home-kv .grid-kv .kv-img.in {
    border-radius: 33.333%/50% 0 0 0
}

.home-kv .grid-kv .kv-img .swiper-slide {
    overflow: hidden
}

.home-kv .grid-kv .kv-img .__lines {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 3;
    pointer-events: none
}

.home-kv .grid-kv .kv-img .__lines svg {
    display: block;
    width: 100%;
    height: 100%
}

.home-kv .grid-kv .kv-img .__line {
    position: absolute;
    background: #fff;
    z-index: 3
}

.home-kv .grid-kv .kv-img .__line.__l1,.home-kv .grid-kv .kv-img .__line.__l2 {
    width: .25rem;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    height: 100%;
    top: 0
}

.home-kv .grid-kv .kv-img .__line.__l1 {
    left: 33.333333%
}

.home-kv .grid-kv .kv-img .__line.__l2 {
    left: 66.666666%
}

.home-kv .grid-kv .kv-img .__line.__l3 {
    width: 100%;
    height: .25rem;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0
}

.home-kv .grid-kv .swiper {
    height: 100%
}

.home-kv .grid-kv img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover
}

.home-kv .news-story {
    grid-area: c;
    display: flex
}

.home-kv .news-story .container,.home-kv .news-story .news-story-inner {
    display: inline-flex;
    flex-direction: column;
    flex: 1;
    height: 100%;
    justify-content: flex-end
}

.home-kv .news-story .news-story-inner {
    width: 15rem;
    overflow: hidden;
    gap: .625rem
}

.home-kv .news-story .top-area {
    flex: 1;
    display: flex;
    flex-direction: column
}

.home-kv .news-story .__header {
    font-size: .75rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 2.5em
}

.home-kv .news-story .__header .pagination {
    position: static;
    display: flex;
    align-items: center;
    width: auto;
    margin: 0;
    gap: .1666666667em
}

.home-kv .news-story .__header .pagination .swiper-pagination-bullet {
    width: .8333333333em;
    height: .8333333333em;
    margin: 0;
    border-radius: 0;
    background: #ced2db;
    opacity: 1;
    transition: border-radius .4s,background .1s
}

.home-kv .news-story .__header .pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: #1dc28a;
    border-radius: 0 10px 0 0
}

.home-kv .news-story .__header .pagination[data-color="0"] .swiper-pagination-bullet-active {
    background: #1dc28a
}

.home-kv .news-story .__header .pagination[data-color="1"] .swiper-pagination-bullet-active {
    background: #f9dc66
}

.home-kv .news-story .__header .pagination[data-color="2"] .swiper-pagination-bullet-active {
    background: #ced2db
}

.home-kv .news-story .__header .pagination[data-type="0"] .swiper-pagination-bullet-active {
    border-radius: 0 10px 0 0
}

.home-kv .news-story .__header .pagination[data-type="1"] .swiper-pagination-bullet-active {
    border-radius: 0 0 10px
}

.home-kv .news-story .__header .pagination[data-type="2"] .swiper-pagination-bullet-active {
    border-radius: 0 0 0 10px
}

.home-kv .news-story .__header .pagination[data-type="3"] .swiper-pagination-bullet-active {
    border-radius: 10px 0 0
}

.home-kv .news-story .description {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    font-size: .875rem
}

.home-kv .news-story .description .__title {
    font-weight: 500;
    line-height: 1.2
}

.home-kv .news-story .slides {
    --key-color: #1dc28a;
    background: var(--key-color);
    transition: background .2s;
    position: relative
}

.home-kv .news-story .slides[data-color="0"] {
    --key-color: #1dc28a
}

.home-kv .news-story .slides[data-color="1"] {
    --key-color: #f9dc66
}

.home-kv .news-story .slides[data-color="2"] {
    --key-color: #ced2db
}

.home-kv .news-story .slides[data-type="0"] .over-obj path {
    d: path("M1,1 Q1,0 0,0 L1,0")
}

.home-kv .news-story .slides[data-type="1"] .over-obj path {
    d: path("M0,1 Q1,1 1,0 L1,1")
}

.home-kv .news-story .slides[data-type="2"] .over-obj path {
    d: path("M0,0 Q0,1 1,1 L0,1")
}

.home-kv .news-story .slides[data-type="3"] .over-obj path {
    d: path("M0,1 Q0,0 1,0 L0,0")
}

.home-kv .news-story .slides .over-obj {
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 3;
    opacity: .4;
    pointer-events: none
}

.home-kv .news-story .slides .over-obj path {
    fill: var(--key-color)
}

.home-kv .news-story .slides .swiper {
    margin-left: 0;
    overflow: hidden;
    isolation: isolate;
    width: 100%;
    aspect-ratio: 1/1
}

.home-kv .news-story .slides .swiper-slide {
    overflow: hidden;
    isolation: isolate
}

.home-kv .news-story .slide-item {
    position: relative;
    background: #fff
}

.home-kv .news-story .slide-item .__img {
    flex: 1;
    position: relative
}

.home-kv .news-story .slide-item .__img img {
    aspect-ratio: 1/1;
    width: 100%;
    object-fit: cover;
    display: block;
    background: #eee;
    text-indent: -999em;
    overflow: hidden
}

@media screen and (max-width: 1023px) {
    .home-kv .home-kv-inner {
        display:block;
        height: auto
    }

    .home-kv .title {
        display: block;
        margin-bottom: 5.625rem
    }

    .home-kv .grid-kv {
        margin: 0 4px;
        overflow: hidden
    }

    .home-kv .grid-kv .kv-img {
        width: 100%
    }

    .home-kv .news-story {
        width: 100%;
        border: 4px solid #fff;
        display: block;
        background: #fff;
        box-sizing: border-box
    }

    .home-kv .news-story .container {
        display: block;
        height: auto;
        padding: 0
    }

    .home-kv .news-story .news-story-inner {
        display: grid;
        height: auto;
        width: auto;
        gap: 4px;
        grid-template-columns: 2fr 1fr
    }

    .home-kv .news-story .top-area {
        background: #f7f7f7;
        padding: 1.875rem
    }

    .home-kv .news-story .__header {
        font-size: 1.125rem
    }

    .home-kv .news-story .description {
        font-size: 1.25rem
    }

    .home-kv .news-story .slides {
        overflow: hidden
    }
}

@media screen and (max-width: 767px) {
    .home-kv .grid-kv .kv-img {
        width:150vw
    }

    .home-kv .grid-kv .kv-img .__lines {
        transform: translateX(-4px)
    }

    .home-kv .news-story .news-story-inner {
        grid-template-columns: repeat(2,1fr)
    }

    .home-kv .news-story .top-area {
        padding: 1.25rem
    }
}

#homeAbout .slogan {
    margin-top: 11.25rem
}

#homeAbout .description {
    margin-top: 1.875rem
}

#homeAbout .cta {
    margin-top: 3.75rem
}

@media screen and (max-width: 767px) {
    #homeAbout .description br {
        display:none
    }
}

#homeObj .__objs {
    display: grid;
    grid-template-columns: repeat(6,1fr)
}

@media screen and (max-width: 1023px) {
    #homeObj .__objs {
        grid-template-columns:repeat(4,1fr)
    }
}

@media screen and (max-width: 767px) {
    #homeObj .__objs {
        grid-template-columns:repeat(3,1fr)
    }
}

#homeObj .__obj {
    aspect-ratio: 1/1;
    display: block;
    transition: background .5s linear;
    background: var(--color-grey)
}

#homeObj .__obj[data-color="1"] {
    background: var(--color-grey)
}

#homeObj .__obj[data-color="2"] {
    background: var(--color-green)
}

#homeObj .__obj[data-color="3"] {
    background: var(--color-yellow)
}

#homeNotice .section-header {
    margin-bottom: 8.75rem
}

#homeNotice .notice-grid {
    display: flex;
    justify-content: space-between;
    gap: 1.875rem
}

@media screen and (max-width: 1023px) {
    #homeNotice .notice-grid {
        flex-direction:column;
        justify-content: flex-start
    }
}

#homeNotice h3 {
    white-space: nowrap
}

#homeNotice .notice-list {
    width: 54.375rem
}

@media screen and (max-width: 1023px) {
    #homeNotice .notice-list {
        width:100%
    }
}

#homeNotice .notice-list .notice-item {
    border-top: 1px solid var(--color-grey,#ced2db)
}

#homeNotice .notice-list .notice-item:last-child {
    border-bottom: 1px solid var(--color-grey,#ced2db)
}

#homeNotice .notice-item {
    display: flex;
    min-height: 7.5rem;
    align-items: center;
    padding: 1.875rem;
    box-sizing: border-box
}

#homeNotice .notice-item .descriptions .__title {
    font-size: 1.5rem;
    font-weight: 600
}

#homeNotice .notice-item .descriptions .__desc {
    font-size: .875rem;
    margin-top: .7142857143em;
    font-weight: 500;
    line-height: normal
}

@media screen and (max-width: 767px) {
    #homeNotice .notice-item {
        padding-left:0;
        padding-right: 0
    }

    #homeNotice .notice-item .descriptions .__desc {
        font-size: 1.25rem
    }
}

#homeNotice .notice-item .cta {
    margin-left: auto
}

@media screen and (max-width: 767px) {
    #homeNotice .notice-item .cta a {
        width:12px;
        height: 24px;
        text-indent: -999em;
        overflow: hidden;
        position: relative
    }

    #homeNotice .notice-item .cta a svg {
        position: absolute;
        top: 0;
        left: 0;
        min-width: 12px;
        width: 12px;
        height: 24px
    }
}

#introSlogan .__grid {
    display: flex;
    justify-content: space-between
}

#introSlogan .__grid .slogan .__title {
    padding-top: 7.5rem;
    position: sticky;
    top: 0;
    font-size: clamp(2.5rem,4.0540540541vw,3.75rem);
    line-height: 1.3
}

#introSlogan .__grid .descriptions {
    padding-top: 21.25rem
}

#introSlogan .__grid .descriptions .__desc {
    font-weight: 400;
    display: grid;
    gap: 1em
}

@media screen and (max-width: 1280px) {
    #introSlogan .__grid {
        flex-direction:column
    }

    #introSlogan .__grid .slogan .__title {
        padding-top: 0;
        position: relative
    }

    #introSlogan .__grid .descriptions {
        padding-top: 3.75rem
    }
}

@media screen and (max-width: 767px) {
    #introSlogan .__grid .slogan .__title {
        font-size:1.875rem
    }

    #introSlogan .__grid .descriptions br {
        display: none
    }

    #introSlogan .__grid .descriptions span {
        display: block
    }
}

#introKeywords .__grid {
    display: grid;
    grid-template-columns: repeat(6,1fr)
}

@media screen and (max-width: 1023px) {
    #introKeywords .__grid {
        grid-template-columns:repeat(4,1fr)
    }
}

@media screen and (max-width: 767px) {
    #introKeywords .__grid {
        grid-template-columns:repeat(3,1fr)
    }
}

#introKeywords .__obj {
    background: #ced2db;
    aspect-ratio: 1/1;
    position: relative
}

#introKeywords .__keyword {
    overflow: hidden;
    isolation: isolate;
    position: relative;
    top: 0
}

#introKeywords .__keyword l0 img {
    display: block
}

#introKeywords .__keyword .__marquee {
    position: absolute;
    will-change: transform
}

#introKeywords .__keyword.__k1,#introKeywords .__keyword.__k3 {
    aspect-ratio: 2/1
}

#introKeywords .__keyword.__k1 .__marquee,#introKeywords .__keyword.__k3 .__marquee {
    height: 100%;
    left: 0;
    top: 0;
    animation: marquee1 12s infinite linear
}

@keyframes marquee1 {
    0% {
        transform: translateX(0)
    }

    100% {
        transform: translateX(-100%)
    }
}

#introKeywords .__keyword.__k1 img,#introKeywords .__keyword.__k3 img {
    height: 100%;
    width: auto
}

#introKeywords .__keyword.__k1 img:last-child,#introKeywords .__keyword.__k3 img:last-child {
    position: absolute;
    top: 0;
    left: 100%
}

#introKeywords .__keyword.__k2 {
    aspect-ratio: 1/2
}

#introKeywords .__keyword.__k2 .__marquee {
    width: 100%;
    bottom: 0;
    left: 0;
    animation: marquee2 12s infinite linear
}

@keyframes marquee2 {
    0% {
        transform: translateY(0)
    }

    100% {
        transform: translateY(100%)
    }
}

#introKeywords .__keyword.__k2 img {
    width: 100%;
    height: auto
}

#introKeywords .__keyword.__k2 img:last-child {
    position: absolute;
    bottom: 100%;
    left: 0
}

#introKeywords .__o1 {
    background: #f9dc66;
    border-radius: 0 100% 0 0
}

#introKeywords .__o2 {
    background: #ced2db
}

#introKeywords .__k1 {
    grid-column: 1/3;
    background: #1dc28a
}

#introKeywords .__k2 {
    grid-column: 3/4;
    grid-row: 1/3;
    background: #f9dc66
}

#introKeywords .__o3 {
    background: #ced2db;
    border-radius: 0 0 100%
}

#introKeywords .__o4 {
    background: #f9dc66
}

#introKeywords .__o5 {
    background: #1dc28a;
    border-radius: 0 0 0 100%
}

#introKeywords .__o6 {
    background: #1dc28a;
    border-radius: 100% 0 0
}

#introKeywords .__k3 {
    grid-column: 5/7;
    background: #ced2db
}

@media screen and (max-width: 1023px) {
    #introKeywords .__o1 {
        grid-column:1/2;
        grid-row: 2/3
    }

    #introKeywords .__o2 {
        grid-column: 2/3;
        grid-row: 2/3
    }

    #introKeywords .__o6 {
        grid-column: 4/5;
        grid-row: 2/3
    }

    #introKeywords .__o4 {
        grid-column: 1/2;
        grid-row: 3/4
    }

    #introKeywords .__o5 {
        grid-column: 2/3;
        grid-row: 3/4
    }

    #introKeywords .__k3 {
        grid-column: 3/5;
        grid-row: 3/4
    }
}

@media screen and (max-width: 767px) {
    #introKeywords .__o1 {
        grid-column:1/2;
        grid-row: 2/3
    }

    #introKeywords .__o2 {
        grid-column: 2/3;
        grid-row: 2/3
    }

    #introKeywords .__o3 {
        grid-column: 1/2;
        grid-row: 3/4
    }

    #introKeywords .__o4 {
        grid-column: 2/3;
        grid-row: 3/4
    }

    #introKeywords .__o5 {
        grid-column: 3/4;
        grid-row: 3/4
    }

    #introKeywords .__o6 {
        grid-column: 1/2;
        grid-row: 4/5
    }

    #introKeywords .__k3 {
        grid-column: 2/4;
        grid-row: 4/5
    }
}

#introFeatures .intro-feature-item+.intro-feature-item {
    margin-top: 7.5rem
}

#introFeatures .intro-feature-item .__header {
    margin-bottom: 3.375rem
}

#introFeatures .intro-feature-item .__header .__title {
    margin-bottom: .1666666667em;
    line-height: 1
}

#introFeatures .intro-feature-item .__header .__sub-title {
    margin-bottom: 1em
}

#introFeatures .intro-feature-item[data-type=lively] {
    --key-color: #1dc28a
}

#introFeatures .intro-feature-item[data-type=warm] {
    --key-color: #f9dc66
}

#introFeatures .intro-feature-item[data-type=open] {
    --key-color: #ced2db
}

#introFeatures .intro-feature-item .slides {
    overflow: hidden;
    padding: 0 .9375rem
}

#introFeatures .intro-feature-item .slides .swiper {
    overflow: visible;
    width: clamp(75rem,150vw,90rem);
    margin: 0
}

#introFeatures .intro-feature-item .slides .swiper .swiper-slide {
    width: clamp(25rem,50vw,30rem);
    padding: 0 .9375rem
}

@media screen and (max-width: 767px) {
    #introFeatures .intro-feature-item .slides {
        padding:0 .5625rem
    }

    #introFeatures .intro-feature-item .slides .swiper {
        box-sizing: border-box;
        width: 25rem !important
    }

    #introFeatures .intro-feature-item .slides .swiper .swiper-slide {
        padding: 0 .625rem;
        width: 23.75rem !important
    }
}

#introFeatures .intro-feature-item .slides .slide-nav {
    margin-top: 1.25rem
}

@media screen and (min-width: 768px) {
    #introFeatures .intro-feature-item .slides .slide-nav {
        display:none
    }
}

#introFeatures .intro-feature-item .slides .slide-item .__img img {
    display: block;
    width: 100%;
    object-fit: cover;
    aspect-ratio: 480/320
}

#introFeatures .intro-feature-item .slides .slide-item .__desc {
    display: flex;
    gap: 1.25rem;
    background: #f7f7f7;
    align-items: center
}

#introFeatures .intro-feature-item .slides .slide-item .__desc h3 {
    background: var(--key-color);
    min-width: 2em;
    height: 2em;
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    padding: 0 .3333333333em
}

@media screen and (max-width: 767px) {
    #introFeatures .intro-feature-item .slides .slide-item .__desc h3 {
        min-width:2.6666666667em;
        height: 2.6666666667em
    }
}

#introFeatures .intro-feature-item .slides .slide-item .__desc p {
    line-height: 1.2
}

#statusProcessRate .__process-rate {
    display: grid;
    grid-template-columns: 570fr 750fr;
    gap: 3.75rem
}

@media screen and (max-width: 767px) {
    #statusProcessRate .__process-rate {
        grid-template-columns:1fr
    }
}

#statusProcessRate .__sub-title {
    margin-bottom: 1.6666666667em;
    border-bottom: 1px solid #000;
    padding-bottom: .4em
}

@media screen and (max-width: 767px) {
    #statusProcessRate .__sub-title {
        border-bottom:0
    }
}

#statusProcessRate .__content .__overall {
    padding: 0 .9375rem;
    position: relative
}

#statusProcessRate .__content .__overall svg {
    display: block;
    width: 100%;
    height: auto
}

@media screen and (max-width: 767px) {
    #statusProcessRate .__content .__overall {
        padding-bottom:3.75rem
    }

    #statusProcessRate .__content .__overall:after {
        content: "";
        position: absolute;
        bottom: 0;
        left: -1.5rem;
        right: -1.5rem;
        height: 1px;
        background: #ced2db
    }
}

#statusProcessRate .__content .__detailed {
    border-bottom: 2px solid #000;
    display: grid;
    grid-template-columns: repeat(3,1fr);
    gap: 1.875rem;
    padding: 0 2.8125rem
}

#statusProcessRate .__content .__detailed svg {
    display: block;
    width: 100%;
    height: auto
}

@media screen and (max-width: 767px) {
    #statusProcessRate .__content .__detailed {
        padding:0 .9375rem;
        gap: 1.25rem
    }

    #statusProcessRate .__content .__detailed svg .__name {
        font-size: 20px
    }
}

#statusProcessRate .__content .__notice {
    margin-top: 2.5rem;
    font-size: .875rem;
    line-height: 1.2
}

@media screen and (max-width: 767px) {
    #statusProcessRate .__content .__notice {
        font-size:1.25rem
    }
}

#statusProcessRate .__content .__notice ul {
    padding-top: .7142857143em
}

#statusProcessRate .__content .__notice li {
    padding-left: 2em;
    position: relative;
    padding-bottom: .7142857143em;
    margin-bottom: .7142857143em;
    border-bottom: 1px solid #ced2db
}

#statusProcessRate .__content .__notice li:last-child {
    border-bottom: 0;
    padding-bottom: 0;
    margin-bottom: 0
}

#statusProcessRate .__content .__notice li:before {
    content: "•";
    position: absolute;
    top: 0;
    left: .7142857143em
}

#statusConstruction {
    padding-top: 1.875rem;
    padding-bottom: 7.5rem;
    overflow: hidden
}

#statusConstruction .__header {
    margin-bottom: 3.75rem
}

#statusConstruction .gallery {
    display: none
}

#statusConstruction .gallery.active {
    display: block
}

#statusConstruction .gallery .slide {
    position: relative
}

@media screen and (max-width: 767px) {
    #statusConstruction .gallery .slide {
        margin:0 calc(1.5rem*-1)
    }
}

#statusConstruction .gallery .slide .swiper-slide {
    overflow: hidden
}

#statusConstruction .gallery .slide img {
    display: block;
    width: 100%;
    object-fit: cover
}

#statusConstruction .gallery .slide .gallery-nav {
    position: absolute;
    z-index: 3;
    left: 0;
    right: 0;
    bottom: 0;
    font-size: 1.25rem;
    height: 6em;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1.5em;
    background: linear-gradient(180deg,rgba(0,0,0,0) 0%,rgba(0,0,0,.8) 100%)
}

#statusConstruction .gallery .slide .gallery-nav a {
    width: 3em;
    aspect-ratio: 1/1;
    display: block;
    overflow: hidden;
    text-indent: -9999em;
    background: url(/resources/img/icon/prev.svg) 50% 50% no-repeat;
    background-size: contain
}

#statusConstruction .gallery .slide .gallery-nav a.__next {
    background-image: url(/resources/img/icon/next.svg)
}

@media screen and (max-width: 767px) {
    #statusConstruction .gallery .slide .gallery-nav {
        height:4em;
        justify-content: space-between
    }
}

#statusConstruction .gallery .tb-slide {
    margin-top: 1.875rem
}

#statusConstruction .gallery .tb-slide .swiper {
    overflow: visible
}

#statusConstruction .gallery .tb-slide .__img {
    display: block;
    position: relative;
    overflow: hidden;
    isolation: isolate
}

#statusConstruction .gallery .tb-slide .__img img {
    display: block;
    width: 100%;
    height: auto;
    aspect-ratio: 2/1;
    object-fit: cover;
    cursor: pointer
}

#statusConstruction .gallery .tb-slide .__img svg {
    display: block;
    position: absolute;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    transition: transform .4s cubic-bezier(.165,.84,.44,1);
    transform: translate(25%,-25%)
}

#statusConstruction .gallery .tb-slide .__img svg path {
    fill: #1dc28a;
    d: path("M2,1 Q2,0 1,0 L2,0")
}

#statusConstruction .gallery .tb-slide .__img.active svg {
    transform: translate(0,0)
}

.story-list .__list {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    gap: 2.5rem;
    row-gap: 3.75rem
}

@media screen and (max-width: 1023px) {
    .story-list .__list {
        grid-template-columns:repeat(2,1fr)
    }
}

@media screen and (max-width: 767px) {
    .story-list .__list {
        grid-template-columns:1fr
    }
}

.story-list .__list.__4 {
    grid-template-columns: repeat(4,1fr)
}

@media screen and (max-width: 1023px) {
    .story-list .__list.__4 {
        grid-template-columns:repeat(3,1fr)
    }
}

@media screen and (max-width: 767px) {
    .story-list .__list.__4 {
        grid-template-columns:repeat(2,1fr)
    }
}

.story-list .__list.__4 .story-list-item .__img img {
    aspect-ratio: 1/1
}

.story-list-item {
    --key-color: #ced2db
}

.story-list-item .__img {
    margin-bottom: .75em;
    position: relative;
    overflow: hidden;
    isolation: isolate
}

.story-list-item .__img img {
    display: block;
    aspect-ratio: 2/1;
    object-fit: cover;
    width: 100%;
    height: auto;
    position: relative
}

.story-list-item .__img svg {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    aspect-ratio: 1/1;
    height: 100%;
    transition: transform .4s cubic-bezier(.165,.84,.44,1);
    transform: translate(-25%,25%);
    opacity: .4
}

.story-list-item .__img svg path {
    fill: var(--key-color)
}

.story-list-item .__category {
    display: flex;
    font-size: .875em;
    font-weight: 600;
    margin-bottom: .4285714286em
}

.story-list-item .__category span {
    display: block;
    background: var(--key-color);
    padding: .35em 1em;
    border-radius: 2em
}

.story-list-item .__title {
    line-height: 1.3;
    font-weight: 500
}

@media screen and (max-width: 767px) {
    .story-list-item .__category {
        font-size:1.125rem
    }

    .story-list-item .__title {
        font-size: 1.5rem
    }
}

.story-list-item:hover .__img svg {
    transform: translate(0,0) !important
}

.related-posts .__header {
    margin-bottom: 2.5rem
}

@media screen and (max-width: 767px) {
    .faq-list {
        margin-left:-1.5rem;
        margin-right: -1.5rem
    }
}

.faq-list .__utils {
    display: flex;
    justify-content: space-between;
    font-size: .875rem;
    border-bottom: 2px solid #1dc28a
}

@media screen and (max-width: 767px) {
    .faq-list .__utils {
        border-bottom:0;
        font-size: 1.25rem;
        flex-direction: column;
        margin-bottom: 3.75rem
    }
}

.faq-list .__utils select,.faq-list .__utils form[name=faq_search_form] {
    font-size: inherit;
    color: inherit;
    font-family: inherit;
    display: block;
    border: 2px solid #1dc28a;
    margin-bottom: -2px;
    box-sizing: border-box;
    appearance: none;
    -webkit-appearance: none;
    height: 2.8571428571em;
    border-radius: 0;
    outline: none;
    box-shadow: none
}

@media screen and (max-width: 767px) {
    .faq-list .__utils select,.faq-list .__utils form[name=faq_search_form] {
        height:4em;
        border: 0
    }
}

.faq-list .__utils select {
    background: #fff url(/resources/img/icon/select-arrow.svg) 100% 50% no-repeat;
    background-size: auto 100%;
    padding: 0 3.5714285714em 0 1.4285714286em;
    cursor: pointer;
    font-weight: 500
}

@media screen and (max-width: 767px) {
    .faq-list .__utils select {
        padding:0 4em 0 1.25em;
        background-image: url(/resources/img/icon/select-arrow-lg.svg);
        background-color: #1dc28a
    }
}

.faq-list .__utils form[name=faq_search_form] {
    display: flex;
    max-width: 21.4285714286em;
    width: 100%
}

.faq-list .__utils form[name=faq_search_form] input {
    height: 2.5714285714em;
    border: 0;
    border-radius: 0;
    padding: 0 1.4285714286em;
    flex: 1;
    outline: none
}

.faq-list .__utils form[name=faq_search_form] input::placeholder {
    color: #ccc
}

.faq-list .__utils form[name=faq_search_form] button {
    display: inline-flex;
    width: 4.2857142857em;
    align-items: center;
    justify-content: center;
    height: 2.5714285714em;
    font-family: inherit;
    font-size: inherit;
    color: inherit;
    font-weight: 600
}

@media screen and (max-width: 767px) {
    .faq-list .__utils form[name=faq_search_form] {
        max-width:initial;
        background: #f9dc66
    }

    .faq-list .__utils form[name=faq_search_form] input {
        height: 4em
    }

    .faq-list .__utils form[name=faq_search_form] input::placeholder {
        color: #666
    }

    .faq-list .__utils form[name=faq_search_form] button {
        width: initial;
        height: 4em;
        padding: 0 1.25em
    }
}

@media screen and (max-width: 767px) {
    .faq-list .__list {
        border-top:1px solid #ced2db
    }
}

.faq-list-item {
    font-size: 1rem;
    padding: 1.25em 2.5em;
    display: flex;
    align-items: flex-start;
    gap: 2.5em;
    line-height: 1.5em;
    border-bottom: 1px solid #ced2db;
    transition: background .4s ease
}

@media screen and (max-width: 767px) {
    .faq-list-item {
        font-size:1.25rem;
        flex-direction: column;
        gap: 0;
        padding: 1.25em
    }
}

.faq-list-item .__category {
    width: 10em;
    padding: .5em 0
}

@media screen and (max-width: 767px) {
    .faq-list-item .__category {
        font-size:1.125rem;
        padding: 0;
        width: initial
    }
}

.faq-list-item .__q-a {
    flex: 1
}

.faq-list-item .__q-a .__q {
    display: flex;
    gap: 1.25em;
    cursor: pointer
}

.faq-list-item .__q-a .__q strong {
    display: block;
    padding: .5em 0;
    font-weight: 500
}

.faq-list-item .__q-a .__q i {
    display: block;
    margin-left: auto;
    background: url(/resources/img/icon/select-arrow.svg) 50% 50% no-repeat;
    background-size: auto 100%;
    width: 2.5em;
    min-width: 2.5em;
    height: 2.5em
}

@media screen and (max-width: 767px) {
    .faq-list-item .__q-a .__q strong {
        padding:0
    }

    .faq-list-item .__q-a .__q i {
        background-image: url(/resources/img/icon/select-arrow-sm.svg);
        width: 1.5em;
        min-width: 1.5em;
        height: 1.5em
    }
}

.faq-list-item .__q-a .__a {
    display: grid;
    grid-template-rows: 0fr;
    transition: grid-template-rows .4s ease
}

.faq-list-item .__q-a .__a .__row {
    overflow: hidden
}

.faq-list-item .__q-a .__a .__inner {
    padding: 1.25em 0
}

.faq-list-item.active {
    background: #f7f7f7
}

.faq-list-item.active .__q-a .__q i {
    transform: rotate(180deg)
}

.faq-list-item.active .__q-a .__a {
    grid-template-rows: 1fr
}

.about-newlobby {
    margin-top: 3.75rem
}

.about-newlobby .__box {
    padding: 1.875em 16.25em 1.875em 1.875em;
    background: #f9dc66;
    border-radius: 0 3.75em 0 0;
    position: relative
}

.about-newlobby .__box h4 {
    margin-bottom: .625em
}

.about-newlobby .__box p {
    color: #333
}

.about-newlobby .__box .__cha {
    position: absolute;
    bottom: 0;
    right: 2em;
    width: 12.5em;
    aspect-ratio: 3/2;
    overflow: hidden
}

.about-newlobby .__box .__cha img {
    display: block;
    width: 100%
}

@media screen and (max-width: 767px) {
    .about-newlobby .__box {
        padding:1.875rem 1.5625rem;
        border-radius: 0;
        margin: 0 -1.5rem
    }

    .about-newlobby .__box h4 {
        font-size: 1.25rem
    }

    .about-newlobby .__box p {
        font-size: 1rem
    }

    .about-newlobby .__box .__cha {
        aspect-ratio: initial;
        width: 6.25rem;
        bottom: auto;
        top: 0;
        transform: translateY(-40%);
        right: 1.5625rem
    }
}

.qna-list table {
    width: 100%;
    display: block;
    font-size: 1rem;
    line-height: 1.5em
}

.qna-list table thead,.qna-list table tbody {
    display: block
}

.qna-list table tr {
    padding: 0 2.5em;
    display: grid;
    grid-template-columns: 3.75em 1fr 6.25em;
    gap: 2.5em
}

.qna-list table th,.qna-list table td {
    display: block;
    text-align: left
}

.qna-list table thead {
    border-bottom: 2px solid #1dc28a
}

.qna-list table th {
    font-size: .875em;
    padding: 1em 0;
    line-height: 1
}

.qna-list table tbody tr {
    border-bottom: 1px solid #ced2db
}

.qna-list table tbody tr:hover {
    background: #1dc28a;
    border-radius: 0 0 2.5em
}

.qna-list table td {
    padding: 1.125em 0
}

@media screen and (max-width: 767px) {
    .qna-list {
        margin-left:-1.5rem;
        margin-right: -1.5rem
    }

    .qna-list table {
        font-size: 1.25rem
    }

    .qna-list table thead {
        background: #1dc28a;
        border-bottom: 0
    }

    .qna-list table tr {
        padding: 0 .5em;
        grid-template-columns: 3.75em 1fr 5em;
        gap: .5em
    }

    .qna-list table th,.qna-list table td {
        font-size: 1em;
        padding: 1em 0
    }
}

.lobby-character-slides {
    --key-color: #1dc28a;
    position: relative
}

.lobby-character-slides .swiper-slide {
    overflow: hidden
}

.lobby-character-slides .slide-item {
    position: relative;
    aspect-ratio: 1440/660;
    width: 100%;
    display: flex;
    justify-content: center;
    box-sizing: border-box;
    box-sizing: border-box
}

.lobby-character-slides .slide-item .__inner {
    padding: clamp(.9375rem,3.4722222222vw,3.125rem);
    box-sizing: border-box
}

@media screen and (orientation: portrait) {
    .lobby-character-slides .slide-item {
        aspect-ratio:540/840;
        max-height: 840px
    }

    .lobby-character-slides .slide-item .__inner {
        padding: clamp(1.125rem,11.1111111111vw,3.75rem) clamp(.46875rem,4.6296296296vw,1.5625rem)
    }
}

.lobby-character-slides .slide-item .__show-m {
    display: none
}

@media screen and (orientation: portrait) {
    .lobby-character-slides .slide-item .__show-m {
        display:block
    }
}

.lobby-character-slides .slide-item .__sentence {
    display: inline-flex;
    overflow: hidden
}

.lobby-character-slides .slide-item .__sentence span {
    display: block
}

.lobby-character-slides .slide-item .__title {
    font-size: clamp(1.125rem,4.1666666667vw,3.75rem);
    font-weight: 500
}

@media screen and (orientation: portrait) {
    .lobby-character-slides .slide-item .__title {
        font-size:clamp(1.125rem,11.1111111111vw,3.75rem)
    }
}

.lobby-character-slides .slide-item .__desc {
    font-size: clamp(.3rem,1.1111111111vw,1rem);
    font-weight: 400;
    line-height: 1.5em;
    margin-top: 1.25em
}

@media screen and (orientation: portrait) {
    .lobby-character-slides .slide-item .__desc {
        font-size:clamp(.375rem,3.7037037037vw,1.25rem)
    }

    .lobby-character-slides .slide-item .__desc span {
        display: block
    }

    .lobby-character-slides .slide-item .__desc br {
        display: none
    }
}

.lobby-character-slides .slide-item .__img img {
    display: block;
    width: 100%
}

.lobby-character-slides .slide-item .__img .__m {
    display: none
}

@media screen and (orientation: portrait) {
    .lobby-character-slides .slide-item .__img .__m {
        display:block
    }

    .lobby-character-slides .slide-item .__img .__d {
        display: none
    }
}

.lobby-character-slides .slide-item[data-index="1"] {
    align-items: center
}

.lobby-character-slides .slide-item[data-index="1"] .__inner {
    display: flex
}

.lobby-character-slides .slide-item[data-index="1"] .__inner .__title {
    padding: .6666666667em 0
}

.lobby-character-slides .slide-item[data-index="1"] .__inner .__img {
    width: clamp(8.625rem,31.9444444444vw,28.75rem)
}

@media screen and (orientation: portrait) {
    .lobby-character-slides .slide-item[data-index="1"] {
        font-size:clamp(1.125rem,11.1111111111vw,3.75rem)
    }

    .lobby-character-slides .slide-item[data-index="1"] .__inner {
        flex-direction: column;
        text-align: center
    }

    .lobby-character-slides .slide-item[data-index="1"] .__inner .__img {
        width: clamp(8.625rem,85.1851851852vw,28.75rem)
    }
}

.lobby-character-slides .slide-item[data-index="2"] .__inner {
    display: grid;
    grid-template-columns: repeat(2,1fr);
    grid-template-areas: "a b" "c b"
}

.lobby-character-slides .slide-item[data-index="2"] .__img1 {
    display: flex;
    justify-content: flex-end;
    grid-area: c;
    margin-top: clamp(.9375rem,3.4722222222vw,3.125rem);
    margin-right: clamp(.1875rem,.6944444444vw,.625rem)
}

.lobby-character-slides .slide-item[data-index="2"] .__img1 img {
    width: clamp(8.55rem,31.6666666667vw,28.5rem)
}

.lobby-character-slides .slide-item[data-index="2"] .__img2 {
    grid-area: b;
    margin-left: clamp(.1875rem,.6944444444vw,.625rem);
    margin-top: clamp(1.875rem,6.9444444444vw,6.25rem)
}

.lobby-character-slides .slide-item[data-index="2"] .__img2 img {
    width: clamp(9.4125rem,34.8611111111vw,31.375rem)
}

@media screen and (orientation: portrait) {
    .lobby-character-slides .slide-item[data-index="2"] .__inner {
        display:flex;
        flex-direction: column;
        width: 100%
    }

    .lobby-character-slides .slide-item[data-index="2"] .__img1 {
        display: block;
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        width: clamp(10.125rem,100vw,33.75rem);
        position: relative
    }

    .lobby-character-slides .slide-item[data-index="2"] .__img1 img {
        width: 100%
    }

    .lobby-character-slides .slide-item[data-index="2"] .__img2 {
        display: none
    }
}

.lobby-character-slides .slide-item[data-index="3"] .__inner {
    display: flex;
    gap: clamp(1.125rem,4.1666666667vw,3.75rem);
    width: 100%
}

.lobby-character-slides .slide-item[data-index="3"] .__img1 {
    margin-top: clamp(1.5rem,5.5555555556vw,5rem);
    margin-left: auto;
    width: clamp(3.28125rem,12.1527777778vw,10.9375rem)
}

.lobby-character-slides .slide-item[data-index="3"] .__img2 {
    width: clamp(13.78125rem,51.0416666667vw,45.9375rem)
}

@media screen and (orientation: portrait) {
    .lobby-character-slides .slide-item[data-index="3"] .__inner {
        display:block
    }

    .lobby-character-slides .slide-item[data-index="3"] .__img1 {
        display: none
    }

    .lobby-character-slides .slide-item[data-index="3"] .__img2 {
        margin-top: clamp(.375rem,3.7037037037vw,1.25rem);
        width: clamp(9.91875rem,97.962962963vw,33.0625rem);
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        position: relative
    }
}

.lobby-character-slides .slide-item[data-index="4"] .__inner {
    display: flex
}

.lobby-character-slides .slide-item[data-index="4"] .__img {
    margin-top: clamp(.75rem,2.7777777778vw,2.5rem);
    width: clamp(15.3375rem,56.8055555556vw,51.125rem);
    margin-left: clamp(-8.4375rem,-31.25vw,-28.125rem)
}

@media screen and (orientation: portrait) {
    .lobby-character-slides .slide-item[data-index="4"] .__inner {
        display:block;
        width: 100%
    }

    .lobby-character-slides .slide-item[data-index="4"] .__img {
        margin-left: 0;
        margin-top: clamp(.1875rem,1.8518518519vw,.625rem);
        width: clamp(10.125rem,100vw,33.75rem);
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        position: relative
    }
}

.lobby-character-slides .slide-item[data-index="5"] .__inner {
    display: flex
}

.lobby-character-slides .slide-item[data-index="5"] .__img {
    margin-top: clamp(1.0125rem,3.75vw,3.375rem);
    width: clamp(14.9625rem,55.4166666667vw,49.875rem);
    margin-left: clamp(-8.625rem,-31.9444444444vw,-28.75rem)
}

.lobby-character-slides .slide-item[data-index="5"] .__inner {
    display: block;
    width: 100%
}

.lobby-character-slides .slide-item[data-index="5"] .__img {
    margin-left: 0;
    margin-top: clamp(0rem,0vw,0rem);
    width: clamp(10.125rem,100vw,33.75rem);
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    position: relative
}

@media screen and (orientation: portrait) {
    .lobby-character-slides .slide-nav {
        position:absolute;
        left: 0;
        right: 0;
        bottom: 0;
        background: #fff;
        z-index: 3
    }
}

#aboutCharacters .__characters {
    display: grid;
    aspect-ratio: 1440/650;
    grid-template-columns: repeat(3,1fr)
}

@media screen and (orientation: portrait) {
    #aboutCharacters .__characters {
        aspect-ratio:initial;
        grid-template-columns: repeat(1,1fr)
    }

    #aboutCharacters .__characters .__character {
        aspect-ratio: 540/760;
        max-height: 760px
    }
}

#aboutCharacters .__characters .__title {
    font-size: clamp(1.125rem,4.1666666667vw,3.75rem);
    font-weight: 500
}

@media screen and (orientation: portrait) {
    #aboutCharacters .__characters .__title {
        font-size:clamp(1.125rem,11.1111111111vw,3.75rem)
    }
}

#aboutCharacters .__characters .__desc {
    font-size: clamp(.3rem,1.1111111111vw,1rem);
    font-weight: 400;
    line-height: 1.5em;
    margin-top: 1.25em
}

@media screen and (orientation: portrait) {
    #aboutCharacters .__characters .__desc {
        font-size:clamp(.375rem,3.7037037037vw,1.25rem)
    }
}

#aboutCharacters .__characters .__character {
    position: relative;
    text-align: center;
    overflow: hidden
}

#aboutCharacters .__characters .__character .__description {
    padding: clamp(1.6125rem,5.9722222222vw,5.375rem) clamp(.375rem,1.3888888889vw,1.25rem);
    margin: 0 auto
}

@media screen and (orientation: portrait) {
    #aboutCharacters .__characters .__character .__description {
        padding:clamp(1.6125rem,15.9259259259vw,5.375rem) clamp(.375rem,3.7037037037vw,1.25rem)
    }
}

#aboutCharacters .__characters .__character:nth-child(1) {
    background: #1dc28a
}

#aboutCharacters .__characters .__character:nth-child(2) {
    background: #ced2db
}

#aboutCharacters .__characters .__character:nth-child(3) {
    background: #f9dc66
}

#aboutCharacters .__characters .__character .__img {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 0;
    width: clamp(8.25rem,30.5555555556vw,27.5rem)
}

#aboutCharacters .__characters .__character .__img img {
    display: block;
    width: 100%
}

@media screen and (orientation: portrait) {
    #aboutCharacters .__characters .__character .__img {
        width:clamp(9rem,88.8888888889vw,30rem)
    }
}

.event--your-expectation--wrapper .event-title-area {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 1.25rem
}

.event--your-expectation--wrapper .event-title-area .__img {
    margin: 3.75rem auto
}

.event--your-expectation--wrapper .event-title-area .__img img {
    display: block;
    width: 100%;
    max-width: 33.75rem
}

@media screen and (max-width: 767px) {
    .event--your-expectation--wrapper .event-title-area span {
        display:inline-block
    }
}

.event--your-expectation--wrapper #eventYE_Info {
    background: #f9dc66;
    padding: 3.125rem 0
}

.event--your-expectation--wrapper #eventYE_Info .event-info {
    margin: 0 auto;
    display: flex;
    justify-content: center
}

.event--your-expectation--wrapper #eventYE_Info .event-info .event-info-list {
    margin: 0 auto
}

.event--your-expectation--wrapper #eventYE_Info .event-info .event-info-list dl {
    display: flex
}

@media screen and (max-width: 767px) {
    .event--your-expectation--wrapper #eventYE_Info .event-info .event-info-list dl {
        flex-direction:column
    }
}

.event--your-expectation--wrapper #eventYE_Info .event-info .event-info-list dl+dl {
    margin-top: 1.7777777778em
}

.event--your-expectation--wrapper #eventYE_Info .event-info .event-info-list dl dt {
    width: 6em
}

@media screen and (max-width: 767px) {
    .event--your-expectation--wrapper #eventYE_Info .event-info .event-info-list dl dt {
        font-size:.9em;
        margin-bottom: .5em
    }
}

.event--your-expectation--wrapper #eventYE_Info .event-info .event-info-list dl dd {
    flex: 1
}

.event--your-expectation--wrapper #eventYE_Info .event-info .event-info-list dl dd li+li,.event--your-expectation--wrapper #eventYE_Info .event-info .event-info-list dl dd p+p {
    margin-top: .4em
}

#eventYE_Survey h3,#eventYE_Survey .__cta {
    display: flex;
    justify-content: center;
    text-align: center
}

#eventYE_Survey h3 {
    margin-bottom: 3.75rem
}

#eventYE_Survey .__cta {
    margin-top: 2.5rem
}

#eventYE_Survey .__cta button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 4em;
    padding: 0 2em;
    background: #1dc28a;
    position: relative;
    z-index: 1;
    border: 0;
    transition: background .3s;
    cursor: pointer
}

#eventYE_Survey .__cta button img {
    display: block;
    width: 4.4em;
    transform: translateX(1em)
}

#eventYE_Survey .__cta button:hover {
    background: #f9dc66
}

@media screen and (max-width: 767px) {
    #eventYE_Survey .__cta button {
        font-size:1.5rem;
        padding: 0
    }

    #eventYE_Survey .__cta button span {
        z-index: 2;
        position: relative;
        background: #1dc28a;
        padding: 0 1em;
        height: 100%;
        display: inline-flex;
        align-items: center
    }

    #eventYE_Survey .__cta button img {
        position: absolute;
        z-index: 1;
        right: 0;
        top: 0;
        transform: translateY(-50%)
    }
}

#eventYE_Survey .__options {
    display: grid;
    gap: 1.875rem
}

@media screen and (max-width: 767px) {
    #eventYE_Survey .__options {
        gap:0
    }

    #eventYE_Survey .__options .__option+.__option {
        border-top: 1px solid #ced2db
    }
}

#eventYE_Survey .__option {
    display: block;
    background: #f7f7f7;
    border-radius: 1.875rem;
    padding: 1.875rem;
    border: .3125rem solid #f7f7f7;
    overflow: hidden;
    isolation: isolate;
    position: relative
}

@media screen and (max-width: 767px) {
    #eventYE_Survey .__option {
        padding:1.875rem 1.5rem 6.25rem;
        border-radius: 0;
        margin: 0 -1.5rem;
        border: 0
    }

    #eventYE_Survey .__option.active {
        border: 0
    }
}

#eventYE_Survey .__option.active {
    border-color: #1dc28a
}

#eventYE_Survey .__option .__option-title-area {
    display: flex;
    gap: 1.25rem;
    align-items: center
}

#eventYE_Survey .__option .__option-title-area input {
    appearance: none;
    -webkit-appearance: none;
    width: 2.5rem;
    min-width: 2.5rem;
    height: 2.5rem;
    box-sizing: border-box;
    background: url(/resources/img/icon/check-lg.svg) 50% 50% no-repeat;
    background-size: cover;
    border-radius: 50%
}

#eventYE_Survey .__option .__option-title-area input:checked {
    background-image: url(/resources/img/icon/checked-lg.svg)
}

#eventYE_Survey .__option .__option-title-area h5 {
    display: flex;
    flex-direction: column
}

#eventYE_Survey .__option .__option-title-area h5 strong {
    font-size: .7em;
    font-weight: 500
}

#eventYE_Survey .__option .__option-title-area a {
    margin-left: auto;
    text-decoration: underline;
    text-underline-offset: .4em;
    white-space: nowrap
}

@media screen and (max-width: 767px) {
    #eventYE_Survey .__option .__option-title-area {
        flex-wrap:wrap
    }

    #eventYE_Survey .__option .__option-title-area a {
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        bottom: 1.875rem
    }
}

#eventYE_Survey .__option .__option-desc {
    display: grid;
    grid-template-columns: repeat(2,1fr);
    gap: 1.875rem;
    margin-top: 1.875rem
}

#eventYE_Survey .__option .__option-desc .__img img {
    display: block;
    width: 100%
}

#eventYE_Survey .__option .__option-desc .__desc {
    display: flex;
    flex-direction: column;
    gap: .875rem
}

@media screen and (max-width: 767px) {
    #eventYE_Survey .__option .__option-desc {
        grid-template-columns:1fr
    }
}

#eventYE_Survey .__option .__places {
    margin-top: 1.875rem;
    margin-left: -.9375rem;
    margin-right: -.9375rem
}

#eventYE_Survey .__option .__places .swiper {
    overflow: visible
}

#eventYE_Survey .__option .__places .__place {
    display: flex;
    flex-direction: column;
    gap: .625rem;
    text-align: center;
    padding: 0 .9375rem
}

#eventYE_Survey .__option .__places .__place img {
    display: block;
    width: 100%;
    aspect-ratio: 3/2;
    height: auto;
    object-fit: cover
}

@media screen and (max-width: 767px) {
    #eventYE_Survey .__option .__places {
        margin-left:-.375rem;
        margin-right: -.375rem
    }

    #eventYE_Survey .__option .__places .swiper-slide {
        width: 75vw;
        max-width: 27.5rem
    }

    #eventYE_Survey .__option .__places .__place {
        padding: 0 .375rem
    }
}

#eventYE_Notice {
    background: #1dc28a;
    padding: 3.75rem 0
}

#eventYE_Notice .__more-info {
    display: flex;
    justify-content: center;
    flex-direction: column;
    text-align: center;
    gap: 1.875rem;
    max-width: 36em;
    margin: 0 auto
}

#eventYE_Notice .__more-info em {
    color: #fff
}

@media screen and (max-width: 767px) {
    #eventYE_Notice .__more-info span {
        display:block
    }
}

#eventYE_Comment .__event-comments {
    max-width: 50rem;
    margin: 0 auto
}

#eventYE_Comment .__event-comments h3 {
    margin-bottom: 1.25rem
}

#eventYE_Comment .__event-comments .__comments {
    border-top: 1px solid #ced2db
}

#eventYE_Comment .__event-comments .__comment {
    border-bottom: 1px solid #ced2db;
    padding: 1.875rem 0
}

#eventYE_Comment .__event-comments .__comment .__meta {
    display: flex;
    gap: .625rem;
    align-items: center;
    margin-bottom: .375rem
}

#eventYE_Comment .__event-comments .__comment .__meta .__name {
    font-weight: 600
}

#eventYE_Comment .__event-comments .__comment .__title {
    margin-bottom: .5rem;
    display: inline-flex;
    gap: .375rem;
    align-items: center
}

#eventYE_Comment .__event-comments .__comment .__title .__spot {
    background: #1dc28a;
    padding: .4em .6825em;
    border-radius: 2em;
    font-weight: 600;
    font-size: .7em
}

#eventApplyModal .__title {
    margin-bottom: 1.25rem
}

#eventApplyModal .__title span .__code {
    display: inline-flex;
    margin-right: .3em;
    transform: translateY(-.1em);
    font-size: .725em;
    font-weight: 600;
    background: #1dc28a;
    padding: .1em .725em;
    border-radius: 2em
}

@media screen and (max-width: 767px) {
    #eventApplyModal .__title {
        flex-direction:column
    }
}

#eventApplyModal .__notice {
    margin-bottom: 1.25rem
}

#eventApplyModal .__notice li {
    position: relative;
    padding-left: .75em
}

#eventApplyModal .__notice li:before {
    content: "*";
    position: absolute;
    top: 0;
    left: 0
}

#eventApplyModal form {
    display: grid;
    gap: 1.25rem
}

#eventApplyModal textarea {
    width: 100%;
    display: block;
    font-family: inherit;
    padding: 1em;
    border: 1px solid #ced2db;
    color: inherit;
    font-size: inherit;
    line-height: 1.4;
    box-sizing: border-box;
    border-radius: 0;
    margin-bottom: 1.25rem
}

#eventApplyModal .form-action {
    margin-top: 2.5rem;
    display: grid;
    gap: 1.875rem
}

#eventApplyModal .form-action button[type=submit] {
    display: flex;
    align-items: center;
    height: 2.6666666667em;
    padding: 0 1em;
    text-align: center;
    justify-content: center;
    background: #1dc28a;
    font-weight: 400
}

#eventApplyModal .form-action button[type=button] {
    text-decoration: underline;
    text-underline-offset: .325em
}

#eventPrivacyPolicyModal .__privacy-policy-content {
    display: grid;
    gap: 1.25rem
}

#eventPrivacyPolicyModal .__privacy-policy-content table {
    margin-bottom: 1.25rem;
    width: 100%;
    border-collapse: collapse;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000
}

#eventPrivacyPolicyModal .__privacy-policy-content table th {
    border-bottom: 1px solid #000;
    font-weight: 600;
    white-space: nowrap
}

#eventPrivacyPolicyModal .__privacy-policy-content table th,#eventPrivacyPolicyModal .__privacy-policy-content table td {
    text-align: left;
    padding: .8em
}

#eventPrivacyPolicyModal .__privacy-policy-content ul {
    margin-bottom: 1.25rem
}

#eventPrivacyPolicyModal .__privacy-policy-content ul li {
    position: relative;
    padding-left: .8em
}

#eventPrivacyPolicyModal .__privacy-policy-content ul li:before {
    content: "•";
    position: absolute;
    top: 0;
    left: 0
}

#eventApplyCompleteModal .__event-apply-complete {
    display: grid;
    gap: 1.25rem;
    text-align: center
}

#eventApplyCompleteModal .__event-apply-complete i svg {
    display: block;
    margin: 0 auto;
    width: 12.5rem;
    height: 12.5rem
}

#eventApplyCompleteModal .__event-apply-complete dl {
    margin: 2.5rem 0
}

#eventApplyCompleteModal .__event-apply-complete .__confirm {
    background: #f9dc66;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 2em;
    height: 2.6666666667em;
    text-align: center
}

.section-guide {
    padding: 5.625rem 0;
    overflow: hidden
}

.section-guide.__green {
    background: #1dc28a
}

.section-guide.__yellow {
    background: #f9dc66
}

.section-guide.__grey {
    background: #ced2db
}

.section-guide .__img {
    margin-top: 3.75rem
}

.section-guide .__img img {
    width: 100%;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    position: relative;
    display: block
}

.section-guide .__img .__m {
    display: none
}

@media screen and (max-width: 767px) {
    .section-guide .__img .__m {
        display:block
    }

    .section-guide .__img .__d {
        display: none
    }
}

.section-guide .guide-header {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center
}

.section-guide .guide-header .__title {
    line-height: 1.2777777778em
}

@media screen and (max-width: 767px) {
    .section-guide .guide-header .__title {
        font-size:1.75rem
    }

    .section-guide .guide-header .__title br {
        display: none
    }

    .section-guide .guide-header .__title small,.section-guide .guide-header .__title span {
        display: block
    }

    .section-guide .guide-header .__title small {
        font-size: .7222222222em;
        margin-bottom: 1em
    }
}

.section-guide .guide-content {
    max-width: 50rem;
    margin: 0 auto
}

.section-guide .guide-content .__sub-title {
    margin-bottom: 1em
}

@media screen and (max-width: 767px) {
    .section-guide .guide-content .__sub-title {
        font-size:1.875rem
    }
}

.section-guide .guide-content ul,.section-guide .guide-content p {
    margin-top: .625rem;
    line-height: 1.5em
}

.section-guide .guide-content ul li {
    position: relative;
    padding-left: .8em
}

.section-guide .guide-content ul li:before {
    content: "•";
    position: absolute;
    top: 0;
    left: 0
}

.section-guide .ending {
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 3.75rem
}

.section-guide .ending a {
    border: 1px solid #ced2db;
    height: 4em;
    box-sizing: border-box;
    padding: 0 1em;
    display: inline-flex;
    align-items: center;
    gap: .25em;
    transition: background-color .3s
}

.section-guide .ending a img,.section-guide .ending a svg {
    display: block;
    width: auto;
    height: 4.5em;
    transform: translate(.4em,.8em)
}

.section-guide .ending a:hover {
    background: #1dc28a;
    border-color: #1dc28a
}

@media screen and (max-width: 767px) {
    .section-guide .ending {
        gap:6.25rem
    }

    .section-guide .ending p {
        display: grid;
        gap: .5em;
        font-size: 1.25rem
    }

    .section-guide .ending p br {
        display: none
    }

    .section-guide .ending p span {
        display: block
    }

    .section-guide .ending a {
        position: relative;
        padding: 1.5em
    }

    .section-guide .ending a img,.section-guide .ending a svg {
        right: 0;
        top: 0;
        position: absolute;
        transform: translate(-.3em,-3.5em)
    }
}