@font-face {
    font-family: "Pretendard Variable";
    font-weight: 45 920;
    font-style: normal;
    font-display: swap;
    src: url(fonts/PretendardVariable.woff2) format("woff2-variations");
}
@font-face {
    font-family: "Inter";
    font-style: normal;
    font-display: swap;
    src: url(fonts/Inter-VariableFont_opsz,wght.woff2) format("woff2-variations");
}
.wid100,
#signup-popup .login-wrapper form ul.login-form li span,
#signup-popup .login-wrapper form ul.login-form li > p,
#login-popup .signup-wrapper,
#signup-popup .signup-wrapper,
#change-nickname-popup .signup-wrapper,
#report-popup .signup-wrapper,
#login-popup .login-wrapper form .social-login a,
#signup-popup .login-wrapper form .social-login a,
#change-nickname-popup .login-wrapper form .social-login a,
#report-popup .login-wrapper form .social-login a,
#login-popup .login-wrapper form .social-login .nsm7Bb-HzV7m-LgbsSe,
#signup-popup .login-wrapper form .social-login .nsm7Bb-HzV7m-LgbsSe,
#change-nickname-popup .login-wrapper form .social-login .nsm7Bb-HzV7m-LgbsSe,
#report-popup .login-wrapper form .social-login .nsm7Bb-HzV7m-LgbsSe,
#login-popup .login-wrapper form .social-login li,
#signup-popup .login-wrapper form .social-login li,
#change-nickname-popup .login-wrapper form .social-login li,
#report-popup .login-wrapper form .social-login li,
#login-popup .login-wrapper form .social-login,
#signup-popup .login-wrapper form .social-login,
#change-nickname-popup .login-wrapper form .social-login,
#report-popup .login-wrapper form .social-login,
#login-popup .login-wrapper form .login-divider,
#signup-popup .login-wrapper form .login-divider,
#change-nickname-popup .login-wrapper form .login-divider,
#report-popup .login-wrapper form .login-divider,
#login-popup .login-wrapper form ul.login-form li input:not(input[type="submit"]),
#signup-popup .login-wrapper form ul.login-form li input:not(input[type="submit"]),
#change-nickname-popup .login-wrapper form ul.login-form li input:not(input[type="submit"]),
#report-popup .login-wrapper form ul.login-form li input:not(input[type="submit"]),
#login-popup .login-wrapper form ul.login-form li,
#signup-popup .login-wrapper form ul.login-form li,
#change-nickname-popup .login-wrapper form ul.login-form li,
#report-popup .login-wrapper form ul.login-form li,
#login-popup .login-wrapper form ul.login-form > div p,
#signup-popup .login-wrapper form ul.login-form > div p,
#change-nickname-popup .login-wrapper form ul.login-form > div p,
#report-popup .login-wrapper form ul.login-form > div p,
#login-popup .login-wrapper form ul.login-form,
#signup-popup .login-wrapper form ul.login-form,
#change-nickname-popup .login-wrapper form ul.login-form,
#report-popup .login-wrapper form ul.login-form,
#login-popup .login-wrapper form ul.nickname-form li textarea,
#signup-popup .login-wrapper form ul.nickname-form li textarea,
#change-nickname-popup .login-wrapper form ul.nickname-form li textarea,
#report-popup .login-wrapper form ul.nickname-form li textarea,
#login-popup .login-wrapper form ul.nickname-form li input:not(input[type="submit"]),
#signup-popup .login-wrapper form ul.nickname-form li input:not(input[type="submit"]),
#change-nickname-popup .login-wrapper form ul.nickname-form li input:not(input[type="submit"]),
#report-popup .login-wrapper form ul.nickname-form li input:not(input[type="submit"]),
#login-popup .login-wrapper form ul.nickname-form li,
#signup-popup .login-wrapper form ul.nickname-form li,
#change-nickname-popup .login-wrapper form ul.nickname-form li,
#report-popup .login-wrapper form ul.nickname-form li,
#login-popup .login-wrapper form ul.nickname-form,
#signup-popup .login-wrapper form ul.nickname-form,
#change-nickname-popup .login-wrapper form ul.nickname-form,
#report-popup .login-wrapper form ul.nickname-form,
#login-popup .login-wrapper form,
#signup-popup .login-wrapper form,
#change-nickname-popup .login-wrapper form,
#report-popup .login-wrapper form,
#login-popup aside,
#signup-popup aside,
#change-nickname-popup aside,
#report-popup aside,
#login-popup,
#signup-popup,
#change-nickname-popup,
#report-popup,
.announcements,
.posts .post-item .post-actions-bar,
.posts .post-item ul.files-content li > a,
.posts .post-item ul.files-content li,
.posts .post-item ul.files-content,
.posts .post-item .post-content .post-image-wrapper ul.post-image-slider,
.posts .post-item .post-content .post-image-wrapper,
.posts .post-item .post-content aside:not(.post-image-wrapper),
.posts .post-item .post-content ul.links-content li,
.posts .post-item .post-content ul.links-content,
.posts .post-item .post-content article h1,
.posts .post-item .post-content article h2,
.posts .post-item .post-content article h3,
.posts .post-item .post-content article h4,
.posts .post-item .post-content article h5,
.posts .post-item .post-content article h6,
.posts .post-item .post-content article p,
.posts .post-item .post-content article ul,
.posts .post-item .post-content article ol,
.posts .post-item .post-content article img,
.posts .post-item .post-content article blockquote,
.posts .post-item .post-content article .quill-content,
.posts .post-item .post-content article ul.links-content li,
.posts .post-item .post-content article ul.links-content,
.posts .post-item .post-content article ul.files-content li > a,
.posts .post-item .post-content article ul.files-content li,
.posts .post-item .post-content article ul.files-content,
.posts .post-item .post-content article a,
.posts .post-item .post-content article,
.posts .post-item .post-content,
.posts .post-item .post-header article,
.posts .post-item .post-header .no-posts,
.posts .post-item,
.posts .post-list,
.posts,
.post-filter .filters-dropdown ul,
.post-filter,
.heading-filter,
.latest-news,
.community-posts {
    width: 100%;
    float: left;
    position: relative;
}
.fleft {
    float: left;
}
.fright {
    float: right;
}
.listn,
#login-popup .login-wrapper form .social-login,
#signup-popup .login-wrapper form .social-login,
#change-nickname-popup .login-wrapper form .social-login,
#login-popup .login-wrapper form ul.login-form,
#signup-popup .login-wrapper form ul.login-form,
#change-nickname-popup .login-wrapper form ul.login-form,
#login-popup .login-wrapper form ul.nickname-form,
#signup-popup .login-wrapper form ul.nickname-form,
#change-nickname-popup .login-wrapper form ul.nickname-form,

