@charset "utf-8";
#mcontainer-wrap {position:relative;width:100%;line-height:1}
#mcontainer {word-break:keep-all;padding-bottom:0}
#mcontainer img {font-size:0}


@font-face {
    font-family: 'ReperiS';
    src: url('/resources/_Font/Reperi/LeferiPoint-SpecialA.woff') format('woff');
    font-weight: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Reperipoint';
    src: url('/resources/_Font/Reperi/LeferiPoint-WhiteA.woff') format('woff');
    font-weight: 200;
    font-display: swap;
}

@font-face {
    font-family: 'ReperipointB';
    src: url('/resources/_Font/Reperi/LeferiPoint-BlackA.woff') format('woff');
    font-weight: 700;
    font-display: swap;
}
.mWrap {position:relative;z-index:1;max-width:1600px;margin:0 auto;}

#mcontainer .mpTit {font-size:2.25em;font-family:'ReperiS';font-weight: 500;color:#333;    line-height: 1.3;}

@media all and (max-width:1640px) {
	.mWrap {position:relative;z-index:1;max-width:1600px;margin:0 auto;width:95%;}
}

@media all and (max-width:1099px) {
	#mcontainer .mpTit {    font-size: 2em;}
}

/* ==============================
 * 메인비쥬얼
================================= */

