@charset "utf-8";

:root {
     --gs-max-width: 800px;
     --gs-min-width: 360px;
     --gs-header-height: 80px;
     --gs-header-tab-height: 54px;
     --gs-operation-header-height: 65px;
     --gs-home-logo-width: 167px;
     --gs-white-color: #fff;
     --gs-black-color: #000;
     --gs-strong-indigo-color: #4a00af;
     --gs-bright-indigo-color: #6c00ff;
     --gs-windsor-color: #3c0d7b;
     --gs-oslo-gray-color: #8a8b96;
     --gs-placeholder-color: #8a8b96;
     --gs-everly-color: #c6dfe5;
     --gs-aijiro-color: #ebf7fa;
     --gs-breathe-color: #92a8ad;
     --gs-alienware-black-color: #222;
     --gs-bright-grey-color: #e9ecef;
     --gs-brushed-steel-color: #bdc4ca;
     --gs-black-haze-color: #f6f7f9;
     --gs-full-red-color: #ff0000;
     --gs-shimmer-silver-color: #b5b9c3;
     --gs-limestone-color: #999999;
     --gs-pure-gray-color: #7f7f7f;
     --gs-cottage-cheese-color: #fffcf6;
     --gs-vivid-indigo-color: #5b00d8;
     --gs-hot-green-color: #5aff00;
     --gs-refresh-green-color: #b7ff90;
     --gs-pampas-color: #f4f2f0;
     --gs-shadow-white-color: #d5d5d5;
     --gs-arabic-grey-color: #878787;
     --gs-purple-glow-color: #994eff;
     --gs-indigo-punk-color: #7814ff;
     --gs-deep-grape-color: #5300c5;
     --gs-hint-of-red-color: #f9f9f9;
     --gs-concrete-color: #f2f2f2;
     --gs-signal-grey-ral-color: #9b9b9b;
     --gs-dark-grey-camo-color: #737a81;
     --gs-boron-color: #8f939b;
     --gs-shiny-gray-color: #c6c6c6;
     --gs-white-marble-color: #e7e9ef;
     --gs-very-light-pink-color: #ffeaea;
     --gs-american-silver-color: #cecfd0;
     --gs-blue-color: #0006ff;
     --gs-fern-color: #5ab666;
     --gs-subtle-white-color: #eee;
     --gs-light-gray-color: #d2d2d2;
     --gs-radioactive-color: #fde500;
     --gs-green-cmyk-color: #03a94d;
     --gs-glossy-platinum-color: #e8ebf0;
     --gs-digitalocean-blue-color: #0084ff;
     --gs-spun-pearl-color: #aaabb7;
     --gs-christmas-silver-color: #b5b5b5;
     --gs-jet-black-color: #0e0e10;
     --gs-smoky-black-color: #3c393c;
     --gs-melon-yellow-color: #ff9c00;
     --gs-black-silver-color: #747474;
     --gs-philippine-grey-color: #8f8f8f;
     --gs-white-echo-color: #e9e8e8;
     --gs-spanish-gray-color: #a0a0a0;
     --gs-towson-gold-color: #ffba00;
     --gs-argent-color: #bfbfbf;
     --gs-brown-skin-color: #b66b42;
     --gs-default-padding: 20px;
     --gs-default-border-radius: 12px;
     --gs-arrow-left-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24px' viewBox='0 0 24 24' width='24px' fill='%23222222'%3E%3Cpath d='M14.71 15.88L10.83 12l3.88-3.88c.39-.39.39-1.02 0-1.41-.39-.39-1.02-.39-1.41 0L8.71 11.3c-.39.39-.39 1.02 0 1.41l4.59 4.59c.39.39 1.02.39 1.41 0 .38-.39.39-1.03 0-1.42z'/%3E%3C/svg%3E");
     --gs-arrow-right-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24px' viewBox='0 0 24 24' width='24px' fill='%23222222'%3E%3Cpath d='M9.29 15.88L13.17 12 9.29 8.12c-.39-.39-.39-1.02 0-1.41.39-.39 1.02-.39 1.41 0l4.59 4.59c.39.39.39 1.02 0 1.41L10.7 17.3c-.39.39-1.02.39-1.41 0-.38-.39-.39-1.03 0-1.42z'/%3E%3C/svg%3E");
     --gs-arrow-right-silver-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24px' viewBox='0 0 24 24' width='24px' fill='%23bcc0c6'%3E%3Cpath d='M9.29 15.88L13.17 12 9.29 8.12c-.39-.39-.39-1.02 0-1.41.39-.39 1.02-.39 1.41 0l4.59 4.59c.39.39.39 1.02 0 1.41L10.7 17.3c-.39.39-1.02.39-1.41 0-.38-.39-.39-1.03 0-1.42z'/%3E%3C/svg%3E");
     --gs-arrow-right-grey-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24px' viewBox='0 0 24 24' width='24px' fill='%23c9c9c9'%3E%3Cpath d='M9.29 15.88L13.17 12 9.29 8.12c-.39-.39-.39-1.02 0-1.41.39-.39 1.02-.39 1.41 0l4.59 4.59c.39.39.39 1.02 0 1.41L10.7 17.3c-.39.39-1.02.39-1.41 0-.38-.39-.39-1.03 0-1.42z'/%3E%3C/svg%3E");
     --gs-close-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -960 960 960'%3E%3Cpath d='M480-437.85 277.08-234.92q-8.31 8.3-20.89 8.5-12.57.19-21.27-8.5-8.69-8.7-8.69-21.08 0-12.38 8.69-21.08L437.85-480 234.92-682.92q-8.3-8.31-8.5-20.89-.19-12.57 8.5-21.27 8.7-8.69 21.08-8.69 12.38 0 21.08 8.69L480-522.15l202.92-202.93q8.31-8.3 20.89-8.5 12.57-.19 21.27 8.5 8.69 8.7 8.69 21.08 0 12.38-8.69 21.08L522.15-480l202.93 202.92q8.3 8.31 8.5 20.89.19 12.57-8.5 21.27-8.7 8.69-21.08 8.69-12.38 0-21.08-8.69L480-437.85Z' fill='%23ffffff' fill-rule='nonzero'/%3E%3C/svg%3E");
     --gs-info-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -960 960 960'%3E%3Cpath d='M501.38-298.63Q510-307.25 510-320v-170q0-12.75-8.63-21.38-8.63-8.62-21.38-8.62-12.76 0-21.37 8.62Q450-502.75 450-490v170q0 12.75 8.63 21.37 8.63 8.63 21.38 8.63 12.76 0 21.37-8.63Zm1.54-299.12q9.39-9.29 9.39-23.02t-9.29-23.02q-9.29-9.28-23.02-9.28t-23.02 9.28q-9.29 9.29-9.29 23.02t9.39 23.02q9.38 9.29 22.92 9.29 13.54 0 22.92-9.29ZM480.07-100q-78.84 0-148.21-29.92t-120.68-81.21q-51.31-51.29-81.25-120.63Q100-401.1 100-479.93q0-78.84 29.92-148.21t81.21-120.68q51.29-51.31 120.63-81.25Q401.1-860 479.93-860q78.84 0 148.21 29.92t120.68 81.21q51.31 51.29 81.25 120.63Q860-558.9 860-480.07q0 78.84-29.92 148.21t-81.21 120.68q-51.29 51.31-120.63 81.25Q558.9-100 480.07-100Zm-.07-60q134 0 227-93t93-227q0-134-93-227t-227-93q-134 0-227 93t-93 227q0 134 93 227t227 93Zm0-320Z' fill='%23000000' fill-rule='nonzero'/%3E%3C/svg%3E");
     --gs-search-icon: url("data:image/svg+xml,%3Csvg fill='%23000000' width='800px' height='800px' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M21.71,20.29,18,16.61A9,9,0,1,0,16.61,18l3.68,3.68a1,1,0,0,0,1.42,0A1,1,0,0,0,21.71,20.29ZM11,18a7,7,0,1,1,7-7A7,7,0,0,1,11,18Z'/%3E%3C/svg%3E");
     --gs-plus-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24px' viewBox='0 0 24 24' width='24px' fill='%23ffffff'%3E%3Cpath d='M0 0h24v24H0V0z' fill='none'/%3E%3Cpath d='M18 13h-5v5c0 .55-.45 1-1 1s-1-.45-1-1v-5H6c-.55 0-1-.45-1-1s.45-1 1-1h5V6c0-.55.45-1 1-1s1 .45 1 1v5h5c.55 0 1 .45 1 1s-.45 1-1 1z'/%3E%3C/svg%3E");
     --gs-footer-logo: url(../img/footer-logo.png);
     --gs-introduction-icon: url(../img/icon-introduction.png);
     --gs-contact-us-icon: url(../img/icon-contact-us.png);
     --gs-view-count-icon: url(../img/icon-view.png);
     --gs-like-count-icon: url(../img/icon-like.png);
     --gs-view-count-white-icon: url(../img/icon-view-white.png);
     --gs-like-count-white-icon: url(../img/icon-like-white.png);
     --gs-file-upload-icon: url(../img/icon-thumbnail.png);
     --gs-file-icon: url(../img/icon-file.png);
     --gs-kakao-icon: url(../img/logo-kakao.png);
     --gs-naver-icon: url(../img/logo-naver.png);
     --gs-close-bg-icon: url(../img/icon-close-bg.png);
     --gs-sort-icon: url(../img/icon-sort.png);
     --gs-plus-black-icon: url(../img/icon-add-black.png);
     --gs-checked-white-icon: url(../img/icon-check-white.png);
     --gs-suwon-icon: url(../img/icon-suwon.png);
     --gs-seongnam-icon: url(../img/icon-seongnam.png);
     --gs-paju-icon: url(../img/icon-paju.png);
}

html,
body {
     -webkit-font-smoothing: antialiased;
     -moz-osx-font-smoothing: grayscale;
     -webkit-text-size-adjust: none;
}

html,
body,
div,
span,
applet,
object,
iframe,
p,
blockquote,
pre,
xmp,
a,
button,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
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,
main,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video,
input,
textarea,
select,
svg {
     margin: 0;
     padding: 0;
     font: inherit;
     color: inherit;
     vertical-align: baseline;
     box-sizing: border-box;
     touch-action: manipulation;
}

*::before,
*::after {
     box-sizing: border-box;
}

h1,
h2,
h3,
h4,
h5,
h6 {
     margin: 0;
     padding: 0;
     vertical-align: baseline;
     box-sizing: border-box;
     touch-action: manipulation;
}

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

address,
cite,
code,
em {
     font-style: inherit;
     font-weight: inherit;
}