.posts .post-item ul.files-content,
.posts .post-item .post-content .post-image-wrapper ul.post-image-slider,
.posts .post-item .post-content ul.links-content,
.posts .post-item .post-content article ul.links-content,
.posts .post-item .post-content article ul.files-content,
.post-filter .filters-dropdown ul,
.latest-news .news-slider,
.community-posts .posts-list {
    list-style: none;
    margin: 0;
    padding: 0;
}
.pagewrapper {
    width: 100%;
    margin: 0 auto;
    padding: 0 15px;
    max-width: 1920px;
}
.pagewrapper2 {
    width: 97%;
    margin: 0 auto;
    position: relative;
    max-width: 1430px;
}
.pagewrapper3 {
    width: 96%;
    margin: 0 auto;
    max-width: 1420px;
}
.pagewrapper4 {
    width: 94%;
    margin: 0 auto;
    max-width: 1356px;
}
.pagewrapper5 {
    width: 88%;
    margin: 0 auto;
    max-width: 1260px;
}
.pagewrapper6 {
    width: 100%;
    margin: 0 auto;
    max-width: 1440px;
}
.defimg,
img {
    width: 100%;
    height: auto;
    display: block;
}
.defimg2 {
    width: auto;
    height: 100%;
}
.defauto {
    width: auto;
    height: auto;
    max-width: 100%;
}
.containimg,
.announcements .close-announcement img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}
.coverimg,
.posts .post-item .post-content aside:not(.post-image-wrapper) .image-grid img,
.posts .post-item .post-content aside:not(.post-image-wrapper) .main-image img,
.posts .post-item .post-content aside:not(.post-image-wrapper) .thumbnail-wrapper .video-thumbnail,
.latest-news .news-slider .slick-track > li .news-image img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}
.flex,
#login-popup .signup-wrapper,
#signup-popup .signup-wrapper,
#change-nickname-popup .signup-wrapper,
#login-popup .login-wrapper form ul.login-form li:nth-last-child(2),
#signup-popup .login-wrapper form ul.login-form li:nth-last-child(2),
#change-nickname-popup .login-wrapper form ul.login-form li:nth-last-child(2),
#login-popup aside,
#signup-popup aside,
#change-nickname-popup aside,
.announcements .announce-header,
.posts .post-item .post-actions-bar .action-btn,
.posts .post-item .post-actions-bar,
.posts .post-item ul.files-content li > a,
.posts .post-item .post-content aside:not(.post-image-wrapper) .image-grid,
.posts .post-item .post-content article ul.files-content li > a,
.posts .post-item .post-header .post-actions,
.posts .post-item .post-header article,
.posts .post-item .post-header,
.post-filter button,
.post-filter,
.heading-filter .category-heading,
.heading-filter,
.latest-news .news-header,
.community-posts .posts-list li a,
.community-posts .community-header {
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
}
.startstretch {
    justify-content: flex-start;
    -webkit-justify-content: flex-start;
    align-content: stretch;
    -webkit-align-content: stretch;
}
.endstretch {
    justify-content: flex-end;
    -webkit-justify-content: flex-end;
    align-content: stretch;
    -webkit-align-content: stretch;
}
.betweenstretch {
    justify-content: space-between;
    -webkit-justify-content: space-between;
    align-content: stretch;
    -webkit-align-content: stretch;
}
.centerstretch {
    justify-content: center;
    -webkit-justify-content: center;
    align-content: stretch;
    -webkit-align-content: stretch;
}
.aroundstretch {
    justify-content: space-around;
    -webkit-justify-content: space-around;
    align-content: stretch;
    -webkit-align-content: stretch;
}
.aroundstart {
    justify-content: space-around;
    -webkit-justify-content: space-around;
    align-content: flex-start;
    -webkit-align-content: flex-start;
}
.startcenter,
.posts .post-item ul.files-content li > a,
.posts .post-item .post-content article ul.files-content li > a,
.post-filter button,
.heading-filter .category-heading,
.community-posts .posts-list li a {
    justify-content: flex-start;
    align-items: center;
    -webkit-justify-content: flex-start;
    -webkit-align-items: center;
}
.endcenter,
#login-popup .login-wrapper form ul.login-form li:nth-last-child(2),
#signup-popup .login-wrapper form ul.login-form li:nth-last-child(2),
#change-nickname-popup .login-wrapper form ul.login-form li:nth-last-child(2),
.post-filter {
    justify-content: flex-end;
    align-items: center;
    -webkit-justify-content: flex-end;
    -webkit-align-items: center;
}
.centercenter,
#login-popup .signup-wrapper,
#signup-popup .signup-wrapper,
#change-nickname-popup .signup-wrapper,
#login-popup aside,
#signup-popup aside,
#change-nickname-popup aside,
.posts .post-item .post-actions-bar .action-btn,
.posts .post-item .post-header .post-actions {
    justify-content: center;
    align-items: center;
    -webkit-justify-content: center;
    -webkit-align-items: center;
}
.betweencenter,
.announcements .announce-header,
.posts .post-item .post-header,
.heading-filter,
.latest-news .news-header,
.community-posts .community-header {
    justify-content: space-between;
    align-items: center;
    -webkit-justify-content: space-between;
    -webkit-align-items: center;
}
.aroundcenter {
    justify-content: space-around;
    align-items: center;
    -webkit-justify-content: space-around;
    -webkit-align-items: center;
}
.startstart,
.posts .post-item .post-header article {
    justify-content: flex-start;
    align-items: flex-start;
    -webkit-justify-content: flex-start;
    -webkit-align-items: flex-start;
}
.centerstart {
    justify-content: center;
    align-items: flex-start;
    -webkit-justify-content: center;
    -webkit-align-items: flex-start;
}
.endstart {
    justify-content: flex-end;
    align-items: flex-start;
    -webkit-justify-content: flex-end;
    -webkit-align-items: flex-start;
}
.betweenstart {
    justify-content: space-between;
    align-items: flex-start;
    -webkit-justify-content: space-between;
    -webkit-align-items: flex-start;
}
.betweenend {
    justify-content: space-between;
    align-items: flex-end;
    -webkit-justify-content: space-between;
    -webkit-align-items: flex-end;
}
.shdw1,
.loading-indicator,
.announcements,
.posts .post-item,
.post-filter .filters-dropdown,
.latest-news,
.community-posts {
    box-shadow: 0 0 5px 0 rgb(0 0 0 / 0.2);
}
.shdw2 {
    box-shadow: 5px 5px 5px 0 rgb(0 0 0 / 0.5);
}
.video-container {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    margin-bottom: 20px;
}
.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 10px;
}
.community-posts {
    background: #fff;
    padding: 25px;
    border-radius: 8px;
}
.community-posts .community-header {
    margin-bottom: 20px;
}
.community-posts .community-header p {
    color: #1edfa5;
    font:
        600 14px/20px "Pretendard Variable",
        sans-serif;
    width: auto;
}
.community-posts .community-header a {
    color: #c5c8ce;
    font:
        500 14px/20px "Pretendard Variable",
        sans-serif;
    transition: color 0.2s ease;
}
.community-posts .community-header a:hover {
    color: #18b284;
}
.community-posts .posts-list li:last-child {
    margin-bottom: 0;
}
.community-posts .posts-list li:last-child a {
    border-bottom: none;
    padding-bottom: 0;
}
.community-posts .posts-list li:first-child a {
    padding-top: 0;
}
.community-posts .posts-list li a {
    gap: 12px;
    padding: 15px 0;
    border-bottom: 1px solid #e9ebee;
}
.community-posts .posts-list li a img {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    overflow: hidden;
    flex-shrink: 0;
}
.community-posts .posts-list li a .post-content {
    flex: 1;
}
.community-posts .posts-list li a .post-content p {
    color: #374553;
    font:
        400 16px/20px "Pretendard Variable",
        sans-serif;
    margin: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: all 0.3s ease;
    word-break: break-all;
}
.community-posts .posts-list li a:hover p {
    color: #18b284;
}
.community-posts .posts-list .slick-slide a {
    border: none !important;
    padding-bottom: 0;
}
.latest-news {
    background: #fff;
    padding: 25px;
    border-radius: 8px;
}
.latest-news .news-header {
    margin-bottom: 15px;
}
.latest-news .news-header p {
    color: #1edfa5;
    font:
        600 14px/20px "Pretendard Variable",
        sans-serif;
    width: auto;
}
.latest-news .news-header a {
    color: #c5c8ce;
    font:
        500 14px/20px "Pretendard Variable",
        sans-serif;
    transition: color 0.2s ease;
}
.latest-news .news-header a:hover {
    color: #18b284;
}
.latest-news .news-slider {
    margin: 0 -10px;
}
.latest-news .news-slider .slick-track > li {
    padding: 0 10px;
}
.latest-news .news-slider .slick-track > li a {
    display: block;
    border-radius: 8px;
    overflow: hidden;
}
.latest-news .news-slider .slick-track > li a:hover img {
    transform: scale(1.05);
}
.latest-news .news-slider .slick-track > li .news-image {
    width: 100%;
    height: 170px;
    border-radius: 8px;
    overflow: hidden;
    position: relative;
}
.latest-news .news-slider .slick-track > li .news-image:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 70%;
    background: linear-gradient(to bottom, #fff0, rgb(0 0 0 / 0.6));
    z-index: 1;
}
.latest-news .news-slider .slick-track > li .news-image img {
    transition: transform 0.3s ease;
}
.latest-news .news-slider .slick-track > li .news-image h3 {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    color: #fff;
    font:
        500 16px/24px "Pretendard Variable",
        sans-serif;
    padding: 20px;
    margin: 0;
    z-index: 2;
}
.heading-filter {
    margin-bottom: 20px;
}
.heading-filter .category-heading {
    width: auto;
    padding: 20px 0;
}
.heading-filter .category-heading img {
    width: 30px;
    height: 30px;
    margin-right: 20px;
}
.heading-filter .category-heading h4 {
    color: #374553;
    font:
        700 clamp(24px, 2.8vw, 28px) "Pretendard Variable",
        sans-serif;
}
.heading-filter .post-filter {
    width: auto !important;
}
.post-filter {
    margin: 25px 0 15px;
    padding-bottom: 10px;
}
.post-filter button {
    gap: 8px;
}
.post-filter button p {
    color: #374553;
    font:
        500 14px/20px "Pretendard Variable",
        sans-serif;
    width: auto;
    transition: all 0.2s ease;
}
.post-filter button img {
    width: 20px;
    height: 20px;
}
.post-filter button:hover p {
    color: #18b284;
}
.post-filter .filters-dropdown {
    position: absolute;
    top: 100%;
    right: 0;
    background: #fff;
    border-radius: 8px;
    width: 150px;
    z-index: 10;
    display: none;
}
.post-filter .filters-dropdown ul {
    float: none;
    padding: 15px 0;
}
.post-filter .filters-dropdown ul li {
    width: auto;
    padding: 0 15px;
    margin-bottom: 13px;
}
.post-filter .filters-dropdown ul li:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
}
.post-filter .filters-dropdown ul li a {
    font:
        500 14px/14px "Pretendard Variable",
        sans-serif;
    color: #374553;
    text-transform: uppercase;
    transition: all 0.2s ease;
}
.post-filter .filters-dropdown ul li a:hover {
    color: #1edfa5;
}
.posts {
    height: 100%;
    overflow: visible;
}
.posts .post-list {
    height: 100%;
    overflow: visible;
}
.posts .post-item {
    background: #fff;
    border-radius: 8px;
    margin-bottom: 20px;
}
.posts .post-item .post-header {
    padding: 20px;
    border-bottom: 1px solid #e9ebee;
}
.posts .post-item .post-header .no-posts {
    text-align: center;
    font:
        16px/16px "Pretendard Variable",
        sans-serif;
    color: #374553;
}
.posts .post-item .post-header article {
    max-width: calc(100% - 35px);
    gap: 12px;
}
.posts .post-item .post-header article > img {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    -o-object-fit: cover;
    object-fit: cover;
}
.posts .post-item .post-header .author-info {
    width: calc(100% - 52px);
}
.posts .post-item .post-header .author-info p {
    color: #374553;
    font:
        600 16px/16px "Pretendard Variable",
        sans-serif;
    margin-bottom: 0;
    padding-top: 4px;
}
.posts .post-item .post-header .author-info span {
    color: #c5c8ce;
    font:
        400 12px/18px "Pretendard Variable",
        sans-serif;
}
.posts .post-item .post-header .post-actions {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    transition: all 0.2s ease;
}
.posts .post-item .post-header .post-actions img {
    width: 18px;
    height: 18px;
    opacity: 0.7;
}
.posts .post-item .post-header .post-actions:hover {
    background: #e9ebee;
}
.posts .post-item .post-header .post-actions:hover img {
    opacity: 1;
}
.posts .post-item .post-content {
    padding: 20px 25px 25px;
}
.posts .post-item .post-content .video-container {
    margin-bottom: 0;
}
.posts .post-item .post-content article {
    padding: 0 !important;
    white-space: normal;
}
.posts .post-item .post-content article a {
    color: #374553;
}
.posts .post-item .post-content article a.full-post-link {
    background: #fff0;
    width: auto;
    padding: 8px 20px;
    font:
        14px/14px "Pretendard Variable",
        sans-serif;
    border: 2px solid #1edfa5;
    color: #374553;
    border-radius: 8px;
    transition: all ease 0.3s;
    text-decoration: none !important;
    float: left;
}
.posts .post-item .post-content article a.full-post-link:hover {
    background: #1edfa5;
    color: #fff !important;
}
.posts .post-item .post-content article ul.files-content li {
    margin-bottom: 15px;
}
.posts .post-item .post-content article ul.files-content li:last-child {
    margin-bottom: 0;
}
.posts .post-item .post-content article ul.files-content li > a {
    padding: 12px 15px;
    border-radius: 10px;
    background: rgb(30 223 165 / 0.1);
    gap: 10px;
    z-index: 1;
    min-width: 250px;
    width: auto;
    max-width: 100%;
    word-break: break-all;
}
.posts .post-item .post-content article ul.files-content li > a img {
    width: auto;
    margin-bottom: 0;
}
.posts .post-item .post-content article ul.files-content li > a p {
    width: calc(100% - 42px);
}
.posts .post-item .post-content article ul.files-content li span {
    width: auto;
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 2;
}
.posts .post-item .post-content article ul.files-content li span a {
    display: block;
}
.posts .post-item .post-content article ul.files-content li span a img {
    width: 20px;
}
.posts .post-item .post-content article ul.links-content li {
    margin-bottom: 15px;
}
.posts .post-item .post-content article ul.links-content li:first-child {
    margin-top: 15px;
}
.posts .post-item .post-content article ul.links-content li:last-child {
    margin-bottom: 0;
}
.posts .post-item .post-content article ul.links-content li a {
    text-decoration: underline;
    display: block;
    font:
        16px/16px "Pretendard Variable",
        sans-serif;
    transition: all ease 0.3s;
    width: auto;
    word-break: break-all;
}
.posts .post-item .post-content article ul.links-content li a:hover {
    color: #1edfa5;
}
.posts .post-item .post-content article ul.links-content li span {
    width: auto;
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 2;
}
.posts .post-item .post-content article ul.links-content li span a {
    display: block;
}
.posts .post-item .post-content article ul.links-content li span a img {
    width: 20px;
}
.posts .post-item .post-content article p:empty {
    display: none;
}
.posts .post-item .post-content article img {
    border-radius: 8px;
}
.posts .post-item .post-content article h1 {
    font-size: clamp(24px, 3vw, 32px);
    line-height: 1.2;
    font-weight: 800;
}
.posts .post-item .post-content article h2 {
    font-size: clamp(22px, 2.8vw, 28px);
    line-height: 1.2;
    font-weight: 700;
}
.posts .post-item .post-content article h3 {
    font-size: clamp(20px, 2.5vw, 24px);
    line-height: 1.3;
    font-weight: 700;
}
.posts .post-item .post-content article h4 {
    font-size: clamp(18px, 2.2vw, 22px);
    line-height: 1.3;
    font-weight: 600;
}
.posts .post-item .post-content article h5 {
    font-size: clamp(16px, 2vw, 20px);
    line-height: 1.4;
    font-weight: 600;
}
.posts .post-item .post-content article h6 {
    font-size: clamp(14px, 1.8vw, 18px);
    line-height: 1.4;
    font-weight: 600;
}
.posts .post-item .post-content article p {
    font-size: 16px;
    line-height: 1.3;
    font-weight: 400;
}
.posts .post-item .post-content article .quill-content {
    margin-bottom: 15px;
}
.posts .post-item .post-content article blockquote {
    padding: 5px 20px;
    line-height: 24px;
}
.posts .post-item .post-content article blockquote span {
    color: #374553 !important;
}
.posts .post-item .post-content article blockquote:before {
    content: "“";
    font-size: 25px;
}
.posts .post-item .post-content article blockquote:after {
    content: "”";
    font-size: 25px;
}
.posts .post-item .post-content article h1,
.posts .post-item .post-content article h2,
.posts .post-item .post-content article h3,
.posts .post-item .post-content article h4,
.posts .post-item .post-content article h5,
.posts .post-item .post-content article h6,
.posts .post-item .post-content article p,
.posts .post-item .post-content article ul,
.posts .post-item .post-content article ol,
.posts .post-item .post-content article img,
.posts .post-item .post-content article blockquote {
    margin-bottom: 15px;
    color: #374553;
    font-family: "Pretendard Variable", sans-serif;
}
.posts .post-item .post-content article h1:last-child,
.posts .post-item .post-content article h2:last-child,
.posts .post-item .post-content article h3:last-child,
.posts .post-item .post-content article h4:last-child,
.posts .post-item .post-content article h5:last-child,
.posts .post-item .post-content article h6:last-child,
.posts .post-item .post-content article p:last-child,
.posts .post-item .post-content article ul:last-child,
.posts .post-item .post-content article ol:last-child,
.posts .post-item .post-content article img:last-child,
.posts .post-item .post-content article blockquote:last-child {
    margin-bottom: 0;
    margin-top: 0;
}
.posts .post-item .post-content article a h3 {
    margin-bottom: 15px !important;
}
.posts .post-item .post-content article p span,
.posts .post-item .post-content article p a {
    float: none;
    color: #374553 !important;
}
.posts .post-item .post-content article p strong {
    color: #374553 !important;
}
.posts .post-item .post-content article p a {
    text-decoration: underline;
    transition: all ease 0.3s;
}
.posts .post-item .post-content article p a:hover {
    color: #1edfa5 !important;
}
.posts .post-item .post-content article ul li span,
.posts .post-item .post-content article ul li a,
.posts .post-item .post-content article ol li span,
.posts .post-item .post-content article ol li a {
    float: none;
    color: #374553;
}
.posts .post-item .post-content article ul li strong,
.posts .post-item .post-content article ol li strong {
    color: #374553 !important;
}
.posts .post-item .post-content article ul li a,
.posts .post-item .post-content article ol li a {
    text-decoration: underline;
    transition: all ease 0.3s;
}
.posts .post-item .post-content article ul li a:hover,
.posts .post-item .post-content article ol li a:hover {
    color: #1edfa5 !important;
}
.posts .post-item .post-content ul.links-content li {
    margin-bottom: 15px;
}
.posts .post-item .post-content ul.links-content li:first-child {
    margin-top: 15px;
}
.posts .post-item .post-content ul.links-content li:last-child {
    margin-bottom: 0;
}
.posts .post-item .post-content ul.links-content li a {
    text-decoration: underline;
    display: block;
    font:
        16px/16px "Pretendard Variable",
        sans-serif;
    transition: all ease 0.3s;
    width: auto;
    word-break: break-all;
    color: #374553;
}
.posts .post-item .post-content ul.links-content li a:hover {
    color: #1edfa5;
}
.posts .post-item .post-content ul.links-content li span {
    width: auto;
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 2;
}
.posts .post-item .post-content ul.links-content li span a {
    display: block;
}
.posts .post-item .post-content ul.links-content li span a img {
    width: 20px;
}
.posts .post-item .post-content aside:not(.post-image-wrapper) {
    margin-top: 20px;
    overflow: hidden;
    display: grid;
    grid-template-columns: 2fr 1fr;
    gap: 20px;
}
.posts .post-item .post-content aside:not(.post-image-wrapper) .thumbnail-wrapper {
    position: relative;
    grid-column: 1/-1;
    width: 100%;
    height: 400px;
    border-radius: 8px;
    overflow: hidden;
}
.posts .post-item .post-content aside:not(.post-image-wrapper) .thumbnail-wrapper .video-thumbnail {
    height: 100%;
    border-radius: 8px;
}
.posts .post-item .post-content aside:not(.post-image-wrapper) .thumbnail-wrapper .play-button {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 70px;
}
.posts .post-item .post-content aside:not(.post-image-wrapper) .main-image {
    height: 400px;
}
.posts .post-item .post-content aside:not(.post-image-wrapper) .main-image a {
    display: block;
    height: 100%;
}
.posts .post-item .post-content aside:not(.post-image-wrapper) .main-image img {
    height: 100%;
    border-radius: 8px;
}
.posts .post-item .post-content aside:not(.post-image-wrapper) .full-image {
    grid-column: 1/-1;
    width: 100%;
    height: 400px;
}
.posts .post-item .post-content aside:not(.post-image-wrapper) .image-grid {
    align-content: space-between;
    height: 400px;
}
.posts .post-item .post-content aside:not(.post-image-wrapper) .image-grid > a {
    display: block;
    width: 100%;
    height: calc(50% - 10px);
}
.posts .post-item .post-content aside:not(.post-image-wrapper) .image-grid img {
    height: 100%;
    border-radius: 8px;
}
.posts .post-item .post-content aside:not(.post-image-wrapper) .image-grid .last-image {
    position: relative;
    height: calc(50% - 10px);
    width: 100%;
}
.posts .post-item .post-content aside:not(.post-image-wrapper) .image-grid .last-image a {
    height: 100%;
}
.posts .post-item .post-content aside:not(.post-image-wrapper) .image-grid .last-image a::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgb(0 0 0 / 0.4);
    border-radius: 8px;
    z-index: 1;
}
.posts .post-item .post-content aside:not(.post-image-wrapper) .image-grid .last-image .more-count {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #fff;
    font:
        600 24px/24px "Pretendard Variable",
        sans-serif;
    z-index: 2;
}
.posts .post-item .post-content .post-image-wrapper {
    margin-top: 20px;
}
.posts .post-item .post-content .post-image-wrapper ul.post-image-slider .slick-dots {
    margin: 15px 0 0 !important;
}
.posts .post-item .post-content .post-image-wrapper ul.post-image-slider img {
    border-radius: 10px;
}
.posts .post-item ul.files-content li {
    margin-bottom: 15px;
}
.posts .post-item ul.files-content li:first-child {
    margin-top: 20px;
}
.posts .post-item ul.files-content li:last-child {
    margin-bottom: 0;
}
.posts .post-item ul.files-content li > a {
    padding: 12px 15px;
    border-radius: 10px;
    background: rgb(30 223 165 / 0.1);
    gap: 10px;
    z-index: 1;
    min-width: 300px;
    width: auto;
    max-width: 100%;
    word-break: break-all;
    font:
        16px/20px "Pretendard Variable",
        sans-serif;
    color: #374553;
}
.posts .post-item ul.files-content li > a img {
    width: auto;
    margin-bottom: 0;
}
.posts .post-item ul.files-content li > a p {
    width: calc(100% - 42px);
}
.posts .post-item ul.files-content li span {
    width: auto;
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 2;
}
.posts .post-item ul.files-content li span a {
    display: block;
}
.posts .post-item ul.files-content li span a img {
    width: 20px;
}
.posts .post-item .news-content article {
    margin-bottom: 0;
}
.posts .post-item .news-content article a {
    color: #374553;
    text-decoration: underline;
    transition: all 0.2s ease;
}
.posts .post-item .news-content article a:hover {
    color: #18b284;
}
.posts .post-item .post-actions-bar {
    padding: 0 20px 20px;
}
.posts .post-item .post-actions-bar .action-btn {
    width: 25%;
    gap: 10px;
    background: #fff0;
    padding: 0;
    color: #374553;
    font:
        500 14px/20px "Pretendard Variable",
        sans-serif;
    transition: all 0.2s ease;
    position: relative;
}
.posts .post-item .post-actions-bar .action-btn .like {
    width: 18px;
    height: 18px;
    float: left;
    background: url(../images/svg/like.svg) no-repeat;
    background-size: 18px 18px;
}
.posts .post-item .post-actions-bar .action-btn .liked {
    background: url(../images/svg/liked.svg) no-repeat !important;
}
.posts .post-item .post-actions-bar .action-btn .save {
    width: 18px;
    height: 18px;
    float: left;
    background: url(../images/svg/save.svg) no-repeat;
    background-size: 18px 18px;
}
.posts .post-item .post-actions-bar .action-btn .saved {
    background: url(../images/svg/saved.svg) no-repeat !important;
}
.posts .post-item .post-actions-bar .action-btn .default-icon,
.posts .post-item .post-actions-bar .action-btn .active-icon {
    width: 18px;
    height: 18px;
    opacity: 1;
    transition: all 0.2s ease;
}
.posts .post-item .post-actions-bar .action-btn .active-icon {
    position: absolute;
    opacity: 0;
    inset: 0;
}
.posts .post-item .post-actions-bar .action-btn.active .default-icon,
.posts .post-item .post-actions-bar .action-btn:hover .default-icon {
    opacity: 0;
    position: absolute;
    inset: 0;
}
.posts .post-item .post-actions-bar .action-btn.active .active-icon,
.posts .post-item .post-actions-bar .action-btn:hover .active-icon {
    opacity: 1;
    position: relative;
}
.posts .post-item .post-actions-bar .share-btn {
    z-index: 1;
    position: relative;
}
.posts .post-item .post-actions-bar .share-btn .share-group {
    position: absolute;
    bottom: 140%;
    left: 50%;
    transform: translateX(-50%);
    padding: 10px;
    background: #fff;
    border-radius: 10px;
    opacity: 0 !important;
    z-index: -1 !important;
    transition: all ease 0.3s !important;
    display: flex !important;
    justify-content: space-around;
    width: 120px;
}
.posts .post-item .post-actions-bar .share-btn .share-group .sharethis-inline-share-buttons {
    display: flex !important;
}
.posts .post-item .post-actions-bar .share-btn .share-group .copylink {
    width: 32px;
    transition: 0.3s;
}
.posts .post-item .post-actions-bar .share-btn .share-group .copylink div {
    padding: 3px;
    border-radius: 5px;
}
.posts .post-item .post-actions-bar .share-btn .share-group .copylink:hover {
    margin-top: -4px;
    opacity: 0.8;
}
.posts .post-item .post-actions-bar .share-btn .share-group .st-btn {
    display: inline-flex !important;
    padding: 0 !important;
    width: 32px;
}
.posts .post-item .post-actions-bar .share-btn .share-group .st-btn:last-child {
    margin: 0 !important;
}
.posts .post-item .post-actions-bar .share-btn .share-group .st-btn > img {
    height: 100% !important;
    width: 25px !important;
    margin: auto;
    top: 0 !important;
}
.posts .post-item .post-actions-bar .share-btn .share-group .kakao {
    width: 32px !important;
    height: 32px !important;
    transition: 0.3s;
    opacity: 1;
}
.posts .post-item .post-actions-bar .share-btn .share-group .kakao:hover {
    margin-top: -4px;
    opacity: 0.8;
}
.posts .post-item .post-actions-bar .share-btn:hover .share-group {
    opacity: 1 !important;
    z-index: 2 !important;
}
.announcements {
    background: #fff;
    padding: 25px;
    border-radius: 8px;
    margin-bottom: 20px;
}
.announcements .announce-header {
    margin-bottom: 20px;
}
.announcements .announce-header p {
    color: #1edfa5;
    font:
        600 14px/20px "Pretendard Variable",
        sans-serif;
    width: auto;
}
.announcements .announce-header a {
    color: #c5c8ce;
    font:
        500 14px/20px "Pretendard Variable",
        sans-serif;
    transition: color 0.2s ease;
}
.announcements .announce-header a:hover {
    color: #18b284;
}
.announcements .close-announcement {
    position: absolute;
    top: 15px;
    right: 15px;
    width: 15px;
    height: 15px;
    padding: 0;
    opacity: 0.6;
    transition: opacity 0.2s ease;
    z-index: 2;
}
.announcements .close-announcement:hover {
    opacity: 1;
}
.announcements > p {
    color: #1edfa5;
    font:
        600 14px/20px "Pretendard Variable",
        sans-serif;
    margin-bottom: 10px;
}
.announcements .announcement-content h1,
.announcements .announcement-content h2,
.announcements .announcement-content h3,
.announcements .announcement-content h4,
.announcements .announcement-content h5,
.announcements .announcement-content h6,
.announcements .announcement-content p,
.announcements .announcement-content ul,
.announcements .announcement-content ol {
    margin-bottom: 10px;
    color: #374553;
    font-family: "Pretendard Variable", sans-serif;
}
.announcements .announcement-content h1:last-child,
.announcements .announcement-content h2:last-child,
.announcements .announcement-content h3:last-child,
.announcements .announcement-content h4:last-child,
.announcements .announcement-content h5:last-child,
.announcements .announcement-content h6:last-child,
.announcements .announcement-content p:last-child,
.announcements .announcement-content ul:last-child,
.announcements .announcement-content ol:last-child {
    margin-bottom: 0;
}
.announcements .announcement-content h1 {
    font-size: clamp(24px, 3vw, 32px);
    line-height: 1.2;
    font-weight: 800;
}
.announcements .announcement-content h2 {
    font-size: clamp(22px, 2.8vw, 28px);
    line-height: 1.2;
    font-weight: 700;
}
.announcements .announcement-content h3 {
    font-size: clamp(20px, 2.5vw, 24px);
    line-height: 1.3;
    font-weight: 700;
}
.announcements .announcement-content h4 {
    font-size: clamp(18px, 2.2vw, 22px);
    line-height: 1.3;
    font-weight: 600;
}
.announcements .announcement-content h5 {
    font-size: clamp(16px, 2vw, 20px);
    line-height: 1.4;
    font-weight: 600;
}
.announcements .announcement-content h6 {
    font-size: clamp(14px, 1.8vw, 18px);
    line-height: 1.4;
    font-weight: 600;
}
.announcements .announcement-content p {
    font-size: 16px;
    line-height: 1.3;
    font-weight: 400;
}
.loading-indicator {
    width: 100%;
    padding: 20px;
    text-align: center;
    background: #fff;
    border-radius: 8px;
    margin-top: 20px;
}
.loading-indicator p {
    color: #374553;
    font:
        500 14px/20px "Pretendard Variable",
        sans-serif;
    margin: 20px 0;
}
#login-popup,
#signup-popup,
#change-nickname-popup,
#report-popup,
#change-password-popup {
    /*min-height: 80vh;*/
    overflow-y: auto;
    padding: 50px 30px;
    margin: auto;
    height: auto;
}

