:root {
    --gap: 60px;
    --gap-1-2: 30px
}

.story-list-item .__img svg {
    opacity: 1
}

#introSlogan .__grid .slogan .__title {
    font-size: clamp(2.5rem,4.0540540541vw,3.5rem)
}

.tabs .tab-menu.faq-cat-menu {
    margin-bottom: 0;
    border-bottom: none
}

.faq-list-item .__q-a .__q i {
    background-image: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14 17L20 23L26 17.2371' stroke='black' stroke-width='2'/%3E%3C/svg%3E%0A")
}

.faq-list .__utils select {
    background-image: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14 17L20 23L26 17.2371' stroke='black' stroke-width='2'/%3E%3C/svg%3E%0A")
}

.faq-list-item.active {
    border-radius: 0
}

.faq-list-item .__q-a .__a .__inner p {
    margin-bottom: 1em
}

@media all and (min-width: 768px) {
    .faq-list #catSelector {
        display:none
    }
}

@media all and (max-width: 767px) {
    .faq-list .faq-cat-menu {
        display:none
    }
}

.loco .tribe-events-view .__header {
    margin-bottom: 3.75rem
}

.loco .tribe-events-calendar-list__event-description p {
    margin-bottom: 1em
}

.loco .tribe-events-calendar-list__event-title a {
    display: flex;
    gap: 10px;
    align-items: center;
    flex-wrap: wrap;
    border-bottom: none
}

.loco .tribe-events-calendar-list__event-title a:hover {
    text-decoration: none;
    border-bottom: none
}

.loco.tribe-events-page-template .__category {
    display: inline-block;
    font-size: 12px;
    margin-right: 4px
}

.loco .tribe-events-calendar-list__event-title .__category {
    display: flex;
    font-size: 14px;
    font-weight: 600;
    gap: 6px;
    margin-right: 0
}

.loco.tribe-events-page-template .__category span {
    display: block;
    background: var(--color-grey);
    padding: .25em 1em;
    border-radius: 2em
}

.loco.tribe-events-page-template .__category span.event-schedule {
    background: var(--color-yellow)
}

.loco.tribe-events-page-template .__category span.construction-schedule {
    background: var(--color-green)
}

.loco #tribe-events-content.__single-post-content {
    font-size: 18px;
    line-height: 1.7
}

body.modal-opened {
    overflow: hidden
}

.modal {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #000;
    background-color: rgba(0,0,0,.75);
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all .5s ease-out;
    -moz-transition: all .5s ease-out;
    -ms-transition: all .5s ease-out;
    -o-transition: all .5s ease-out;
    transition: all .5s ease-out
}

.modal.active {
    z-index: 99998;
    opacity: 1;
    visibility: visible
}

.modal.active.modal-top {
    z-index: 99999
}

.modal .btn-close {
    position: absolute;
    font-size: 50px;
    line-height: 1;
    color: var(--color-dark);
    top: 20px;
    right: 30px;
    display: block
}