fieldset {
     border: 0;
}

ol,
ul {
     list-style: none;
}

strong {
     font-weight: 600;
}

.strong {
     font-weight: 700;
}

.stronger {
     font-weight: 900;
}

blockquote,
q {
     quotes: none;
}

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

legend {
     position: absolute;
     margin: -1px;
     width: 1px;
     height: 1px;
     overflow: hidden;
     clip: rect(0, 0, 0, 0);
}

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

caption {
     position: absolute;
     margin: -1px;
     width: 1px;
     height: 1px;
     overflow: hidden;
     clip: rect(0, 0, 0, 0);
}

th,
td {
     line-height: 1.5;
     vertical-align: middle;
     word-break: break-all;
     text-overflow: ellipsis;
     word-wrap: break-word;
}

img {
     border: 0;
     vertical-align: middle;
}

button {
     cursor: pointer;
     vertical-align: middle;
     line-height: normal;
     border: 0;
     background: transparent;
     text-transform: none;
     overflow: visible;
     -webkit-appearance: button;
     appearance: button;
}

button[disabled] {
     cursor: not-allowed;
     opacity: 0.5;
}

a {
     color: inherit;
     text-decoration: none;
     -webkit-text-decoration-skip: objects;
}

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

video {
     display: block;
     width: 100%;
}

label {
     cursor: pointer;
     vertical-align: middle;
}

input,
textarea {
     vertical-align: middle;
     line-height: normal;
     border-radius: 0;
     background-color: #fff;
     -webkit-touch-callout: default !important;
     -webkit-user-select: text !important;
     user-select: text !important;
}

input[type="text"],
input[type="password"],
input[type="number"],
input[type="email"],
input[type="tel"],
input[type="url"],
input[type="search"],
input[type="time"],
input[type="file"],
input[type="date"],
textarea {
     padding: 20px;
     height: 60px;
     font-size: 20px;
     border: 1px solid var(--gs-bright-grey-color);
     border-radius: var(--gs-default-border-radius);
     background-color: var(--gs-black-haze-color);
     -webkit-appearance: none;
     appearance: none;
}

input[type="checkbox"],
input[type="radio"] {
     width: auto;
     border: none;
}

input[type="button"],
input[type="reset"],
input[type="submit"] {
     cursor: pointer;
     -webkit-appearance: button;
     appearance: button;
}

input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
     display: none;
}

input[type="search"]::-ms-clear {
     display: none;
}

input:-webkit-autofill {
     -webkit-box-shadow: 0 0 0px 1000px #fff inset;
}

input::-webkit-input-placeholder {
     color: var(--gs-placeholder-color) !important;
}

input:-moz-placeholder {
     color: var(--gs-placeholder-color) !important;
     opacity: 1 !important;
}

input::-moz-placeholder {
     color: var(--gs-placeholder-color) !important;
     opacity: 1 !important;
}

input:-ms-input-placeholder {
     color: var(--gs-placeholder-color) !important;
}

textarea {
     padding: 20px;
     width: 100%;
     height: auto;
     line-height: 1.5;
     resize: none;
}

textarea::-webkit-input-placeholder {
     color: var(--gs-placeholder-color) !important;
}

textarea:-moz-placeholder {
     color: var(--gs-placeholder-color) !important;
     opacity: 1 !important;
}

textarea::-moz-placeholder {
     color: var(--gs-placeholder-color) !important;
     opacity: 1 !important;
}

textarea:-ms-input-placeholder {
     color: var(--gs-placeholder-color) !important;
}

input[type="text"][readonly],
input[type="password"][readonly],
input[type="email"][readonly],
input[type="tel"][readonly],
input[type="search"][readonly],
input[type="text"][disabled],
input[type="password"][disabled],
input[type="email"][disabled],
input[type="tel"][disabled],
input[type="search"][disabled],
textarea[readonly],
textarea[disabled],
select[disabled] {
     color: #666;
     background: #eaeaea;
     border-color: #c0c0c0;
}

input[readonly],
textarea[readonly] {
     cursor: default;
}

input[disabled],
textarea[disabled],
select[disabled] {
     cursor: not-allowed;
}

select {
     padding: 0 45px 0 20px;
     width: 100%;
     height: 60px;
     font-size: 20px;
     border: 1px solid var(--gs-bright-grey-color);
     border-radius: var(--gs-default-border-radius);
     background: var(--gs-black-haze-color) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='48' width='48' fill='%23000000'%3E%3Cpath d='m24 30.8-12-12 2.15-2.15L24 26.5l9.85-9.85L36 18.8Z'/%3E%3C/svg%3E") no-repeat calc(100% - 10px) center / 36px;
     -webkit-appearance: none;
     -moz-appearance: none;
     appearance: none;
}

select:focus {
     background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='48' width='48' fill='%23000000'%3E%3Cpath d='M14.15 30.15 12 28l12-12 12 12-2.15 2.15L24 20.3Z'/%3E%3C/svg%3E");
}

select::-ms-expand {
     display: none;
}

select[disabled] {
     color: #999;
}

::selection {
     color: #000;
     background: rgba(106, 0, 255, 0.3);
}

a,
button,
label,
input,
select,
textarea {
     -webkit-tap-highlight-color: transparent;
}

:focus-visible {
     box-shadow: 0 0 0 3px var(--gs-white-color), 0 0 0 5px var(--gs-alienware-black-color);
     border-radius: 2px;
     outline: 0;
     transition: none !important;
}

select:focus-visible,
input:focus-visible,
textarea:focus-visible {
     border: 2px solid var(--gs-bright-indigo-color);
     border-radius: var(--gs-default-border-radius);
     background-color: var(--gs-white-color);
     box-shadow: none;
}

body {
     font-family: "Pretendard", -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", Arial, sans-serif;
     font-size: 16px;
     font-weight: 400;
     color: var(--gs-alienware-black-color);
     background: var(--gs-white-color);
     word-break: keep-all;
     overflow-wrap: break-word;
}

body.hidden {
     overflow: hidden;
}

body.hidden .scroll-btn {
     display: none;
}

.skipnavigation {
     display: flex;
     justify-content: center;
     position: fixed;
     top: -100px;
     left: 0;
     padding: 8px 5px;
     min-width: 200px;
     font-size: 16px;
     color: #fff;
     text-align: center;
     background: var(--gs-strong-indigo-color);
     z-index: 1000000;
     transition: top 0.3s;
}

.skipnavigation span {
     position: relative;
     padding-bottom: 3px;
}

.skipnavigation span::after {
     content: "";
     display: block;
     position: absolute;
     bottom: 0;
     left: 0;
     width: 100%;
     height: 1px;
     background: #fff;
}

.skipnavigation:focus-visible {
     top: 0;
     box-shadow: 0 0 0 3px #222;
}

.sr-only {
     position: absolute;
     margin: -1px;
     width: 1px;
     height: 1px;
     overflow: hidden;
     clip: rect(0, 0, 0, 0);
}

.scroll-btn {
     display: block;
     position: fixed;
     right: 15px;
     width: 40px;
     height: 40px;
     background: var(--gs-strong-indigo-color);
     border-radius: 20px;
     outline: none;
     z-index: 980;
     transition: height 0.2s;
}

.scroll-top-btn {
     bottom: 70px;
     visibility: hidden;
     opacity: 0;
}

.scroll-bottom-btn {
     bottom: 20px;
     transform: rotate(-180deg);
     visibility: hidden;
     opacity: 0;
}

.scroll-btn span,
.scroll-btn::before,
.scroll-btn span,
.scroll-btn::before,
.scroll-btn::after {
     content: "";
     display: block;
     position: absolute;
     top: 14px;
     left: 50%;
     width: 15px;
     height: 2px;
     background-color: var(--gs-white-color);
     transform-origin: left 50%;
}

.scroll-btn span {
     bottom: auto;
     margin-left: -1px;
     width: 2px;
     height: 0;
     transition: 0.2s linear;
}

.scroll-btn::before,
.scroll-btn::after {
     transition: top 0.4s;
}

.scroll-btn::before {
     transform: rotate(135deg);
}

.scroll-btn::after {
     transform: rotate(45deg);
}

#wrapper {
     margin: 0 auto;
     max-width: var(--gs-max-width);
     min-width: var(--gs-min-width);
     padding-top: var(--gs-header-height);
}

#wrapper:has(#header .nav-tab) {
     padding-top: calc(var(--gs-header-height) + var(--gs-header-tab-height));
}

#wrapper:has(#footer) {
     padding-bottom: 180px;
}

#header {
     position: fixed;
     top: 0;
     left: 0;
     width: 100%;
     color: var(--gs-white-color);
     background: var(--gs-strong-indigo-color);
     z-index: 120;
}

#header .header-top {
     display: flex;
     justify-content: space-between;
     align-items: center;
     gap: 20px;
     padding: 18px 15px;
     height: var(--gs-header-height);
}

#header .home-btn {
     display: block;
     width: 167px;
     height: 44px;
     background: url(../img/logo.png) no-repeat center center / contain;
}

#header .inquiry-link-btn {
     display: flex;
     justify-content: center;
     align-items: center;
     padding: 5px;
     min-width: 65px;
     height: 35px;
     font-size: 17px;
     color: var(--gs-white-color);
     border-radius: 35px;
     background-color: var(--gs-windsor-color);
}

#header .nav-tab ul {
     display: flex;
     justify-content: space-between;
     align-items: center;
     width: 100%;
     height: var(--gs-header-tab-height);
     background-color: var(--gs-bright-indigo-color);
}

#header .nav-tab li {
     position: relative;
     flex: 1;
}

#header .nav-tab li~li:before {
     content: "";
     position: absolute;
     display: block;
     width: 1px;
     height: 100%;
     background-color: var(--gs-white-color);
}

#header .nav-tab a {
     display: flex;
     justify-content: center;
     align-items: center;
     font-size: 20px;
}

#header.back {
     padding: 0 18px;
     color: var(--gs-alienware-black-color);
     background-color: var(--gs-white-color);
}

#header.back>div {
     position: relative;
     justify-content: center;
     padding-left: 50px;
}

#header.back h1 {
     font-size: 26px;
     font-weight: 500;
}

#header .back-btn {
     position: absolute;
     left: 0;
     width: 44px;
     height: 44px;
     border-radius: 44px;
     background: var(--gs-black-haze-color) var(--gs-arrow-left-icon) no-repeat center / 40px;
}

#header .back-btn.no-bg {
     background-color: transparent;
}