.mVisualCont { position: relative; }
.mVisualCont .mVisual-wr {position: relative;width: 100%; background-size: cover; background-position: center; background-repeat: no-repeat;background-color: #000; transition: background-image 0.8s ease-in-out;padding:11em 0 6em;}
.mVisual-wr::before {content: "";position: absolute;top: 0; left: 0;width: 100%; height: 100%;background-size: cover;background-position: center;background-repeat: no-repeat; transition: background-image 0.6s ease-in-out; z-index: -1;opacity: 1;}
.mVisualCont .mVisual-wr .m-inner {position: relative;max-width:1600px;margin:0 auto;}
.mVisualCont .mVisual-wr .mVisual-ctrl {position:absolute;left:-20px;top:15px;}
.mVisualCont .mVisual-wr .mVisual-ctrl .mVisualDots {}
.mVisualCont .mVisual-wr .mVisual-ctrl .mVisualDots li button {display:block;background:#fff;border:none;width:7px;height:7px;margin-bottom:5px;border-radius:5px;opacity:0.7;}
.mVisualCont .mVisual-wr .mVisual-ctrl .mVisualDots li.on button {opacity:1;} 
.mVisualCont .mVisual-wr .mVisualTabs {position:absolute;left:calc(850px + 5.5em);top:0;display:flex;z-index:100;}
.mVisualCont .mVisual-wr .mVisualTabs li button {position: relative;background:none;border:none;font-family:'ReperiS';font-size:18px;color:#fff;opacity:0.5;margin: 10px;box-sizing: border-box;padding-bottom: 10px;}
.mVisualCont .mVisual-wr .mVisualTabs li.on button {opacity:1;font-size:1.22em;}
.mVisualCont .mVisual-wr .mVisualTabs li.on button::before {content:'';display:block;width:100%;height:2px;position:absolute;bottom:0;background:#fff;}

.mVisualCont .mVisual-wr .mVisualTabs li:nth-child(1).on button {color:#4DFFC2;}
.mVisualCont .mVisual-wr .mVisualTabs li:nth-child(1).on button::before {background:#4DFFC2;}
.mVisualCont .mVisual-wr .mVisualTabs li:nth-child(2).on button {color:#FFC938;}
.mVisualCont .mVisual-wr .mVisualTabs li:nth-child(2).on button::before {background:#FFC938;}
.mVisualCont .mVisual-wr .mVisualTabs li:nth-child(3).on button {color:#FF86C0;}
.mVisualCont .mVisual-wr .mVisualTabs li:nth-child(3).on button::before {background:#FF86C0;}
.mVisualCont .mVisual-wr .mVisualTabs li:nth-child(4).on button{color:#E5480E;}
.mVisualCont .mVisual-wr .mVisualTabs li:nth-child(4).on button::before {background:#E5480E;}

.mVisualCont .mVisual-wr .mVisualSlider .item {}
.mVisualCont .mVisual-wr .mVisualSlider .item .itInner{	display: flex;color: #fff;}
.mVisualCont .mVisual-wr .mVisualSlider .item .imgBox {border-radius:30px;overflow:hidden;margin-right:5.5em;}

.mVisualCont .mVisual-wr .mVisualSlider .item .txtBox {margin-top:5.5em;}
.mVisualCont .mVisual-wr .mVisualSlider .item .txtBox i {    font-style: normal;}
.mVisualCont .mVisual-wr .mVisualSlider .item .txtBox .mTit {font-family:'ReperiS'}
.mVisualCont .mVisual-wr .mVisualSlider .item .txtBox .mTit .p1 {font-size: 2.1em;margin-bottom:10px}
.mVisualCont .mVisual-wr .mVisualSlider .item .txtBox .mTit .p2 {font-size: 3.8em;}

.mVisualCont .mVisual-wr .mVisualSlider .item .txtBox i {color:#4DFFC2}
.mVisualCont .mVisual-wr .mVisualSlider .item .txtBox.tp01 i {color:#4DFFC2}
.mVisualCont .mVisual-wr .mVisualSlider .item .txtBox.tp02 i {color:#FFC938}
.mVisualCont .mVisual-wr .mVisualSlider .item .txtBox.tp03 i {color:#FF86C0}
.mVisualCont .mVisual-wr .mVisualSlider .item .txtBox.tp04 i {color:#E5480E}

.mVisualCont .mVisual-wr .mVisualSlider .item .txtBox .mb-List {font-size: 1.22em;line-height:1.3;}
.mVisualCont .mVisual-wr .mVisualSlider .item .txtBox .mb-List li {position:relative;padding:20px 0;border-bottom:1px dashed #ffffff66;padding-left: 56px;}
.mVisualCont .mVisual-wr .mVisualSlider .item .txtBox .mb-List li:last-child {border:none;}
.mVisualCont .mVisual-wr .mVisualSlider .item .txtBox .mb-List li span.num {font-size:15px;width: 38px;height: 38px;border-radius:50px;border:1px solid #fff;display: flex;justify-content: center;align-items: center;position: absolute;left: 0;top: calc(50% - 18px);}

.mVisualCont .mVisual-wr .mVisualSlider .item .txtBox.tp01 .mb-List li span.num {color:#4DFFC2;border-color:#4DFFC2;}
.mVisualCont .mVisual-wr .mVisualSlider .item .txtBox.tp02 .mb-List li span.num {color:#FFC938;border-color:#FFC938;}
.mVisualCont .mVisual-wr .mVisualSlider .item .txtBox.tp03 .mb-List li span.num {color:#FF86C0;border-color:#FF86C0;}
.mVisualCont .mVisual-wr .mVisualSlider .item .txtBox.tp04 .mb-List li span.num {color:#E5480E;border-color:#E5480E;}

/* 2. 슬라이드 내 텍스트 애니메이션 (선택 사항) */
.mVisualCont .mVisual-wr .mVisualSlider .item .mTit {opacity: 0; transform: translateY(30px); transition: all 0.8s ease-out;}
.mVisualCont .mVisual-wr .mVisualSlider .owl-item.active .item .mTit {opacity: 1; transform: translateY(0);}

.mVisualCont .mVisual-wr .mVisualSlider .item .txtBox {opacity: 0; transform: translateY(30px); transition: all 1.2s ease-out;}
.mVisualCont .mVisual-wr .mVisualSlider .owl-item.active .item .txtBox {opacity: 1; transform: translateY(0);}

@keyframes fadeIn {
from { opacity: 0; }
    to { opacity: 1; }
}
@keyframes fadeOut {
    from { opacity: 1; }
    to { opacity: 0; }
}
@media(max-width:1640px){
	.mVisualCont .mVisual-wr .m-inner {width:95%;}
	.mVisualCont .mVisual-wr .mVisualSlider .item .imgBox {width:700px;    margin-right:3.6em;}
	.mVisualCont .mVisual-wr .mVisualSlider .item .imgBox img {border-radius:30px;}
	.mVisualCont .mVisual-wr .mVisualSlider .item .txtBox {width:calc(100% - 700px - 3.6em);}

	.mVisualCont .mVisual-wr .mVisualTabs {    left: calc(700px + 3.6em);}
}
@media(max-width:1399px){
	.mVisualCont .mVisual-wr .mVisualSlider .item .txtBox .mTit .p1 {font-size: 1.6em;}
	.mVisualCont .mVisual-wr .mVisualSlider .item .txtBox .mTit .p2 {font-size: 3em;}
	.mVisualCont .mVisual-wr .mVisualSlider .item .txtBox .mb-List {font-size: 20px;}
}

@media(max-width:1199px){
	.mVisualCont .mVisual-wr {padding: 11em 0 3em;}
	.mVisualCont .mVisual-wr .mVisualTabs {    left: calc(550px + 2.5em);}
	.mVisualCont .mVisual-wr .mVisualSlider .item .imgBox {width:550px;margin-right:2.5em;}
	.mVisualCont .mVisual-wr .mVisualSlider .item .imgBox img {border-radius:30px;}
	.mVisualCont .mVisual-wr .mVisualSlider .item .txtBox {width:calc(100% - 550px - 2.5em);margin-top: 5em;}

}

@media(max-width:999px){
	.mVisualCont .mVisual-wr .mVisualTabs {left: 0;top: -60px;}
	.mVisualCont .mVisual-wr .mVisualSlider .item .itInner {display:block;}
	.mVisualCont .mVisual-wr .mVisualSlider .item .imgBox {width:100%;    margin-right:0;}
	.mVisualCont .mVisual-wr .mVisualSlider .item .txtBox {padding:0 10px;box-sizing:border-box;}
	.mVisualCont .mVisual-wr .mVisualSlider .item .txtBox {width:100%;margin-top: 35px;}
	.mVisualCont .mVisual-wr .mVisualSlider .item .txtBox br {display:none;}
	.mVisualCont .mVisual-wr .mVisualSlider .item .txtBox .mTit p {display:inline-block;}
}

@media(max-width:799px){
	
	.mVisualCont .mVisual-wr .mVisualSlider .item .txtBox .mTit .p1 {font-size: 1.4em;}
	.mVisualCont .mVisual-wr .mVisualSlider .item .txtBox .mTit .p2 {font-size: 2em;}
	.mVisualCont .mVisual-wr .mVisualSlider .item .txtBox .mb-List {font-size: 18px;}
}
/* ==============================
 * 참여 프로그램
================================= */

.mCont01 {margin:4em auto 4em;position:relative;z-index: 1;}
.mCont01 .pro-list-section {position:relative;}
.mCont01 .pro-list-section .txtTop {display:flex;justify-content: space-between;align-items: center;padding-right: 200px;}
.mCont01 .pro-list-section .txtTop .tab-menu {position:relative;display:flex;/* column-gap: 30px; */}
.mCont01 .pro-list-section .txtTop .tab-menu .tab-item {}
.mCont01 .pro-list-section .txtTop .tab-menu .tab-item p {font-size: 1.1em;cursor: pointer;padding: 15px 30px 13px;line-height:1;font-family:'ReperiS';}
.mCont01 .pro-list-section .txtTop .tab-menu .tab-item.active p,
.mCont01 .pro-list-section .txtTop .tab-menu .tab-item:hover p {color:#00A8C5;border:1px solid #00A8C5;border-radius:50px;}
.mCont01 .pro-list-section .txtTop .tab-menu .tab-item a.more {display:none;}
.mCont01 .pro-list-section .txtTop .tab-menu .tab-item.active a.more {position:absolute;right:0;top:0;width:40px;height:40px;top:0;right: -50px;border:1px solid #19A196;border-radius:50px;background:#fff;transition:0.3s;display: flex;justify-content: center;align-items: center;}
.mCont01 .pro-list-section .txtTop .tab-menu .tab-item.active a.more::before , 
.mCont01 .pro-list-section .txtTop .tab-menu .tab-item.active a.more::after {content:'';display:block;background:#19A196;position:absolute;}
.mCont01 .pro-list-section .txtTop .tab-menu .tab-item.active a.more::before {width: 3px;height: 15px;border-radius:5px;}
.mCont01 .pro-list-section .txtTop .tab-menu .tab-item.active a.more::after {width: 15px;height: 3px;border-radius:5px;}

.mCont01 .pro-list-section .tab-content {position:relative;    width: 110%;}
.mCont01 .pro-list-section .tab-content .mProSlider {}
.mCont01 .pro-list-section .tab-content .mProSlider .item {box-shadow:0 0 25px rgba(0 0 0 / 15%);border-radius:20px;margin: 20px 0;}
.mCont01 .pro-list-section .tab-content .mProSlider .item .imgBox {border-radius:20px 20px 0 0; overflow:hidden;}
.mCont01 .pro-list-section .tab-content .mProSlider .item .txtBox {border-radius:0 0 20px 20px;padding:25px 35px;}
.mCont01 .pro-list-section .tab-content .mProSlider .item .txtBox .badge {font-size:15px;display:inline-block;padding:4px 10px 5px;background:#00A8C5 ;color:#fff;border-radius:50px;line-height:1;}
.mCont01 .pro-list-section .tab-content .mProSlider .item .txtBox .badge.tp02 {background:#7B7B7C;}
.mCont01 .pro-list-section .tab-content .mProSlider .item .txtBox .mPro-title {color:#333;font-size: 1.34em; font-weight: 600; color: #333; line-height: 1.25; margin: 10px 0 20px; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.mCont01 .pro-list-section .tab-content .mProSlider .item .txtBox .mPro-list {}
.mCont01 .pro-list-section .tab-content .mProSlider .item .txtBox .mPro-list li {display:flex;color:#666;padding-left:10px;position:relative;font-size:1em;margin-bottom:12px;}
.mCont01 .pro-list-section .tab-content .mProSlider .item .txtBox .mPro-list li::before {content:'';display:block;width:4px;height:4px;border-radius:5px;background:#6D6D6D;position:absolute;left:0;top:7px;}
.mCont01 .pro-list-section .tab-content .mProSlider .item .txtBox .mPro-list li .label {font-weight:700;margin-right:8px;}
.mCont01 .pro-list-section .tab-content .mProSlider .item .txtBox .mPro-list li .value {}
.mCont01 .pro-list-section .tab-content .mProSlider .item .txtBox .mPro-list li .value strong {font-weight:600;}

.mCont01 .pro-list-section .tab-content .controls {position: absolute;top: -50px;right: 10%;display: flex;column-gap: 1px;}
.mCont01 .pro-list-section .tab-content .controls button {position:relative;width:40px;height:40px;background: #f2f2f2;border-radius:50px;border:none;transition:0.3s;}
.mCont01 .pro-list-section .tab-content .controls button.prev-btn span {width: 12px;height: 12px;position: absolute;transform: rotate(-45deg);left: 16px;top: 14px;}
.mCont01 .pro-list-section .tab-content .controls button.prev-btn span::before {content:'';display:block;width: 12px;height:3px;background:#808080;border-radius: 10px 10px 10px 0;}
.mCont01 .pro-list-section .tab-content .controls button.prev-btn span::after {content:'';display:block;width:3px;height: 12px;position: absolute;background:#808080;border-radius: 0 0 10px 10px;top: 0;}
.mCont01 .pro-list-section .tab-content .controls button.next-btn span {width: 12px;height: 12px;position: absolute;transform: rotate(135deg);left: 12px;top: 14px;}
.mCont01 .pro-list-section .tab-content .controls button.next-btn span::before {content:'';display:block;width: 12px;height:3px;background:#808080;border-radius: 10px 10px 10px 0;}
.mCont01 .pro-list-section .tab-content .controls button.next-btn span::after {content:'';display:block;width:3px;height: 12px;position: absolute;background:#808080;border-radius: 0 0 10px 10px;top: 0;}
.mCont01 .pro-list-section .tab-content .controls button.stop-mode {position:relative;display: flex;align-items: center;justify-content: center;gap: 3px;}
.mCont01 .pro-list-section .tab-content .controls button.stop-mode::before , 
.mCont01 .pro-list-section .tab-content .controls button.stop-mode::after {content:'';display:block;background:#808080;/* position:absolute; */width:3px;height:15px;border-radius:5px;}
.mCont01 .pro-list-section .tab-content .controls button.play-mode {display: flex;align-items: center;justify-content: center;}
.mCont01 .pro-list-section .tab-content .controls button.play-mode::before {content:'';display:block;width: 0;height: 0;border-top: 8px solid transparent;border-bottom: 8px solid transparent;border-left: 12px solid #808080;transform: translateX(2px);  }
.mCont01 .pro-list-section .tab-content .controls button.prev-btn:hover span::before,
.mCont01 .pro-list-section .tab-content .controls button.prev-btn:hover span::after,
.mCont01 .pro-list-section .tab-content .controls button.next-btn:hover span::before,
.mCont01 .pro-list-section .tab-content .controls button.next-btn:hover span::after,
.mCont01 .pro-list-section .tab-content .controls button.stop-mode:hover::before,
.mCont01 .pro-list-section .tab-content .controls button.stop-mode:hover::after{background:#00A8C5;transition:0.3s;}
.mCont01 .pro-list-section .tab-content .controls button.play-mode:hover::before {border-left-color: #00A8C5;}


@media(max-width:1099px){
  .mCont01 .pro-list-section .tab-content .mProSlider .item .txtBox .mPro-list li {font-size:17px;}
  .mCont01 .pro-list-section .tab-content .mProSlider .item .txtBox .mPro-title {font-size:1.15em;}
}

@media(max-width:899px){
	.mCont01 {margin: 2em auto 2em;}
	.mCont01 .pro-list-section .txtTop {display: block; padding-right: 0;}
	.mCont01 .pro-list-section .tab-content .mProSlider .item .txtBox .mPro-list li {font-size:16px;}
	.mCont01 .pro-list-section .tab-content .mProSlider .item .txtBox {padding:23px 18px;}

	.mCont01 .pro-list-section .tab-content .controls {top: -110px; right: 9%;}
	.mCont01 .pro-list-section .txtTop .tab-menu {    margin-top: 10px;}
	.mCont01 .pro-list-section .txtTop .tab-menu .tab-item p {padding: 15px 30px 9px;}
	.mCont01 .pro-list-section .txtTop .tab-menu .tab-item.active a.more {right:0;}

}

@media(max-width:699px){
	.mCont01 {margin: 2em auto 1.5em;}
	.mCont01 .pro-list-section .txtTop .tab-menu .tab-item p {font-size:17px;}
	.mCont01 .pro-list-section .tab-content .mProSlider .item .txtBox .mPro-list li {display:block;}
	.mCont01 .pro-list-section .tab-content .mProSlider .item .txtBox .mPro-list li span {display:block;}
	.mCont01 .pro-list-section .tab-content .mProSlider .item .txtBox .mPro-list li .label {margin-bottom:5px;}
}






/* ==============================
 * 자주찾는 메뉴
================================= */
.mCont02 {margin:5em auto;position:relative;z-index: 3;}
.mCont02 .quickMenu {display:flex; align-items:center; justify-content:space-between; padding:0 50px;  border-radius:20px; background:linear-gradient(90deg, #0a64c8 0%, #00b36a 100%);}
.mCont02 .quickMenu .sideL {display:flex;align-items: center;width: 500px;margin-right: 5em;}
.mCont02 .quickMenu .sideL img {transform: translateY(-20px);}
.mCont02 .quickMenu .sideL .txtBox {color:#fff;margin-left: 20px;}
.mCont02 .quickMenu .sideL .txtBox h2 {font-family: 'ReperiS';font-size: 2em;font-weight:400;}
.mCont02 .quickMenu .sideL .txtBox p {font-size:1em;font-weight:400;}

.mCont02 .quickMenu .sideR {width:calc(100% - 500px - 5em);}
.mCont02 .quickMenu .sideR .quickList {display:flex;justify-content: space-between;margin-right: 5em;} 
.mCont02 .quickMenu .sideR .quickList li {}
.mCont02 .quickMenu .sideR .quickList li a {display:block;transition:0.3s;}
.mCont02 .quickMenu .sideR .quickList li a span {display:block;transition:0.3s;}
.mCont02 .quickMenu .sideR .quickList li a span.icon {width:90px;height:90px;border-radius:18px;border: 3px solid #fff;box-sizing: border-box;box-shadow:0 2px 7px rgba(0 0 0 / 15%);background: #fff;display: flex;justify-content: center;align-items: center;margin-bottom: 15px;}
.mCont02 .quickMenu .sideR .quickList li a span.pTxt {color:#fff;font-size:18px;text-align:center;}

.mCont02 .quickMenu .sideR .quickList li a:hover {transition:0.3s;transform: translateY(-10px);}
.mCont02 .quickMenu .sideR .quickList li a:hover span {transition:0.3s;}
.mCont02 .quickMenu .sideR .quickList li a:hover span.icon {border: 3px solid #067E93;}
.mCont02 .quickMenu .sideR .quickList li a:hover span.pTxt {font-weight:700;}

@media(max-width:1399px){
	.mCont02 .quickMenu {padding: 15px 50px;}
	.mCont02 .quickMenu .sideL {width:480px; margin-right: 2em;}
	.mCont02 .quickMenu .sideR {width: calc(100% - 480px - 2em);}
	.mCont02 .quickMenu .sideR .quickList {margin-right: 0;}
	.mCont02 .quickMenu .sideL img {width:180px;}
}

@media(max-width:1199px){
	.mCont02 {margin: 2em auto 4em;}
	.mCont02 .quickMenu {padding: 15px 30px;}
	.mCont02 .quickMenu .sideL {width:370px; margin-right: 1.5em;}
	.mCont02 .quickMenu .sideL .txtBox h2 { font-size: 1.6em;}
	.mCont02 .quickMenu .sideR {width: calc(100% - 370px - 1.5em);}
	.mCont02 .quickMenu .sideR .quickList {margin-right: 0;}
	.mCont02 .quickMenu .sideL .txtBox p {    font-size: 17px}
	.mCont02 .quickMenu .sideL img {width:150px;}
}
@media(max-width:999px){
	.mCont02 .quickMenu {display:block;padding: 25px 35px 40px;}
	.mCont02 .quickMenu .sideL {width:100%; margin-right:0;}
	.mCont02 .quickMenu .sideL .txtBox h2 { font-size: 1.6em;}
	.mCont02 .quickMenu .sideR {width: 100%;}
	.mCont02 .quickMenu .sideR .quickList {margin-right: 0;}
	.mCont02 .quickMenu .sideL .txtBox p {    font-size: 17px}
	.mCont02 .quickMenu .sideL img {width:150px;}
}

@media(max-width:899px){
	.mCont02 {margin: 1em auto 4em;}
	.mCont02 .quickMenu .sideL .txtBox {width: 100%;margin: 0;text-align:center;margin-bottom:15px;}
	}


@media(max-width:599px){
	.mCont02 .quickMenu .sideL img {display:none;}
	.mCont02 .quickMenu .sideR .quickList {flex-wrap: wrap;justify-content: center;row-gap: 15px;}
	.mCont02 .quickMenu .sideR .quickList li {width:33.33%;}
	.mCont02 .quickMenu .sideR .quickList li a span.icon {width: 60px;height: 60px;margin: 0 auto 15px;}
	.mCont02 .quickMenu .sideR .quickList li a span.icon img {width:30px;}
	.mCont02 .quickMenu .sideR .quickList li a span.pTxt {font-size: 16px;}
}
/* ==============================
 * 소식
================================= */
.mCont03 {position:relative;margin: 0 auto 5em;transform: translateY(-3em);z-index: 2;}
.mCont03::before {content:'';display:block;width:200%;height: 150%;background:#F1F7F8;position:absolute;bottom: -10%;left:-50%;z-index:1;}
.mCont03 .noticeTxt {position:relative;z-index:10;display:flex;border-bottom:1px solid #e5e5e5;column-gap: 5em;align-items: center;}
.mCont03 .noticeTxt .side_R {width:100%;position:relative;z-index:10;}
.mCont03 .noticeTxt .side_R .tabMenu{  display:flex;  gap:10px;  }
.mCont03 .noticeTxt .side_R .tabMenu button{padding: 1.25em 0;background:none;border:none;font-size: 1.22em;cursor:pointer;color:#666;margin: 0 25px;}
.mCont03 .noticeTxt .side_R .tabMenu button.active{color:#19A196;font-weight:600;}
.mCont03 .noticeTxt .side_R .tabMenu button.active p span {position:relative;display:block;}
.mCont03 .noticeTxt .side_R .tabMenu button.active p span::after{content:'';position:absolute;left:0;bottom: -30px;width:100%;height:3px;background:#19A196;}
.mCont03 .noticeTxt .side_R .tabMenu button a.more {display:none;}
.mCont03 .noticeTxt .side_R .tabMenu button.active a.more {position:absolute;right:0;top:0;width:40px;height:40px;top:0;right:0;border:1px solid #19A196;border-radius:50px;background:#fff;transition:0.3s;display: flex;justify-content: center;align-items: center;}
.mCont03 .noticeTxt .side_R .tabMenu button.active a.more::before , .mCont03 .noticeTxt .side_R .tabMenu button.active a.more::after {content:'';display:block;background:#19A196;position:absolute;}
.mCont03 .noticeTxt .side_R .tabMenu button.active a.more::before {width: 3px;height: 15px;border-radius:5px;}
.mCont03 .noticeTxt .side_R .tabMenu button.active a.more::after {width: 15px;height: 3px;border-radius:5px;}

.mCont03 .tabContent{padding: 0 0 1.5em;position:relative;z-index:10;margin-top: 3em;}
.mCont03 .tabPanel{display:none;}
.mCont03 .tabPanel.active{display:block;}
.mCont03 .noticeBox {display:flex;}
.mCont03 .noticeBox li {width:25%;padding: 0 15px;}
.mCont03 .noticeBox li a {display:block;}
.mCont03 .noticeBox li a .pTit {font-size:1.34em;font-weight:600;color: #333; line-height: 1.25;height: 62px;margin-bottom: 20px;display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.mCont03 .noticeBox li a .pTxt {font-size:1em;font-weight:300;color: #666; line-height: 1.3;margin-bottom: 1.25em;display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
.mCont03 .noticeBox li a .date {padding-left:18px;display:block;font-size:14px;font-weight:300;color: #666;position:relative;}
.mCont03 .noticeBox li a .date::before {content:'';display:block;width:12px;height:12.5px;background:url(/resources/homepage/rise/_Img/_Main/noticedata.svg)no-repeat;position:absolute;left:0;top:0;}
.mCont03 .noticeBox li.no-data {width: 100%;min-height: 180px;}

/* mobile */
@media(max-width:1199px){
	.mCont03 .noticeTxt .side_R .tabMenu button.active a.more {top: 18px;}
}
@media(max-width:899px){
  .mCont03{ margin: 0 auto 0}
  .mCont03::before{height: 120%;bottom: 0%;}
  .mCont03 .noticeBox {    flex-wrap: wrap;}
  .mCont03 .noticeBox li {width: 50%;box-sizing: border-box;padding: 15px 15px 20px;}

}

@media(max-width:699px){
.mCont03 .noticeTxt {display:block;margin-top:25px;}
.mCont03 .noticeTxt .mpTit {text-align:center;}
.mCont03 .noticeTxt .side_R .tabMenu button {padding:20px; 0;font-size:18px;margin:0;}
.mCont03 .tabContent {margin-top:25px;}
.mCont03 .noticeBox li {width: 100%;box-sizing: border-box;padding: 18px 10px;border-bottom:1px solid #ddd;}
.mCont03 .noticeBox li a .pTit {height:auto;    -webkit-line-clamp: 1;margin-bottom: 12px;}
.mCont03 .noticeBox li a .pTxt {-webkit-line-clamp: 2;}
}
@media(max-width:599px){
	.mCont03 .noticeTxt .side_R .tabMenu button {padding:12px; 0;}
}
/* ==============================
 * 커뮤니티
================================= */
.mCont04 {margin:5em auto;display:flex;align-items: flex-start;justify-content: space-between;}
.mCont04 .side-top {position:relative;margin-bottom:5px;}
/*버튼 공통*/
.mCont04 .ctrl-btns {position: absolute;top: -55px;right: 0;display: flex;column-gap: 1px;}
.mCont04 .ctrl-btns button {position:relative;width:40px;height:40px;background: #f2f2f2;border-radius:50px;border:none;transition:0.3s;}
.mCont04 .ctrl-btns button.owl-prev span {width: 12px;height: 12px;position: absolute;transform: rotate(-45deg);left: 16px;top: 14px;}
.mCont04 .ctrl-btns button.owl-prev span::before {content:'';display:block;width: 12px;height:3px;background:#808080;border-radius: 10px 10px 10px 0;}
.mCont04 .ctrl-btns button.owl-prev span::after {content:'';display:block;width:3px;height: 12px;position: absolute;background:#808080;border-radius: 0 0 10px 10px;top: 0;}
.mCont04 .ctrl-btns button.owl-next span {width: 12px;height: 12px;position: absolute;transform: rotate(135deg);left: 12px;top: 14px;}
.mCont04 .ctrl-btns button.owl-next span::before {content:'';display:block;width: 12px;height:3px;background:#808080;border-radius: 10px 10px 10px 0;}
.mCont04 .ctrl-btns button.owl-next span::after {content:'';display:block;width:3px;height: 12px;position: absolute;background:#808080;border-radius: 0 0 10px 10px;top: 0;}
.mCont04 .ctrl-btns button.btn-stop {position:relative;display: flex;align-items: center;justify-content: center;gap: 3px;}
.mCont04 .ctrl-btns button.btn-stop::before , 
.mCont04 .ctrl-btns button.btn-stop::after {content:'';display:block;background:#808080;/* position:absolute; */width:3px;height:15px;border-radius:5px;}
.mCont04 .ctrl-btns button.btn-play {display: flex;align-items: center;justify-content: center;}
.mCont04 .ctrl-btns button.btn-play::before {content:'';display:block;width: 0;height: 0;border-top: 8px solid transparent;border-bottom: 8px solid transparent;border-left: 12px solid #808080;transform: translateX(2px);  }
.mCont04 .ctrl-btns button.owl-prev:hover span::before,
.mCont04 .ctrl-btns button.owl-prev:hover span::after,
.mCont04 .ctrl-btns button.owl-next:hover span::before,
.mCont04 .ctrl-btns button.owl-next:hover span::after,
.mCont04 .ctrl-btns button.btn-stop:hover::before,
.mCont04 .ctrl-btns button.btn-stop:hover::after{background:#00A8C5;transition:0.3s;}
.mCont04 .ctrl-btns button.btn-play:hover::before {border-left-color: #00A8C5;}

.mCont04 .contSns {position:relative;width:calc(100% - 440px - 4em);}
.mCont04 .contSns .side-top {position:relative;display: flex;justify-content: space-between;}
.mCont04 .contSns .side-top .snsLsit {display:flex;column-gap: 5px;}
.mCont04 .contSns .side-top .snsLsit li a {display:block;width:40px;height:40px;background:url(/resources/homepage/rise/_Img/_Main/snsLogo.svg)no-repeat;background-size: auto 40px;}
.mCont04 .contSns .side-top .snsLsit li.sblog a {background-position: 0 0;}
.mCont04 .contSns .side-top .snsLsit li.sInsta a {background-position: -54px 0;}
.mCont04 .contSns .side-top .snsLsit li.sFacebook a {background-position: -108px 0;}
.mCont04 .contSns .side-top .snsLsit li.syoutube a {background-position: -162px 0;}
.mCont04 .contSns .side-bottom {position:relative;}
.mCont04 .contSns .side-bottom .ctrl-btns {right: auto;left: 175px;}

.mCont04 .contSns .side-bottom .item {}
.mCont04 .contSns .side-bottom .item a {transition:0.3s;padding: 23px 25px 25px;box-sizing:border-box;border:1px solid #ddd;display:block;border-radius:20px;}
.mCont04 .contSns .side-bottom .item a .txtTop {margin-bottom: 15px;}
.mCont04 .contSns .side-bottom .item a .txtTop .snsTit {position:relative;padding-left:55px;margin-bottom: 10px;}
.mCont04 .contSns .side-bottom .item a .txtTop .snsTit::before {content:'';position:absolute;left:0;top:0;display:block;width:43px;height:43px;border:1px solid #ddd;border-radius:50px;background:#fff url(/resources/homepage/rise/_Img/_Main/ucSns.svg)no-repeat center center;}
.mCont04 .contSns .side-bottom .item a .txtTop .pTit {font-size:1em;font-weight:700;color:#333;padding:5px 0;}
.mCont04 .contSns .side-bottom .item a .txtTop .pdate {font-size:14px;color:#666;font-weight:300;}
.mCont04 .contSns .side-bottom .item a .txtTop .pTxt {color:#666;line-height:1.3;font-weight:400;display: -webkit-box;overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.mCont04 .contSns .side-bottom .item a:hover {transition:0.3s;background: #00A3B8;}
.mCont04 .contSns .side-bottom .item a:hover .txtTop .pTit {color:#fff;}
.mCont04 .contSns .side-bottom .item a:hover .txtTop .pdate {color:#fff;opacity:0.6;}
.mCont04 .contSns .side-bottom .item a:hover .txtTop .pTxt {color:#fff;opacity:0.8;}
.mCont04 .popupSld {position:relative;width:440px;}



.mCont04 .popupSld .side-bottom {position:relative;}
.mCont04 .popupSld .side-bottom .item {border-radius:20px;overflow: hidden;max-height: 400px;}

@media(max-width:1399px){
	.mCont04 .contSns {position: relative;width: calc(100% - 380px - 2em);}
	.mCont04 .popupSld {width:380px;}

}
@media(max-width:999px){
	.mCont04 .contSns .side-bottom .ctrl-btns {left: auto;top: auto;bottom: 0;right: 0;position: static;}
	.mCont04 .contSns .ctrl-btns button {position:absolute;z-index:20;}
	.mCont04 .contSns .ctrl-btns button.btn-stop ,
	.mCont04 .contSns .ctrl-btns button.btn-play{left:160px; top: -55px;}
	.mCont04 .contSns .ctrl-btns button.owl-prev {left: -16px;top: calc(50% - 20px);}
	.mCont04 .contSns .ctrl-btns button.owl-next {right: -16px;top: calc(50% - 20px);}
}
@media(max-width:899px){
	.mCont04 {display:block;margin: 30px auto;}
	.mCont04 .contSns {position: relative;width: 100%;}
	.mCont04 .popupSld {width:100%;margin-top:25px;}
}

/* ==============================
 * 센터 바로가기
================================= */

.riseCenterLink {position:fixed;bottom:0;    width: 100%;z-index:1001;backdrop-filter: blur(10px);}
.riseCenterLink::before {content:'';display:block;width:100%;height:100%;    background: linear-gradient(90deg, #0a64c8 0%, #00b36a 100%);opacity:0.85;position:absolute;left:0;top:0;}
.riseCenterLink .mWrap {display:flex;position:relative;z-index:10;align-items: center;padding: 28px 0;}
.riseCenterLink .mWrap .side_L {color:#fff;margin-right: 5em;width: 300px;}
.riseCenterLink .mWrap .side_L .pTit {font-family: 'ReperiS';font-size:1.42em;}
.riseCenterLink .mWrap .side_L .pTxt {font-size:16px;opacity:0.8;font-weight:300;margin-top:7px;}

.riseCenterLink .mWrap .side_R { width: calc(100% - 300px - 5em);}
.riseCenterLink .mWrap .side_R ul {display:flex;justify-content: space-between;}
.riseCenterLink .mWrap .side_R ul li {display:inline-block;width: 19%;}
.riseCenterLink .mWrap .side_R ul li a {transition:0.3s;display:inline-block;border:1px solid rgba(255, 255, 255, 0.4);padding: 16px 10px;font-size:20px;font-weight:700;color:#fff;border-radius:50px;width: 100%;box-sizing: border-box;text-align: center;}
.riseCenterLink .mWrap .side_R ul li a:hover {transition:0.3s;background:#fff;color:#067E93;box-shadow:5px 5px 10px rgba(0 0 0 / 20%);transform: translateY(-10px);}


@media(max-width:1399px){
  .riseCenterLink .mWrap .side_L {margin-right: 2em;}
  .riseCenterLink .mWrap .side_R {width: calc(100% - 300px - 1em);}
}
@media(max-width:1199px){
  .riseCenterLink .mWrap .side_L {display:none}
  .riseCenterLink .mWrap .side_R {width:100%;}
}

@media(max-width:999px){
  .riseCenterLink .mWrap .side_L {display:none}
  .riseCenterLink .mWrap .side_R {width:100%;}
  .riseCenterLink .mWrap .side_R ul li a {font-size:18px;}
}
@media(max-width:699px){
	.riseCenterLink .mWrap {padding: 10px 0;}
	.riseCenterLink .mWrap .side_R ul {display: flex;justify-content: center;flex-wrap: wrap;}
	.riseCenterLink .mWrap .side_R ul li a {font-size:15px;padding: 8px 8px;}
	.riseCenterLink .mWrap .side_R ul li {width:32%;margin-bottom:5px}
}
@media(max-width:450px){
	.riseCenterLink .mWrap .side_R ul li a {font-size:13px;padding: 8px 8px;}
	.riseCenterLink .mWrap .side_R ul li {width:32%;margin-bottom:5px}
}
/* ==============================
 * 전체메뉴 닫기
================================= */
.botMeun {margin:0 auto;position:relative;}
.botMeun .menu-container .close-btn {margin:0 auto;border:none;font-size:1em;padding:5px 20px;color:#fff;background:#353840;border-radius:10px 10px 0 0;display: flex; width: 200px;justify-content: space-between;align-items: center;}
.botMeun .menu-container .mega-menu {color:#fff;background:#353840;}
.botMeun .menu-container .mega-menu .menu-inner {display:flex;padding:2.5em 0 1.8em;width:100%;}
.botMeun .menu-container .mega-menu .menu-inner .menu-column {width:12.5%;padding-left:15px;box-sizing:border-box;}
.botMeun .menu-container .mega-menu .menu-inner .menu-column h3 {font-family: 'ReperiS';font-size:1.1em;margin-bottom:15px;font-weight:500;}
.botMeun .menu-container .mega-menu .menu-inner .menu-column ul li {margin-bottom:10px;}
.botMeun .menu-container .mega-menu .menu-inner .menu-column ul li a {transition:0.3s;cursor: pointer;display:block;color:#fff;font-size:17px;position:relative;padding-left:10px;opacity:0.7;}
.botMeun .menu-container .mega-menu .menu-inner .menu-column ul li a::before {content:'';display:block;width:4px;height:4px;border-radius:5px;background:#fff;position:absolute;left:0;top:7px;}
.botMeun .menu-container .mega-menu .menu-inner .menu-column ul li a:hover {opacity:1;transition:0.3s;}

/* ==============================
 *라이즈 사업단 성과
================================= */
.rise-sidebar {position: absolute; right: -310px;border-radius: 20px 0 0 20px;top: 55%; transform: translateY(-50%); width: 310px;background: rgba(0 0 0 / 55%);backdrop-filter: blur(10px);transition: right 0.6s cubic-bezier(0.25, 1, 0.5, 1); z-index: 1000;}
.rise-sidebar .sidebar-inner {padding:30px;}
.rise-sidebar .sidebar-inner .item .risenum {position:relative;padding: 30px 0;border-bottom: 1px dashed #ffffff66;}
.rise-sidebar .sidebar-inner .item .risenum .imgBox {position:absolute;left:0;bottom: 30px;width: 30px;height: 30px;}
.rise-sidebar .sidebar-inner .item .risenum .imgBox img {width:100%;}

.rise-sidebar .sidebar-inner .item .risenum .content-box {color:#fff;} 
.rise-sidebar .sidebar-inner .item .risenum .content-box .label {font-size:1em;display:block;}
.rise-sidebar .sidebar-inner .item .risenum .content-box .count {text-align:right;display:flex;align-items: flex-end;justify-content: flex-end;margin-top: 20px;}
.rise-sidebar .sidebar-inner .item .risenum .content-box .count b {display:block;font-size:2.2em;color:#19A196;margin-right:5px;}
.rise-sidebar .sidebar-inner .item .risenum .content-box .count span{display:block;font-size:1.1em;color:#fff}

/* 활성화 상태 */
.rise-sidebar.active { right: 0;}
.btn-toggle {position: absolute; left: -40px; bottom: 0;transform: translateY(-50%); width: 40px; height: 160px; background: #007d6d; border: none;  color: #fff;  cursor: pointer;border-radius: 10px 0 0 10px;}
.btn-toggle .txt {writing-mode: vertical-rl;text-orientation: mixed; }

/* 만약 X 아이콘도 있다면 별도로 처리 */
.btn-toggle .icon { display: block;margin-top: 10px;font-size: 18px; transform: none;}


/* 컨트롤러 배치 */
.slider-controls {display: flex; justify-content: center;align-items: center;margin-top: 20px;}

/* 도트 스타일 */
.custom-dots-node .owl-dot { display: inline-block; margin: 0 5px;border: none;background: #fff;border-radius: 10px;}
.custom-dots-node .owl-dot button {border:none;background:none;}
.custom-dots-node .owl-dot span {  display: block; width: 8px; height: 8px; border-radius: 50%;}
.custom-dots-node .owl-dot.active span { background: #007d6d; }

/* 재생/정지 버튼 스타일 (이미지나 웹폰트로 교체하기 편함) */
.btn-autoplay {width: 20px;height: 20px;margin-left: 10px;background-size: contain;background-repeat: no-repeat;border: none;background-color: transparent;cursor: pointer;}

/* 정지 상태일 때 (아이콘 변경) */
.btn-autoplay.pause {
    background-image: url('pause-icon.png'); /* 또는 content: 'II' */
}

/* 재생 상태일 때 (아이콘 변경) */
.btn-autoplay.play {
    background-image: url('play-icon.png'); /* 또는 content: '▶' */
}


@media(max-width:999px){

.botMeun {display:none;}

}