.modal .modal-inner {
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    padding: 80px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.modal-box {
    background: #fff;
    width: 960px;
    margin: 0 auto;
    min-height: 400px;
    -webkit-box-shadow: 0 0 40px rgba(0,0,0,.8);
    -moz-box-shadow: 0 0 40px rgba(0,0,0,.8);
    box-shadow: 0 0 40px rgba(0,0,0,.8);
    position: relative
}

.modal-box.modal-box-md {
    max-width: 770px;
    background-color: #fff
}

.modal-box.modal-box-sm {
    max-width: 480px
}

.modal-box .modal-header {
    background: #212121;
    text-align: center;
    color: #fff;
    padding: 30px
}

.modal-box .modal-header .modal-title {
    color: #fff;
    font-size: 32px;
    line-height: 1.25;
    padding-top: 50px
}

.modal-box .modal-body {
    padding: 30px
}

@media all and (max-width: 980px) {
    body.modal-opened {
        overflow:auto
    }

    .modal.active {
        display: block
    }

    .modal .modal-inner {
        overflow-y: auto;
        overflow-x: hidden;
        padding: 0
    }

    .modal-box {
        width: auto;
        max-width: 640px;
        min-height: 100vh
    }

    .modal .btn-close {
        top: 0;
        right: 0;
        width: 36px;
        height: 36px;
        text-align: center;
        line-height: 36px;
        font-size: 22px;
        position: fixed;
        z-index: 9999
    }

    .modal-box .modal-header {
        padding: 15px
    }

    .modal-box .modal-header .modal-title {
        font-size: 22px;
        background-size: 190px auto;
        padding-top: 26px
    }

    .modal-box .modal-body {
        padding: 15px
    }
}

.post-login-form {
    display: flex;
    flex-direction: column;
    gap: 40px
}

.post-login-form .input-box {
    display: flex;
    flex-direction: column;
    gap: 15px
}

.post-login-form .input-box label {
    display: block;
    margin-bottom: 5px;
    font-size: 14px
}

.post-login-form .input-box input[type=email],.post-login-form .input-box input[type=password] {
    font-size: 16px;
    width: 100%;
    font: inherit;
    padding: 0 15px;
    height: 42px;
    line-height: 1;
    display: inline-block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid var(--color-grey);
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 3px
}

.post-login-form input {
    width: 100%
}

.post-login-form input[type=submit] {
    padding: 0 28px;
    background-color: #000;
    border: 1px solid #000;
    color: #fff;
    height: 42px;
    vertical-align: bottom;
    font-size: 1em
}

.qna-list table tr.--no-content {
    display: block
}

.qna-list table tbody tr.--no-content:hover {
    background:0  0;
    border-radius: 0;
}

.qna-list table tr.--no-content td {
    text-align: center
}

.qna-list table tr td i {
    margin-left: 10px
}

.form-board-write .acf-field[data-type=taxonomy] ul.acf-checkbox-list {
    font-size: .85em;
    display: flex;
    flex-wrap: wrap;
    gap: 40px
}

.form-board-write .acf-field[data-type=taxonomy] ul.acf-checkbox-list.acf-bl:before {
    display: none
}

.form-board-write .acf-field .acf-input input[type=file] {
    font-size: .875em;
    padding-top: .325em
}

.page-template-userboard-write #message.updated {
    display: flex;
    padding: 2em;
    border: 1px solid var(--color-grey);
    background-color: #f4f5f7;
    justify-content: center;
    align-items: center;
    font-family: "HyundaiSansHeadKR","HyundaiSansTextKR","Pretendard";
    margin-bottom: 2em;
    line-height: 1.5
}

.page-template-userboard-write .privacy-txt-box table {
    table-layout: fixed;
    border-collapse: collapse;
    overflow-x: auto;
    width: 100%;
    max-width: 100%;
    margin-bottom: 1em;
    border-top: 1px solid #d5d5d5
}

.page-template-userboard-write table th,.page-template-userboard-write table td {
    padding: 10px 15px;
    border-bottom: 1px solid #d5d5d5;
    border-left: 1px solid #d5d5d5;
    box-sizing: border-box;
    vertical-align: middle;
    font-weight: 300
}

.page-template-userboard-write table th {
    background-color: #f4f5f7;
    font-weight: 700
}

.page-template-userboard-write table th:last-child,.page-template-userboard-write table td:last-child {
    border-right: 1px solid #d5d5d5
}

.page-template-userboard-write .form-board div[data-name=privacy_agree]>.acf-label>label {
    text-decoration: underline;
    cursor: pointer
}

.page-template-userboard-write .form-board div[data-name=privacy_3rd_party_agree]>.acf-label>label {
    text-decoration: underline;
    cursor: pointer
}

.page-template-userboard-write .form-board .privacy-txt-box {
    display: none
}

@media all and (max-width: 980px) {
    .page-template-userboard-write table {
        display:block;
        width: fit-content
    }

    .page-template-userboard-write table th,.page-template-userboard-write table td {
        padding: 10px
    }
}

.single-user_board .file-container {
    padding: 1.5em 2em;
    background-color: #f4f5f7
}

.single-user_board .file-container .files-title {
    font-size: 1em;
    margin-bottom: 1em;
    padding-bottom: 1em;
    border-bottom: 1px solid #666
}