#header .right-btn {
     display: flex;
     justify-content: center;
     align-items: center;
     position: absolute;
     right: 0;
     padding: 5px 10px;
     min-width: 94px;
     height: 40px;
     font-size: 18px;
     color: var(--gs-white-color);
     border-radius: var(--gs-default-border-radius);
     background: var(--gs-bright-indigo-color);
}

#footer {
     padding: var(--gs-default-padding);
}

#footer>div {
     padding: 20px 15px;
     font-size: 15px;
     color: var(--gs-spanish-gray-color);
     border-radius: 30px;
     background-color: var(--gs-white-echo-color);
}

#footer .links {
     display: flex;
     justify-content: center;
     align-items: center;
     gap: 10px;
     margin-bottom: 30px;
     font-size: 19px;
     color: var(--gs-placeholder-color);
}

#footer .links a {
     position: relative;
     display: block;
     padding: 0 5%;
     text-align: center;
}

#footer .links a~a::before {
     content: "";
     position: absolute;
     top: 10%;
     left: 0;
     width: 1px;
     height: 80%;
     background-color: var(--gs-shadow-white-color);
}

#footer .ft-infos {
     display: flex;
     flex-direction: column;
     align-items: center;
     gap: 4px;
     padding-top: 40px;
     font-weight: 500;
     text-align: center;
     background: var(--gs-footer-logo) no-repeat top / 173px;
}

#container {
     padding: 25px var(--gs-default-padding) 200px;
}

#wrapper:has(#footer) #container {
     padding-bottom: 30px;
}

.main-page-content-container {
     margin: 0 auto;
     max-width: var(--gs-max-width);
     min-width: var(--gs-min-width);
}

.content.center {
     text-align: center;
}

.content-top {
     display: flex;
     justify-content: center;
     align-items: center;
     position: relative;
     padding: 10px 45px;
     font-size: 30px;
     font-weight: 500;
     margin-bottom: 25px;
}

.content-top .back-btn {
     position: absolute;
     left: 0;
     width: 40px;
     height: 40px;
     background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24px' viewBox='0 0 24 24' width='24px' fill='%23000000'%3E%3Cpath d='M14.71 15.88L10.83 12l3.88-3.88c.39-.39.39-1.02 0-1.41-.39-.39-1.02-.39-1.41 0L8.71 11.3c-.39.39-.39 1.02 0 1.41l4.59 4.59c.39.39 1.02.39 1.41 0 .38-.39.39-1.03 0-1.42z'/%3E%3C/svg%3E") no-repeat center / 40px;
}

.gs-btn {
     display: flex;
     justify-content: center;
     align-items: center;
     width: 100%;
     font-weight: 500;
     color: var(--gs-white-color);
     background-color: var(--gs-bright-indigo-color);
}

.gs-btn:disabled {
     cursor: not-allowed;
     color: var(--gs-oslo-gray-color);
     background-color: var(--gs-bright-grey-color);
}

.gs-btn.reset {
     color: var(--gs-shimmer-silver-color);
     background-color: var(--gs-bright-grey-color);
}

.gs-btn.no-bg {
     color: var(--gs-alienware-black-color);
     background-color: transparent;
}

.gs-btn.no-bg-gray {
     color: var(--gs-boron-color);
     background-color: transparent;
}

.gs-btn-group {
     display: flex;
     justify-content: center;
     align-items: center;
     gap: 10px;
     margin-top: 80px;
     width: 100%;
}

.gs-btn-group--fixed {
     position: fixed;
     left: 0;
     bottom: 0;
     margin: 0;
     padding: var(--gs-default-padding);
     width: 100%;
     background-color: var(--gs-white-color);
     z-index: 0;
}

.gs-btn-group--column {
     flex-direction: column;
}

.gs-btn-group .gs-btn {
     font-size: 22px;
     min-height: 55px;
     border-radius: 15px;
}

.gs-box {
     margin-bottom: 30px;
     padding: var(--gs-default-padding);
     border: solid 1px var(--gs-everly-color);
     border-radius: var(--gs-default-border-radius);
     background-color: var(--gs-aijiro-color);
}

.gs-box.gray {
     border-color: var(--gs-bright-grey-color);
     background-color: var(--gs-black-haze-color);
}

.gs-box.center {
     text-align: center;
}

.gs-info-container .info-title {
     margin-bottom: 12px;
     font-size: 18px;
}

.gs-info-container .gs-box dl~dl {
     margin-top: 20px;
}

.gs-info-container .gs-box dt {
     margin-bottom: 5px;
     font-size: 15px;
     color: var(--gs-breathe-color);
}

.gs-info-container .gs-box dd {
     font-size: 20px;
     font-weight: 600;
     color: var(--gs-alienware-black-color);
}

.gs-info-container~.gs-info-container {
     margin-top: 60px;
}

.gs-info-container .gs-enter-container {
     margin: 15px 10px;
}

.gs-txt {
     margin-bottom: 5px;
}

.gs-txt.center {
     text-align: center;
}

.gs-underline {
     text-decoration: underline;
     text-underline-offset: 4px;
}

.gs-enter-item {
     display: flex;
     flex-direction: column;
     gap: 10px;
}

.gs-enter-item .gs-enter-label {
     font-weight: 500;
}

.gs-enter-item .gs-enter-label.view-count {
     padding-left: 32px;
     background: var(--gs-view-count-icon) no-repeat left / 26px;
}

.gs-enter-item .gs-enter-label.like-count {
     padding-left: 24px;
     background: var(--gs-like-count-icon) no-repeat left / 18px;
}

.gs-enter-item~.gs-enter-item {
     margin-top: 25px;
}

.gs-enter-input-container {
     display: flex;
     justify-content: space-between;
     align-items: center;
     gap: 10px;
     position: relative;
}

.gs-enter-input-container .gs-enter-input,
.gs-enter-input-container .gs-select {
     width: 100%;
}

.gs-enter-input-container .gs-btn {
     flex: 0 0 90px;
     padding: 10px;
     height: 60px;
     font-size: 18px;
     border-radius: var(--gs-default-border-radius);
}

.gs-enter-input-container:has(.gs-btn-eye) .gs-enter-input {
     padding-right: 75px;
}

.gs-enter-input-container .gs-btn-eye {
     position: absolute;
     top: 0;
     right: 0;
     width: 60px;
     height: 60px;
     background: url(../img/icon-eye-off.png) no-repeat center center / 30px;
}

.gs-enter-input-container .gs-btn-eye.active {
     background: url(../img/icon-eye-on.png) no-repeat center center / 30px;
}

.gs-enter-container {
     margin: 35px 0;
}

.gs-enter-container>div~div {
     margin-top: 25px;
}

.gs-textarea-limit {
     border: 1px solid var(--gs-bright-grey-color);
     border-radius: var(--gs-default-border-radius);
     background-color: var(--gs-black-haze-color);
}

.gs-textarea-limit textarea {
     height: 40vh;
     border: 0;
     border-radius: 0;
     background-color: transparent;
}

.gs-textarea-limit .gs-textarea-count {
     padding: 15px;
     text-align: right;
}

.gs-textarea-container {
     margin-bottom: 40px;
}

.gs-check-item {
     display: flex;
     align-items: center;
     gap: 10px;
     --check-size: 30px;
}

.gs-check-item input {
     position: absolute;
     width: 0;
     height: 0;
     overflow: hidden;
     clip: rect(0 0 0 0);
     opacity: 0;
     pointer-events: none;
     z-index: -1;
}

.gs-check-item .gs-check-icon {
     flex: 0 0 var(--check-size);
     height: var(--check-size);
     border: 1px solid var(--gs-limestone-color);
     border-radius: 5px;
     background-color: var(--gs-white-color);
     transition: background 0.3s;
}

.gs-check-item .gs-check-icon::before {
     content: "";
     display: block;
     width: 100%;
     height: 100%;
}

.gs-check-item input[type="checkbox"]:checked+.gs-check-icon {
     border-color: var(--gs-strong-indigo-color);
     background-color: var(--gs-strong-indigo-color);
}

.gs-check-item input[type="checkbox"]:checked+.gs-check-icon::before {
     background: url("data:image/svg+xml,%3Csvg fill='%23ffffff' width='800px' height='800px' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.294 16.998c-.435 0-.847-.203-1.111-.553L3.61 11.724a1.392 1.392 0 0 1 .27-1.951 1.392 1.392 0 0 1 1.953.27l2.351 3.104 5.911-9.492a1.396 1.396 0 0 1 1.921-.445c.653.406.854 1.266.446 1.92L9.478 16.34a1.39 1.39 0 0 1-1.12.656c-.022.002-.042.002-.064.002z'/%3E%3C/svg%3E") no-repeat center / 24px;
}

.gs-check-item input[type="radio"]+.gs-check-icon {
     display: flex;
     justify-content: center;
     align-items: center;
     border-radius: 50%;
}

.gs-check-item input[type="radio"]:checked+.gs-check-icon::before {
     width: 14px;
     height: 14px;
     border-radius: 50%;
     background-color: var(--gs-strong-indigo-color);
}

.gs-checkbox-container {
     display: flex;
     gap: 10px 30px;
}

.gs-checkbox-container--hidden-check {
     display: flex;
     justify-content: center;
     align-items: center;
     gap: 10px;
     width: 100%;
}

.gs-checkbox-container--hidden-check .gs-check-item {
     flex: 1;
     justify-content: center;
     align-items: center;
     padding: 8px;
     width: 100%;
     height: 60px;
     font-size: 20px;
     color: var(--gs-oslo-gray-color);
     border: 1px solid var(--gs-bright-grey-color);
     border-radius: var(--gs-default-border-radius);
     background-color: var(--gs-black-haze-color);
}

.gs-checkbox-container--hidden-check .gs-check-icon {
     display: none !important;
}

.gs-checkbox-container--hidden-check .gs-check-item:has(input:checked) {
     color: var(--gs-white-color);
     background-color: var(--gs-bright-indigo-color);
}

.gs-search-container {
     width: 100%;
}

.gs-search-container .gs-search-field {
     display: flex;
     justify-content: space-between;
     align-items: center;
     padding: 0 6px;
     height: 46px;
     border-radius: var(--gs-default-border-radius);
     background-color: var(--gs-black-haze-color);
}

.gs-search-container .gs-search-btn {
     flex-shrink: 0;
     width: 36px;
     height: 36px;
     background: var(--gs-search-icon) no-repeat center center / 20px;
}

.gs-search-container .gs-search-reset-btn {
     flex-shrink: 0;
     width: 36px;
     height: 36px;
     background: var(--gs-close-bg-icon) no-repeat center center / 20px;
}

.gs-search-container .gs-search-field input {
     padding: 5px;
     width: 100%;
     height: 100%;
     border: none;
     border-radius: 0;
     background: transparent;
}

