/* 페이지 앵커 */
#pageMenu 
{ position: fixed; right:40px; top:50%; transform: translate(0,-50%); z-index: 999; }
#pageMenu li 
{ margin:20px 0; }
#pageMenu li.active
{background-color: #efefef;margin-right: -1rem;border-radius: 5rem;min-width: 120px;padding:1.2rem 1rem 1.2rem 2rem;} 
#pageMenu li.bg-b.active
{background-color: var(--color1);;} 
#pageMenu a 
{ display: block; width: 100%; position: relative; }

#pageMenu li a i 
{display: inline-block; position: absolute;background-color: #efefef;  width: 12px; height: 12px;  border-radius: 100%; top: 50%; right: 0; transform: translateY(-50%);z-index: 99;display: flex;flex-direction: column;align-items: center;justify-content: center; }
#pageMenu li a i::after 
{ display: block;clear: both; content: '⦁'; color:#efefef; font-size:1.8rem;}
#pageMenu li.bg-b a i::after { display: block;clear: both; content: '⦁'; color: var(--color1); font-size:1.8rem;} 
#pageMenu li.active a i::after 
{content: '⦁';background-color: var(--color1); border-radius: 100%;width: 12px; height: 12px; display: flex;flex-direction: column;align-items: center;justify-content: center;}
#pageMenu li.bg-b.active a i {display: inline-block; position: absolute;background-color: #efefef;  width: 12px; height: 12px;  border-radius: 100%; top: 50%; right: 0; transform: translateY(-50%);z-index: 99;display: flex;flex-direction: column;align-items: center;justify-content: center; }
#pageMenu li.bg-b.active a i::after {content: '⦁';background-color: #efefef; border-radius: 100%;width: 12px; height: 12px; display: flex;flex-direction: column;align-items: center;justify-content: center;}

#pageMenu a span 
{opacity: 0;}
#pageMenu li.active a span 
{ color: var(--color1);  font-weight: 500;  display: inline-block;  font-size: 1.6rem;  opacity: 1;}
#pageMenu li.bg-b.active a span 
{ color: #fff;}

.section {height: 100vh;}
.fp-auto-height {  width: 100%;  height: 200px!important; }

.footer-bottom .adress
{padding-bottom: 1rem; color: #fff; font-size: 1.6rem; font-weight: 400;}
.footer-bottom .copyright
{color: #bdbdbd; font-size: 1.6rem; font-weight: 300;}

/* main */
.main-title 
{margin-bottom: 8rem;}
.main-title h4
{font-size: 4.8rem;font-weight:700;line-height: 5rem;letter-spacing: 0.5px;color: #303030;}

/* notice */
.notice-con-wrap
{display: flex;flex-direction: row;gap: 5rem;justify-content: space-between;}

#section2
{background: url(/wp-content/uploads/2026/02/section2-bg.png) no-repeat center;  background-size: cover;width: 100%;height: 100%;}
#mainNotice .notice-tab-con
{width: 725px;}
#mainNotice .kboard-default-new-notify{display: none;}
#mainNotice .main-con-wrap
{margin-bottom: 10rem;font-family: var(--font2);}
#mainNotice .main-notice-con-wrap
{display: flex;flex-direction: row;gap: 5.5rem;  justify-content: space-between;  align-items: stretch;margin-top: 10rem;}
#mainNotice .main-notice-con-wrap .main-con-title
{margin-bottom: 3rem;}
#mainNotice .main-title
{text-align: center;}
.main-tab-wrap
{display: flex;  flex-direction: column;  justify-content: center;  margin-bottom: 3rem;  align-items: start;}
.main-board-tab-con
{display: flex; text-align: center; flex-direction: row;  gap: 2rem;}
.main-board-tab-con a 
{font-size: 2rem;  font-weight: 400;color: #2e2d2d!important;background-color: #f5f5f1;border-radius: 4rem; padding: 1.5rem 3.5rem;display: flex;flex-direction: row; gap: 3rem;  text-align: center;  cursor: pointer;} 
.main-board-tab-con a.active
{color:#fff!important; font-weight: 600;background-color: var(--main-color);}
#mainNotice .info-board-con .info-board { display: none;} 
#mainNotice .info-board-con .info-board.active { display: block; } 
#mainNotice .info-board-con {min-height: 340px!important;}
#mainNotice .info-board-con .info-board ul.notice-box-wrap 
{display: flex;  flex-direction: row; gap: 5rem;  align-items: stretch;}
#mainNotice .info-board-con .info-board ul.notice-box-wrap li.item a
{background-color: #00000077;min-width: 350px;min-height: 340px;display: flex;flex-direction: column; backdrop-filter: blur(7px);border: 1px solid #fff;padding: 5rem 3rem;}
#mainNotice .info-board-con .info-board ul.notice-box-wrap li.item a:hover::after{background-color: #ffffff54;}
#mainNotice .info-board-con .info-board ul.notice-box-wrap li.item a::before
{display: block;content: '';background-color: #0071bc;padding: 1rem 2rem;border-radius: 1rem;color: #fff;font-size: 1.6rem;max-width: 90px;  display: flex;  flex-direction: column;  align-items: center;}

/* popup */
.popup-con{}
.popup-con h4
{font-size: 3.6rem;font-weight: 700;color: #2e2d2d; margin-bottom: 1.5rem;}
.popup
{width: 720px;height: 390px;position: relative;}
.popup::before
{position: absolute;  display: block;  content: '';  background: url(/wp-content/uploads/2025/12/main-sec01-bg.png) no-repeat;  right: -56%;  bottom: -17%;  width: 39rem;  height: 31rem;  background-size: contain;  z-index: -1;}
.popup-slide
{z-index: 2; position: relative; width: 100%;height: 100%; background-position: center;background-repeat: no-repeat;background-size: cover;border-radius: 1rem;overflow: hidden;}
.popup-slide .slick-track
{width: 720px;  height: 390px;}

/* main popup arrow */
.main-popup-controls .arrow
{display: flex;flex-direction: row;   margin-bottom: 1rem; justify-content: space-between;  flex-wrap: nowrap;  align-items: center;  width: 100%;}
.main-popup-controls .arrow button
{color: #fff;outline: none;font-size: 2rem;font-weight: 300; border: none;padding: 5px 0;line-height: 0; }
.main-popup-controls .arrow button:focus,.arrow button.active,.arrow button:hover
{background: none;}

.main-popup-controls 
{ position: absolute; width: 100%; bottom: 17%; z-index:9;} 
.main-popup-controls .main-controls-wrapper 
{display: flex;  align-items: flex-end;  flex-direction: column;}
.main-popup-controls .slide-count span
{font-size: 1.6rem;font-weight: 500;color: #fff;} 
.main-popup-controls span.slide-count 
{display: flex;  flex-direction: row;  align-items: center;    width: 300px;  justify-content: space-between; position: relative; } 
.main-popup-controls span.slide-count::after
{display: block;content: '';width: 1px;height: 18px;background-color: #fff;bottom: 15px;  position: absolute;  left: 50%;  transform: translateX(-50%);}