.single-user_board .file-container i {
    margin-right: 7px
}

.single-user_board .file-container {
    margin-top: 3.75em
}

.single-user_board .file-container .img-container {
    margin-top: 1.25em
}

.single-user_board .about-newlobby .__box .__cha {
    aspect-ratio: unset
}

#statusConstruction .gallery .swiper-wrapper {
    align-items: flex-end
}

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

.single .comment-respond .reply-title {
    margin-bottom: 1.875rem;
    font-size: 1rem;
    line-height: 1.5
}

.single .comment-respond .comment-notes {
    font-size: .875rem;
    line-height: 1.5;
    display: none
}

.single .comment-form-author.logged-in {
    margin-top: 1.875rem
}

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

.single .comment-respond input,.single .comment-respond textarea {
    width: 100%;
    display: block;
    border: 1px solid #ced2db;
    height: 2.8571428571em;
    font-size: inherit;
    font-family: inherit;
    line-height: inherit;
    padding: 0 1em;
    background: #fff;
    border-radius: 0;
    box-sizing: border-box
}

.single .comment-respond textarea {
    height: auto;
    padding: 1em
}

.single .comment-respond .form-submit {
    display: flex;
    justify-content: center
}

.single .comment-respond [type=submit] {
    font-weight: 600;
    height: 2.5em;
    display: block;
    border: 1px solid #ced2db;
    width: 15em;
    cursor: pointer;
    transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -ms-transition: all .3s ease
}

.single .comment-respond [type=submit]:hover {
    background-color: #000;
    border: 1px solid #ced2db;
    color: #fff
}

.single .comment-respond form>p+p {
    margin-top: 1.875rem
}

.single .comment-form-comment .comment_limit_info {
    margin-top: .5em;
    font-size: .875em;
    color: #666;
    text-align: right
}

.single .comment-respond .comment-reply-title>small {
    font-size: .75em;
    color: #666;
    margin-left: 1em;
    line-height: 1.2;
    text-decoration: underline
}

.single #email-notes {
    display: none
}

.post-comments .comment-item .reply {
    font-size: .875em;
    font-weight: 400;
    margin-top: 2.75em
}

.post-comments .comment-item .reply a {
    display: inline-block;
    border-bottom: 1px solid #000
}

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

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

.section-single .__post .__single-post-content {
    font-size: 18px;
    line-height: 1.7
}

.single .__single-post-content .wp-block-embed__wrapper {
    position: relative;
    padding-bottom: 56.25%;
    overflow: hidden;
    max-width: 100%;
    height: auto
}

.single .__single-post-content .wp-block-embed__wrapper iframe,.single .__single-post-content .wp-block-embed__wrapper object,.single .__single-post-content .wp-block-embed__wrapper embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.single .__single-post-content .wp-block-pullquote {
    text-align: left;
    padding-top: 0;
    padding-bottom: 0;
    margin-bottom: 0
}

.single .__single-post-content .wp-block-pullquote blockquote {
    padding-left: 0;
    border: none;
    position: relative
}

.single .__single-post-content .wp-block-pullquote blockquote:before {
    content: "";
    position: absolute;
    top: 4px;
    left: 0;
    width: 10px;
    height: 33px;
    background-image: url("data:image/svg+xml,%3Csvg width='10' height='33' viewBox='0 0 10 33' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.45061 0.752441H9.51619L5.56558 32.2182H0.5L4.45061 0.752441Z' fill='%2358ECB7'/%3E%3C/svg%3E");
    background-size: cover;
    background-position: 50% 50%;
    display: none
}

.single .__single-post-content .wp-block-pullquote p {
    font-size: 24px;
    color: var(--color-dark);
    line-height: 1.7;
    font-weight: 600
}

.single .__single-post-content blockquote {
    position: relative;
    border-left: none;
    margin-bottom: var(--gap);
    margin-top: var(--gap);
    font-weight: 500;
    font-size: 1.25em
}

.single .__single-post-content blockquote em {
    word-break: break-all
}

.single .__single-post-content figure {
    margin-bottom: 60px
}

.section-single .__post .__single-post-content .__no--margin figure {
    margin-top: 0!important;
    margin-bottom: 0!important
}