.gs-notice-container {
     margin-top: 50px;
}

.gs-notice-container .gs-txt {
     margin-bottom: 15px;
     font-size: 18px;
     font-weight: 700;
     color: var(--gs-pure-gray-color);
}

.gs-notice-container li {
     margin-bottom: 5px;
     padding-left: 15px;
     text-indent: -15px;
     font-size: 15px;
     line-height: 1.5;
     color: var(--gs-oslo-gray-color);
}

.gs-bg-underline {
     padding: 0 6px;
     background-repeat: no-repeat;
     background-position: bottom left;
     background-size: 100% 50%;
     background-image: linear-gradient(var(--gs-refresh-green-color), var(--gs-refresh-green-color));
}

.gs-msg,
.gs-msg-error {
     display: block;
     margin-top: 10px;
     font-size: 15px;
     font-weight: 500;
     color: var(--gs-full-red-color);
}

.gs-file-upload-container {
     padding: 12px;
     border: 1px solid var(--gs-alienware-black-color);
     border-radius: var(--gs-default-border-radius);
     background-color: var(--gs-black-haze-color);
}

.gs-file-upload-input {
     position: absolute;
     margin: -1px;
     width: 1px;
     height: 1px;
     overflow: hidden;
     clip: rect(0, 0, 0, 0);
}

.gs-file-upload-label {
     display: flex;
     justify-content: center;
     align-items: center;
     flex-direction: column;
     padding: 20px;
     min-height: 100px;
     color: var(--gs-placeholder-color);
     border-radius: var(--gs-default-border-radius);
     background-color: var(--gs-white-marble-color);
}

.gs-file-upload-input:disabled+.gs-file-upload-label {
     pointer-events: none;
     opacity: 0.5;
}

.gs-file-upload-title {
     display: inline-flex;
     align-items: center;
     padding-left: 40px;
     min-height: 32px;
     font-size: 20px;
     font-weight: 500;
     color: var(--gs-alienware-black-color);
     background: var(--gs-file-upload-icon) no-repeat left center / 32px;
}

.gs-file-upload-text {
     display: block;
     margin-top: 10px;
}

.gs-file-upload-item-content:has(li img) {
     margin-top: 20px;
}

.gs-file-upload-item-content ul {
     display: flex;
     gap: 10px;
}

.gs-file-upload-item-content li {
     flex: 0 0 calc(25% - 8px);
     position: relative;
     height: 75px;
     border-radius: 10px;
     overflow: hidden;
}

.gs-file-upload-item-content img {
     width: 100%;
     height: 100%;
     object-fit: cover;
}

.gs-file-upload-delete-btn {
     position: absolute;
     top: 0;
     right: 0;
     width: 26px;
     height: 26px;
     background: rgba(0, 0, 0, 0.5) var(--gs-close-icon) no-repeat center center / 24px;
}

.step-container .step-item {
     display: flex;
     margin: 10px 0;
     border-radius: 20px;
     background-color: var(--gs-white-color);
}

.step-container .step-item-number {
     display: flex;
     align-items: center;
     justify-content: center;
     flex-direction: column;
     padding: 12px;
     min-width: 100px;
     flex-basis: 100px;
     color: var(--gs-white-color);
     min-height: 105px;
     border-radius: 20px;
     background-color: var(--gs-purple-glow-color);
}

.step-container .step-item-2 .step-item-number {
     background-color: var(--gs-indigo-punk-color);
}

.step-container .step-item-3 .step-item-number {
     background-color: var(--gs-deep-grape-color);
}

.step-container .step-item-number small {
     display: flex;
     align-items: center;
     justify-content: center;
     padding: 0 10px;
     min-width: 35px;
     height: 20px;
     font-size: 12px;
     font-weight: 700;
     color: var(--gs-purple-glow-color);
     line-height: 1;
     border-radius: 20px;
     background-color: var(--gs-white-color);
}

.step-container .step-item-number span {
     display: block;
     margin-top: 8px;
     font-size: 18px;
     text-align: center;
     color: var(--gs-white-color);
     line-height: 1.2;
}

.step-container .step-item-content {
     padding: 20px 12px;
     font-size: 18px;
     align-self: center;
}

.step-container .step-item-content ul {
     margin-top: 5px;
}

.step-container .step-item-content li {
     margin: 3px 0;
     font-size: 16px;
     color: var(--gs-arabic-grey-color);
}

.gs-desc-list dt {
     font-size: 22px;
     font-weight: 700;
}

.gs-desc-list dd {
     margin: 5px 0;
}

.gs-desc-list.indent dd {
     padding-left: 15px;
     text-indent: -15px;
}

.round-tab-container {
     padding: 5px;
     border-radius: var(--h);
     background-color: var(--gs-shadow-white-color);
     --w1: 40%;
     --w2: 60%;
     --h: 50px
}

.round-tab-container>div {
     position: relative;
     display: flex;
     justify-content: center;
     align-items: center;
}

.round-tab-container>div::after {
     content: "";
     position: absolute;
     bottom: 0;
     left: 0;
     width: var(--w1);
     height: var(--h);
     border-radius: var(--h);
     background-color: var(--gs-white-color);
     z-index: 2;
     transform: translateX(0%);
     transition: transform 0.25s;
}

.round-tab-container .round-tab-item {
     position: relative;
     display: flex;
     justify-content: center;
     align-items: center;
     flex-basis: var(--w1);
     height: var(--h);
     font-size: 18px;
     letter-spacing: -1.5px;
     color: var(--gs-arabic-grey-color);
     z-index: 3;
}

.round-tab-container .round-tab-item:nth-child(2) {
     flex-basis: var(--w2);
}

.round-tab-container .round-tab-item.active {
     font-size: 18px;
     font-weight: 700;
     color: var(--gs-alienware-black-color);
}

.round-tab-container>div:has(.round-tab-item:nth-child(2).active)::after {
     width: var(--w2);
     transform: translateX(66.5%);
}

.icon-file {
     padding-left: 20px;
     background: var(--gs-file-icon) no-repeat left center / 16px;
}

.view-detail-item-title h2 {
     display: inline;
     margin-right: 8px;
     font-size: 26px;
     line-height: 1.3;
     vertical-align: middle;
}

.view-detail-item-title-status {
     display: inline-flex;
     justify-content: center;
     align-items: center;
     min-width: 55px;
     height: 26px;
     font-weight: 500;
     color: var(--gs-full-red-color);
     border-radius: 5px;
     background-color: var(--gs-very-light-pink-color);
     position: relative;
     top: 2px;
}

.view-detail-item-date {
     margin-top: 6px;
     color: var(--gs-oslo-gray-color);
}

.view-detail-item-content {
     margin-top: 20px;
     font-size: 20px;
}

.view-detail-item-content>div~div {
     margin-top: 30px;
}

.viewers-likes-count {
     display: flex;
     align-items: center;
     gap: 10px;
     flex-wrap: wrap;
     padding: 10px;
     min-height: 55px;
     font-size: 18px;
     font-weight: 500;
     letter-spacing: -1px;
     border: 1px solid var(--gs-bright-grey-color);
     border-radius: var(--gs-default-border-radius);
     background-color: var(--gs-black-haze-color);
}

.viewers-likes-count>div {
     flex: 1;
     display: flex;
     justify-content: center;
     align-items: center;
     gap: 5px;
}

.viewers-likes-count .label {
     flex-shrink: 0;
}

.viewers-likes-count .viewers {
     padding-left: 35px;
     background: var(--gs-view-count-icon) no-repeat left 2px / 30px;
}

.viewers-likes-count .likes {
     padding-left: 25px;
     background: var(--gs-like-count-icon) no-repeat left 3px / 20px;
}

.viewers-likes-count .count {
     color: var(--gs-bright-indigo-color);
}

.gs-tag-container-title {
     display: inline-flex;
     justify-content: center;
     align-items: center;
     margin-bottom: 12px;
     padding: 5px 15px;
     min-width: 95px;
     min-height: 30px;
     color: var(--gs-white-color);
     background-color: var(--gs-fern-color);
     border-radius: 30px;
}

.gs-tag-list {
     display: flex;
     align-items: center;
     flex-wrap: wrap;
     gap: 10px 15px;
}

.gs-tag-item .gs-underline {
     font-weight: 500;
}

.gs-img-list {
     display: flex;
     align-items: center;
     flex-wrap: wrap;
     gap: 10px;
}

.gs-img-list li {
     flex: 0 0 calc(50% - 8px);
     height: 120px;
     border-radius: var(--gs-default-border-radius);
     overflow: hidden;
}

.gs-img-list li img {
     width: 100%;
     height: 100%;
     object-fit: cover;
}

.gallery-list .gallery-item {
     cursor: pointer;
}

.gs-ellipsis {
     overflow: hidden;
     white-space: nowrap;
     text-overflow: ellipsis;
}

.gs-flex {
     display: flex;
     align-items: center;
     flex-wrap: wrap;
     gap: 0 10px;
}

.gs-flex.column {
     flex-direction: column;
     align-items: flex-start;
     gap: 5px;
}

.gs-sort-group {
     display: flex;
     justify-content: center;
     flex-direction: column;
     gap: 5px;
     margin-bottom: 25px;
}

.gs-sort-group-label {
     font-size: 15px;
     font-weight: 500;
}

.gs-sort-group-options {
     display: flex;
     align-items: center;
     flex-wrap: wrap;
     gap: 5px;
}

.gs-sort-group-options label {
     flex-basis: 31%;
     flex-shrink: 0;
     display: flex;
     justify-content: center;
     align-items: center;
     gap: 5px;
     padding: 8px 15px 8px 8px;
     min-height: 40px;
     font-weight: 500;
     border-radius: 40px;
     background-color: var(--gs-bright-grey-color);
}

.gs-sort-group-options input {
     opacity: 0;
     position: absolute;
     left: -9999px;
     width: 0;
     height: 0;
     overflow: hidden;
}

.gs-sort-label-text {
     display: flex;
     align-items: center;
     gap: 5px;
     width: 100%;
     height: 100%;
     letter-spacing: -1px;
}

.gs-sort-label-text::before {
     content: "";
     width: 24px;
     height: 24px;
     border-radius: 24px;
     background: var(--gs-white-color) var(--gs-plus-black-icon) no-repeat center / 12px;
}

.gs-sort-group-options label:has(input:checked) {
     color: var(--gs-white-color);
     background-color: var(--gs-jet-black-color);
}

.gs-sort-group-options-checkbox label:has(input:checked) .gs-sort-label-text::before {
     background-color: var(--gs-smoky-black-color);
     background-image: var(--gs-checked-white-icon);
}

