/* main notice */
.main-notice-wrap
{width: 100%;padding: 9rem 0px 10rem;position: relative;overflow: hidden;}
.main-tab-wrap
{display: flex;  flex-direction: column;  justify-content: space-between;align-items: flex-start; height: 100%;min-width: 35rem;
  width: 23%;}
.notice-tab-con
{display: flex; flex-direction: row;height: 100%;align-items: end;}
.info-board-con{width: 77%;}

.info-board-con
{position: relative;left: 0;top: 0; --peek:20%;}
.info-board-con .slick-list
{ overflow: hidden; padding-right: var(--peek); margin-right: calc(-1 * var(--peek));}


.main-board-tab-con
{display: flex;flex-direction: column;}
.main-board-tab-con a
{ width: 25rem;height: 6rem;padding: 0 2.5rem;background-color: #fff;border-radius: 1rem 2.5rem 2.5rem 1rem;border: 2px solid transparent;font-size: 1.8rem;cursor: pointer;transition: var(--transition1);font-weight: 500;font-family: var(--font2);color: var(--text-color); display: flex;  justify-content: space-between;align-items: center;}
.main-board-tab-con a i
{opacity: 0;font-size: 2.2rem;}
.main-board-tab-con a:hover
{color: #437bb9!important;}
.main-board-tab-con a.active
{border: 2px solid #437bb9;color: #437bb9!important;}
.main-board-tab-con a.active i{opacity: 1;}
.info-board-con .info-board { display: none;  }
.info-board-con .info-board.active { display: block; }
.main-notice-controls,
.main-gallery-controls
{display: flex;  flex-direction: row;align-items: center; border: 1px solid #eeeeee;border-radius: 5rem; padding:0 1.5rem 0 2rem;box-shadow: 0 5px 20px 5px #00000014;background-color: #fff;height: 53px;width: 133px;justify-content: space-between;}
.main-notice-controls button.arrow,
.main-gallery-controls button.arrow
{color: var(--text-color);padding: 0 0.5rem 0 0.5rem;}
.main-notice-controls button.arrow i,
.main-gallery-controls button.arrow i
{font-weight: 800;}
.main-notice-controls span.dash,
.main-gallery-controls span.dash{font-size: 0;}
/* {color: #b5b5b5;margin: 0 1rem;font-size: 1.4rem;  font-weight: 100;  font-family: var(--font1);} */
.main-notice-controls span.dash::after,
.main-gallery-controls span.dash::after
{display: block;  content: '';  width: 1px;  height: 10px;  background: #b5b5b5;}
.main-notice-controls a.more-btn,
.main-gallery-controls a.more-btn
{border: none;transition: var(--transition1);overflow: hidden;}
.main-notice-controls a.more-btn::before,
.main-gallery-controls a.more-btn::before
{font-size: 3rem;clear: both;display: block;color: #000; font-weight: 200;transition: var(--transition1);content: '\e914';font-family: 'xeicon'; width: 100%;height: 100%;display: flex;flex-direction: column;align-items: center;justify-content: center;}

/* main-title */
.main-title
{margin-bottom: 5rem;}
.main-title h2
{position: relative; font-family: var(--font2);  font-weight: 900;  font-size: 4.5rem;color: var(--text-color);}
.main-title h2::after
{content: '';display: block;background: url(/wp-content/uploads/2026/05/title-after.png) no-repeat;  width: 30px;  height: 30px;  position: absolute;  right: -20px;  top: -5px;  z-index: -1;}

/* main notice */
.main-notice-controls{margin-top: 9rem;}

/* main gallery */
#mainGallery
{padding: 10rem 0;position: relative;width: 100%;height: 100%}
#mainGallery::before
{content: '';display: block;width: 100%;height: 347px;background: url(/wp-content/uploads/2026/05/gallery-bg.jpg) no-repeat top;background-size: cover;position: absolute;top: 0;    z-index: -1;}
#mainGallery .gallery-con-wrap .gallery-slide::after
{content: '';display: block;width: 49px;height: 49px;background: url(/wp-content/uploads/2026/05/gallery-before.png) no-repeat center;background-size: contain;position: absolute;top: 103px; left: -49px;}
#mainGallery .gallery-con-wrap{}
#mainGallery .gallery-con-wrap .gallery-slide
{background-color: #fff;  width: 100%;  padding: 0 3rem;  border-radius: 5rem;position: relative;}
#mainGallery .gallery-con-wrap .gallery-con
{display: flex;  flex-direction: row;  justify-content: space-between;  align-items: center;}
#mainGallery .gallery-con-wrap .main-title h2{color: #fff;}

/* main quick menu */
#mainQuick
{padding: 10rem 0;background: url(/wp-content/uploads/2026/05/quick-menu-bg.jpg) no-repeat center;background-size: cover;}
#mainQuick .main-title{display: flex;}
#mainQuick .main-title h2::after{z-index: 11;}
#mainQuick .quick-menu-wrap
{display: flex;  flex-direction: row;  justify-content: space-between;  align-items: stretch;}
#mainQuick .quick-menu-wrap a
{display: flex;flex-direction: column;align-items: center;gap: 1rem;justify-content: center;width: 14rem;height: 14rem;background: #fff;border-radius: 3rem;position: relative;bottom: 0;transition: var(--transition1);}
#mainQuick .quick-menu-wrap a img
{transition: var(--transition1);}
#mainQuick .quick-menu-wrap a span
{transition: var(--transition1);color: var(--text-color);font-family: var(--font2);font-weight: 500;font-size: 1.7rem;}
#mainQuick .quick-menu-wrap a:hover
{box-shadow: var(--box-shadow);background: #437bb9;bottom: 1rem;}
#mainQuick .quick-menu-wrap a:hover img
{filter: brightness(0) invert(1); }
#mainQuick .quick-menu-wrap a:hover span
{color: #fff;}