.section-single .__post .__single-post-content figure.aligncenter {
    margin-left: auto;
    margin-right: auto
}

.single .__single-post-content .wp-block-image figcaption {
    margin-top: 20px
}

.single .page-body .section-entry-content .entry-title {
    margin-bottom: calc(var(--gap)*2)
}

.single .__single-post-content h2,.single .__single-post-content h3,.single .__single-post-content h4,.single .__single-post-content h5 {
    font-size: 22px;
    line-height: 1.4;
    font-weight: 500;
    margin-bottom: 1em;
    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
}

.single .__single-post-content *+h2,.single .__single-post-content *+h3,.single .__single-post-content *+h4 {
    margin-top: 2.75em
}

.single .__single-post-content .wp-block-heading.mb-1 {
    margin-bottom: 1em
}

.single .__single-post-content .wp-block-columns p {
    margin-bottom: 1em
}

.single .__single-post-content .wp-block-separator {
    border-top: none;
    border-bottom: 1px solid var(--color-grey-3);
    margin-bottom: var(--gap);
    margin-top: var(--gap)
}

.single .__single-post-content .wp-block-columns {
    margin: 1.875em 0
}

.single .__single-post-content .wp-block-columns.is-layout-flex .wp-block-column {
    display: flex;
    flex-direction: column;
    gap: 2em
}

.single .__single-post-content .wp-block-columns.is-layout-flex .wp-block-column.d-flex {
    display: flex;
    flex-direction: row
}

.single .__single-post-content .wp-block-columns.is-layout-flex .wp-block-column>* {
    margin: 0
}

.single .__single-post-content .wp-block-columns.is-layout-flex .wp-block-column figure img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.single .__single-post-content strong {
    font-weight: 700
}

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

    .single .__single-post-content h2,.single .__single-post-content h3,.single .__single-post-content h4,.single .__single-post-content h5 {
        font-size: 20px
    }
}

.single-newsletter section {
    padding: var(--gap) 0;
    max-width: 720px;
    margin: 0 auto
}

.single-newsletter #content .container {
    max-width: 720px;
    width: 86.11%
}

section.newsletter-top {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    padding: 0
}

section.newsletter-top .newsletter-top-container {
    padding: calc(var(--gap-1-2)*3) 0 var(--gap);
    gap: var(--gap-1-2)
}

section.newsletter-top .newsletter-title-area {
    gap: var(--gap-1-4)
}

section.newsletter-top .vol-title {
    padding: 10px 20px;
    border-radius: 25px
}

section.newsletter-summary .newsletter-summary-container {
    gap: var(--gap-1-4)
}

section.newsletter-summary .newsletter-summary-container ul.newsletter-summary-contents {
    display: flex;
    flex-direction: column;
    gap: 8px
}

section.newsletter-summary .newsletter-summary-container ul.newsletter-summary-contents>li {
    position: relative;
    padding-left: 1.5em
}

section.newsletter-summary .newsletter-summary-container ul.newsletter-summary-contents>li>i {
    position: absolute;
    top: 3px;
    left: 0
}

section.newsletter-content .newsletter-content-container {
    gap: var(--gap-1-2)
}

section.newsletter-content .section-title {
    position: relative;
    display: inline-flex;
    align-items: flex-end;
    gap: 10px;
    color: var(--navy)
}

section.newsletter-content .section-content p,section.newsletter-content .section-content ul {
    margin-bottom: 30px
}

section.newsletter-content .section-content ul {
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding-left: 1em;
    list-style-type: disc
}

section.newsletter-content .section-content h3 {
    font-weight: 700;
    color: var(--navy);
    font-size: 20px;
    margin-bottom: 15px
}

section.newsletter-content .section-content>*:last-child {
    margin-bottom: 0
}

section.newsletter-content .section-title:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%;
    background-color: rgba(1,44,95,.1)
}

section.newsletter-faq {
    background-color: #eaf3fc
}

section.newsletter-faq .newsletter-faq-container {
    gap: var(--gap-1-2)
}

section.newsletter-faq .section-title-area,section.newsletter-faq .newsletter-faq-item {
    gap: 10px
}