.gs-sort-group-options-radio .gs-sort-label-text::before {
     content: "•";
     display: flex;
     justify-content: center;
     font-size: 30px;
     line-height: 20px;
     color: var(--gs-bright-grey-color);
     background-image: none;
}

.gs-sort-group-options-radio label:has(input:checked) .gs-sort-label-text::before {
     color: var(--gs-white-color);
     background-color: var(--gs-smoky-black-color);
}

.gs-article-container>div~div {
     margin-top: 30px;
}

.gs-article-top {
     display: flex;
     justify-content: space-between;
     align-items: center;
     gap: 10px;
}

.gs-article-top .gs-article-title {
     margin-bottom: 0;
}

.gs-article-top .more-btn {
     padding: 10px;
     font-weight: 500;
     color: var(--gs-philippine-grey-color);
}

.gs-article-title {
     margin-bottom: 10px;
     font-size: 19px;
}

.gs-notice-list-container {
     border-radius: var(--gs-default-border-radius);
     background-color: var(--gs-white-color);
}

.gs-notice-list-container ul {
     padding: 10px 0;
}

.gs-notice-list-container a {
     display: flex;
     justify-content: space-between;
     gap: 10px;
     padding: 8px 18px;
     font-size: 15px;
}

.gs-notice-list-container .date {
     color: var(--gs-christmas-silver-color);
}

.gs-links-container {
     display: flex;
     gap: 10px;
}

.gs-links-container a {
     flex: 1;
     display: flex;
     justify-content: center;
     align-items: center;
     padding: 0 25px 0 15px;
     font-weight: 600;
     min-height: 60px;
     letter-spacing: -1px;
     border-radius: var(--gs-default-border-radius);
     background: var(--gs-white-color) var(--gs-arrow-right-icon) no-repeat calc(100% - 5px) / 24px;
}

.gs-links-container a>div {
     padding: 15px 0;
     text-align: center;
     background-repeat: no-repeat;
     background-position: left;
}

.gs-links-container .supporters>div {
     padding-left: 38px;
     background-image: var(--gs-introduction-icon);
     background-size: 34px;
}

.gs-links-container .contact-us>div {
     padding-left: 42px;
     background-image: var(--gs-contact-us-icon);
     background-size: 37px;
}

.my-activities-info-item {
     display: flex;
     justify-content: space-between;
     align-items: center;
     gap: 10px;
}

.my-activities-info-item-content {
     flex: 1;
     display: flex;
     flex-direction: column;
     justify-content: center;
     align-items: center;
     gap: 20px;
     padding: 8px;
     min-height: 165px;
     font-size: 22px;
     font-weight: 700;
     color: var(--gs-white-color);
     text-shadow: 0px 5px 2px rgba(0, 0, 0, 0.15);
     border-radius: var(--gs-default-padding);
}

.my-activities-info-item-content-1 {
     background-color: var(--gs-bright-indigo-color);
}

.my-activities-info-item-content-2 {
     background-color: var(--gs-fern-color);
}

.my-activities-info-number {
     display: flex;
     justify-content: center;
     align-items: center;
     gap: 5px;
     padding: 5px 20px;
     min-width: 100px;
     min-height: 60px;
     font-size: 44px;
     font-weight: 300;
     letter-spacing: -1px;
     border-radius: 100px;
     box-shadow: inset 0px 3px 3px 0 rgba(0, 0, 0, 0.2);
}

.my-activities-info-number strong {
     font-weight: 700;
}

.my-activities-info-item-content-1 .my-activities-info-number {
     background-color: #5000be;
}

.my-activities-info-item-content-2 .my-activities-info-number {
     background-color: #2e943b;
}

.my-page-info-title {
     margin-bottom: 20px;
     font-size: 18px;
     font-weight: 600;
     text-align: center;
}

.my-page-info-item {
     display: flex;
     justify-content: space-between;
     align-items: center;
     gap: 6px;
}

.my-page-info-item-content {
     flex: 1;
     display: flex;
     flex-direction: column;
     justify-content: center;
     align-items: center;
     gap: 8px;
     padding: 8px;
     min-height: 110px;
     font-size: 18px;
     font-weight: 700;
     color: var(--gs-white-color);
     text-shadow: 0px 5px 2px rgba(0, 0, 0, 0.15);
     border-radius: var(--gs-default-padding);
}

.my-page-info-item-content-1 {
     background-color: var(--gs-bright-indigo-color);
}

.my-page-info-item-content-2 {
     background-color: var(--gs-fern-color);
}

.my-page-info-item-content-3 {
     background-color: var(--gs-melon-yellow-color);
}

.my-page-info-number {
     font-size: 20px;
}

.my-page-info-list {
     margin-top: 20px;
     padding: 20px 10px;
     font-size: 18px;
     font-weight: 500;
     border-radius: var(--gs-default-border-radius);
     background-color: var(--gs-white-color);
}

.my-page-info-list>ul {
     display: flex;
     flex-direction: column;
     gap: 10px;
}

.my-page-info-list>ul>li {
     display: flex;
     justify-content: space-between;
     align-items: center;
     gap: 5px;
}

.my-page-info-list-text,
.my-page-info-list-value {
     padding: 10px 5px;
     letter-spacing: -1px;
}

.my-page-info-list-text {
     flex-basis: 125px;
     flex-shrink: 0;
     align-self: flex-start;
}

.my-page-info-list-value {
     flex: 1;
     flex-shrink: 0;
     text-align: right;
     word-break: break-all;
}

.my-page-info-account {
     display: flex;
     justify-content: flex-end;
     align-items: center;
     gap: 8px;
}

.my-page-info-account::before {
     content: "";
     width: var(--size);
     height: var(--size);
     border-radius: var(--size);
     background-repeat: no-repeat;
     background-position: center;
     background-size: 12px;
     --size: 22px;
}

.my-page-info-account.kakao::before {
     background-color: var(--gs-radioactive-color);
     background-image: var(--gs-kakao-icon);
}

.my-page-info-account.naver::before {
     background-color: var(--gs-green-cmyk-color);
     background-image: var(--gs-naver-icon);
     background-size: 10px;
}

.my-page-info-list-text:not(:has(+.my-page-info-list-value)) {
     flex: 1;
}

.my-page-info-list button,
.my-page-info-list a {
     padding-right: 26px;
     background: var(--gs-arrow-right-silver-icon) no-repeat right 7px / 28px;
}

.consent-reception-content {
     font-size: 19px;
}

.consent-reception-text {
     margin-bottom: 40px;
}

.consent-reception-check-item {
     display: flex;
     gap: 10px;
}

.consent-reception-check-item label {
     position: relative;
     flex: 1;
}

.consent-reception-check-item input {
     position: absolute;
     width: 0;
     height: 0;
     overflow: hidden;
     clip: rect(0 0 0 0);
     opacity: 0;
     pointer-events: none;
     z-index: -1;
}

.consent-reception-check-item button {
     height: 60px;
     border-radius: var(--gs-default-border-radius);
}

.gs-list-pagination {
     margin: 30px 0;
     --size: 36px;
}

.gs-list-pagination ol {
     display: flex;
     justify-content: center;
     white-space: nowrap;
     gap: 8px;
}

.gs-list-pagination li a {
     display: flex;
     justify-content: center;
     align-items: center;
     position: relative;
     padding: 0 3px;
     min-width: var(--size);
     height: var(--size);
     line-height: calc(var(--size) - 2px);
     font-size: 18px;
     font-weight: 500;
     color: var(--gs-black-color);
     text-align: center;
     border-radius: 50%;
     background-color: var(--gs-white-color);
}

.gs-list-pagination .pg-num.on a {
     cursor: default;
     color: var(--gs-white-color);
     background-color: var(--gs-bright-indigo-color);
}

.gs-list-pagination li:not(.pg-num) a {
     background-repeat: no-repeat;
     background-position: center;
     background-size: 22px;
}

.gs-list-pagination .pg-prev a {
     background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -960 960 960'%3E%3Cpath d='m127.38-480 301.31 301.31q11.92 11.92 11.62 28.07-.31 16.16-12.23 28.08-11.93 11.92-28.08 11.92t-28.08-11.92L65.08-428.77Q54.23-439.62 49-453.08q-5.23-13.46-5.23-26.92T49-506.92q5.23-13.46 16.08-24.31l306.84-306.85q11.93-11.92 28.39-11.61 16.46.31 28.38 12.23 11.92 11.92 11.92 28.08 0 16.15-11.92 28.07L127.38-480Z' fill='%23000000' fill-rule='nonzero'/%3E%3C/svg%3E");
     background-position: 12px center !important;
}

.gs-list-pagination .pg-next a {
     background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -960 960 960'%3E%3Cpath d='M593.23-480 291.92-781.31q-11.92-11.92-11.61-28.38.31-16.46 12.23-28.39Q304.46-850 320.92-850t28.39 11.92l306.23 306.85q10.84 10.85 16.07 24.31 5.24 13.46 5.24 26.92t-5.24 26.92q-5.23 13.46-16.07 24.31L348.69-121.92q-11.92 11.92-28.07 11.61-16.16-.31-28.08-12.23-11.92-11.92-11.92-28.38t11.92-28.39L593.23-480Z' fill='%23000000' fill-rule='nonzero'/%3E%3C/svg%3E");
}

.login-links {
     display: flex;
     flex-direction: column;
     gap: 10px;
     padding: 30px 0 0;
}

.sns-btn {
     display: flex;
     justify-content: center;
     align-items: center;
     gap: 10px;
     padding: 10px 20px;
     min-height: 60px;
     font-size: 20px;
     font-weight: 500;
     border-radius: 15px;
}

.sns-btn::before {
     content: "";
}

.kakao-btn {
     color: var(--gs-black-color);
     background: var(--gs-radioactive-color);
}

.kakao-btn span {
     padding-left: 32px;
     background: var(--gs-kakao-icon) no-repeat left center / 23px;
}

.naver-btn {
     color: var(--gs-white-color);
     background-color: var(--gs-green-cmyk-color);
}

.naver-btn span {
     padding-left: 32px;
     background: var(--gs-naver-icon) no-repeat left center / 21px;
}

.activity-index-info-btn {
     width: 30px;
     height: 30px;
     background: var(--gs-info-icon) no-repeat center center / contain;
     border-radius: 50%;
}

.activity-index-point {
     position: relative;
     display: flex;
     justify-content: center;
     align-items: center;
     margin-bottom: 20px;
     padding: 10px 15px;
     min-height: 60px;
     font-size: 26px;
     font-weight: 600;
     color: var(--gs-white-color);
     border-radius: 60px;
     background-color: var(--gs-bright-indigo-color);
}