#change-nickname-popup,
#report-popup {
  display: flex;
}

#login-popup aside,
#signup-popup aside,
#change-nickname-popup aside,
#report-popup aside,
#change-password-popup aside {
    align-content: center;
}
#login-popup .login-wrapper,
#signup-popup .login-wrapper,
#change-nickname-popup .login-wrapper,
#report-popup .login-wrapper,
#change-password-popup .login-wrapper {
    background: #fff;
    padding: 30px;
    border-radius: 10px;
    width: 100%;
    max-width: 450px;
    margin: auto;
    position: relative;
    overflow: auto;
}
#login-popup .login-wrapper .mfp-close,
#signup-popup .login-wrapper .mfp-close,
#change-nickname-popup .login-wrapper .mfp-close,
#change-password-popup .login-wrapper .mfp-close,
#report-popup .login-wrapper .mfp-close {
    background: url(../images/svg/close.svg) no-repeat center center;
    width: 15px;
    height: 15px;
    position: absolute;
    right: 15px;
    top: 15px;
    opacity: 0.8;
}
#login-popup .login-wrapper .mfp-close:hover,
#signup-popup .login-wrapper .mfp-close:hover,
#change-nickname-popup .login-wrapper .mfp-close:hover,
#change-password-popup .login-wrapper .mfp-close:hover,
#report-popup .login-wrapper .mfp-close:hover {
    opacity: 1;
}
#login-popup .login-wrapper h4,
#signup-popup .login-wrapper h4,
#change-nickname-popup .login-wrapper h4,
#change-password-popup .login-wrapper h4,
#report-popup .login-wrapper h4 {
    color: #1edfa5;
    font:
        600 30px/40px "Pretendard Variable",
        sans-serif;
    text-align: center;
    margin-bottom: 20px;
}
#login-popup .login-wrapper form ul.nickname-form li,
#signup-popup .login-wrapper form ul.nickname-form li,
#change-nickname-popup .login-wrapper form ul.nickname-form li,
#change-password-popup .login-wrapper form ul.nickname-form li,
#report-popup .login-wrapper form ul.nickname-form li {
    margin-bottom: 15px;
}
#login-popup .login-wrapper form ul.nickname-form li label,
#signup-popup .login-wrapper form ul.nickname-form li label,
#change-nickname-popup .login-wrapper form ul.nickname-form li label,
#change-password-popup .login-wrapper form ul.nickname-form li label,
#report-popup .login-wrapper form ul.nickname-form li label {
    font:
        400 14px/14px "Pretendard Variable",
        sans-serif;
    color: #374553;
    margin-bottom: 10px;
    display: block;
}
#login-popup .login-wrapper form ul.nickname-form li input:not(input[type="submit"]),
#signup-popup .login-wrapper form ul.nickname-form li input:not(input[type="submit"]),
#change-nickname-popup .login-wrapper form ul.nickname-form li input:not(input[type="submit"]),
#change-password-popup .login-wrapper form ul.nickname-form li input:not(input[type="submit"]),
#report-popup .login-wrapper form ul.nickname-form li input:not(input[type="submit"]) {
    padding: 12px 15px;
    background: #f7f8f9;
    border: 1px solid #e9ebee;
    border-radius: 8px;
    font:
        400 16px/16px "Pretendard Variable",
        sans-serif;
    color: #374553;
}
#change-password-popup .login-wrapper form ul li input:not(input[type="submit"]) {
    margin-bottom: 15px;
}
#login-popup .login-wrapper form ul.nickname-form li textarea,
#signup-popup .login-wrapper form ul.nickname-form li textarea,
#change-nickname-popup .login-wrapper form ul.nickname-form li textarea,
#report-popup .login-wrapper form ul li textarea,
#change-password-popup .login-wrapper form ul li textarea {
    padding: 10px;
    border: 1px solid #e9ebee;
    font:
        400 14px/24px "Pretendard Variable",
        sans-serif;
    color: #374553;
}
#login-popup .login-wrapper form ul.nickname-form li:last-child,
#signup-popup .login-wrapper form ul.nickname-form li:last-child,
#change-nickname-popup .login-wrapper form ul.nickname-form li:last-child,
#change-password-popup .login-wrapper form ul.nickname-form li:last-child,
#report-popup .login-wrapper form ul.nickname-form li:last-child {
    margin-bottom: 0;
}
#login-popup .login-wrapper form ul.nickname-form li:last-child button,
#signup-popup .login-wrapper form ul.nickname-form li:last-child button,
#change-nickname-popup .login-wrapper form ul.nickname-form li:last-child button,
#change-password-popup .login-wrapper form ul.nickname-form li:last-child button,
#report-popup .login-wrapper form ul.nickname-form li:last-child button {
    width: 100%;
    padding: 15px;
    background: #1edfa5;
    color: #fff;
    font:
        600 16px/16px "Pretendard Variable",
        sans-serif;
    border-radius: 8px;
    transition: all 0.3s ease;
    cursor: pointer;
    display: block;
    text-align: center;
}
#login-popup .login-wrapper form ul.nickname-form li:last-child button:hover,
#signup-popup .login-wrapper form ul.nickname-form li:last-child button:hover,
#change-nickname-popup .login-wrapper form ul.nickname-form li:last-child button:hover,
#change-password-popup .login-wrapper form ul.nickname-form li:last-child button:hover
#report-popup .login-wrapper form ul li:last-child button:hover {
    background: #18b284;
}
#login-popup .login-wrapper form ul.login-form > div p,
#signup-popup .login-wrapper form ul.login-form > div p,
#change-nickname-popup .login-wrapper form ul.login-form > div p,
#change-password-popup .login-wrapper form ul > div p {
    font:
        13px/13px "Pretendard Variable",
        sans-serif;
    margin-bottom: 10px;
}
#login-popup .login-wrapper form ul.login-form li,
#signup-popup .login-wrapper form ul.login-form li,
#change-nickname-popup .login-wrapper form ul.login-form li,
#change-password-popup .login-wrapper form ul li {
    margin-bottom: 15px;
}
#login-popup .login-wrapper form ul.login-form li label,
#signup-popup .login-wrapper form ul.login-form li label,
#change-nickname-popup .login-wrapper form ul.login-form li label,
#change-password-popup .login-wrapper form ul li label
#report-popup .login-wrapper form ul li label {
    font:
        400 14px/14px "Pretendard Variable",
        sans-serif;
    color: #374553;
    margin-bottom: 10px;
    display: block;
}
#login-popup .login-wrapper form ul.login-form li input:not(input[type="submit"]),
#signup-popup .login-wrapper form ul.login-form li input:not(input[type="submit"]),
#change-nickname-popup .login-wrapper form ul.login-form li input:not(input[type="submit"]),
#change-password-popup .login-wrapper form ul li input:not(input[type="submit"]) {
    padding: 12px 15px;
    background: #f7f8f9;
    border: 1px solid #e9ebee;
    border-radius: 8px;
    font:
        400 16px/16px "Pretendard Variable",
        sans-serif;
    color: #374553;
}
#login-popup .login-wrapper form ul.login-form li:nth-last-child(2),
#signup-popup .login-wrapper form ul.login-form li:nth-last-child(2),
#change-nickname-popup .login-wrapper form ul.login-form li:nth-last-child(2),
#change-password-popup .login-wrapper form ul li:nth-last-child(2) {
    margin: 5px 0 20px;
}
#login-popup .login-wrapper form ul.login-form li:nth-last-child(2) a,
#signup-popup .login-wrapper form ul.login-form li:nth-last-child(2) a,
#change-nickname-popup .login-wrapper form ul.login-form li:nth-last-child(2) a {
    font:
        400 14px/14px "Pretendard Variable",
        sans-serif;
    color: #c5c8ce;
    text-decoration: underline;
    transition: all 0.2s ease;
}
#login-popup .login-wrapper form ul.login-form li:nth-last-child(2) a:hover,
#signup-popup .login-wrapper form ul.login-form li:nth-last-child(2) a:hover,
#change-nickname-popup .login-wrapper form ul.login-form li:nth-last-child(2) a:hover {
    color: #1edfa5;
}
#login-popup .login-wrapper form ul.login-form li:last-child,
#signup-popup .login-wrapper form ul.login-form li:last-child,
#change-nickname-popup .login-wrapper form ul.login-form li:last-child {
    margin-bottom: 0;
}
#login-popup .login-wrapper form ul.login-form li:last-child button,
#signup-popup .login-wrapper form ul.login-form li:last-child button,
#change-nickname-popup .login-wrapper form ul.login-form li:last-child button,
#report-popup .login-wrapper form ul li:last-child button,
#change-password-popup .login-wrapper form ul li:last-child button {
    width: 100%;
    padding: 15px;
    background: #1edfa5;
    color: #fff;
    font:
        600 16px/16px "Pretendard Variable",
        sans-serif;
    border-radius: 8px;
    transition: all 0.3s ease;
    cursor: pointer;
    display: block;
    text-align: center;
}
#login-popup .login-wrapper form ul.login-form li:last-child button:hover,
#signup-popup .login-wrapper form ul.login-form li:last-child button:hover,
#change-nickname-popup .login-wrapper form ul.login-form li:last-child button:hover,
#report-popup .login-wrapper form ul li:last-child button:hover,
#change-password-popup .login-wrapper form ul li:last-child button:hover {
    background: #18b284;
}
#login-popup .login-wrapper form .login-divider,
#signup-popup .login-wrapper form .login-divider,
#change-nickname-popup .login-wrapper form .login-divider,
#change-password-popup .login-wrapper form .login-divider,
#report-popup .login-wrapper form .login-divider {
    position: relative;
    text-align: center;
    margin: 25px 0;
}
#login-popup .login-wrapper form .login-divider:before,
#signup-popup .login-wrapper form .login-divider:before,
#change-nickname-popup .login-wrapper form .login-divider:before,
#change-password-popup .login-wrapper form .login-divider:before,
#report-popup .login-wrapper form .login-divider:before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    width: 100%;
    height: 1px;
    background: #e9ebee;
}
#login-popup .login-wrapper form .login-divider span,
#signup-popup .login-wrapper form .login-divider span,
#change-nickname-popup .login-wrapper form .login-divider span,
#change-password-popup .login-wrapper form .login-divider span,
#report-popup .login-wrapper form .login-divider span {
    position: relative;
    background: #fff;
    padding: 0 15px;
    color: #374553;
    font:
        600 16px/16px "Pretendard Variable",
        sans-serif;
}
#login-popup .login-wrapper form .social-login,
#signup-popup .login-wrapper form .social-login,
#change-nickname-popup .login-wrapper form .social-login,
#change-password-popup .login-wrapper form .social-login,
#report-popup .login-wrapper form .social-login {
    gap: 10px;
}
#login-popup .login-wrapper form .social-login li,
#signup-popup .login-wrapper form .social-login li,
#change-nickname-popup .login-wrapper form .social-login li,
#change-password-popup .login-wrapper form .social-login li,
#report-popup .login-wrapper form .social-login li {
    margin-bottom: 10px;
}
#login-popup .login-wrapper form .social-login li:last-child,
#signup-popup .login-wrapper form .social-login li:last-child,
#change-nickname-popup .login-wrapper form .social-login li:last-child,
#change-password-popup .login-wrapper form .social-login li:last-child,
#report-popup .login-wrapper form .social-login li:last-child {
    margin-bottom: 0;
}
#login-popup .login-wrapper form .social-login .nsm7Bb-HzV7m-LgbsSe,
#signup-popup .login-wrapper form .social-login .nsm7Bb-HzV7m-LgbsSe,
#change-nickname-popup .login-wrapper form .social-login .nsm7Bb-HzV7m-LgbsSe,
#change-password-popup .login-wrapper form .social-login .nsm7Bb-HzV7m-LgbsSe,
#report-popup .login-wrapper form .social-login .nsm7Bb-HzV7m-LgbsSe {
    display: block;
    text-align: center;
    width: 100%;
    padding: 0 10px;
    height: 44px;
    border: none;
    border-radius: 8px;
    color: #000;
    transition: all 0.3s ease;
    background: #fff;
    border: 1px solid #e9ebee;
}
#login-popup .login-wrapper form .social-login .nsm7Bb-HzV7m-LgbsSe .nsm7Bb-HzV7m-LgbsSe-BPrWId,
#signup-popup .login-wrapper form .social-login .nsm7Bb-HzV7m-LgbsSe .nsm7Bb-HzV7m-LgbsSe-BPrWId,
#change-nickname-popup .login-wrapper form .social-login .nsm7Bb-HzV7m-LgbsSe .nsm7Bb-HzV7m-LgbsSe-BPrWId,
#change-password-popup .login-wrapper form .social-login .nsm7Bb-HzV7m-LgbsSe .nsm7Bb-HzV7m-LgbsSe-BPrWId,
#report-popup .login-wrapper form .social-login .nsm7Bb-HzV7m-LgbsSe .nsm7Bb-HzV7m-LgbsSe-BPrWId {
    font:
        600 16px/16px "Pretendard Variable",
        sans-serif;
    overflow: visible;
    position: absolute;
    width: 100%;
    text-align: center;
}
#login-popup .login-wrapper form .social-login .nsm7Bb-HzV7m-LgbsSe:hover,
#signup-popup .login-wrapper form .social-login .nsm7Bb-HzV7m-LgbsSe:hover,
#change-nickname-popup .login-wrapper form .social-login .nsm7Bb-HzV7m-LgbsSe:hover,
#change-password-popup .login-wrapper form .social-login .nsm7Bb-HzV7m-LgbsSe:hover,
#report-popup .login-wrapper form .social-login .nsm7Bb-HzV7m-LgbsSe:hover {
    background: #f7f8f9;
}
#login-popup .login-wrapper form .social-login a,
#signup-popup .login-wrapper form .social-login a,
#change-nickname-popup .login-wrapper form .social-login a,
#change-password-popup .login-wrapper form .social-login a,
#report-popup .login-wrapper form .social-login a {
    display: block;
    text-align: center;
    width: 100%;
    padding: 14px 10px;
    border: none;
    border-radius: 8px;
    font:
        600 16px/16px "Pretendard Variable",
        sans-serif;
    color: #fff;
    transition: all 0.3s ease;
}
#login-popup .login-wrapper form .social-login a img,
#signup-popup .login-wrapper form .social-login a img,
#change-nickname-popup .login-wrapper form .social-login a img,
#change-password-popup .login-wrapper form .social-login a img,
#report-popup .login-wrapper form .social-login a img {
    width: auto;
    height: 20px;
    position: absolute;
    top: 50%;
    left: 10px;
    transform: translateY(-50%);
}
#login-popup .login-wrapper form .social-login a.google-login,
#signup-popup .login-wrapper form .social-login a.google-login,
#change-nickname-popup .login-wrapper form .social-login a.google-login,
#change-password-popup .login-wrapper form .social-login a.google-login,
#report-popup .login-wrapper form .social-login a.google-login {
    background: #fff;
    border: 1px solid #e9ebee;
    color: #000;
}
#login-popup .login-wrapper form .social-login a.google-login:hover,
#signup-popup .login-wrapper form .social-login a.google-login:hover,
#change-nickname-popup .login-wrapper form .social-login a.google-login:hover,
#change-password-popup .login-wrapper form .social-login a.google-login:hover,
#report-popup .login-wrapper form .social-login a.google-login:hover {
    background: #f7f8f9;
}
#login-popup .login-wrapper form .social-login a.facebook-login,
#signup-popup .login-wrapper form .social-login a.facebook-login,
#change-nickname-popup .login-wrapper form .social-login a.facebook-login,
#change-password-popup .login-wrapper form .social-login a.facebook-login,
#report-popup .login-wrapper form .social-login a.facebook-login {
    background: #1877f2;
}
#login-popup .login-wrapper form .social-login a.facebook-login:hover,
#signup-popup .login-wrapper form .social-login a.facebook-login:hover,
#change-nickname-popup .login-wrapper form .social-login a.facebook-login:hover,
#change-password-popup .login-wrapper form .social-login a.facebook-login:hover,
#report-popup .login-wrapper form .social-login a.facebook-login:hover {
    background: #0b5fcc;
}
#login-popup .login-wrapper form .social-login a.apple-login,
#signup-popup .login-wrapper form .social-login a.apple-login,
#change-nickname-popup .login-wrapper form .social-login a.apple-login,
#change-password-popup .login-wrapper form .social-login a.apple-login,
#report-popup .login-wrapper form .social-login a.apple-login {
    background: #000;
    margin-bottom: 0;
}
#login-popup .login-wrapper form .social-login a.apple-login:hover,
#signup-popup .login-wrapper form .social-login a.apple-login:hover,
#change-nickname-popup .login-wrapper form .social-login a.apple-login:hover,
#change-password-popup .login-wrapper form .social-login a.apple-login:hover,
#report-popup .login-wrapper form .social-login a.apple-login:hover {
    background: #1a1a1a;
}
#login-popup .signup-wrapper,
#signup-popup .signup-wrapper,
#change-nickname-popup .signup-wrapper,
#change-password-popup .signup-wrapper,
#report-popup .signup-wrapper {
    margin-top: 25px;
}
#login-popup .signup-wrapper a,
#signup-popup .signup-wrapper a,
#change-nickname-popup .signup-wrapper a,
#change-password-popup .signup-wrapper a,
#report-popup .signup-wrapper a {
    width: 100%;
    max-width: 450px;
    padding: 15px;
    background: #1edfa5;
    color: #fff;
    font:
        600 16px/16px "Pretendard Variable",
        sans-serif;
    border-radius: 8px;
    transition: all 0.3s ease;
    text-align: center;
}
#login-popup .signup-wrapper a:hover,
#signup-popup .signup-wrapper a:hover,
#change-nickname-popup .signup-wrapper a:hover,
#change-password-popup .signup-wrapper a:hover,
#report-popup .signup-wrapper a:hover {
    background: #18b284;
}
#change-nickname-popup {
    display: flex;
}
#change-nickname-popup .login-wrapper h4 {
    color: #374553;
    font:
        700 27px/35px "Pretendard Variable",
        sans-serif;
    text-align: center;
    margin-bottom: 25px;
}
#signup-popup .login-wrapper form > p {
    display: none;
}
#signup-popup .login-wrapper form ul.login-form li span,
#signup-popup .login-wrapper form ul.login-form li > p {
    color: #f56565;
    font:
        14px/14px "Pretendard Variable",
        sans-serif;
    margin-top: 6px;
}
#signup-popup .login-wrapper form ul.login-form li:nth-last-child(2) {
    margin: 0 0 15px !important;
    display: block !important;
}
#signup-popup .login-wrapper form ul.login-form li:last-child {
    margin-bottom: 0;
}
#signup-popup .login-wrapper form ul.login-form li:last-child button {
    width: 100%;
    padding: 15px;
    background: #1edfa5;
    color: #fff;
    font:
        600 16px/16px "Pretendard Variable",
        sans-serif;
    border-radius: 8px;
    transition: all 0.3s ease;
    cursor: pointer;
    display: block;
    text-align: center;
}
#signup-popup .login-wrapper form ul.login-form li:last-child button:hover {
    background: #18b284;
}