section.newsletter-faq .newsletter-faq-contents {
    gap: var(--gap-1-2)
}

section.newsletter-next {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    padding: 100px 0;
    min-height: 640px
}

section.newsletter-next .newsletter-next-container {
    gap: var(--gap-1-2)
}

section.newsletter-next .section-title-area {
    gap: var(--gap-1-4);
    align-items: center
}

section.newsletter-next .vol-title {
    padding: 10px 20px;
    border-radius: 25px;
    background-color: var(--white);
    display: inline-block
}

section.newsletter-promise {
    background-color: #494949
}

section.newsletter-promise .newsletter-promise-container {
    gap: var(--gap-1-2)
}

section.newsletter-promise a.btn-loco {
    background-color: var(--gray-10)
}

@media all and (max-width: 768px) {
    section.newsletter-content .section-title i {
        max-width:24px
    }

    section.newsletter-next {
        min-height: 320px
    }
}

.page-monthly-newsletter .page-header {
    display: none
}

.page-monthly-newsletter .page-body>.container {
    display: flex;
    justify-content: center
}

.error404 #noPosts .nopost-warning-container {
    display: flex;
    flex-direction: column;
    gap: 10px;
    align-items: center
}

.error404 #noPosts .txt-404 {
    font-size: calc(48px + 8.5vw);
    line-height: 1
}

.page-template-policy .entry-content {
    line-height: 1.5
}

.page-template-policy .entry-content h2 {
    font-family: "HyundaiSansHeadKR","HyundaiSansTextKR","Pretendard";
    margin-bottom: 1em;
    font-size: 1.5em;
    line-height: 1.25
}

.page-template-policy .entry-content *+h2 {
    margin-top: 1.5em
}

.page-template-policy .entry-content p {
    margin-bottom: 1em
}

.page-template-policy .entry-content ol,.page-template-policy .entry-content ul {
    padding-left: 1em;
    display: flex;
    flex-direction: column;
    gap: 1rem
}

.page-template-policy .entry-content ol {
    list-style-type: decimal
}

.page-template-policy .entry-content ol>li>ul,.page-template-policy .entry-content ul>li>ul {
    margin-top: .5rem
}

.page-template-policy .entry-content *+figure {
    margin-top: .5rem
}

.section-guide .__img img {
    width: auto;
    max-width: 100%
}

.section-guide .btn-container {
    margin-top: 3.75rem;
    display: flex;
    justify-content: center;
    align-items: center
}

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

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

.post--sticky {
    background-color: #f7f7f7
}

.story-list-item .__category {
    justify-content: space-between;
    align-items: center;
    gap: 10px
}

.story-list-item .__category span.__badge {
    background-color: unset;
    padding: 0
}

.__category span.__badge.__passed {
    color: var(--color-grey)
}

.__category span.__badge.__ongoing {
    color: var(--color-green)
}

.__category span.__badge.__notyet {
    color: var(--color-yellow)
}

.loco .wp-pagenavi {
    border-top: 0;
    clear: both;
    margin-bottom: 30px;
    padding-top: 3.75rem;
    text-align: center;
    color: #333
}

.loco .wp-pagenavi a.page,.loco .wp-pagenavi span.current,.loco .wp-pagenavi span.extend {
    padding: 0 1em;
    font-size: .9em
}

.loco .wp-pagenavi .first,.loco .wp-pagenavi .previouspostslink,.loco .wp-pagenavi .nextpostslink,.loco .wp-pagenavi .last {
    display: inline-flex;
    width: 30px;
    height: 30px;
    border: 1px solid #999;
    line-height: 1;
    justify-content: center;
    align-items: center
}

.loco .wp-pagenavi .first {
    border-right: none
}

.loco .wp-pagenavi .last {
    border-left: none
}

.loco .wp-pagenavi .previouspostslink {
    margin-right: 1em
}

.loco .wp-pagenavi .nextpostslink {
    margin-left: 1em
}

.loco .wp-pagenavi span.current {
    color: #1dc28a
}

.loco .wp-pagenavi a:hover,.loco .wp-pagenavi span.current {
    font-weight: 700
}