.activity-index-point::before {
     content: "P";
     position: absolute;
     left: 15px;
     width: 35px;
     height: 35px;
     line-height: 35px;
     font-size: 20px;
     font-weight: 700;
     color: var(--gs-bright-indigo-color);
     text-align: center;
     border-radius: 50%;
     background-color: var(--gs-white-color);
}

.activity-index-list {
     margin: 20px 0;
     border-top: 1px solid var(--gs-glossy-platinum-color);
}

.activity-index-list li {
     display: flex;
     justify-content: space-between;
     align-items: center;
     gap: 10px;
     padding: 15px 10px;
     border-bottom: 1px solid var(--gs-glossy-platinum-color);
}

.activity-index-list-item {
     display: flex;
     flex-direction: column;
     gap: 5px;
     font-size: 20px;
     font-weight: 500;
}

.activity-index-list-item-date {
     font-size: 16px;
     color: var(--gs-spun-pearl-color);
}

.activity-index-list-point {
     font-size: 24px;
     font-weight: 700;
     color: var(--gs-digitalocean-blue-color);
     min-width: 100px;
     text-align: right;
}

.page-top-header {
     display: flex;
     justify-content: space-between;
     align-items: center;
     gap: 10px;
     margin-bottom: 40px;
     min-height: 60px;
}

.page-top-header-title {
     display: flex;
     justify-content: center;
     align-items: center;
     padding: 10px;
     width: 100%;
     min-height: 60px;
     font-size: 24px;
     font-weight: 700;
     border-radius: var(--gs-default-border-radius);
     background-color: var(--gs-white-color);
}

.page-top-header-right {
     display: flex;
     justify-content: center;
     align-items: center;
     gap: 10px;
}

.page-top-header .search-link-btn {
     display: flex;
     justify-content: center;
     align-items: center;
     width: 60px;
     height: 60px;
     border-radius: var(--gs-default-border-radius);
     background: var(--gs-white-color) var(--gs-search-icon) no-repeat center center / 30px;
}

.gs-list-container {
     margin-top: 20px;
}

.gs-list-container-header {
     display: flex;
     justify-content: space-between;
     align-items: center;
     margin-bottom: 10px;
     font-size: 19px;
     font-weight: 600;
}

.gs-list-container-header.line {
     margin-bottom: 15px;
     padding-bottom: 8px;
     border-bottom: 1px solid var(--gs-glossy-platinum-color);
}

.gs-list-sort-btn {
     display: flex;
     justify-content: center;
     align-items: center;
     gap: 5px;
     padding: 0 15px;
     height: 32px;
     font-size: 16px;
     border-radius: 8px;
     background-color: var(--gs-white-color);
}

.gs-list-sort-btn::after {
     content: "";
     width: 16px;
     height: 16px;
     background: var(--gs-sort-icon) no-repeat center center / contain;
}

.gs-list-container-header.line .gs-list-sort-btn {
     background-color: var(--gs-black-haze-color);
}

.gs-list-container-list ul {
     display: flex;
     flex-direction: column;
     gap: 8px;
}

.gs-list-container-list a {
     display: flex;
     justify-content: space-between;
     align-items: center;
     gap: 5px 10px;
     padding: 12px 15px;
     min-height: 60px;
     color: var(--gs-alienware-black-color);
     line-height: 1.2;
     border-radius: var(--gs-default-border-radius);
     background-color: var(--gs-white-color);
}

.gs-list-container-list.bg a {
     background-color: var(--gs-black-haze-color);
}

.gs-list-container-list .list-title {
     position: relative;
     font-size: 18px;
     font-weight: 500;
}

.gs-list-container-list .list-title.dot {
     display: flex;
     align-items: center;
     gap: 6px;
}

.gs-list-container-list .list-title.dot::before {
     content: "";
     flex-shrink: 0;
     align-self: flex-start;
     width: 4px;
     height: 4px;
     border-radius: 50%;
     background-color: var(--gs-alienware-black-color);
     transform: translateY(9px);
}

.gs-list-container-list .list-date {
     font-size: 15px;
     color: var(--gs-christmas-silver-color);
}

.gs-article-list-container {
     --height: 105px;
}

.gs-article-list-container ul {
     display: flex;
     flex-direction: column;
     gap: 8px;
}

.gs-article-list-container a {
     display: flex;
     justify-content: space-between;
     align-items: center;
     gap: 5px 10px;
     padding: 6px;
     min-height: 60px;
     color: var(--gs-alienware-black-color);
     line-height: 1.2;
     border-radius: var(--gs-default-border-radius);
     background-color: var(--gs-white-color);
}

.gs-article-list-container .article-img {
     flex-shrink: 0;
     flex-basis: 145px;
     width: 145px;
     height: var(--height);
     border-radius: 10px;
     overflow: hidden;
}

.gs-article-list-container .article-img img {
     width: 100%;
     height: 100%;
     object-fit: cover;
     object-position: center;
}

.gs-article-list-container .article-info {
     flex: 1;
     display: flex;
     justify-content: flex-start;
     align-self: flex-start;
     flex-direction: column;
     gap: 5px;
     padding: 8px 0;
     width: 100%;
     min-height: var(--height);
}

.gs-article-list-container .list-title {
     line-height: 1.3;
}

.gs-article-list-container .list-date {
     margin-top: 3px;
     margin-bottom: 10px;
     color: var(--gs-christmas-silver-color);
}

.gs-article-list-container .article-viewers-likes {
     margin-top: auto;
     display: flex;
     align-items: center;
     gap: 10px;
}

.gs-article-list-container .viewers,
.gs-article-list-container .likes {
     min-width: 75px;
}

.gs-article-list-container .viewers {
     padding-left: 30px;
     background: var(--gs-view-count-icon) no-repeat left center / 26px;
}

.gs-article-list-container .likes {
     padding-left: 22px;
     background: var(--gs-like-count-icon) no-repeat left center / 18px;
}

.gs-article-list-container .article-add-info-btn {
     padding: 0 25px;
     height: 28px;
     font-size: 14px;
     font-weight: 500;
     color: var(--gs-white-color);
     border-radius: 6px;
     background: var(--gs-bright-indigo-color) var(--gs-plus-icon) no-repeat 5px / 18px;
}

.gs-article-list-container.row ul {
     flex-direction: row;
}

.gs-article-list-container.row li {
     flex: 1;
}

.gs-article-list-container.row a {
     flex-direction: column;
     padding: 0;
}

.gs-article-list-container.row .article-img {
     flex-basis: auto;
     width: 100%;
     border-bottom-left-radius: 0;
     border-bottom-right-radius: 0;
}

.gs-article-list-container.row .article-info {
     padding: 0;
     min-height: 0;
}

.gs-article-list-container.row .article-info-top {
     padding: 10px;
}

