/* main slide start */
.slider-wrap .full-container{position:relative;;}
.mainVisual{overflow: hidden;}
.mainVisual-wrap
{position:relative; width: 100%; } 
.main-slide .slick-list{overflow: inherit;z-index:0;overflow: hidden;}
.main-slide .main-img
{height:620px;background-repeat: no-repeat; background-size: cover;} 
.main-img01 { background: url(/wp-content/uploads/2026/02/vis01.jpg) center } 
.main-img02 { background: url(/wp-content/uploads/2026/02/vis02.jpg) center} 
.main-img03 { background: url(/wp-content/uploads/2026/02/vis03.jpg) center } 

/* mainTopText */
.main-top-text
{display: flex;  flex-direction: column;  align-items: flex-start;margin-top:39rem; }
.main-top-text h2
{color: #fff; font-weight: 500;  font-size: 5.6rem;  font-family: var(--font2);  margin-bottom: 3rem;}
.main-top-text h3
{font-size: 4rem;  font-family: var(--font2);  color: #fff;  font-weight: 400;}

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

/* MAIN VISUAL PROGRESS BAR */
.main-visual-controls 
{ position: absolute; width: 100%; bottom: 17%; z-index:9;} 
.main-visual-controls .main-controls-wrapper 
{display: flex;  align-items: flex-end;  flex-direction: column;}
.main-visual-controls .progress 
{width:300px; height:2px; position:relative;}
.main-visual-controls .progress .bg-bar 
{position:absolute; width:100%; height:100%; background:#ffffff4f; display:block; left:0; top:0;}
.main-visual-controls .progress .ing-bar 
{width:0%; height:100%; display:block; position:relative; background:#fff;}
.main-visual-controls .progress.active .ing-bar
{width:100%; transition:all 7s ease-in-out;}
.main-visual-controls .slide-count span
{font-size: 1.6rem;font-weight: 500;color: #fff;} 
.main-visual-controls span.slide-count 
{display: flex;  flex-direction: row;  align-items: center;    width: 300px;  justify-content: space-between; position: relative; } 
.main-visual-controls span.slide-count::after
{display: block;content: '';width: 1px;height: 18px;background-color: #fff;bottom: 15px;  position: absolute;  left: 50%;  transform: translateX(-50%);}

/* main title 공통 */
.main-title{text-align: center;display: block;margin: 0 auto 5rem;}
.main-title h3
{font-family: var(--font1);font-size: 3.6rem;font-weight: 600;color: #202020;position: relative;}
.main-title h3::after
{display: block;content: '';background-color: #fff9cc;width: 140px;height: 18px;position: absolute;z-index: -1;bottom:-5px; left: 50%;  transform: translateX(-50%)}

#mainLinkCon
{margin: 8rem auto;}
#mainLinkCon .main-link
{ display: flex;  flex-direction: row;  justify-content: space-between;  align-items: stretch;  gap: 4rem;}
#mainLinkCon .main-link a
{border-radius: 2rem;width: 100%;min-height: 180px;display: flex;flex-direction: column;align-items: center;justify-content: center;gap: 3rem;}
#mainLinkCon .main-link a:nth-child(1){background-color: #f89b9c;}
#mainLinkCon .main-link a:nth-child(2){background-color: #fff5cb;}
#mainLinkCon .main-link a:nth-child(3){background-color: #ebfcea;}
#mainLinkCon .main-link a:nth-child(4){background-color: #dbf1fe;}
#mainLinkCon .main-link a:nth-child(1) span{color:#fff}
#mainLinkCon .main-link a:nth-child(2) span{color:#ffbf35}
#mainLinkCon .main-link a:nth-child(3) span{color:#64c1b1}
#mainLinkCon .main-link a:nth-child(4) span{color: #539dd0;}
#mainLinkCon .main-link a img{}
#mainLinkCon .main-link a span
{font-size: 2.4rem;font-weight: 600;}

#mainGallery
{position: relative;}
#mainGallery .full-container{position: relative;}
#mainGallery .main-title{margin: 0 auto;}

/* main gallery arrow */
.main-gallery-controls .arrow
{display: flex;flex-direction: row;justify-content: space-between;  flex-wrap: nowrap;  align-items: center;  width: 100%;position: absolute;top: 58%; transform: translateY(-50%)}
.main-gallery-controls .arrow button
{color: #fff;outline: none;font-size: 2rem; width: 6rem;height: 6rem; border-radius: 1rem; font-weight: 300; border: none;padding: 5px 0;line-height: 0;background-color: #c9c9c9; }
.main-gallery-controls .arrow button:focus,.arrow button.active,.arrow button:hover
{background: var(--main-color)}

#mainGallery .main-title
{display: flex;  flex-direction: row;    align-items: flex-end; justify-content: space-between;}
#mainGallery .main-title span,
#mainGallery .main-title h3,
#mainGallery .main-title .right-link
{width: 100%;}
#mainGallery .main-title .right-link
{display: flex;  flex-direction: column;align-items: flex-end;}
#mainGallery .main-title .right-link a
{font-size: 2rem;font-weight: 500; color: #202020; display: flex;flex-direction: row;gap: 1rem;align-items: center;}
#mainGallery .main-title .right-link a i
{background-color: var(--sub-color);font-size: 1.5rem;border-radius: 100%;color: #fff;display: flex;flex-direction: column;align-items: center;justify-content: center;width: 24px;height: 24px;}

#mainNotice 
{margin: 5rem 0 8rem;}
#mainNotice div#kboard-default-latest\ ex-kboard-latest{min-height: 33rem;}
#mainNotice .container
{display: flex;flex-direction: row;gap: 8rem;justify-content: space-between;align-items: stretch;}
#mainNotice .main-title
{text-align: left;margin: 0 0 5rem;}
#mainNotice .main-title h3::after
{left: 0; transform: translateX(-5%);;}
#mainNotice .main-service-wrap .main-title h3::after
{width: 172px;}
#mainNotice .main-notice-wrap
{width: 100%;;}
#mainNotice .main-notice-wrap .container
{display: flex;flex-direction: column;gap: 0;}
#mainNotice .main-notice-wrap .main-notice .notice-box 
{padding-bottom: 3rem;border-bottom: 2px dotted #9b9b9b;width: 100%;}
#mainNotice .main-notice-wrap .main-notice .notice-box a{width: 100%;height: 100%;} 
#mainNotice .main-notice-wrap .main-notice .notice-box:last-child{border-bottom: none;} 
#mainNotice .main-notice-wrap .main-notice .notice-box .kboard-latest-txt::after
{display: flex;font-family: 'xeicon';content: '\e940';font-size: 2.5rem;  flex-direction: row;  justify-content: flex-end;color: #cbcbcb;} 
#mainNotice .main-notice-wrap .main-notice .notice-box .title-box
{font-size: 2.2rem;  font-weight: 600;  color: #202020; width: 90%;}
#mainNotice .main-notice-wrap .main-notice .notice-box .kboard-latest-date
{font-size: 1.8rem; color: #666; font-weight: 500;}
#mainNotice .main-notice-wrap .main-notice .notice-box-wrap
{display: flex;  flex-direction: column;  align-items: flex-start;  gap: 2rem;}
#mainNotice .main-notice-wrap .main-notice .notice-link
{width: 100%;min-height: 6rem;background-color: #371f06;border-radius: 1rem;display: flex;flex-direction: column;align-items: center;justify-content: center;font-size: 1.8rem;font-weight: 400;color: #fff;}
#mainNotice .main-service-wrap
{width: 100%;}
#mainNotice .main-service-wrap .container
{display: flex;flex-direction: column;gap: 0;}
#mainNotice .main-service-wrap .main-service{}

#mainNotice .main-service-wrap .main-service .service-link
{ margin-bottom: 4.5rem; width: 100%;  display: flex;  flex-direction: row;  justify-content: space-between;  align-items: stretch;  gap: 1rem;}
#mainNotice .main-service-wrap .main-service .service-link a
{border-radius: 1rem;  box-shadow: var(--box-shadow);  width: 33%;  padding: 4rem 0;display: flex;  flex-direction: column;  justify-content: center;  align-items: center;  gap: 3rem;}
#mainNotice .main-service-wrap .main-service .service-link span
{font-size: 2rem;  color: #202020;  font-weight: 500;}
#mainNotice .main-service-wrap .main-service .sevice-txt
{width: 100%;}
#mainNotice .main-service-wrap .main-service dl.sevice-txt{}
#mainNotice .main-service-wrap .main-service dl.sevice-txt dt
{color: #433607;font-size: 2.4rem;font-weight: 600;padding: 2rem;background-color: var(--main-color);border-radius: 5rem;display: flex;flex-direction: column;align-items: center;justify-content: center;}
#mainNotice .main-service-wrap .main-service dl.sevice-txt dd
{color: var(--main-color);font-size: 5.6rem;font-weight: bold;text-align: center;display: block;margin: 3rem auto 0;}


/* main partner slide 관련기관 */
#mainPartner
{padding: 1rem 0;border-top: var(--border); display: flex;  flex-direction: row;  justify-content: space-between;  align-items: center;}
#mainPartner .partner-container
{max-width: 1300px;text-align: right;margin: 0 auto; display: flex;  flex-direction: row;align-items: center;justify-content: end;}
.main-partner-con
{ display: flex;flex-direction: row;flex-wrap: nowrap;align-items: center;justify-content: space-between;}
.main-partner-con .slick-slide
{margin: 0  2rem 0 0}
.main-partner-con .main-partner-slide
{ width: 100%;text-align: right; }
.main-partner-con .main-partner-slide .main-partner-img
{height: 8rem;display: flex;flex-direction: column;justify-content: center;align-items: center;}

#mainPartner .slick-pause
{border: none;color: #000;width: 5rem;font-size: 3rem;font-weight: 100;}
#mainPartner .slick-pause:hover,
#mainPartner .slick-pause:focus
{background-color: #fff;}

@media screen and (max-width: 1400px) {
.main-slide .main-img { height: 55rem;}  
.main-top-text { margin-top: 35rem; }  
.main-top-text h2 { font-size: 5rem; }  
.main-top-text h3 { font-size: 3.6rem; } 

#mainLinkCon .main-link { gap: 3rem; }  
#mainLinkCon .main-link a { min-height: 16rem; }  
#mainLinkCon .main-link a span { font-size: 2.2rem; }  
#mainNotice .container { gap: 5rem; }

#mainPartner .partner-container { max-width: 100%; padding: 0 2rem; }  


}

@media screen and (max-width: 1300px) {
.main-slide .main-img { height: 50rem; }  
.main-top-text { margin-top: 30rem; }  
.main-top-text h2 { margin-bottom: 2.5rem; font-size: 4.5rem; }  
.main-top-text h3 { font-size: 3.2rem; }  
.main-visual-controls .progress, 
.main-visual-controls span.slide-count { width: 25rem; } 

#mainGallery .main-title .right-link a { font-size: 1.8rem; }  
#mainNotice .main-notice-wrap .main-notice .notice-box .title-box { font-size: 2rem; }  
#mainNotice .main-service-wrap .main-service dl.sevice-txt dd { font-size: 5rem; }

.main-partner-con .slick-slide { margin-right: 1.5rem; }  
.main-partner-con .main-partner-slide .main-partner-img { height: 7rem; } 

}

@media screen and (max-width: 1240px) {
.main-slide .main-img { height: 45rem; }  
.main-top-text { margin-top: 25rem; }  
.main-top-text h2 { font-size: 4rem; }  
.main-top-text h3 { font-size: 2.8rem; }  
.main-visual-controls { bottom: 14%; }  
.main-title { margin-bottom: 4rem; }  
.main-title h3 { font-size: 3.2rem; } 

#mainLinkCon { margin: 6rem auto; } 
#mainLinkCon .main-link { gap: 2rem; }  
#mainLinkCon .main-link a { min-height: 15rem; gap: 2rem; }  
#mainLinkCon .main-link a span { font-size: 2rem; }  
#mainGallery .main-title { margin-bottom: 4rem; }  
.main-gallery-controls .arrow button { width: 5rem; height: 5rem; }  
#mainNotice { margin: 4rem 0 6rem; }  
#mainNotice .container { gap: 5rem; } 

#mainPartner .partner-container { padding: 0 1.5rem; }  
#mainPartner .slick-pause { width: 4.5rem; font-size: 2.8rem; } 

}

@media screen and (max-width: 1024px) {
.main-slide .main-img { height: 40rem; }  
.main-top-text { margin-top: 20rem; }  
.main-top-text h2 { margin-bottom: 2rem; font-size: 3.4rem; line-height: 1.4; } 
.main-top-text h3 { font-size: 2.4rem; line-height: 1.5; }  
.main-visual-controls { bottom: 10%; }  
.main-visual-controls .progress, 
.main-visual-controls span.slide-count { width: 20rem; }  
.main-title h3 { font-size: 3rem; }  
.main-title h3::after { width: 10rem; height: 1.5rem; } 

#mainLinkCon .main-link { flex-wrap: wrap; }  
#mainLinkCon .main-link a { width: calc(50% - 1rem); min-height: 18rem; }  
#mainGallery .main-title { flex-direction: column;} 
.main-gallery-controls .arrow { display: none; }  
#mainNotice .container { flex-direction: column; }  
#mainNotice .main-title { margin-bottom: 4rem; text-align: center;}  
#mainNotice .main-title h3::after {left: 50%; transform: translateX(-50%);}
#mainNotice .main-service-wrap .main-service .service-link { margin-bottom: 3rem; }  
#mainGallery .main-title .right-link {margin-top: 1rem;}

#mainPartner { gap: 2rem; flex-direction: column; align-items: stretch; overflow: hidden;} 
#mainPartner .partner-container { justify-content: center; width: 100%; }  
.main-partner-con .main-partner-slide .main-partner-img { height: 6.5rem; } 

#mainGallery > .full-container, #mainNotice > .container {padding: 0;}
#mainNotice .main-notice-wrap .main-notice .notice-link {font-size: 1.7rem;}

}

@media screen and (max-width: 767px) {
.main-slide .main-img { height: 35rem; }  
.main-top-text { margin-top: 20rem; align-items: center; text-align: center; }
.main-top-text h2 { font-size: 2.8rem; }  
.main-top-text h3 { font-size: 2rem; }  
.main-visual-controls { bottom: 6%; }  
.main-visual-controls .main-controls-wrapper { align-items: center; }  
.main-visual-controls .progress, 
.main-visual-controls span.slide-count { width: 20rem; }  
.main-visual-controls .arrow { margin-bottom: .8rem; }  
.main-title { margin-bottom: 3rem; }  
.main-title h3 { font-size: 2.6rem; } 

#mainLinkCon { margin: 5rem auto; }  
#mainLinkCon .main-link a { min-height: 15rem; }  
#mainLinkCon .main-link a img { max-width: 5rem; }  
#mainLinkCon .main-link a span { font-size: 1.8rem; }  
#mainGallery .main-title .right-link a { font-size: 1.6rem; }  
#mainNotice .main-notice-wrap .main-notice .notice-box .title-box { width: 85%; font-size: 1.8rem; }  
#mainNotice .main-notice-wrap .main-notice .notice-box .kboard-latest-date { font-size: 1.6rem; }  
#mainNotice .main-service-wrap .main-service .service-link { flex-wrap: wrap; }  
#mainNotice .main-service-wrap .main-service .service-link a { width: calc(50% - .5rem); gap: 2rem; padding: 3rem 0; }  
#mainNotice .main-service-wrap .main-service dl.sevice-txt dt { font-size: 2rem; }  
#mainNotice .main-service-wrap .main-service dl.sevice-txt dd { font-size: 4.2rem; } 

#mainPartner { padding: 2rem 0; }  
.main-partner-con .slick-slide { margin-right: 1rem; }  
.main-partner-con .main-partner-slide .main-partner-img { height: 6rem; }  
.main-partner-con .main-partner-slide .main-partner-img img { max-height: 4rem; width: auto; } 

}

@media screen and (max-width: 650px) {
.main-slide .main-img { height: 30rem; }  
.main-top-text { margin-top: 15rem; }  
.main-top-text h2 { font-size: 2.4rem; }  
.main-top-text h3 { font-size: 1.8rem; }  
.main-visual-controls .progress, 
.main-visual-controls span.slide-count { width: 18rem; }  
.main-visual-controls .slide-count span { font-size: 1.4rem; }  
.main-title h3 { font-size: 2.4rem; }  
.main-title h3::after { width: 10rem; height: 1.2rem; } 

#mainLinkCon .main-link {gap: 1.5rem;}
#mainLinkCon .main-link a {min-height: 13rem;gap: 1.5rem;}
#mainLinkCon .main-link a span {font-size: 1.7rem;}
#mainNotice .main-service-wrap .main-service .service-link a {padding: 2.5rem 0;}
#mainNotice .main-service-wrap .main-service .service-link span {font-size: 1.7rem;}

#mainPartner .slick-pause { width: 4rem; font-size: 2.4rem; }  
.main-partner-con .main-partner-slide .main-partner-img { height: 5.5rem; } 


}

@media screen and (max-width: 450px) {
.main-top-text { margin-top: 15rem; }  
.main-top-text h2 { margin-bottom: 1rem;}  
.main-top-text h3 { font-size: 1.6rem; }  
.main-visual-controls .progress, 
.main-visual-controls span.slide-count { width: 15rem; }  
.main-visual-controls .arrow button { font-size: 1.6rem; }  
.main-title h3 { font-size: 2.1rem; } 

#mainLinkCon .main-link a { width: 100%; min-height: 12rem; }  
#mainLinkCon .main-link a img { max-width: 4.5rem; }  
#mainLinkCon .main-link a span { font-size: 1.6rem; }  
#mainGallery .main-title {margin-bottom: 2rem;}
#mainGallery .main-title .right-link a { font-size: 1.5rem; }  
#mainNotice .main-notice-wrap .main-notice .notice-box { padding-bottom: 2rem; }  
#mainNotice .main-notice-wrap .main-notice .notice-box .title-box { font-size: 1.7rem; }  
#mainNotice .main-service-wrap .main-service .service-link a { width: 100%; }  
#mainNotice .main-service-wrap .main-service dl.sevice-txt dt { font-size: 1.7rem; padding: 1.5rem; }  
#mainNotice .main-service-wrap .main-service dl.sevice-txt dd { margin-top: 2rem; font-size: 3.2rem; }  
.main-partner-con .main-partner-slide .main-partner-img { height: 6rem; } 

#mainPartner { padding: 1.5rem 0; }  
.main-partner-con .slick-slide { margin-right: .8rem; }  
.main-partner-con .main-partner-slide .main-partner-img { height: 5rem; }  
.main-partner-con .main-partner-slide .main-partner-img img { max-height: 3.2rem; }  
#mainPartner .slick-pause { width: 3.5rem; font-size: 2rem; } 
#mainNotice div#kboard-default-latest\ ex-kboard-latest {min-height: 30rem;}
#mainNotice .main-service-wrap .main-title h3::after {width: 10rem;}
}

@media screen and (max-width: 360px) {
.main-top-text { margin-top: 10rem; }  
.main-top-text h3 { font-size: 1.4rem; } 
.main-title h3 { font-size: 2rem; }

#mainLinkCon .main-link a { min-height: 11rem; }  
#mainLinkCon .main-link a span { font-size: 1.5rem; }  
#mainNotice .main-notice-wrap .main-notice .notice-box .title-box { font-size: 1.6rem; }  
#mainNotice .main-service-wrap .main-service dl.sevice-txt dd { font-size: 2.8rem; } 

.main-partner-con .main-partner-slide .main-partner-img { height: 4.5rem; }  
.main-partner-con .main-partner-slide .main-partner-img img { max-height: 2.8rem; }  
#mainPartner .slick-pause { width: 3rem; font-size: 1.8rem; } 


}