/* VAR */
:root {

  /* color */
  --color-light-gray-100: #000;
  --color-light-gray-90: #1e2124;
  --color-light-gray-50: #6d7882;
  --color-light-gray-20: #cdd1d5;
  --color-border-grayDark: #58616a;

  /* z-index */
  --z-index-main: 22;
  --z-index-overlayed-black: 23;
  --z-index-header: 24;
  --z-index-fullMenu: 25;
  --z-index-footer-banner-modal: 1000;

  /* header-top */
  --header-top-height: 2rem;

  /* header */
  --header-top-height-forTemplate: 4.5rem;
  --header-top-height-forGoverment: 5rem;
  --header-bottom-height-forTemplate: 3rem;
  --header-bottom-height-forGoverment: 3.5rem;
  --header-bottom-fullMenu-width-forGoverment: 7rem;

  /* container */
  --container-width: 70rem;
  --container-gap: 2rem;

  /* column */
  --columnHeight: 14.5rem;

  /* footer */
  --footer-banner-height: 3.5rem;
  --footer-banner-title-width: 10.5rem;

  /* common - color */
  --color-no-data: #e1e6ef;
  --font-size-no-data: 0.8rem;

  /* common - mobile - size */
  --mobile-height-title: 1.1rem;
  --mobile-font-size-title: 0.9rem;
  --mobile-font-size-subTitle: 0.8rem;
  --mobile-font-size-description: 0.75rem;
  --mobile-popupzone-image-height: 9rem;
  --mobile-gallery-image-height: 7.7rem;

  /* common - mobile - gap */
  --mobile-between-title-content: 0.5rem;
}



/* reset */
body {overflow-x: hidden;}
[class^="xi-"],
[class*="xi-"] {font-weight: 400 !important;}