.gs-article-list-container.gradient a {
     color: var(--gs-white-color);
     background-image: linear-gradient(to right, #6c00ff, #6db276);
}

.gs-article-list-container.gradient .article-img {
     flex-basis: 110px;
     width: 110px;
}

.gs-article-list-container.gradient .list-date {
     color: var(--gs-white-color);
}

.gs-article-list-container.gradient .viewers {
     background-image: var(--gs-view-count-white-icon);
}

.gs-article-list-container.gradient .likes {
     background-image: var(--gs-like-count-white-icon);
}

.gs-mission-list-container>ul {
     display: flex;
     flex-direction: column;
     gap: 10px;
}

.gs-mission-list-container>ul>li {
     display: flex;
}

.gs-mission-list-container .gs-mission-list-item {
     padding: 18px 30px 18px 18px;
     width: 100%;
     border-radius: var(--gs-default-border-radius);
     background: var(--gs-white-color) var(--gs-arrow-right-silver-icon) no-repeat calc(100% - 5px) / 26px;
}

.gs-mission-list-container .gs-mission-list-item>div {
     display: flex;
     flex-direction: column;
     gap: 5px;
     padding-left: 60px;
     min-height: 70px;
     background-repeat: no-repeat;
     background-position: left center;
}

.gs-mission-list-item.mission-watch>div {
     background-image: url(../img/icon-watch.png);
     background-size: 47px;
}

.gs-mission-list-item.mission-promotion>div {
     background-image: url(../img/icon-promotion.png);
     background-size: 36px;
}

.gs-mission-list-item.mission-attend>div {
     background-image: url(../img/icon-attend.png);
     background-size: 42px;
}

.gs-mission-list-item-category {
     position: relative;
     margin-bottom: 3px;
     font-size: 20px;
}

.gs-mission-list-item-category.dot::after {
     content: "";
     position: absolute;
     top: -4px;
     right: -12px;
     width: 10px;
     height: 10px;
     border-radius: 50%;
     background-color: var(--gs-full-red-color);
}

.gs-mission-list-item-top {
     display: flex;
     gap: 8px;
}

.gs-mission-list-item-state {
     display: flex;
     justify-content: center;
     align-items: center;
     padding: 0 8px;
     min-width: 50px;
     height: 23px;
     font-size: 15px;
     font-weight: 600;
     color: var(--gs-full-red-color);
     border-radius: 4px;
     background-color: var(--gs-very-light-pink-color);
}

.gs-mission-list-item-title {
     color: var(--gs-black-silver-color);
}

.gs-mission-list-item-date {
     color: var(--gs-christmas-silver-color);
}

.gs-activity-status-list-container ul {
     display: flex;
     justify-content: center;
     align-items: center;
     gap: 10px;
}

.gs-activity-status-list-container li:has(.gs-no-content) {
     flex: 1;
}

.gs-activity-status-list-item {
     flex: 1;
     display: flex;
     gap: 5px;
     flex-direction: column;
     padding: 13px 13px 20px;
     border-radius: var(--gs-default-border-radius);
     background-color: var(--gs-white-color);
}

.gs-activity-status-ranks {
     font-size: 14px;
     font-weight: 500;
     color: var(--gs-signal-grey-ral-color);
}

.gs-activity-status-region {
     padding-top: 50px;
     font-weight: 700;
     text-align: center;
     background-repeat: no-repeat;
     background-position: top;
}

.gs-activity-status-region.suwon {
     background-image: var(--gs-suwon-icon);
     background-size: 31px;
}

.gs-activity-status-region.seongnam {
     background-image: var(--gs-seongnam-icon);
     background-size: 43px;
}

.gs-activity-status-region.paju {
     background-position: calc(50% + 10px) top;
     background-image: var(--gs-paju-icon);
     background-size: 66px;
}

.gs-activity-status-count {
     display: flex;
     justify-content: center;
     align-items: center;
     margin: 5px auto;
     padding: 5px 8px;
     min-width: 70px;
     color: var(--gs-white-color);
     height: 30px;
     font-size: 22px;
     border-radius: 10px;
     background-color: var(--gs-towson-gold-color);
}

.gs-activity-status-list-item:nth-of-type(2) .gs-activity-status-count {
     background-color: var(--gs-argent-color);
}

.gs-activity-status-list-item:nth-of-type(3) .gs-activity-status-count {
     background-color: var(--gs-brown-skin-color);
}

.gs-no-content {
     display: flex;
     justify-content: center;
     align-items: center;
     flex-direction: column;
     gap: 6px;
     padding: 20px;
     min-height: 150px;
     font-size: 17px;
     font-weight: 500;
     color: var(--gs-alienware-black-color);
     text-align: center;
     border-radius: var(--gs-default-border-radius);
     background-color: var(--gs-white-color);
}

.more-btn-container {
     display: flex;
     justify-content: center;
     align-items: center;
     margin-top: 20px;
}

.more-btn-container .more-btn {
     width: 100%;
     height: 50px;
     font-weight: 600;
     color: var(--gs-limestone-color);
     border-radius: var(--gs-default-border-radius);
}

.fixed-bottom-nav {
     position: fixed;
     bottom: 0;
     left: 0;
     padding: 15px;
     width: 100%;
     z-index: 100;
     --height: 65px;
}

.fixed-bottom-nav>div {
     display: flex;
     justify-content: center;
     align-items: center;
     gap: 10px;
     margin: 0 auto;
     min-width: 320px;
     max-width: 480px;
}

.fixed-bottom-nav-inner {
     display: flex;
     justify-content: space-around;
     align-items: center;
     gap: 10px;
     width: 100%;
     border: solid 2px var(--gs-white-color);
     border-radius: var(--height);
     background-color: rgba(255, 255, 255, 0.9);
     box-shadow: 0 0 40px 0 rgba(0, 0, 0, 0.15);
}

.fixed-bottom-nav-inner-left {
     padding: 0 10px;
}

.fixed-bottom-nav-inner-right {
     display: flex;
     justify-content: center;
     align-items: center;
     gap: 10px;
     flex-basis: var(--height);
}

.fixed-bottom-nav-link {
     display: flex;
     justify-content: center;
     padding: 42px 5px 8px;
     min-width: var(--height);
     height: var(--height);
     font-size: 12px;
     font-weight: 600;
     background-repeat: no-repeat;
     background-position: center 12px;
     background-size: 26px;
}

.fixed-bottom-nav-link.home {
     background-image: url(../img/icon-home-btn.png);
}

.fixed-bottom-nav-link.activity {
     background-position: center 14px;
     background-size: 31px;
     background-image: url(../img/icon-supporters-btn.png);
}

.fixed-bottom-nav-link.mypage {
     background-size: 21px;
     background-image: url(../img/icon-mypage-btn.png);
}

.fixed-bottom-nav-link.activity-register {
     background-size: 26px;
     background-image: url(../img/icon-write-btn.png);
}

body:has(.fixed-bottom-nav) .scroll-top-btn {
     bottom: 140px;
}

body:has(.fixed-bottom-nav) .scroll-bottom-btn {
     bottom: 95px;
}

.fs-18 {
     font-size: 18px !important;
}

.fs-20 {
     font-size: 20px !important;
}

.fc-shimmer-silver {
     color: var(--gs-shimmer-silver-color) !important;
}

.fc-boron {
     color: var(--gs-boron-color) !important;
}

.fc-full-red {
     color: var(--gs-full-red-color) !important;
}

.fc-oslo-gray {
     color: var(--gs-oslo-gray-color) !important;
}

.fc-blue {
     color: var(--gs-blue-color) !important;
}

.lh-15 {
     line-height: 1.5 !important;
}

.inblock {
     display: inline-block !important;
}

.block {
     display: block !important;
}

.GabiaDunn {
     font-family: 'GabiaDunn' !important;
}

.mt-0 {
     margin-top: 0 !important;
}

.mt-20 {
     margin-top: 20px !important;
}

.mt-30 {
     margin-top: 30px !important;
}

.editor-content {
     line-height: 1.5;
     text-overflow: ellipsis;
     word-wrap: break-word;
     word-break: keep-all;
}

.editor-content * {
     font-family: inherit !important;
}

.editor-content h1,
.editor-content h2,
.editor-content h3,
.editor-content h4,
.editor-content h5,
.editor-content h6 {
     font-weight: bold;
     font-weight: 700;
     line-height: 1.5em;
}

.editor-content table,
.editor-content img {
     width: 100%;
     max-width: 100% !important;
}

.editor-content table {
     table-layout: auto;
}

.editor-content img {
     height: auto;
}

.editor-content a[href] {
     text-decoration: underline;
}

.editor-content i {
     font-style: italic;
}

.modal-wrap {
     position: fixed;
     top: 0;
     left: 0;
     padding: 20px;
     width: 100%;
     height: 100%;
     background: rgba(0, 0, 0, 0.7);
     opacity: 0;
     visibility: hidden;
     z-index: -1;
     display: flex;
     align-items: center;
     justify-content: center;
}

.modal-dialog {
     display: flex;
     flex-direction: column;
     position: relative;
     padding: 25px;
     max-width: 800px;
     min-width: 300px;
     width: 100%;
     min-height: 200px;
     box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.1);
     border-radius: 20px;
     background: var(--gs-white-color);
     transform: translateY(80px);
}

.modal-header {
     width: 100%;
     max-height: 70px;
     font-size: 24px;
     font-weight: 500;
     overflow: hidden;
     z-index: 30;
}

.modal-wrap:has(.close-modal) .modal-header {
     padding-right: 35px;
}

.modal-title {
     padding-bottom: 10px;
     font-size: inherit;
}

.modal-title.center {
     text-align: center;
}

.close-modal {
     position: absolute;
     top: 15px;
     right: 15px;
     width: 40px;
     height: 40px;
     z-index: 35;
}

.close-modal::before,
.close-modal::after {
     content: "";
     position: absolute;
     top: 50%;
     left: 50%;
     margin-top: -1px;
     margin-left: -13px;
     width: 26px;
     height: 2px;
     background: var(--gs-black-color);
     border-radius: 2px;
     opacity: 0;
     transition: opacity 0s;
}

.close-modal::before {
     transform: rotate(45deg) translateX(100%);
}

.close-modal::after {
     transform: rotate(-45deg) translateX(100%);
}

.modal-wrap>.close-modal::before,
.modal-wrap>.close-modal::after {
     background: var(--gs-white-color);
}

.modal-header~.modal-body {
     margin: 10px 0;
}

.modal-body>div {
     padding: 10px 0;
     overflow: auto;
     max-height: 60vh;
}

.modal-body>div>div {
     position: relative;
}

.modal-body img {
     margin: 20px auto;
     width: 100%;
     border-radius: 6px;
}

.modal-body>div>div>img:first-child {
     margin-top: 0;
}

.modal-footer {
     margin-top: 20px;
}

.modal-footer-btns {
     display: flex;
     justify-content: center;
     align-items: center;
     gap: 10px;
}

.modal-footer-btns .gs-btn {
     flex: 1;
     max-width: 200px;
     height: 55px;
     font-size: 20px;
     border-radius: 15px;
}

.modal-wrap.modal-show {
     opacity: 1;
     visibility: visible;
     z-index: 999;
     transition: 0.4s;
}

.modal-wrap.modal-show .modal-dialog {
     visibility: visible !important;
     transform: translateY(0px);
     transition: transform 0.4s cubic-bezier(.2, 1.46, .92, 1.12);
}

.modal-wrap.modal-show .close-modal::before,
.modal-wrap.modal-show .close-modal::after {
     opacity: 1;
}

.modal-wrap.modal-show .close-modal::before {
     transition: all 0.3s 0.4s cubic-bezier(0.72, 0.09, 0.32, 1.57);
     transform: rotate(45deg) translateX(0);
}

.modal-wrap.modal-show .close-modal::after {
     transition: all 0.3s 0.55s cubic-bezier(0.72, 0.09, 0.32, 1.57);
     transform: rotate(-45deg) translateX(0);
}

.supporters-join-modal .modal-dialog {
     max-width: 420px;
}

.supporters-join-modal .modal-body {
     color: var(--gs-dark-grey-camo-color);
     line-height: 1.5;
}

.supporters-join-modal .modal-body>div>div~div {
     margin-top: 15px;
}

.activity-index-info-modal .modal-dialog {
     max-width: 400px;
}

.consent-reception-modal {
     align-items: flex-end;
}

.consent-reception-modal .modal-dialog {
     max-width: 400px;
}

.register-information-modal .modal-dialog {
     max-width: 400px;
}

.register-information-modal .modal-footer {
     margin-top: 0;
}

.register-information-modal .gs-enter-container {
     margin: 25px 0;
}

.list-sort-modal .modal-dialog {
     padding-left: 15px;
     padding-right: 15px;
     max-width: 400px;
}

.list-sort-modal .modal-title {
     display: flex;
     justify-content: center;
     align-items: center;
     gap: 8px;
}

.list-sort-modal .modal-title::before {
     content: "";
     width: 22px;
     height: 22px;
     background: url(../img/icon-sort.png) no-repeat center center / contain;
}

.gallery-modal {
     padding: 5px;
}

.gallery-modal .modal-dialog {
     padding: 0;
     max-width: 1024px;
     background: transparent;
}

.gallery-modal .modal-body>div {
     padding: 0;
     max-height: 100%;
     overflow: hidden;
}

.swiper-gallery img {
     margin: 0;
     border-radius: 0;
}

.swiper-container .swiper-button-prev,
.swiper-container .swiper-button-next {
     margin-top: 0;
     width: 36px;
     height: 36px;
     border-radius: 50%;
     background-color: var(--gs-subtle-white-color);
     background-size: 36px;
     transform: translateY(-50%);
     opacity: 0.5;
}

.swiper-container .swiper-button-prev {
     background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24px' viewBox='0 0 24 24' width='24px' fill='%23000000'%3E%3Cpath d='M14.71 15.88L10.83 12l3.88-3.88c.39-.39.39-1.02 0-1.41-.39-.39-1.02-.39-1.41 0L8.71 11.3c-.39.39-.39 1.02 0 1.41l4.59 4.59c.39.39 1.02.39 1.41 0 .38-.39.39-1.03 0-1.42z'/%3E%3C/svg%3E");
}

