/* main-con-wrap */
.main-con-wrap{font-family: var(--font2);}

/* scroll down */
.scroll-btn 
{display: block;  position: absolute;left: 50%;bottom: 6rem;text-align: center;  z-index: 99;} 
.scroll-btn p
{font-family: var(--font1);font-size: 1.6rem;color: #fff;font-weight: 500;text-transform: uppercase;margin-bottom: 2rem;}
.scroll-btn > *:hover,
.scroll-btn > *:focus,
.scroll-btn > *:active,
.scroll-btn > *.active {color: #fff;opacity: 0.8;filter: alpha(opacity=80); } 
.scroll-btn .mouse {position: relative;display: block; width: 22px;height: 35px;margin: 0 auto;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;border: 2px solid white;border-radius: 23px; } 
.scroll-btn .mouse > * {position: absolute;display: block;top: 29%;left: 50%;transform: translateX(-50%); width: 6px;height: 6px;background: var(--sub-color);;border-radius: 50%;-webkit-animation: ani-mouse 2.5s linear infinite;-moz-animation: ani-mouse 2.5s linear infinite;animation: ani-mouse 2.5s linear infinite; } 
@-webkit-keyframes ani-mouse {0% {opacity: 1;top: 29%; } 
15% {opacity: 1;top: 50%; } 
50% {opacity: 0;top: 50%; } 
100% {opacity: 0;top: 29%; } 
 }
@-moz-keyframes ani-mouse {0% {opacity: 1;top: 29%; } 
15% {opacity: 1;top: 50%; } 
50% {opacity: 0;top: 50%; } 
100% {opacity: 0;top: 29%; } 
 }
@keyframes ani-mouse {0% {opacity: 1;top: 29%; } 
15% {opacity: 1;top: 50%; } 
50% {opacity: 0;top: 50%; } 
100% {opacity: 0;top: 29%; } 
 }

/* main-title */
.main-title
{margin-bottom: 5rem;}
.main-title h2
{font-size: 4.2rem;font-weight: 700;position: relative;display: inline;z-index: 1;}
.main-title h2::before
{position: absolute;width: 30px;height: 30px;border-radius: 100%;background-color: var(--sub-color);left: 50%;top: -0.5rem;transform: translateX(-50%);content: '';display: block;z-index: -1;}
.main-stitle h3
{font-size: 2.8rem;font-weight: 700;}

/* mainMenu */
#mainMenu
{padding: 8rem 0;background-color: var(--main-bg-color);border-radius: 0 0 16rem 0;}
#mainMenu .main-title
{margin-bottom: 0;}
#mainMenu .main-menu-wrap
{display: flex;  flex-direction: row;  align-items: center;  justify-content: space-between;}
#mainMenu .main-menu-wrap .main-menu ul
{display: flex;  flex-direction: row;  align-items: stretch;  justify-content: space-between;gap: 7rem;}
#mainMenu .main-menu-wrap .main-menu ul li a
{display: flex;  flex-direction: column;  align-items: center;  gap: 3rem;  min-width: 16rem;  min-height: 16rem;  background: #fff;  box-shadow: var(--box-shadow);  justify-content: center;  border-radius: 3rem;}
#mainMenu .main-menu-wrap .main-menu ul li a span
{font-size: 1.8rem;  font-weight: 600;  color: #060606;transition: var(--transition1);}
#mainMenu .main-menu-wrap .main-menu ul li:nth-child(1) a:hover span{color: #E50742;}
#mainMenu .main-menu-wrap .main-menu ul li:nth-child(2) a:hover span{color: #16AF6B;}
#mainMenu .main-menu-wrap .main-menu ul li:nth-child(3) a:hover span{color: #2382F7;}
#mainMenu .main-menu-wrap .main-menu ul li:nth-child(4) a:hover span{color: #FA7747;}
#mainMenu .main-menu-wrap .main-menu ul li:nth-child(5) a:hover span{color: #7E68EF;}

/* mainNotice */
#mainNotice
{background-color: #F4F4F0;}
#mainNotice .main-notice-bg
{padding: 10rem 0 ;background-color: #fff;border-radius:  0 0 16rem 0;box-shadow: 12px 12px 14px -10px #00000008;;}
#mainNotice .main-title
{display: block;text-align: center;}
#mainNotice .notice-con-wrap
{display: flex;flex-direction: row;align-items: stretch;justify-content: space-between;gap: 3rem;}
#mainNotice .notice-con
{border: var(--border);  padding: 4rem 6rem;  border-radius: 2rem;  background: #f6fdfa;width: 100%;}
#mainNotice .notice-con .main-stitle h3
{padding: 0 0rem 2rem 2.5rem;}
#mainNotice .notice-link
{min-width: 350px;height: 100px;display: flex;flex-direction: column;justify-content: space-between;gap: 2rem}
#mainNotice .notice-link a
{background: #000;  padding:14rem 3rem 0;  border-radius: 2rem; min-height: 19rem; width: 100%;background-position: center;background-repeat: no-repeat;background-size: cover;transition: var(--transition1);}
#mainNotice .notice-link a:hover{box-shadow: var(--box-shadow);}
#mainNotice .notice-link a.link1{background-image: url(/wp-content/uploads/2026/04/notice-img01.jpg);}
#mainNotice .notice-link a.link2{background-image: url(/wp-content/uploads/2026/04/notice-img02.jpg);}
#mainNotice .notice-link .main-stitle h3
{color: #fff;transition: var(--transition1);position: relative;z-index: 1;}
#mainNotice .notice-link a:hover .main-stitle h3{color: var(--sub-color);}

/* mainGallery */
#mainGallery
{padding: 10rem 0;background: url(/wp-content/uploads/2026/04/gallery-bg.png) no-repeat center bottom, #efefe9; background-size: cover;}
#mainGallery .main-title
{text-align: center;}
#mainGallery
{position: relative;left: 0;top: 0; --peek:20%;overflow: hidden; }
#mainGallery .slick-list
{ overflow: hidden; padding-right: var(--peek); margin-right: calc(-1 * var(--peek));}
/* main slide arrow */
.main-gallery-controls .arrow
{display: flex;flex-direction: row;gap:0.7rem;margin-left: 3rem;}
.main-gallery-controls .arrow button
{border: none; color: #fff; width: 4.8rem;height: 4.8rem; border-radius: 100%; background-color: #c6c7c5;font-size: 1.7rem; display: flex;flex-direction: column;align-items: center;justify-content: center;transition: var(--transition1);}
.main-gallery-controls .arrow button:hover
{background-color: var(--sub-color);}
/* MAIN gallery PROGRESS BAR */
.main-gallery-controls 
{margin: 4rem 0 0;width: 100%;} 
.main-gallery-controls .main-controls-wrapper 
{display:flex; justify-content:center; align-items:center;justify-content: space-between;} 
.main-gallery-controls .progress 
{width:100%; height:3px; position:relative;}
.main-gallery-controls .progress .bg-bar 
{position:absolute; width:100%; height:100%; background:#b1b1b0; display:block; left:0; top:0;}
.main-gallery-controls .progress .ing-bar 
{width:0%; height:100%; display:block; position:relative; background:#000000;}
.main-gallery-controls .progress.active .ing-bar
{width:100%; transition:all 5s ease-in-out;}

/* mainIntro */
#mainIntro
{background-color: #fcd100;}
#mainIntro .intro-con-bg
{padding: 10rem 0 ;background-color: #fff;border-radius:  0 40rem 0 0;box-shadow: 12px 12px 14px -10px #00000008;;}
#mainIntro .main-title
{display: block;text-align: left;width: 40%;}
#mainIntro .intro-con-wrap
{display: flex;  flex-direction: row; justify-content: space-between;  align-items: flex-start;}
#mainIntro .intro-con-wrap .intro-con
{display: flex;  flex-direction: column;  gap: 2rem;width: 100%;}
#mainIntro .intro-con-wrap .intro-con ul
{display: flex;  flex-direction: row;  align-items: stretch;  justify-content: space-between;}
#mainIntro .intro-con-wrap .intro-con ul li
{width: calc(100% / 4 - 15px);}
#mainIntro .intro-con-wrap .intro-con ul li a
{display: flex;  flex-direction: column;  align-items: center;  gap: 3rem;  min-width: 23rem;  min-height: 23rem; width: 100%; background: #fff;  box-shadow: var(--box-shadow); border: var(--border);  justify-content: center;  border-radius: 3rem;transition: var(--transition1);}
#mainIntro .intro-con-wrap .intro-con ul li a span
{font-size: 2.8rem;  font-weight: 600;  color: #060606;transition: var(--transition1);}
#mainIntro .intro-con-wrap .intro-con ul li a:hover
{background-color: var(--main-bg-color);}
#mainIntro .intro-con-wrap .intro-con a.call
{background: url(/wp-content/uploads/2026/04/call-bg.jpg) no-repeat center;background-size: cover;border-radius: 2rem;box-shadow: var(--box-shadow);width: 100%;padding:7rem 5rem 5rem; transition: var(--transition1);position: relative;overflow: hidden;}
#mainIntro .intro-con-wrap .intro-con a.call::after
{content: '';  width: 100%;  height: 100%;  right: 0;  top: 0;  background:linear-gradient(270deg,rgba(248, 201, 73, 1) 30%, rgba(255, 255, 255, 0) 100%);;  position: absolute;  visibility: hidden;  opacity: 0;  width: 0;  transition: var(--transition1);}
#mainIntro .intro-con-wrap .intro-con a.call:hover::after
{opacity: 1;visibility: visible;width: 100%;}
#mainIntro .intro-con-wrap .intro-con a.call dl
{width: 100%;height: 100%; display: flex;flex-direction: column;align-items: flex-end;gap: 2rem;color: #261600;font-family: var(--font2);position: relative;  z-index: 2;}
#mainIntro .intro-con-wrap .intro-con dl dt
{font-size: 2.4rem;font-weight: 700;}
#mainIntro .intro-con-wrap .intro-con dl dd
{font-size: 5.6rem;font-weight: 900;}