/* body - 미리보기 OFF */
body.gjs-dashed {display: flex; flex-direction: column; justify-content: center; min-height: 100vh; background-color: #f0f0f0;}
body.gjs-dashed [data-gjs-type="wrapper"] {width: 100%; max-width: 74rem; background-color: #fff; margin: 2.5rem auto;}



/* scrollbar */
html ::-webkit-scrollbar {width: 5px; height: 5px;}
html ::-webkit-scrollbar-track {border-radius: 5px; background-color: #d9dfed;}
html ::-webkit-scrollbar-thumb {border-radius: 5px; background-color: #b0bcd1;}



/* container */
.container {max-width: calc(var(--container-width) + (var(--container-gap) * 2)) !important; padding: 0 var(--container-gap); margin: 0 auto;}



/* ant-modal */
#custom .ant-modal {max-width: var(--modal-width); padding-bottom: 0; top: calc((100vh - var(--modal-max-height)) / 2);

  --modal-width: 80vw;
  --modal-max-height: 80vh;
  --modal-border-radius: 1.5rem;
  --modal-padding-x: 2.5rem;
  --modal-padding-y: 1.5rem;
  --modal-header-height: 4.5rem;
  --modal-header-font-size: 1.4rem;
  --modal-body-border-top: 2px;
  --modal-body-padding-top: 1.5rem;
}
#custom .ant-modal .ant-modal-content {display: flex; flex-direction: column; max-height: var(--modal-max-height); border-radius: var(--modal-border-radius); padding: 0 var(--modal-padding-x) var(--modal-padding-y);}
#custom .ant-modal .ant-modal-close {display: flex; justify-content: center; align-items: center; width: calc(var(--modal-header-height) / 2); height: calc(var(--modal-header-height) / 2); border-radius: 50%; background-color: #666; inset-inline-end: var(--modal-padding-x); top: calc(var(--modal-header-height) / 4);}
#custom .ant-modal .ant-modal-close-x {font-size: calc(var(--modal-header-height) * 0.22); color: #fff; font-weight: 400; line-height: 1;}
#custom .ant-modal .ant-modal-close-x::before {content: '\f4c8'; font-family: 'remixicon';}
#custom .ant-modal .ant-modal-close-x .anticon {display: none;}
#custom .ant-modal .ant-modal-header {flex-shrink: 0; display: flex; align-items: center; height: var(--modal-header-height); padding-right: var(--modal-header-height); margin-bottom: 0;}
#custom .ant-modal .ant-modal-title {font-size: var(--modal-header-font-size); color: #111; font-weight: 700; line-height: 1;}
#custom .ant-modal .ant-modal-body {flex: 1; border-top: var(--modal-body-border-top) solid #d9d9d9; padding-top: var(--modal-body-padding-top); overflow: hidden;}
#custom .ant-modal .ant-modal-body::-webkit-scrollbar {display: none;}

/* ant-modal - modal-popupzone */
#custom .ant-modal .modal-popupzone {display: flex; flex-wrap: wrap; gap: 2.5rem; max-height: calc(var(--modal-max-height) - var(--modal-header-height) - var(--modal-body-padding-top) - var(--modal-padding-y)); overflow-y: auto;}
#custom .ant-modal .modal-popupzone.scroll {padding-right: 0.8rem;}
#custom .ant-modal .modal-popupzone.scroll::-webkit-scrollbar {width: 8px; border-radius: 8px;}
#custom .ant-modal .modal-popupzone.scroll::-webkit-scrollbar-thumb {background: #7d7d7d; border-radius: 8px;}
#custom .ant-modal .modal-popupzone.scroll::-webkit-scrollbar-track {border-radius: 8px;}
#custom .ant-modal .modal-popupzone li {display: flex; flex-direction: column; align-items: center; width: calc((100% - (2.5rem * 2)) / 3);}
#custom .ant-modal .modal-popupzone li .img-wrap {display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; background-color: #f5f8ff;}
#custom .ant-modal .modal-popupzone li .img-wrap img {max-width: 100%; max-height: 100%; object-fit: contain;}

/* ant-modal - modal-calendar */
#custom .ant-modal .modal-calendar {max-height: calc(var(--modal-max-height) - var(--modal-header-height) - var(--modal-body-padding-top) - var(--modal-padding-y));
  overflow-y: auto;}
#custom .ant-modal .modal-calendar.scroll {padding-right: 0.8rem;}
#custom .ant-modal .modal-calendar.scroll::-webkit-scrollbar {width: 8px; border-radius: 8px;}
#custom .ant-modal .modal-calendar.scroll::-webkit-scrollbar-thumb {background: #7d7d7d; border-radius: 8px;}
#custom .ant-modal .modal-calendar.scroll::-webkit-scrollbar-track {border-radius: 8px;}
#custom .ant-modal .modal-calendar table {width: 100%; border-top: 2px solid #436cff; border-collapse: collapse; table-layout: fixed;}
#custom .ant-modal .modal-calendar table th,
#custom .ant-modal .modal-calendar table td {border: 1px solid #d9d9d9; padding: 1rem; font-size: 0.9rem; color: #111;}
#custom .ant-modal .modal-calendar table th {background-color: #f1f4ff; font-weight: 500;}
#custom .ant-modal .modal-calendar table td {text-align: center;}
#custom .ant-modal .modal-calendar table td:nth-of-type(1) {text-align: left;}



/* header-top */
#header-top {background-color: #f9f9f9; position: relative !important; z-index: var(--z-index-header);}
#header-top .container {display: flex; flex-direction: row !important; flex-wrap: wrap !important; justify-content: space-between !important; align-items: center; gap: 0 calc(var(--container-gap) * 0.25) !important; min-height: var(--header-top-height) !important; height: auto !important; padding: 0.25rem var(--container-gap) !important;}
#header-top .gov-info {display: flex; align-items: center; gap: 0.375rem; font-size: 0.7rem; letter-spacing: 0;}

/* header-top - 구글 번역 */
#google_translate_elementA {position: relative;}
#google_translate_element {visibility: hidden; position: absolute; top: 0;}
#langs {display: flex;}
#langs .lang {display: inline-flex; align-items: center; gap: 0.5rem;}
#langs .lang select {border-radius: 0.25rem; border: 1px solid #d5d5d5; border-top: 1px solid #9b9b9b; border-bottom: 1px solid #e8e8e8; background-color: #fff; padding: 0.1em 0.1em 0.3em; font-size: 0.7rem; color: #000;}



/* header */
header {position: relative; z-index: var(--z-index-header);}
header.forResp {display: none;}



/* fullMenu */
#fullMenu {width: 100vw; height: 100vh; background-color: #fff; padding: 2.4rem 0; overflow-y: auto; position: fixed; left: 0; top: 0; z-index: var(--z-index-fullMenu); opacity: 0; visibility: hidden; transition: opacity 0.3s;}
/* fullMenu : active */
#fullMenu.active {opacity: 1; visibility: visible;}



/* mobileMenu */
#mobileMenu {display: none; z-index: var(--z-index-fullMenu);}
#mobileMenu .mobileMenu-title .header-logo {font-size: 0; line-height: 0; opacity: 0; visibility: hidden;}
#mobileMenu .mobileMenu-title .header-logo img {max-width: 100%;}



/* mobileSearch */
#mobileSearch {display: none; z-index: var(--z-index-header);}



/* overlayed-black */
#overlayed-black {width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); position: fixed; left: 0; top: 0; z-index: var(--z-index-overlayed-black); opacity: 0; visibility: hidden; transition: 0.3s;}



/* main */
main {padding: var(--container-gap) 0; position: relative; z-index: var(--z-index-main); overflow: hidden;}



/* custom-section */
.custom-section {display: flex; justify-content: space-between; gap: var(--container-gap); max-width: calc(var(--container-width) + (var(--container-gap) * 2)); padding: 0 var(--container-gap); margin: 0 auto; position: relative;}
.custom-section[data-custom-section="false"] {outline: 0 !important;}
.custom-section.gjs-selected {outline-color: #0c4286 !important;}
.custom-section + .custom-section {margin-top: var(--container-gap);}



/* custom-column-wrap */
.custom-column-wrap {display: flex; flex-wrap: wrap; gap: var(--container-gap);}



/* custom-column */
.custom-column {height: var(--columnHeight);}
.custom-column.visual {height: calc((var(--columnHeight) * 2) + var(--container-gap));}
.custom-column-wrap.w-100,
.custom-column.w-100 {width: 100%;}
.custom-column-wrap.w-75,
.custom-column.w-75 {width: calc(((100% + var(--container-gap)) / 4 * 3) - var(--container-gap));}
.custom-column-wrap.w-66,
.custom-column.w-66 {width: calc(((100% + var(--container-gap)) / 3 * 2) - var(--container-gap));}
.custom-column-wrap.w-50,
.custom-column.w-50 {width: calc(((100% + var(--container-gap)) / 2 * 1) - var(--container-gap));}
.custom-column-wrap.w-33,
.custom-column.w-33 {width: calc(((100% + var(--container-gap)) / 3 * 1) - var(--container-gap));}
.custom-column-wrap.w-25,
.custom-column.w-25 {width: calc(((100% + var(--container-gap)) / 4 * 1) - var(--container-gap));}
.custom-column > div,
.custom-column > div > div {width: 100%; height: 100%;}
.custom-column > div.gjs-selected {outline: 2px solid #0c4286 !important; outline-offset: 0 !important;}



/* widget - visual */
[class*="visual_T"] .slick-slider *,
[class*="visual_G"] .slick-slider * {outline: 0;}



/* widget - gallery - No Auth */
[class*="gallery_T"] .no-auth,
[class*="gallery_G"] .no-auth {display: inline-flex !important; flex-direction: column; justify-content: center; align-items: center; width: 100%; height: 100%; border-radius: 1rem; background-color: #fff; box-shadow: 0.25rem 0.25rem 0.5rem rgba(0, 0, 0, 0.15); padding: 0 1rem; text-align: center;}
[class*="gallery_T"] .no-auth .title,
[class*="gallery_G"] .no-auth .title {display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 0.25rem; width: 5rem; height: 5rem; border-radius: 50%; background-color: #fccb27; color: #000; text-align: center;}
[class*="gallery_T"] .no-auth .title i,
[class*="gallery_G"] .no-auth .title i {font-size: 1.6rem;}
[class*="gallery_T"] .no-auth .title span,
[class*="gallery_G"] .no-auth .title span {font-weight: 700;}
[class*="gallery_T"] .no-auth .content,
[class*="gallery_G"] .no-auth .content {margin-top: 0.75rem;}
[class*="gallery_T"] .no-auth .content strong,
[class*="gallery_G"] .no-auth .content strong {font-weight: 700;}



/* footer */
footer {background-color: #fff; letter-spacing: 0;}
footer .footer-banner .container {display: flex; justify-content: space-between; align-items: center;}
footer .footer-banner-title {display: flex; align-items: center; width: var(--footer-banner-title-width); font-size: 0.9rem;}
footer .footer-banner-title .title {color: #333; font-weight: 700;}
footer .footer-banner-title .control {display: flex; align-items: center; gap: 3px; margin-left: 0.6rem;}
footer .footer-banner-title .control button {display: flex; justify-content: center; align-items: center; width: 1rem; height: 1rem; border: 1px solid #f1f1f1;}
footer .footer-banner-title .control button .xi-pause {font-size: 0.7rem;}
footer .footer-banner-content {width: calc(100% - var(--footer-banner-title-width));}
footer .footer-banner-content .slick-slide {height: var(--footer-banner-height); padding: 0.625rem 0.875rem;}
footer .footer-banner-content .slick-slide a {display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; border: 1px solid #ddd; padding: 0.125rem; font-size: 0; line-height: 0;}
footer .footer-banner-content .slick-slide a img {max-width: 100%; max-height: 100%; object-fit: contain;}
footer .footer-info-top {flex-shrink: 0; display: flex; justify-content: center; align-items: center; width: 3.75rem; height: 3.75rem; border-radius: 50%; font-size: 1.2rem; color: #464d5d; position: relative; z-index: 0;}
footer .footer-info-top::before {content: ""; display: block; width: 66.66%; height: 66.66%; border-radius: 50%; background-color: #fff; box-shadow: 0 0 0.4rem rgba(0, 0, 0, 0.07); position: absolute; left: 16.67%; top: 16.67%; z-index: -1;}
footer .footer-info-top::after {content: ""; display: block; width: 100%; height: 100%; border-radius: 50%; background-color: rgba(70, 77, 97, 0.1); position: absolute; left: 0%; top: 0%; z-index: -2;}



/* footerBannerModal */
#footerBannerModal {width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.45); position: fixed; left: 0; top: 0; z-index: var(--z-index-footer-banner-modal); opacity: 0; visibility: hidden; transition: 0.3s;

  --title-height: 1.4rem;
}
#footerBannerModal .footerBannerModal-container {display: flex; flex-direction: column; width: 80vw; max-width: 1140px; max-height: 80vh; border-radius: 0.8rem; background-color: #fff; box-shadow: 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 9px 28px 8px rgba(0, 0, 0, 0.05); padding: 1.2rem; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);}
#footerBannerModal .footerBannerModal-title {flex-shrink: 0; display: flex; align-items: center; height: var(--title-height); color: rgba(0, 0, 0, 0.88); margin-bottom: 0.8rem;}
#footerBannerModal .footerBannerModal-title .title {flex: 1; font-size: 1rem; color: #000; font-weight: 700; line-height: 1;}
#footerBannerModal .footerBannerModal-title .btn-close {display: flex; justify-content: center; align-items: center; width: var(--title-height); height: var(--title-height); border-radius: 50%; background-color: #666; font-size: 0.8rem; color: #fff; margin-left: 1rem;}
#footerBannerModal .footerBannerModal-content {flex: 1; display: flex; flex-wrap: wrap; gap: 1.2rem; border-top: 2px solid #ddd; padding-top: 1.2rem; overflow-y: auto;}
#footerBannerModal .footerBannerModal-content a {display: flex; justify-content: center; align-items: center; border: 1px solid #ddd; padding: 0.375rem 0.5rem; font-size: 0; line-height: 0;}
#footerBannerModal .footerBannerModal-content a img {max-width: 100%;}
/* footerBannerModal : active */
#footerBannerModal.active {opacity: 1; visibility: visible;}



/* PC || Mobile 버전 */
.switch-btn {display: flex; align-items: center; gap: 0.5em; height: 2.5rem; border-radius: 1.25rem; border: 2px solid #dadbdf; background-color: #fff; padding: 0 0.75rem; color: #464d5d; font-weight: 500; margin-top: 0.875rem;}
.switch-btn#pc-btn {font-size: 0.7rem;}
.switch-btn#mobile-btn {font-size: 0.75rem;}
.switch-btn .icon-wrap {display: inline-flex; justify-content: center; align-items: center; width: 1.5em; height: 1.5em; border-radius: 50%; background-color: #464d5d; color: #fff; line-height: 1;}
.switch-btn .text-wrap {flex: 1; display: flex; justify-content: space-between; align-items: center; gap: 0.25em;}



@media (max-width: 1280px) {

  /* VAR */
  :root {

    /* header-top */
    --header-top-height: auto;

    /* header */
    --header-top-height-responsive: 4rem;

    /* container */
    --container-gap: 1.5rem;

    /* column */
    --columnHeight: 12.5rem;
  }

  /* container */
  .container {padding: 0 calc(var(--container-gap) / 3 * 2);}

  /* ant-modal */
  #custom .ant-modal {
    --modal-width: 90vw;
    --modal-max-height: 90vh;
    --modal-border-radius: calc(var(--container-gap) / 3 * 2);
    --modal-padding-x: calc(var(--container-gap) / 3 * 2);
    --modal-padding-y: calc(var(--container-gap) / 3 * 2);
    --modal-header-height: 2.75rem;
    --modal-header-font-size: 1rem;
    --modal-body-padding-top: calc(var(--container-gap) / 3 * 2);
  }

  /* ant-modal - modal-popupzone */
  #custom .ant-modal .modal-popupzone {gap: var(--modal-body-padding-top);}
  #custom .ant-modal .modal-popupzone li {width: calc((100% - (var(--modal-body-padding-top) * 2)) / 3);}

  /* ant-modal - modal-calendar */
  #custom .ant-modal .modal-calendar table th,
  #custom .ant-modal .modal-calendar table td {padding: 0.5rem; font-size: 0.8rem;}
  #custom .ant-modal .modal-calendar table td:nth-of-type(1) {text-align: center;}

  /* header-top */
  #header-top .container {padding: 0.25rem calc(var(--container-gap) / 3 * 2) !important;}

  /* header */
  header.forPC {display: none;}
  header.forResp {display: block;}
  header .container {display: flex; justify-content: space-between; align-items: center; height: var(--header-top-height-responsive); border-bottom: 1px solid #eeeff1; padding-right: 0;}
  header .header-logo {height: 100%; font-size: 0; line-height: 0;}
  header .header-logo a {display: flex; align-items: center; height: 100%;}
  header .header-logo a img {max-width: calc(100% - (var(--header-top-height-responsive) * 0.25)); max-height: 90%;}
  header .header-util {display: flex; height: 100%; font-size: 1.5rem;}
  header .header-util button {display: flex; justify-content: center; align-items: center; width: var(--header-top-height-responsive); height: 100%;}
  header .header-util .btn-search {color: #464c5d;}

  /* fullMenu */
  #fullMenu {display: none;}

  /* mobileSearch : active */
  #mobileSearch.active {display: block;}
  body:has(#mobileSearch.active) header.forResp .header-util .btn-search {display: none;}

  /* overlayed-black */
  #overlayed-black {transition: 0.3s;}

  /* custom-section */
  .custom-section {flex-wrap: wrap; padding: 0 calc(var(--container-gap) / 3 * 2);}
  .custom-section:not(.visual-section) .custom-column.w-75,
  .custom-section:not(.visual-section) .custom-column.w-25 {width: calc(((100% + var(--container-gap)) / 2 * 1) - var(--container-gap));}
  .custom-section.visual-section .custom-column-wrap {width: 100%;}
  .custom-section.v75-c25-c25 .custom-column:not(.visual),
  .custom-section.c25-c25-v75 .custom-column:not(.visual),
  .custom-section.v66-c33-c33 .custom-column:not(.visual),
  .custom-section.c33-c33-v66 .custom-column:not(.visual),
  .custom-section.c25-c25-v50-c25-c25 .custom-column:not(.visual) {width: calc(((100% + var(--container-gap)) / 2 * 1) - var(--container-gap));}
  .custom-section.c25-c25-v75 .custom-column.visual,
  .custom-section.c25-c25-v50-c25-c25 .custom-column.visual,
  .custom-section.c25-c25-c25-c25-v50 .custom-column.visual,
  .custom-section.c50-c25-c25-v50 .custom-column.visual,
  .custom-section.c25-c25-c50-v50 .custom-column.visual,
  .custom-section.c50-c50-v50 .custom-column.visual {order: -1;}
  .custom-section:not(.visual-section) .custom-column.w-50 {width: 100%;}
  .custom-section:not(.visual-section).c33-c33-c33 .custom-column {width: calc(((100% + var(--container-gap)) / 2 * 1) - var(--container-gap));}
  .custom-section:not(.visual-section).c33-c33-c33 .custom-column:first-child {width: 100%;}
  .custom-section:not(.visual-section).c66-c33 .custom-column,
  .custom-section:not(.visual-section).c33-c66 .custom-column {width: calc(((100% + var(--container-gap)) / 2 * 1) - var(--container-gap));}
  .custom-section:not(.visual-section).c25-c50-c25 .custom-column.w-50 {order: -1;}

  /* custom-column */
  .custom-column.visual {width: 100%; min-height: var(--columnHeight); height: auto;}
  .custom-column.visual [class^="visual_T"],
  .custom-column.visual [class^="visual_G"] {max-height: 31rem;}

  /* data-restrict-widget */
  [data-restrict-widget="true"] {display: none !important;}

  /* widget - gallery - No Auth */
  [class*="gallery_T"] .no-auth .title,
  [class*="gallery_G"] .no-auth .title {display: none;}
  [class*="gallery_T"] .no-auth .content,
  [class*="gallery_G"] .no-auth .content {margin-top: 0;}
}



@media (max-width: 1024px) {

  /* footer */
  footer .footer-info-top {width: 2.5rem; height: 2.5rem; font-size: 0.9rem;}
  footer .footer-info-top::before {width: 70%; height: 70%; left: 15%; top: 15%;}
}



@media (max-width: 768px) {

  /* container */
  .container {padding: 0 calc(var(--container-gap) / 2);}

  /* ant-modal */
  #custom .ant-modal {
    --modal-width: 92.5vw;
    --modal-max-height: 92.5vh;
    --modal-border-radius: calc(var(--container-gap) / 2);
    --modal-padding-x: calc(var(--container-gap) / 2);
    --modal-padding-y: calc(var(--container-gap) / 2);
    --modal-header-height: 2.5rem;
    --modal-header-font-size: 0.9rem;
    --modal-body-padding-top: calc(var(--container-gap) / 2);
  }

  /* ant-modal - modal-popupzone */
  #custom .ant-modal .modal-popupzone li {width: calc((100% - var(--modal-body-padding-top)) / 2);}

  /* ant-modal - modal-calendar */
  #custom .ant-modal .modal-calendar table th,
  #custom .ant-modal .modal-calendar table td {font-size: 0.75rem;}

  /* header-top */
  #header-top .container {padding: 0.25rem calc(var(--container-gap) / 2) !important;}

  /* custom-section */
  .custom-section {padding: 0 calc(var(--container-gap) / 2);}

  /* custom-column */
  .custom-column {width: 100% !important; min-height: calc(var(--container-gap) * 2); height: auto !important;}
  .custom-column.visual {min-height: calc(var(--container-gap) * 2);}

  /* widget - gallery - No Auth */
  [class*="gallery_T"] .no-auth,
  [class*="gallery_G"] .no-auth {padding: 0 1rem;}
  [class*="gallery_T"] > .no-auth,
  [class*="gallery_G"] .content-group > .no-auth:not(.item-wrap) {height: var(--mobile-gallery-image-height);}
  [class*="gallery_G"] .content-group > .no-auth.item-wrap {height: auto;}
  [class*="gallery_T"] .no-auth .content,
  [class*="gallery_G"] .no-auth .content {font-size: var(--mobile-font-size-subTitle);}
  [class*="gallery_T"] .no-auth .content br,
  [class*="gallery_G"] .no-auth .content br {display: none;}
}



@media (max-width: 580px) {

  /* header-top */
  #header-top .container {justify-content: center !important; gap: calc(var(--container-gap) * 0.25) !important;}
  
  /* footer */
  footer .footer-banner-content {justify-content: center;}
  footer .footer-banner-content::after {display: none;}
}



@media (max-width: 480px) {

  /* VAR */
  :root {

    /* header */
    --header-top-height-responsive: 3rem;

    /* container */
    --container-gap: 1.2rem;
  }

  /* ant-modal - modal-popupzone */
  #custom .ant-modal .modal-popupzone li {width: 100%;}

  /* ant-modal - modal-calendar */
  #custom .ant-modal .modal-calendar table th,
  #custom .ant-modal .modal-calendar table td {font-size: 0.7rem;}

  /* header */
  header .header-util {font-size: 1.2rem;}

  /* mobileMenu */
  #mobileMenu .mobileMenu-title .btn-menu-close {font-size: 1.2rem;}

  /* widget - gallery - No Auth */
  [class*="gallery_G"] .content-group > .no-auth.item-wrap {height: var(--mobile-gallery-image-height);}

  /* footer */
  footer {font-size: 0.7rem;}
}



@media (max-width: 380px) {

  /* mobileMenu */
  #mobileMenu .mobileMenu-title .header-logo {opacity: 1; visibility: visible;}

  /* footer */
  footer .footer-banner {padding-top: 0.5rem;}
  footer .footer-banner .container {display: block; height: auto;}
  footer .footer-banner-title {font-size: 0.8rem;}
  footer .footer-banner-content {width: 100%;}
}