/* main slide start */
.mainVisual{overflow: hidden; position: relative;}
.mainVisual .main-container
{display: flex;flex-direction: column;align-items: center;justify-content: center;width: 100%;height: 530px;}
.mainVisual-wrap
{position:relative; width: 100%; } 
.main-slide .slick-list{overflow: inherit;z-index:0;}
.main-slide .main-img
{height:480px;} 
.main-img01 { background-image: url(/wp-content/uploads/2025/12/mainVisual01.jpg); } 
.main-img02 { background-image: url(/wp-content/uploads/2025/12/mainVisual02.jpg); } 
.main-img03 { background-image: url(/wp-content/uploads/2025/12/mainVisual03.jpg); }

.main-img .main-top-text
{margin-top: 11rem;}
.main-img .main-top-text .main-container
{display: flex;flex-direction: column; gap: 2rem;width: 100%;flex-wrap: nowrap;}
.main-img .main-top-text h2
{font-size: 6.4rem;font-weight: bold;}
.main-img .main-top-text p
{font-size: 2rem; font-weight: 400;}

/* 페이지네이션 버튼 */
.main-visual-controls
{position: absolute; top:6rem; z-index: 1;max-width: var(--main-container);margin: auto;}
.main-visual-controls .visual-pagination
{width: 100%; display: flex;}
.main-visual-controls .visual-pagination .dot
{font-size: 1.8rem; color: #cacaca; font-weight: 500; margin-right: 2rem; display: flex; align-items: center; cursor: pointer;}
.main-visual-controls .visual-pagination .dot.active
{color:#0c0c0c;font-weight: 700;}

/* 페이지네이션 바 */
.main-visual-controls .visual-pagination .dot .bar
{display: block; width: 0; height: 2px; background-color:  #cacaca; margin-left: 0; transition: all 0.3s ease;}
.main-visual-controls .visual-pagination .dot.active .bar
{display: block; width: 14rem; height: 2px; background-color:  #cacaca; margin-left: 1.4rem;}

/* 페이지네이션 게이지 */
.main-visual-controls .visual-pagination .dot .bar .bar-fill
{display: block; width: 0px; height: 2px; background-color: var(--main-color); transition: none;}
.main-visual-controls .visual-pagination .dot.active .bar .bar-fill
{display: block; width: 100%; height: 2px; background-color:  var(--main-color);animation: bar-fill-ani 2.7s linear forwards;}

@keyframes bar-fill-ani 
{from {width: 0%;} to{width: 100%;}}


/* 자세히보기 a link */
a.more-btn  i.xi-plus-min
{color: var(--main-color);padding: 0.8rem;background: #fff;border-radius: 100%;font-size: 3rem;}
a.more-btn:hover i.xi-plus-min
{position:inherit; right: 0%;}
.more-btn 
{position:relative;padding:0.7rem 0.7rem 0.7rem 2rem;background: var(--main-color);border-radius: 5rem;  color: #fff; display: flex;flex-direction: row;flex-wrap: nowrap;justify-content: space-between;width: 26rem;align-items: center;margin-top: 3rem;transition: var(--transition1)}
.more-btn span 
{position:relative;font-weight: 600;font-size: 1.6rem;transition: var(--transition1);}
.more-btn::before 
{content:""; position:absolute; top:-1px; bottom:-1px; left:-1px; right:-1px; border-radius: 5rem;background:#fff; clip-path:circle(0% at 100% 50%);transition:var(--transition1);}
.more-btn:hover 
{color:var(--main-color);box-shadow: var(--box-shadow);}
.more-btn:hover::before
{clip-path:circle(200% at 90% 50%);}
/* main slide end */

/* notice-join-con */
.main-board{background-color: #fafafa;padding:10rem 0;}
.notice-join-con
{display: flex;flex-direction: row;gap: 5rem;justify-content: space-between;}
.main-title
{margin-bottom: 5rem;}
.main-title p
{font-size: 2rem;font-weight: 600;display: flex;flex-direction: row;align-items: center;gap: 1rem;}
.main-title p::before
{display: block;clear: both;content: '⦁';}
.main-title h2
{font-size: 6rem;color: var(--main-color);font-family: var(--font2);}
/* main-notice */
.notice{width: 100%}
.notice a.more-btn{margin: 5rem auto 0;}
/* main-join */
.join{min-width: 70rem;}
.join .join-boxes
{ display: flex;flex-direction: row;flex-wrap: wrap;justify-content: space-between;align-items: stretch;width: 100%;border:1px solid var(--main-color);}
a.more-btn02 
{ position: relative; overflow: hidden;  padding: 4.6rem 4rem;display: flex;flex-direction: row;flex-wrap: nowrap;justify-content: space-between;width:50%;align-items: center;transition: var(--transition1);}
a.more-btn02:nth-child(1),a.more-btn02:nth-child(2){border-bottom: 1px solid var(--main-color);}
a.more-btn02:nth-child(1),a.more-btn02:nth-child(3){border-right: 1px solid var(--main-color);}
a.more-btn02 span 
{position:relative;font-weight: 600;font-size: 2.8rem;transition: var(--transition1);}
a.more-btn02::before 
{content:""; position:absolute; top:-1px; bottom:-1px; left:-1px;  right: -25%; clip-path:circle(0% at 100% 50%);transition:var(--transition1);}
.join-box.box01.more-btn02::before
{background: url(/wp-content/uploads/2025/12/join-icon01-w.png) center right 15% no-repeat ,var(--main-color);}
.join-box.box02.more-btn02::before
{background: url(/wp-content/uploads/2025/12/join-icon02-w.png) center right 15% no-repeat ,var(--main-color); }
.join-box.box03.more-btn02::before
{background: url(/wp-content/uploads/2025/12/join-icon03-w.png) center right 15% no-repeat ,var(--main-color); }
.join-box.box04.more-btn02::before
{background: url(/wp-content/uploads/2025/12/join-icon04-w.png) center right 15% no-repeat ,var(--main-color); }
a.more-btn02:hover 
{color:#fff;}
a.more-btn02:hover::before
{clip-path:circle(200% at 90% 50%);right: 0%}