/********************************************
* VISUAL 메인 비주얼
********************************************/
.main-visual-wrap { position: relative; height: 59rem; } 
.main-visual,
.visual-item { height: 60rem; } 
.visual-item { margin-bottom: 0 !important; } 

.main-visual-bg { overflow: hidden; position: absolute; left: 0; top: 0; height: 59rem; } 
.slick-slide img { display: block; margin-bottom: 0 !important; } 
.main-visual-bg .visual-item01 { background: url(/wp-content/uploads/2025/07/visual01.jpg) no-repeat center center; } 
.main-visual-bg .visual-item02 { background: url(/wp-content/uploads/2025/06/visual02.jpg) no-repeat center center; } 
.main-visual-bg .visual-item03 { background: url(/wp-content/uploads/2025/08/visual03.jpg) no-repeat center center; } 
.main-visual-bg .visual-item { background-size: cover !important; } 

.visual-txt-wrap { position: absolute; left: 0; top: 0; z-index: 10; width: 100%; height: 100%; padding-top: 17.5rem; } 
.visual-txt-wrap .visual-txt-inner { width: var(--middle-container); margin: 0 auto; } 
.visual-txt-inner h1 { text-align: center; font-size: 4.2rem; } 
.visual-txt-inner h1 em { font-weight: 800; display: block; margin-top: 1rem; font-size: 5rem; } 
.visual-txt-inner h1, .visual-txt-inner h1 em { color: #fff; } 

.main-quick-wrap { position: absolute; left: 0; bottom: 0; z-index: 10; width: 100%; background-color: rgba(177, 171, 93, 0.9); } 
.main-quick-wrap .quick-inner { display: flex; align-items: center; width: var(--middle-container); margin: 0 auto; padding: 2rem 0; } 
.main-quick-tit { padding: 0.7rem 6.5rem 0.7rem 0; margin-right: 14rem; border-right: 1px solid #fff; font-size: 2.4rem; font-weight: 700; color: #fff; } 
.main-quick-wrap .quick-inner ul { display: flex; align-items: center; gap: 15rem; } 
.main-quick-wrap .quick-inner ul li a { display: flex; flex-direction: column; align-items: center; } 
.main-quick-wrap .quick-inner ul img { display: block; margin-bottom: 1.5rem; transition: all .3s; } 
.main-quick-wrap .quick-inner ul li p { font-family: 'NanumSquareNeo' !important; font-size: 1.8rem; color: #fff; font-weight: 500; } 


.main-quick-wrap .quick-inner ul li a:hover img {
  transform: translate(0, -1rem);
}


/********************************************
* SEC01 
********************************************/

.main-latest-wrap { display: flex; } 
.main-latest-wrap { gap: 3rem; } 
.main-latest-box01, .main-latest-box02 { width: 50rem; } 
.main-latest-box:last-child { width: calc(100% - 106rem); } 


#mainLatestCon .main-latest-tit-wrap { display: flex; gap: 2rem; align-items: center; margin-bottom: 3.5rem; } 
#mainLatestCon .main-latest-tit-wrap h2 { font-size: 2.8rem; font-weight: 800; } 
.latest-btn { position: relative; display: flex; justify-content: center; align-items: center; width: 4.4rem; height: 4.4rem; background-color: var(--main-color); border: 1px solid var(--main-color); transition: all .3s; } 
.latest-btn img:last-child { position: absolute; opacity: 0; transition: all .3s; } 
.latest-btn:hover { background-color: #fff; } 
.latest-btn:hover img:last-child { opacity: 1; } 

.kboard-default-latest-wrap { border-top: 2px solid var(--main-color); } 
#mainLatestCon .kboard-default-latest-box { display: flex; justify-content: space-between; align-items: center; gap: 2rem; padding: 2.64rem 1.2rem; border-bottom: 1px solid #d1d1d1; } 
#mainLatestCon .kboard-latest-title {
  width: calc(100% - 9.3rem);
}
#mainLatestCon .kboard-latest-title a .kboard-default-cut-strings { font-family: 'NanumSquareNeo' !important; font-size: 1.8rem; color: #111; font-weight: 700; } 

#mainLatestCon .kboard-cross-calendar-list .kboard-header { margin: 0; text-align: center; background-color: var(--main-color); } 

#mainLatestCon .kboard-cross-calendar-list .kboard-header .kboard-search-day-form { width: 10rem; height: 100%; } 
#mainLatestCon form { display: flex; flex-direction: column; align-items: center; justify-content: center; height: 100%; } 
.day-wrap { display: flex; align-items: center; justify-content: center; margin-top: 1.4rem; } 
#mainLatestCon .kboard-cross-calendar-list .kboard-header .kboard-search-day-form .kboard-search-year,
#mainLatestCon .kboard-cross-calendar-list .kboard-header .kboard-search-day-form .kboard-cross-calendar-sep,
#mainLatestCon .kboard-cross-calendar-list.mobile .kboard-header .kboard-search-day-form .kboard-search-month { height: auto !important; font-size: 1.8rem !important; color: #fff !important; line-height: 2.3rem; } 
#mainLatestCon .kboard-cross-calendar-list.mobile .kboard-header .kboard-search-day-form .kboard-cross-calendar-arrow { width: auto; height: auto; } 
#mainLatestCon .kboard-cross-calendar-list.mobile .kboard-header .kboard-search-day-form button.kboard-cross-calendar-arrow.arrow-right { transform: rotate(180deg); } 

#mainLatestCon .kboard-calendar-table { overflow: hidden; display: block; margin-bottom: 0; border-radius: 0 0 3rem 0; background-color: #f1f1f1; padding: 3rem 2rem; } 
#mainLatestCon .kboard-cross-calendar-list.mobile { display: flex; } 
#mainLatestCon .kboard-week-title { display: flex; } 
#mainLatestCon .kboard-week-title > div { width: calc(100% / 7); } 
#mainLatestCon .kboard-calendar-main-latest > div { display: flex; } 
#mainLatestCon .kboard-calendar-main-latest > div > div { display: flex; justify-content: center; width: calc(100% / 7); } 
#mainLatestCon .short { font-family: 'NanumSquareNeo' !important; font-size: 1.6rem; font-weight: 700; color: #111; } 
#mainLatestCon .kboard-calendar-main-latest > div > div > div,
#mainLatestCon .kboard-calendar-main-latest > div > div > div a { display: flex; justify-content: center; align-items: center; width: 3rem; height: 3rem; font-family: 'NanumSquareNeo' !important; } 
#mainLatestCon .kboard-calendar-main-latest > div > div > div a { font-weight: 700; color: #111; } 
#mainLatestCon .kboard-calendar-main-latest > div > div.calendar-column-sunday > div a { color: #ff1414; } 
#mainLatestCon .kboard-calendar-main-latest > div > div.calendar-column-saturday > div a { color: #1070f2; } 
#mainLatestCon .kboard-calendar-main-latest > div > div.calendar-column-today > div a { color: #fff; } 
#mainLatestCon .kboard-calendar-main-latest > div > div.calendar-column-pre-next-day > div a { color: #868686; } 
#mainLatestCon .kboard-cross-calendar-list.mobile .kboard-calendar-table .calendar-column-day .calendar-icon-day { width: 3rem; height: 3rem; display: flex; justify-content: center; align-items: center; } 
#mainLatestCon .kboard-cross-calendar-list.mobile .kboard-calendar-table .calendar-column-day.calendar-column-today .calendar-icon-day { background-color: var(--main-color); } 
#mainLatestCon .kboard-calendar-main-latest > div > .calendar-column-day.has-event .calendar-icon-day { background-color: var(--main-color2); }
 #mainLatestCon .kboard-calendar-main-latest > div > .calendar-column-day.has-event .calendar-icon-day a { color: #111; }
#mainLatestCon .short { text-align: center; } 
.calendar-column-saturday .short { color: #1070f2 !important; } 
.calendar-column-sunday .short { color: #ff1414 !important; } 
#mainLatestCon .kboard-cross-calendar-list .kboard-calendar-table .kboard-week-title { border-top: none; background-color: transparent; } 
#mainLatestCon .kboard-calendar-table { margin-bottom: 0; background-color: #f1f1f1; } 
#mainLatestCon .kboard-calendar-table { display: block; margin-bottom: 0; background-color: #f1f1f1; padding: 3rem 2rem; } 

#mainLatestCon .kboard-calendar-main-latest > div > div > .calendar-event {
  display: none;
}

.main-latest-quick-con { display: flex; gap: 1rem; height: calc(100% - 7rem); } 
.main-latest-quick-con a { overflow: hidden; display: block; width: calc((100% - 2rem) / 3); border-radius: 0 0 3rem 0; border: 1px solid #d1d1d1; } 
.latest-quick-icon-wrap { display: flex; justify-content: center; align-items: center; width: 8rem; height: 8rem; margin-bottom: 3rem; border-radius: 100%; background-color: #fff4e9; transition: all .3s; } 
.latest-quick-btn-wrap { display: flex; flex-direction: column; align-items: center; justify-content: center; height: 100%; background: url(/wp-content/uploads/2025/06/sec01-bg.png) no-repeat top right; transition: all .3s; } 
.latest-quick-btn-wrap p { font-family: 'NanumSquareNeo' !important; font-size: 2.4rem; color: #111; font-weight: 800; } 

.main-latest-quick-con a:hover .latest-quick-icon-wrap { overflow: hidden; height: 0; opacity: 0; margin-bottom: 0; } 
.main-latest-quick-con a:hover .latest-quick-btn-wrap { background-color: var(--main-color); } 

.main-latest-box:last-child .latest-btn { opacity: 0; height: 0; } 
.main-latest-quick-con a:hover .latest-btn,
.main-latest-quick-con a .latest-btn:hover { opacity: 1; background-color: transparent; border: 1px solid #fff; } 
.main-latest-quick-con a:hover .latest-btn { height: 4.4rem; } 

.main-latest-quick-con a:hover .latest-btn img:last-child,
.main-latest-quick-con a .latest-btn:hover img:last-child { opacity: 0; } 
.main-latest-quick-con a:hover .latest-quick-btn-wrap p { margin-bottom: 5rem; color: #fff; } 




/********************************************
* SEC02 
********************************************/

.main-tab-wrap { position: relative; height: 43.8rem; } 

.main-tab-menu-wrap { display: flex; justify-content: center; margin-bottom: 4rem; } 
.main-tab-menu-wrap ul { display: flex; gap: 1rem; padding: 0.5rem; border-radius: 4rem; background-color: #fff; } 
.main-tab-menu-wrap ul li { width: 15rem; padding: 1.5rem 0; border-radius: 3rem; cursor: pointer; transition: all .3s; } 
.main-tab-menu-wrap ul li p { transform: translate(0, 1px); text-align: center; font-size: 1.8rem; font-weight: 500; line-height: 1.8rem; } 
.main-tab-menu-wrap ul li.on,
.main-tab-menu-wrap ul li:hover { color: #fff; background-color: var(--sub-color); } 
.main-tab-menu-wrap ul li.on p,
.main-tab-menu-wrap ul li:hover p { color: #fff; } 

#mainTabCon .main-tab-con { display: none; } 
#mainTabCon .main-tab-con.on { display: block; } 
#mainTabCon .main-tab-con .kboard-pure-gallery-list { display: flex; gap: 4rem; margin:0;} 
#mainTabCon .main-tab-con .kboard-pure-gallery-list li { overflow: hidden; margin: 0; padding-bottom: 0; width: calc((100% - 12rem) / 4); border-radius: 0 0 2.9rem 0; border:none;} 

#mainTabCon #kboard-pure-gallery-list .kboard-pure-gallery-list { margin: 0; }
#mainTabCon #kboard-pure-gallery-list .kboard-pure-gallery-list .kboard-list-item .kboard-list-thumbnail { height: 34rem !important; margin-bottom: 0; } 
#mainTabCon .main-tab-con .kboard-pure-gallery-list li a { position: relative; } 
#mainTabCon .main-tab-con .kboard-pure-gallery-list li a .kboard-list-title { position: absolute; left: 0; bottom: 0; width: 100%; height: auto; margin-bottom: 0; padding: 3rem; background-color: rgba(0, 0, 0, 0.8); } 
#mainTabCon .main-tab-con .kboard-pure-gallery-list li a .kboard-list-title .kboard-pure-gallery-cut-strings { text-align: left; font-family: 'NanumSquareNeo' !important; font-size: 1.8rem; font-weight: 700; color: #fff; } 

.main-btn-wrap { position: absolute; top: 0; right: 0; display: flex; align-items: center; gap: 2rem; } 
.main-btn-wrap { position: absolute; top: 0; right: 0; } 
.main-tab-wrap .main-btn-wrap p { color: #fff; transform: translate(0px, 2px); } 
.main-tab-wrap .main-btn-wrap .latest-btn { background-color: #fff; } 
.main-tab-wrap .main-btn-wrap .latest-btn img:last-child { opacity: 1; } 
.main-tab-wrap .main-btn-wrap .latest-btn img:first-child { opacity: 0; } 
.main-tab-wrap .main-btn-wrap:hover .latest-btn { background-color: var(--main-color); } 
.main-tab-wrap .main-btn-wrap:hover .latest-btn img:first-child { opacity: 1; } 
.main-tab-wrap .main-btn-wrap:hover .latest-btn img:last-child { opacity: 0; } 



/********************************************
* SEC03 
********************************************/

.main-sec.sec03 { background-color: #f2f2f2; } 
.main-sec.sec03 .con { width: var(--middle-container); padding: 2rem 0; } 
.main-partner-wrap { display: flex; align-items: center; gap: 10rem; } 
.main-partner-tit { display: flex; align-items: center; gap: 2rem; } 
.main-partner-tit h3 {
  min-width: 12.3rem;
}
.main-partner-wrap ul { display: flex; justify-content: space-between; width: 100%; } 
.main-partner-wrap ul li { overflow: hidden; width: 24rem; height: 6rem; border-radius: 0 0 2.5rem 0; background-color: #fff; box-shadow: 0 5px 9px rgba(0, 0, 0, 0.1); } 
.main-partner-wrap ul li a { display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; transition: all .3s; } 
.main-partner-wrap ul li a img {transition: all .3s;}

.main-partner-wrap ul li a:hover img { transform: scale(1.1); }