.swiper-container .swiper-button-next {
     background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24px' viewBox='0 0 24 24' width='24px' fill='%23000000'%3E%3Cpath d='M9.29 15.88L13.17 12 9.29 8.12c-.39-.39-.39-1.02 0-1.41.39-.39 1.02-.39 1.41 0l4.59 4.59c.39.39.39 1.02 0 1.41L10.7 17.3c-.39.39-1.02.39-1.41 0-.38-.39-.39-1.03 0-1.42z'/%3E%3C/svg%3E");
}

.swiper-container-horizontal>.swiper-pagination.swiper-pagination-bullets {
     bottom: 5px;
     left: 50%;
     margin: 0 auto;
     padding: 0 10px 2px;
     width: auto;
     border-radius: 30px;
     transform: translateX(-50%);
     background-color: rgba(0, 0, 0, 0.1);
}

.swiper-container .swiper-pagination-bullet {
     background: var(--gs-light-gray-color);
     opacity: 0.5;
}

.swiper-container .swiper-pagination-bullet-active {
     background: var(--gs-white-color);
     opacity: 0.9;
}

@media all and (max-width: 380px) {
     .gs-list-container-list a {
          flex-direction: column;
          align-items: flex-start;
     }

     .gs-list-container-list .list-date {
          margin-left: 10px;
     }

     .gs-article-list-container a {
          padding: 10px;
          flex-direction: column;
          align-items: flex-start;
     }

     .gs-article-list-container .article-img {
          width: 100%;
     }

     .gs-article-list-container .article-info {
          min-height: 0;
     }

     .gs-article-list-container .list-date {
          margin-bottom: 5px;
     }
}

.app-bridge-message-box {
     position: fixed;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     z-index: 999;
     word-break: keep-all;
}

.app-bridge-message-box>div {
     position: absolute;
     top: 50%;
     left: 50%;
     width: 320px;
     min-height: 200px;
     font-size: 20px;
     font-weight: normal;
     color: #333;
     text-align: center;
     line-height: 1.5;
     border-radius: 15px;
     background-color: #fff;
     overflow: hidden;
     transform: translate(-50%, -50%);
     box-shadow: 6px 8px 40px 0 rgba(0, 0, 0, 0.2);
}

.app-bridge-message-box .top {
     padding: 15px 10px 10px;
     font-size: 21px;
     letter-spacing: -1px;
     text-align: center;
     border-bottom: 1px solid #e2e2e2;
     background: #fff;
}

.app-bridge-message-box .top .title {
     font-weight: bold;
}

.app-bridge-message-box .middle {
     padding: 30px 20px 25px;
     letter-spacing: -1px;
     background: #fff;
}

.app-bridge-message-box .middle .desc {
     letter-spacing: -1.5px;
}

.app-bridge-message-box .middle .btns {
     margin-top: 15px;
}

.app-bridge-message-box .middle .btns a {
     display: block;
     margin-top: 10px;
     padding: 0 10px;
     height: 48px;
     line-height: 48px;
     font-size: 16px;
     color: #fff;
     text-align: center;
     background: #3f601a;
     border-radius: 4px;
}

.app-bridge-message-box .middle .enter {
     margin-bottom: 20px;
}

.app-bridge-message-box .middle .enter:last-child {
     margin-bottom: 0;
}

.app-bridge-message-box .middle .enter input,
.app-bridge-message-box .middle .enter select {
     display: block;
     margin: 10px 0 0;
     padding: 0 10px;
     width: 100%;
     height: 48px;
     border: 1px solid #dbdbdb;
     border-radius: 6px
}

.app-bridge-message-box .middle .enter .btn {
     display: block;
     margin-top: 10px;
     width: 100%;
     height: 48px;
     line-height: 48px;
     color: #fff;
     background: #888;
     border-radius: 6px;
}

.app-bridge-message-box .bottom .btns {
     display: flex;
     padding: 20px 15px;
     background: #fff;
}

.app-bridge-message-box .bottom .btns a {
     display: block;
     margin: 0 5px;
     padding: 0 10px;
     width: 100%;
     height: 48px;
     line-height: 48px;
     font-size: 20px;
     color: #222;
     text-align: center;
     border-radius: 10px;
     background: #e9ecef;
     overflow: hidden;
}

.app-bridge-message-box .bottom .btns a.submit {
     font-weight: 500;
     color: #fff;
     background: #6c00ff;
}

.app-bridge-message-box .app-txt {
     margin-top: 5px;
     font-size: 14px;
     color: #777;
     text-align: left;
}

.app-bridge-message-box .symbol {
     position: relative;
     padding-left: 10px;
}

.app-bridge-message-box .symbol::before {
     content: "*";
     position: absolute;
     top: 2px;
     left: 0;
}

.app-bridge-message-box input[readonly],
.app-bridge-message-box select[disabled] {
     background: #f5f5f5;
}

.app-bridge-message-box .middle .enter.check {
     margin-top: 10px;
     text-align: left;
     font-size: 15px;
}

.app-bridge-message-box .middle .enter.check input[type="checkbox"] {
     cursor: pointer;
     display: inline-block;
     margin: 0;
     width: 26px;
     height: 26px;
}

.app-bridge-message-box .middle .enter.check label {
     cursor: pointer;
     padding-left: 10px;
}

.app-bridge-address-box>div {
     width: 100%;
     min-width: 300px;
     max-width: 400px;
}

.app-bridge-address-box .enter-txt {
     text-align: left;
}

.app-bridge-address-info-box>div {
     width: 100%;
     min-width: 300px;
     max-width: 600px;
}

.app-bridge-address-info-box .middle {
     padding-left: 20px;
     padding-right: 20px;
     padding-bottom: 50px;
     max-height: 60vh;
}

.app-bridge-address-info-box .address-btns {
     padding: 0 0 10px 0;
     border-bottom: 2px solid #666;
     text-align: right;
}

.app-bridge-address-info-box .address-btns a {
     display: inline-block;
     padding: 10px 15px;
     min-width: 80px;
     font-size: 15px;
     color: #fff;
     text-align: center;
     border-radius: 6px;
     background: #2687e2;
}

.app-bridge-address-info-box .address-table-lists {
     min-height: 60px;
     max-height: 40vh;
     overflow-y: auto;
}

.app-bridge-address-info-box table {
     width: 100%;
     table-layout: fixed;
}

.app-bridge-address-info-box th,
.app-bridge-address-info-box td {
     height: 50px;
     font-size: 15px;
     color: #333;
     text-align: left;
     word-break: keep-all;
     border-bottom: 1px solid #eee;
}

.app-bridge-address-info-box th.atl-1 {
     text-align: center;
}

.app-bridge-address-info-box th.atl-2 {
     padding-left: 30%;
}

.app-bridge-address-info-box td {
     position: relative;
     height: 120px;
}

.app-bridge-address-info-box td span {
     display: inline-block;
}

.app-bridge-address-info-box td.atl-1 {
     padding: 20px 5px;
     color: #40a3ff;
     text-align: center;
}

.app-bridge-address-info-box td.atl-1 button {
     display: block;
     margin: 5px auto;
     width: 86px;
     height: 44px;
     line-height: 44px;
     color: #40a3ff;
     text-align: center;
     border: 1px solid #ededed;
     border-radius: 6px;
}

.app-bridge-address-info-box td.atl-2 {
     padding: 20px 110px 20px 10px;
}

.app-bridge-address-info-box .atl-bnts {
     position: absolute;
     top: 0;
     right: 10px;
     width: 86px;
     height: 100%;
     display: flex;
     align-items: center;
     justify-content: center;
     flex-direction: column;
}

.app-bridge-address-info-box .atl-bnts a {
     display: block;
     margin: 5px;
     width: 86px;
     height: 44px;
     line-height: 44px;
     font-size: 15px;
     color: #333;
     text-align: center;
     border-radius: 6px;
     background: #ededed;
}

.app-bridge-address-info-box .atl-bnts a:last-child {
     border: 1px solid #ededed;
     background: none;
}

.app-bridge-address-info-box.modify .middle {
     padding-bottom: 20px;
}

.app-bridge-address-info-box.modify th,
.app-bridge-address-info-box.modify td {
     height: auto;
     border-bottom: none;
     vertical-align: top;
}

.app-bridge-address-info-box.modify th {
     padding-top: 15px;
}

.app-bridge-address-info-box.modify input {
     margin: 5px 0;
     padding: 11px 25px;
     width: 100%;
     min-height: 48px;
     border-radius: 6px;
}

.app-bridge-address-info-box.modify .zipcode {
     position: relative;
     padding-right: 114px;
}

.app-bridge-address-info-box.modify .zipcode a {
     display: block;
     position: absolute;
     top: 50%;
     right: 0;
     margin: 0;
     width: 104px;
     line-height: 48px;
     color: #fff;
     text-align: center;
     border-radius: 8px;
     background: #777;
     transform: translateY(-50%);
}

.app-bridge-address-info-box.modify .ess {
     position: relative;
     top: 0;
     margin-left: 2px;
}

.app-bridge-address-info-box.modify .ess::after {
     content: "•";
     font-size: 18px;
     color: #ea002c;
}

.app-bridge-address-info-box.modify .enter.check {
     padding-top: 20px;
     border-top: 1px solid #eee;
}

.is-desktop .app-bridge-message-box a,
.is-desktop .app-bridge-message-box button {
     transition: box-shadow 0.3s ease-in-out;
}

.is-desktop .app-bridge-message-box a:hover,
.is-desktop .app-bridge-message-box button:hover {
     box-shadow: inset 0px 0px 0px 2px #fff, 0px 0px 0px 3px #3f601a;
}

.is-desktop .app-bridge-message-box .reset:hover {
     box-shadow: inset 0px 0px 0px 2px #fff, 0px 0px 0px 3px #dbdbdb;
}

.is-desktop .app-bridge-address-info-box .address-btns a:hover {
     box-shadow: inset 0px 0px 0px 2px #fff, 0px 0px 0px 3px #2687e2;
}

.is-desktop .app-bridge-address-info-box .atl-bnts a:hover {
     box-shadow: inset 0px 0px 0px 2px #fff, 0px 0px 0px 3px #ededed;
}

.is-desktop .app-bridge-address-info-box .atl-bnts a:last-child:hover {
     box-shadow: inset 0px 0px 0px 2px #ededed;
}

.is-desktop .app-bridge-address-info-box td.atl-1 button:hover {
     box-shadow: inset 0px 0px 0px 2px #fff, 0px 0px 0px 3px #40a3ff;
}

.app-bridge-message-box a:focus-visible,
.app-bridge-message-box button:focus-visible {
     transition: none !important;
}