/********************** main **********************/
/********************** main **********************/
/********************** main **********************/
/* main-title */
.main-title
{display: flex;  flex-direction: column;  align-items: flex-start;}
.main-title small
{font-size: 1.6rem;  font-family: var(--font2);  font-weight: 800;background: #0046ff;  border-radius: 5rem; display: flex; flex-direction: row;  align-items: center;  justify-content: center;  gap: 1rem;margin-bottom: 2.5rem;color: #fff;    padding:1rem 2.5rem 1rem 2rem}
.main-title small::before
{display: block;content: '⦁';color: #fff; font-size: 1.8rem;}
.main-title h2
{font-family: var(--font2); padding-left: 2rem; color: #111111;  font-size: 3rem;  font-weight: 800;}

/* more-btn */
a.more-btn
{font-family: var(--font2);font-size: 1.6rem;color: #111111;font-weight: 800;  font-weight: 800;  flex-direction: row;  gap: 1rem;}
a.more-btn i
{font-size: 1.1rem;  padding: 0.4rem;  border-radius: 100%;  background: #0046ff;  color: #fff;  font-weight: 600;}

/* main Notice */
#mainNotice
{padding: 9rem 0px 11rem;}
#mainNotice .main-notice-wrap
{width: 100%;position: relative;overflow: hidden;display: flex;flex-direction: row;align-items: end;gap: 3.5rem;}
#mainNotice .notice-tab-con
{min-width: 800px;width: 100%;}
#mainNotice .notice-tab-wrap
{display: flex;  flex-direction: row;  align-items: flex-end;gap: 5rem;}
#mainNotice .main-tab-wrap
{display: flex;  flex-direction: row;  align-items: flex-end;justify-content: space-between;margin-bottom: 3rem;}
#mainNotice .main-notice-wrap .main-board-tab-con
{ display: flex;  flex-direction: row;  font-family: var(--font2);  gap: 1.5rem;}
#mainNotice .main-notice-wrap .main-board-tab-con a
{font-size: 1.8rem;cursor: pointer;  transition: var(--transition1); font-weight: 800;  font-family: var(--font2);  color: #c1c1c1;}
.main-board-tab-con a:hover,
.main-board-tab-con a.active
{color: #0046ff!important;}
.info-board-con .info-board.info-board-01 #default-style03-latest .latest-item a::before,
.info-board-con .info-board.info-board-02 #default-style03-latest .latest-item a::before
{content: '';display: block;font-family: var(--font2);font-weight: 800;color: #2f53b2;font-size: 1.6rem;min-width: 120px;}
.info-board-con .info-board.info-board-01 #default-style03-latest .latest-item a::before{content: '공지사항';}
.info-board-con .info-board.info-board-02 #default-style03-latest .latest-item a::before{content: '보도자료';}
.info-board-con .info-board { display: none;  }
.info-board-con .info-board.active { display: block; }
#mainNotice .popup
{min-width: 645px;width: 100%;}
#mainNotice .popup .main-title
{margin-bottom: 3rem;}

/* main Gallery */
#mainGallery
{padding: 10rem 0 9.5rem;background: url(/wp-content/uploads/2026/05/gallery-bg.png) no-repeat center,#f2f5ff;background-size: cover;}
#mainGallery .main-title-wrap
{display: flex;  justify-content: space-between;  align-items: flex-end;  margin-bottom: 3.5rem;}
#mainGallery .main-gallery{}
#mainGallery .main-gallery-controls{}
#mainGallery .arrow
{display: flex;  flex-direction: row;  justify-content: space-between;  align-items: center; flex-wrap: nowrap; gap: 1.5rem;}
#mainGallery .arrow button
{color: #477ef7;  outline: none;  font-size: 2.5rem;  font-weight: 100;  border: none;  line-height: 0;  width: 6.5rem;  height: 6.5rem;  background: #fff;  border-radius: 100%;  box-shadow: var(--box-shadow); }
#mainGallery .arrow button:hover
{background-color: #0046ff;color: #fff;}
.main-gallery-controls
{display: flex;  flex-direction: row;  align-items: center;  gap: 2.5rem;margin-top: 5.5rem;}
.main-gallery-controls .main-controls-wrapper
{display: flex;  align-items: flex-end;  flex-direction: column;}
.main-gallery-controls .progress
{width:200px; height:4px; position:relative;}
.main-gallery-controls .progress .bg-bar
{position:absolute; width:100%; height:100%; background:#a8b2ee; display:block; left:0; top:0;}
.main-gallery-controls .progress .ing-bar
{width:0%; height:100%; display:block; position:relative; background:#0046ff;}
.main-gallery-controls .progress.active .ing-bar
{width:100%; transition:all 7s ease-in-out;}

/* main partner */
#mainPartner
{width: 100%; overflow: hidden; padding: 12rem 0 12rem;position: relative;}
#mainPartner::before
{ background: url(/wp-content/uploads/2026/05/main-partner-bg.png) no-repeat center;width: 212px;height: 212px;background-size: contain;position: absolute;z-index: -1;left: 50%;top: 62%;transform: translate(-50%,-50%);display: block;content: '';}
#mainPartner .main-title
{margin-bottom: 10rem;display: block;text-align: center;}
#mainPartner .main-title h2
{ color: #111111;  font-size: 4rem;}
.mainPartner .partner-slide
{display: flex;  width: max-content; animation: scroll 100s linear infinite; position: relative;}
.mainPartner .partner-slide:hover {animation-play-state: paused;}
.mainPartner .partner-slide .partner-img
{margin: 0rem 0.8rem; flex-direction: column;  align-items: center;  background: #f7f7f7;  width: 310px;  height: 120px;  border-radius: 2rem;  display: flex;  justify-content: center;}
@keyframes scroll
{0% {transform: translateX(0);}100% {transform: translateX(-50%);}}
@media screen and (max-width : 860px) {
  .mainPartner .partner-slide .partner-img{margin: 2rem 4rem;}
  .mainPartner .partner-slide .partner-img{width: 8rem;}
  .mainPartner::before,
  .mainPartner::after
  {display: none;}
  #mainPartner{padding: 7rem 0;}
}
@media screen and (max-width : 767px) {
  .mainPartner .partner-slide .partner-img{width: 6rem;}
}