@charset "utf-8";
/*reset*/
* html .clearfix{height:1%;}
.clearfix{display:block;}
.clearfix:after{display:block;visibility:hidden;clear:both;content:".";overflow:hidden;width:0;height:0;font-size:0;line-height:0;}
.clear{clear:both;}
.hide{display:none;}
.skip, .blind{position:absolute;width:1px;height:1px;margin:0;padding:0;background:none;font-size:3px;color:transparent;line-height:0;}
.hidden_txt{overflow:hidden;position:absolute;width:0;height:0;background:transparent;font-size:0;line-height:0;text-indent:-9999px;border:none !important;background:transparent !important;}
button{display:inline-block;background:transparent;font-size:inherit;font-weight:normal;font-family:inherit;color:inherit;cursor:pointer;}

/* Dots */
.slick-dotted.slick-slider{padding-bottom:50px;}
.slick-dots{position:absolute;bottom:0;display:block;padding:0;margin:0;list-style:none;text-align:left;}
.slick-dots li{position:relative;display:inline-block;margin:0 5px;padding:0;cursor:pointer;}
.slick-dots li button{font-size:0;line-height:0;display:block;width:50px;height:2px;background:#cfcfcf;opacity:0.5;cursor:pointer;color:transparent;border:0;}
.slick-dots li.slick-active button{width:50px;opacity:1;background:#ed7100;}
.main01sec-1{font-weight:600;font-size:18px;color:#e93e03;width:160px;height:45px;line-height:45px;text-align:center;border:1px solid #e93e03;}
.main01sec-2{font-size:48px;font-weight:600;line-height:140%;letter-spacing:-5px;}
.main01sec-3{font-size:16px;color:rgba(255, 255, 255, 0.6);line-height:140%;}
.main01sec{float:left;text-align:left;}
.main01secw{overflow:hidden;width:540px;height:225px;position:relative;}
.maintop{position:relative;margin:0 auto;padding:0;width:100%;text-align:center;background:url(../img/main/main_bg.png) no-repeat center top;background-size:cover;}
.maintop .mainimg{margin:0 auto;width:1200px;text-align:left;overflow:hidden;/*height:755px;*/position:relative;}
.maintop .text{padding:300px 0 0 0;width:700px;color:#fff;font-size:32px;line-height:36px;text-align:center;float:left;}
.maintop .text strong{font-size:52px;display:block;padding:0 0 25px 0;}
@media only all and (max-width:1024px){
	.main01secw{width:100%;}
	.maintop .text{width:100%;padding-top:150px;}
	.main01sec-1{height:35px;line-height:35px;font-size:16px;}
	.main01sec-2{font-size:32px;letter-spacing:-1px;}
	.main01sec-2 p{font-size:25px;line-height:initial;}
	.maintop{height:500px;}
	
}

/* 팝업 */
.popN{align-content:center;position:absolute;background:rgb(0 0 0 / 70%);z-index:1000;top:0;bottom:0;width:100%;height:100%;left:0;right:0;display:none}
.popNtit{color:#fff;font:700 var(--fs-28) 'Paperlogy'; text-align:center; margin-bottom:1vmin;}
.popimg{width:1100px;overflow:hidden;margin:0 auto;position:relative;padding:0 50px;box-sizing:border-box;}
.popimg.popcnt1{width:480px;}
.popimg.popcnt2{width:900px;}
.popimg.popcnt3{width:1100px;}
.pop-nav{position:relative; display:flex; align-items:center;gap:10px;}
.pop-button-prev, .pop-button-next{aspect-ratio:1/1; width:22px;height:22px;z-index:1;cursor:pointer}
.pop-button-prev{background:url("../img/content/main/popup_prev.png") no-repeat center / contain;}
.pop-button-next{background:url("../img/content/main/popup_next.png") no-repeat center / contain;}
.popSwiper{margin:0 25px; overflow:hidden; }
.popSwiper .swiper-slide img{border-radius:16px; overflow:hidden}

.popinfo-wrap{display: flex; justify-content: space-between; max-width: 950px; margin: 0 auto 2vmin; align-items: center; border-bottom: 1px solid #ffffff4a;  padding-bottom:2vmin;}
.pop-pagination .swiper-pagination-bullet-active{background:#1458bd !important;opacity:1 }
.pop-pagination .swiper-pagination-bullet{opacity:1;background:#fff;margin:0 5px}
.pop-pagination{text-align:center}
.popinfo{text-align:center}
.popinfo > div{/* border:1px solid #5c5a5a; */background: #ffffff29;color: #ffffff;font-size:17px;margin:0 2px;display:inline-block;padding:7px 20px;cursor:pointer;border-radius:30px;}
.popinfo > div span{color:#00f6ff;font-weight:800;padding-left:3px;}
.popNc{display:none}
.popN .closeBtn{width:auto}

/*js 로딩전에 이미지 보이는 오류 수정*/
.popSwiper {opacity: 0; transition: opacity 0.3s ease-in-out;}
.popSwiper.swiper-loaded{opacity: 1;}
@media only all and (max-width:1100px){
	.popN .closeBtn,
	.popimg{width:100%}
	.popinfo-wrap{margin:0 70px 2vmin;}
}
@media (min-width:1200px){
	.baswiper .swiper-slide {max-height:393px; overflow: hidden;}
}
@media (max-width:1199px){
	.baswiper .popup_wrapper{ max-width:319px;}
	.popinfo-wrap{justify-content:center}
	.pop-nav, .popinfo>div:nth-of-type(1){display:none;}
	.popN{align-content:flex-start; padding-top:10vmin;}
}
@media (max-width:700px){
	.popSwiper{margin:0 ;} 
	.popinfo-wrap{margin:0 5vmin 2vmin;}
	.popinfo{display:flex; flex-flow:row nowrap; width:90%}
	.popinfo > div{padding:7px 0; flex:1 0 auto; font-size:14px;}
}
@media (max-width:400px){
	.swiper-slide  .popup_wrapper{max-height:263px; background:#fff; display: flex; flex-flow:column nowrap; }
	.swiper-slide  .popup_wrapper a{display: inline-block; margin-top:-1px;}
	.swiper-slide  .popup_wrapper br{display: none;}
}

.floating_banner {position: fixed;bottom:5%;right: 2%;z-index: 11;width: 120px;height: 120px;border-radius: 50%;overflow: hidden;}
.floating_banner img {width: 100%;height: 100%;object-fit: cover;display: block;}
.floating_banner.banner_left {right: 10%;}

.topMenu{border-bottom:none;border-left:1px solid #eeeeee60;gap: 4px; }
.topMenu>li{flex:0 0 auto;padding:4px 0;border-right:1px solid #eeeeee40;}
.topMenu>li:nth-of-type(1) a,
.topMenu>li:hover a{font-weight:600;color:#fff;}
.topMenu>li+li{border-left: none;}
.top-menu-right{display:flex;align-items:center;gap:4px;border-left:1px solid #eeeeee60;}
.topopen{color:#fff;font-size:14px;padding:10px 1.5vmin;border-right:1px solid #eeeeee60;}



/* ══════════════════════════════════
   완주문화재단 메인 css
   (fullpage 관련 코드 문제로 main.css에 별도 기재)
══════════════════════════════════ */
:root {
  --fs-64: clamp(3rem, 5vw, 6.4rem);
  --fs-56: clamp(2.8rem, 4.2vw, 5.2rem);
  --blue: #1a3fd1;
  --blue-dark: #0f2aa8;
  --gradient: linear-gradient(-45deg, #35CBED 0%, #6747FB 64.42%, #163ED7 100%);
}

/*fullpage*/
#fullpage .section{position:relative; overflow:hidden;}
#fullpage .section:not(.sec-footer){width: 100%; height:100dvh;}
#fullpage  .main_sec, .fp-scroller{width: 100%; height:100dvh; align-content:center;}
.sec-footer.fp-auto-height,
.sec-footer.fp-auto-height .fp-tableCell {height: auto !important; min-height: 0 !important;}
@media only all and (max-width:1024px){
	#fp-nav{display:none;}
}

/* ── fullpage 네비게이션 커스텀 ── */
#fp-nav{top:55%!important; transform:translateY(-50%);}
#fp-nav:before{height:175px!important; background:rgba(255,255,255,0.3)!important;}
#fp-nav ul li a span{background:#ffffff50!important;}
#fp-nav ul li a.active span{background: #0399f3!important;width:16px;height:16px;display:block;border-radius: 50px;right: -1px;top:4px;}
#fp-nav ul li a.active+.fp-tooltip{color:#0399f3;}
#fp-nav:before{display:none;}
#fp-nav ul li .fp-tooltip{right:-13px; text-align:left; font-family:'Paperlogy'; }
#fp-nav ul li a span{right:auto; left:0;}

/* ══════════════════════════════════
   비디오
══════════════════════════════════ */
.sec-hero video{width:100%; height:100dvh; object-fit:cover;}
@media (max-width:1024px){
	.sec-hero video{height:100%; aspect-ratio:1 / 0.8; margin-top:100px}
}

/* ══════════════════════════════════
   하단 토글박스
══════════════════════════════════ */

/* ── 공통 뱃지 ── */
.btm-badge{display:inline-flex;align-items:center;gap:1rem;background:#1a3fd1;padding:0 20px;height: 100%;border-radius:0 30px 0 0;flex-shrink:0;font-family:'Paperlogy';}
.btm-badge-icon{width:40px;height:40px;border-radius:50%;border:1px solid #ffffff30;background:#0f2aa8;display:flex;align-items:center;justify-content:center;}
.btm-badge-icon svg{width:1.6rem;height:1.6rem;}
.btm-badge-dday{flex-shrink:0;font-size:1.1rem;color:rgba(255,255,255,0.65);font-weight:600;letter-spacing:0.05em;}
.btm-badge-num{flex-shrink:0;font-size:1.6rem;font-weight:800;color:#fff;letter-spacing:-0.02em;}
.btm-badge-sep{width:1px;height:1.4rem;background:rgba(255,255,255,0.3);}
.btm-badge-name{font-size:1.4rem;font-weight:600;color:#fff;white-space:nowrap;font-size:22px;}

/* ── 하단 패널 ── */
.btm-panel{position:absolute;bottom:0;left:0;right:0;z-index:2;transform:translateY(calc(100% - 70px));will-change:transform;width:70%;margin:0 auto;}
.btm-panel.is-open{transform:translateY(0);}
.btm-panel-head{display:flex;align-items:center;background:#1a23409c;backdrop-filter:blur(10px);height:70px;padding:0 3.2rem 0 0;border-radius:30px 30px 0 0;}
.btm-panel-head-right{display:none;align-items:center;gap:1.2rem;flex:1;justify-content:flex-end;}
.btm-panel.is-open .btm-panel-head-right{display:flex;}
.btm-panel.is-open .btm-hot{display:none;}
.btm-panel.is-open .btm-open{display:none;}
.btm-sns{display:flex;align-items:center;gap:0.8rem;}
.btm-sns-link{width:3rem;height:3rem;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.1rem;font-weight:700;color:#fff;text-decoration:none;flex-shrink:0;}
.btm-close{width:3.2rem;height:3.2rem;border:none;background:rgba(255,255,255,0.12);color:#fff;font-size:1.8rem;line-height:1;cursor:pointer;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background 0.2s;margin-left:0.8rem;}
.btm-close:hover{background:rgba(255,255,255,0.25);}
.btm-panel-body{background:#fff;display:grid;grid-template-columns:1fr 1fr;gap:0;}

/* 패널 닫힘 상태 : 공지 롤링 배너 */
.btm-hot-rolling {height: 24px; overflow: hidden; line-height: 24px;}
.btm-hot-rolling span { display: block;  height: 24px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}

/* 패널 왼쪽 : 카드 */
.btm-cards{padding:2rem 2.4rem;display:grid;grid-template-columns:1fr 1fr;gap:1.6rem;border-right:1px solid #eee;}
.btm-card{border-radius:10px;overflow:hidden;background:#f5f5f5;position:relative;cursor:pointer;}
.btm-card-img{height:200px;background:#ccc;position:relative;overflow:hidden;}
.btm-card-img img{width:100%;height:100%;object-fit:cover;}
.btm-card-tag{display:none; position:absolute;top:1rem;left:1rem;background:#222;color:#fff;font-size:1.1rem;font-weight:600;padding:0.3rem 0.8rem;border-radius:3px;}
.btm-card-body{padding:1.2rem 1.2rem 1.4rem;position:relative;}
.btm-card-body h4{font-size:18px;font-weight:700;color:#111;line-height:1.4;}
.btm-card-body p{font-size:14px;color:#888;margin-top:0.4rem;}
.btm-card-arrow{position:absolute;bottom:1.2rem;right:1.2rem;width:2.8rem;height:2.8rem;background:#0399f3;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.4rem;}

/* 패널 오른쪽 : 공지 */
.btm-notice{padding:2rem 2.4rem;display:flex;flex-direction:column;}
.btm-notice-tabs{display:flex;align-items:center;gap:0;border-bottom:1px solid #eee;margin-bottom:1.2rem;}
.btm-tab{background:none;border:none;font-size:18px;font-weight:500;color:#aaa;padding:0.8rem 1.6rem;cursor:pointer;position:relative;transition:color 0.2s;}
.btm-tab.is-active{color:#111;font-weight:700;}
.btm-tab.is-active::after{content:'';position:absolute;bottom:-1px;left:0;right:0;height:2px;background:#111;}
.btm-tab-plus{background:none;border:none;font-size:1.8rem;color:#bbb;cursor:pointer;padding:0.4rem 0.8rem;margin-left:auto;line-height:1;transition:color 0.2s;}
.btm-tab-plus:hover{color:#444;}
.btm-notice-list{list-style:none;display:none;flex-direction:column;gap:0;flex:1;}
.btm-notice-list:first-of-type{display:flex;}
.btm-notice-item{padding:1rem 0;border-bottom:1px solid #f0f0f0;cursor:pointer;}
.btm-notice-item:last-child{border-bottom:none;}
.btm-notice-item a{font-size:18px;color:#222;line-height:1.5;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-decoration:none;transition:color 0.2s;}
.btm-notice-item a:hover{color:#1a3fd1;}

/* 하단 패널 헤드 내부 요소 */
.btm-hot{display:flex;align-items:center;gap:1.6rem;flex:1;overflow:hidden;margin-left:2vmin;}
.btm-hot strong{font-size:1.3rem;font-weight:600;color:#fff;letter-spacing:0.05em;white-space:nowrap;}
.btm-hot-divider{width:1px;height:1.4rem;background:rgba(255,255,255,0.2);flex-shrink:0;}
.btm-hot span{font-size:18px;color:rgba(255,255,255,0.75);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.btm-open{width:3.2rem;height:3.2rem;border:none;background:rgba(255,255,255,0.12);color:#fff;font-size:1.4rem;cursor:pointer;border-radius:30px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background 0.2s;}
.btm-open:hover{background:rgba(255,255,255,0.25);}

/* 플로팅 배너 (bottom-left) */
.float-banner-wrap{width:30%;transition:width 0.75s cubic-bezier(0.16,1,0.3,1);}
.btm-panel.is-open .float-banner-wrap{width:51.3%;}
.float-banner {display:inline-flex;align-items:center;gap:1.4rem;width: 100%;height:70px;background: linear-gradient(271deg, #03A9F4 0%, #0a35b8 100%);border-radius:30px 0 0 0;padding:0 2.4rem 0 0.8rem;box-shadow:0 8px 36px rgba(10,53,184,0.42),inset 0 1px 0 rgba(255,255,255,0.15);overflow:hidden;text-decoration:none;will-change:transform;}
.float-banner-emblem {width:4rem;height:4rem;background:rgba(255,255,255,0.18);border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;border:1.5px solid rgba(255,255,255,0.28);}
.float-banner-emblem svg {width:2rem;height:2rem;}
.float-banner-ticker {flex:1;overflow:hidden;height:2.4rem;display:flex;align-items:center;}
.float-banner-track {display:flex;align-items:center;gap:2.4rem;white-space:nowrap;}
.float-banner-track span {font-size:22px;font-family:'Paperlogy';font-weight:700;color:#fff;letter-spacing:-0.01em;}
.float-banner-track .sep {color:rgba(255,255,255,0.38);font-size:0.9rem;flex-shrink:0;}
@media(max-width:1920px) {
	.btm-panel{width:85%}
}
@media(max-width:1600px){
	.btm-badge-dday{display:none;}
}
@media(max-width:1200px) {
	.btm-panel{width:100%}
}
@media(max-width:1024px) {
	.btm-panel{display:none;}
}
@media(max-width:768px) {
    .float-banner {display:none;}
      
}


/* ====================================
   공통 섹션 컴포넌트 .section-head / .section-title / .section-sub / .more-btn / .tab-row
==================================== */
.section-head {max-width: 1400px; margin:2vmin auto 0;text-align: center; margin-bottom:4vmin;}
.section-title {font:700 var(--fs-48) var(--paper);color: #111; line-height: 1.2; margin-bottom: 12px; letter-spacing: -0.03em;}
.section-title em {font-style:normal; background: var(--gradient);background-clip: text;-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.section-sub {font-size: var(--fs-24); color: #bbb; margin-bottom:2vmin; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.more-btn {display: inline-block; background: var(--gradient); color: #fff; font-size: var(--fs-16); font-weight: 600; padding: 9px 22px; border-radius: 50px; transition:all 0.2s; white-space: nowrap;}
.more-btn:hover {padding:9px 40px;}
.tab-row {display: flex; align-items:center; justify-content: center; gap: 24px;}

/* 탭 목록 */
.section-head .tabs { list-style: none;align-items: center;}
.section-head .tabs li {flex:1 0 auto; font-size: var(--fs-18); color: #888; padding: 7px 16px; cursor: pointer; position: relative; transition: color 0.2s; user-select: none;}
.section-head .tabs li + li {border-left: 1px solid #e8e8e8;}
.section-head .tabs li.active {color: #111; font-weight: 700;}
.section-head .tabs li.active::after {content: ''; position: absolute; bottom: 0; left: 16px; right: 16px; height: 2px; background: #111; border-radius: 2px;}
.section-head .tabs li:not(.active):hover {color: #444;}
.section-head .tab_content {padding: 0 40px;}
@media (max-width: 1920px) {
	.section-sub {font-size:var(--fs-20);}
}
@media (max-width: 1200px) {
  .section-head {padding: 0 40px;}
}
@media (max-width: 1024px) {
  .section-head .tabs li{font-size:14px;}
}
@media (max-width: 768px) {
	
  .section-head {padding: 0 20px; margin-bottom: 28px;}
  .tab-row {flex-wrap: wrap; gap: 12px;}
}


/* ====================================
   sec-notice
==================================== */
.sec-notice {position: relative; min-height: 100vh; display: flex; align-items: center; overflow: hidden;}
.notice-bg {filter:brightness(0.75); position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; z-index: 0;}
.sec-notice::before {content: ''; position: absolute; inset: 0; background:linear-gradient(356deg, #464f8c66 00%, #0037a55e 50%)); z-index: 1;}
.sec-notice .notice-inner {position: relative; z-index: 2; width: 95%; max-width: 1600px; margin: 0 auto; padding: 5vmin 0 0; display: flex; flex-direction: column; align-items: center; gap: 36px;}
.sec-notice .notice-headline {font:700 var(--fs-56) var(--paper); color: #fff; text-align: center; letter-spacing: -0.02em; text-shadow: box-shadow:0 8px 32px rgb(86 125 215 / 25%);;}

.sec-notice .notice-search {display: flex;align-items: center;gap: -13px;width: 100%;max-width: 920px;}
.sec-notice .search-wrap{width:100%}
.sec-notice .search-wrap form{flex: 1;display: flex;position: relative;align-items: center;background: #fff;border-radius: 50px;padding: 6px 6px 6px 28px;box-shadow:box-shadow:0 8px 32px rgb(86 125 215 / 25%);;z-index: 1;}
.sec-notice .search-input {flex: 1; width:calc(100% - 40px); border: none; outline: none; font-size: var(--fs-18); font-family: inherit; background: transparent; color: #333;}
.sec-notice .search-input::placeholder {color: #aaa;}
.sec-notice .search-btn {width: 50px; height: 50px; border-radius: 50%; background: var(--blue); border: none; display: flex; align-items: center; justify-content: center; color: #fff; flex-shrink: 0; transition: background 0.2s;}
.sec-notice .search-btn:hover {background: var(--blue-dark);}
.sec-notice .search-keyword {color:#fff;display: flex;align-items: center;gap: 10px;background: var(--blue);border-radius: 0 50px 50px 0;padding:20px 30px 20px 20px;position: relative;flex-shrink: 0;font-size: var(--fs-16);}
.sec-notice .search-keyword:before{width: 50px;display:inline-block;content:"";position:absolute;left: -30px;height: 100%;background: #1a3fd1;}
.sec-notice .search-keyword span, .sec-notice .search-keyword a {font-weight: 500; white-space: nowrap;}
.sec-notice .keyword-sep {opacity: 0.5;}
.sec-notice .keyword-link {opacity: 0.9;}
.sec-notice .keyword-link:hover {opacity: 1; text-decoration:underline;}

.sec-notice .notice-content {display: grid;align-items: flex-start;gap:2%;width: 100%;grid-template-columns: 49% 49%;}
.sec-notice .sec-head {display: flex; align-items: center; justify-content: space-between; margin-bottom: 16px;}
.sec-notice .sec-title {font:700 var(--fs-28) var(--paper);color: #fff;}
.sec-notice .sec-title em {color:var(--blue); font-style: normal; margin-left: 6px;}
.sec-notice .plus-btn {width: 28px; height: 28px; border-radius: 50%; border: 1.5px solid rgba(255, 255, 255, 0.55); background: transparent; color: #fff; font-size: var(--fs-18); line-height: 1; display: flex; align-items: center; justify-content: center; flex-shrink: 0; transition: background 0.2s, border-color 0.2s;}
.sec-notice .plus-btn:hover {background: rgba(255, 255, 255, 0.15); border-color: #fff;}
.sec-notice .notice-story-swiper, .sec-notice .notice-story {overflow: hidden;}

.sec-notice .notice-story-swiper .swiper-slide {height: auto;}
.sec-notice .notice-story-card {position: relative;border-radius: 14px;overflow: hidden;aspect-ratio: 1 / 1.4;display: block;text-decoration: none;width: 100%;}
.sec-notice .notice-story-card::after {content: ''; position: absolute; inset: 0;}
.sec-notice .swiper-slide:nth-child(even) .notice-story-card::after{background: linear-gradient(to top, #75A5FE 0%, transparent 100%);}
.sec-notice .swiper-slide:nth-child(odd) .notice-story-card::after {background: linear-gradient(to top, #A184FE 0%, transparent 100%);}
.sec-notice .notice-story-card img {width: 100%; height: 100%; object-fit: cover; transition: transform 0.4s ease;}
.sec-notice .notice-story-card:hover img {transform: scale(1.04);}
.sec-notice .notice-story-card p {position: absolute;bottom: 14px;left: 0;right: 0;padding: 0 14px;font-size: var(--fs-18);font-weight: 500;color: #fff;line-height: 1.4;z-index: 1;/* word-break: keep-all; */overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}

.sec-notice .notice-board {flex: 1;}
.sec-notice .notice-tabs {display: flex; align-items: center; gap: 8px;}
.sec-notice .tab-btn {background: none; border: none; font-size: var(--fs-18);  font-weight: 500; color: rgba(255, 255, 255, 0.6); padding: 0; transition: color 0.2s;}
.sec-notice .tab-btn.active {color: #fff; font-weight: 700; text-decoration: underline; text-underline-offset: 5px; text-decoration-thickness: 2px;}
.sec-notice .tab-btn:hover {color: #fff;}
.sec-notice .tab-btn + .tab-btn::before {content: "|"; margin-right: 8px; color: rgba(255, 255, 255, 0.35); font-size: var(--fs-14); font-weight: 400;}
.sec-notice .notice-board .plus-btn {margin-left: 4px;}
.notice-board{height:100%;}
.sec-notice .notice-list {padding:1.8vmin 0.5vmin;list-style: none; background: rgba(255, 255, 255, 0.96); border-radius: 16px; overflow: hidden; box-shadow: 0 8px 40px rgba(0, 0, 0, 0.2);}
.sec-notice .notice-list:after{display:none}
.sec-notice .notice-list{padding: 0 1.5vmin;height: calc(100% - 46px);display: flex;justify-content: space-around;flex-flow: column;}
.sec-notice .notice-item a {display: flex;align-items: center;gap: 14px;padding: 14px 0;border-bottom: 1px solid rgba(0, 0, 0, 0.07);}
.sec-notice .notice-item:last-child a{border:none;}
.sec-notice .notice-item:last-child {border-bottom: none;}
.sec-notice .notice-badge {flex-shrink: 0; background: var(--blue); color: #fff; font-size: var(--fs-14); font-weight: 600; padding: 4px 13px; border-radius: 20px; white-space: nowrap;}
.sec-notice .notice-link {flex: 1; font-size: var(--fs-18); color: #222; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; transition: color 0.2s;}
.sec-notice .notice-link:hover {color: var(--blue);}
.sec-notice .notice-date {flex-shrink: 0; font-size: var(--fs-14); color: #999;display:none;}
@media (max-width: 1920px) {
	.sec-notice .notice-inner{max-width:1300px}
	.sec-notice .notice-story-card p, 
	.sec-notice .notice-link, 
	.sec-notice .tab-btn {font-size:var(--fs-16);}
}
@media (max-width: 1200px) {
  .sec-notice .notice-inner {padding: 60px 40px;}
  .sec-notice .notice-search {max-width: 100%;}
  .sec-notice .notice-story {flex: 0 0 42%;}
}
@media (max-width:1024px){
	.sec-notice{min-height:auto; margin-top:-2px;}
	.sec-notice .sec-title {margin-bottom:1vmin;}
	.sec-notice .notice-list{padding:0}
}
@media (max-width: 768px) {
  .sec-notice .notice-inner {padding: 50px 0 50px; gap: 24px;}
  .sec-notice .notice-search {flex-direction: column; gap: 12px; width: 95%; max-width: 100%;}
  .sec-notice .search-wrap {width: 100%;}
  .sec-notice .search-btn{width:40px;height:40px;}
  .sec-notice .search-keyword {display:none; width: 100%; justify-content: center; border-radius: 50px; padding: 14px 24px;}
  .sec-notice .search-keyword::before {display: none;}
  .sec-notice .notice-content {display:flex; flex-flow:column; gap: 28px; width: 95%; margin: 0 auto;}
  .sec-notice .sec-head{flex-flow:column;}
  .sec-notice .notice-story {flex: none; width: 100%;}
  .sec-notice .notice-board {width: 100%;}
  .sec-notice .notice-item {gap: 10px; padding:1vmin;}
  .sec-notice .notice-item a{padding:8px;}
  .sec-notice .notice-badge {padding: 3px 10px;display:none;}
  .sec-notice .plus-btn{display:none}
  
}

/* ====================================
   sec-programs
==================================== */
.sec-programs {background: #fff; background:url(../img/content/main/section6_bg.jpg) no-repeat bottom / cover; overflow:hidden;}
.sec-programs .tab_content { display: block !important; visibility: hidden; position: absolute; opacity: 0; pointer-events: none; height: 0; overflow: hidden;}
.sec-programs .tab_content.active { visibility: visible; position: relative; opacity: 1; pointer-events: auto; height: auto; overflow: visible;}

/* Carousel */
.programs-swiper {overflow: visible;}
.programs-swiper .swiper-wrapper.swiper-center { justify-content: center;}
.programs-swiper .swiper-slide:nth-of-type(even){margin-top: 2vmin;}
.prog-card {display: block; box-shadow:0 0 15px rgba(0,0,0,0.1); aspect-ratio: 1 / 1.4; overflow:hidden; position: relative; width: 100%; border-radius: 14px; overflow: hidden; cursor: pointer; transition: transform 0.3s ease;}
.prog-card:hover {transform: translateY(-6px);}
.prog-card img {width: 100%; height: 100%; object-fit: cover; position: relative; z-index: 0;}
.prog-card::after {content: ''; position: absolute; inset: 0; background: linear-gradient(to top, rgba(0, 5, 30, 0.92) 0%, rgba(0, 5, 30, 0.2) 55%, transparent 100%); z-index: 1;}
.prog-card-info {position: absolute; bottom: 0; left: 0; right: 0; padding: 16px 14px; z-index: 2;}
.prog-card-title {font-size: var(--fs-18); font-weight: 700; color: #fff; line-height: 1.2; margin-bottom: 6px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;}
.prog-card-date {font-size: var(--fs-16); color: rgba(255, 255, 255, 0.6);}

/* Swiper pagination + controls */
.programs-controls {width:50%; margin:4vmin auto 0; display: flex; align-items: center; gap: 12px;}
.programs-swiper .swiper-pagination {position: static; flex: 1; height: 4px; background: #e5e8f2; border-radius: 999px; overflow: hidden;}
.programs-swiper .swiper-pagination-progressbar-fill {border-radius: 999px;}
.programs-prev-btn, .programs-next-btn {width: 34px; height: 34px; border-radius: 50%; border: 1px solid #d8dce8; background: #fff; color: #4a5370; display: flex; align-items: center; justify-content: center; transition: background 0.2s, border-color 0.2s, color 0.2s; flex-shrink: 0;}
.programs-prev-btn:hover, .programs-next-btn:hover {background: #f4f6fc; border-color: #bcc4da; color: #1f2b5f;}
.programs-prev-btn.swiper-button-disabled, .programs-next-btn.swiper-button-disabled {opacity: 0.4; cursor: default; pointer-events: none;}

@media (max-width: 768px) {
  .sec-programs {padding: 50px 0 60px;}
  .tab_content {padding: 0 16px;}
  .programs-controls {margin-top: 16px; gap: 10px;}
  .programs-prev-btn, .programs-next-btn {width: 30px; height: 30px;}
}

/* ====================================
   sec-space
==================================== */
.sec-space {position: relative; overflow: hidden;}
.fp-enabled .sec-space {height: 100%;}
.space-bg {position: absolute; inset: 0; background: url('../img/content/main/section4_bg.jpg') center/cover no-repeat, linear-gradient(135deg, #142a0a 0%, #263d15 100%); z-index: 0;}
/*.sec-space::before {content: ''; position: absolute; inset: 0; background: linear-gradient(120deg, rgba(8,20,5,0.72) 0%, rgba(15,30,8,0.42) 60%, transparent 100%); z-index: 1;}*/
.space-inner {position: relative; z-index: 2; height: 100%; margin-left:10%; display: flex; align-items: center; gap:4vmin;}

/* 좌측 패널 */
.space-nav-panel {flex: 0 0 300px; display: flex; flex-direction: column; gap: 28px;}
.space-panel-head {display: flex; flex-direction: column; gap: 18px;}
.space-heading {font:700 var(--fs-44) var(--paper);color: #fff; line-height: 1.15; letter-spacing: -0.02em;}
.space-controls {display: flex; align-items: center; gap: 10px;}
.space-prev-btn, .space-next-btn {width: 36px; height: 36px; border-radius: 50%; border: 1.5px solid rgba(255,255,255,0.5); background: transparent; color: #fff; display: flex; align-items: center; justify-content: center; transition: background 0.2s, border-color 0.2s;}
.space-prev-btn:hover, .space-next-btn:hover {background: rgba(255,255,255,0.15); border-color: #fff;}
.space-more-btn {width: 36px; height: 36px; border-radius: 50%; background: #3b8ee8; color: #fff; font-size: var(--fs-22); display: flex; align-items: center; justify-content: center; line-height: 1; font-weight: 300; transition: background 0.2s;}
.space-more-btn:hover {background: #1a6fd1;}

/* 커스텀 텍스트 dot 네비게이션 */
.space-dot-nav {list-style: none; display: flex; flex-direction: column; gap: 10px;}
.space-dot-item {display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 10px 12px 10px 20px; border-radius: 50px; background: rgba(255,255,255,0.14); backdrop-filter: blur(8px); border: 1px solid rgba(255,255,255,0.1); cursor: pointer; width: fit-content; min-width: 210px; transition: background 0.3s, box-shadow 0.3s;}
.space-dot-item .dot-name {font-size: var(--fs-18); color: rgba(255,255,255,0.72); font-weight: 500; transition: color 0.3s;}
.space-dot-item .dot-arrow {width: 26px; height: 26px; border-radius: 50%; background: transparent; display: none; align-items: center; justify-content: center; flex-shrink: 0; color: #fff;}
.space-dot-item.active {background: rgba(255,255,255,0.93); box-shadow: 0 4px 20px rgba(0,0,0,0.2); border-color: transparent;}
.space-dot-item.active .dot-name {color: #111; font-weight: 700;}
.space-dot-item.active .dot-arrow {display: flex; background: #3b8ee8; color: #fff;}
.space-dot-item:not(.active):hover {background: rgba(255,255,255,0.22);}
.space-dot-item:not(.active):hover .dot-name {color: #fff;}

/* 우측 캐러셀 */
.space-swiper-track {flex: 1; height: 560px; min-width: 0; overflow: hidden;}
.space-swiper {width: 100%; height: 100%; overflow: visible;}
.space-swiper .swiper-slide {width: 320px; height: 100%; transition: opacity 0.4s, transform 0.4s;}
.space-swiper .swiper-slide:not(.is-active) {opacity: 0.9; transform: scale(0.97);}
.space-swiper .swiper-slide.is-active,
.space-swiper .swiper-slide:hover{opacity:1}

/* venue 카드 */
.venue-card {width: 100%;height: 100%;border-radius: 20px;background: rgb(255 255 255 / 68%);backdrop-filter: blur(14px);border: 1px solid rgba(255,255,255,0.13);overflow: hidden;display: flex;flex-direction: column;cursor: pointer;transition: transform 0.3s;text-decoration: none;justify-content: space-between;}
.venue-card:hover {transform: translateY(-6px);}
.venue-card-body {padding: 30px 26px 18px; display: flex; flex-direction: column; gap: 8px;}
.venue-card-body > p:first-child {font-size: var(--fs-14);color: rgb(0 0 0 / 48%);letter-spacing: 0.03em;}
.venue-card-body h3 {font:700 var(--fs-28) var(--paper);color: #2f2f2f;line-height: 1.2;letter-spacing: -0.02em;}
.venue-card-body > p:nth-child(3) {font-size: var(--fs-16);color: rgb(0 0 0 / 65%);line-height: 1.7;word-break: keep-all;}
.venue-social {display: flex; gap: 7px; margin-top: 4px;}
.venue-social button {width: 30px;height: 30px;border-radius: 50%;background: rgb(131 131 131 / 18%);display: flex;align-items: center;justify-content: center;transition: background 0.2s;color: #fff;border: none;padding: 0;cursor: pointer;}
.venue-social button:hover {background: rgba(255,255,255,0.35);}
.venue-social svg {width: 14px; height: 14px;}
.venue-thumb {flex: 1;min-height: 0;border-radius: 14px 14px 0 0;overflow: hidden;padding:20px;aspect-ratio: 1/0.8;max-height: 340px;}
.venue-thumb img {transition: transform 0.4s;} 
.venue-card:hover .venue-thumb img {transform: scale(1.04);}

@media (max-width: 1200px) {
    .space-inner {padding: 60px 40px; flex-flow: column; margin-left: 0; height: auto; gap: 30px;}
    .space-nav-panel {flex: none; width: 100%;}
    .space-dot-nav {flex-direction: row; flex-wrap: wrap; justify-content: center;}
    .space-dot-item {min-width: 160px;}
    .space-swiper-track {width: 100%; height: 480px;}
    .space-swiper .swiper-slide {width: 280px;}
    .space-heading br {display: none;}
    .space-heading {text-align: center;}
    .space-controls {justify-content: center;}
    .space-panel-head {align-items: center;}
}

@media (max-width: 768px) {
    .sec-space {height: auto; padding: 56px 0 60px;}
    .space-inner {padding: 0 20px;}
    .space-nav-panel {flex: none; width: 100%; order: -1;}
    .space-dot-nav {display: grid; grid-template-columns: repeat(2, 1fr); gap: 8px;}
    .space-dot-item {min-width: unset; width: 100%;}
    .space-swiper-track {width: 100%; height: 400px;}
    .space-swiper .swiper-slide {width: 240px;}
}
/* ====================================
   sec-applay
==================================== */
.sec-applay {padding: 80px 0 0; background:url(../img/content/main/section5_bg.jpg) no-repeat center /cover; overflow: hidden;}

.applay-swiper-wrap {width:100%;}
.applay-swiper {overflow: visible; padding-bottom: 8px; max-width:1600px; overflow:hidden; margin:0 auto;}
.applay-swiper .swiper-wrapper {align-items: flex-start;}
.applay-swiper .swiper-slide {width: 205px; flex-shrink: 0;}
.applay-swiper .swiper-slide {width: 400px;}

.applay-card {display: flex; flex-direction: column; cursor: pointer; text-decoration: none;}
.applay-img-wrap {position: relative; border-radius: 18px; overflow: hidden; asepct-ratio:1/1.4;}
.applay-img-wrap img {width: 100%; height: 100%; object-fit: cover; transition: transform 0.4s;}
.applay-card:hover .applay-img-wrap img {transform: scale(1.04);}

.applay-overlay {position: absolute; inset: 0; background:linear-gradient(to top, #3F51B5 0%, rgba(0, 8, 40, 0.4) 48%, transparent 100%); display: flex; flex-direction: column; justify-content: flex-end; padding: 26px 22px; opacity: 0; transition: opacity 0.4s;}
.applay-swiper .swiper-slide  .applay-overlay {opacity: 1;}
.applay-badge {display: inline-flex; align-items: center; background: rgba(255,255,255,0.2); border: 1px solid rgba(255,255,255,0.55); color: #fff; font-size: var(--fs-14); font-weight: 600; padding: 4px 14px; border-radius: 20px; margin-bottom: 10px; backdrop-filter: blur(4px); width: fit-content;}
.applay-overlay p {font-size: var(--fs-22); font-weight: 700; color: #fff; line-height: 1.35; margin-bottom: 6px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;}
.applay-overlay time {font-size: var(--fs-14); color: rgba(255,255,255,0.72);}

.applay-card-body {padding: 12px 2px 0;}
.applay-swiper .swiper-slide  .applay-card-body {display: none;}
.applay-card-body p {font-size: var(--fs-20); font-weight: 600; color: #222; line-height: 1.45; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;}
.applay-card-body time {font-size: var(--fs-16); color: #999; margin-top: 4px; display: block;}

.applay-marquee {margin-top: 56px; overflow: hidden; line-height: 1;}
.applay-marquee-inner {display: flex; width: max-content; animation: applay-marquee 200s ease infinite; will-change: transform;}
.applay-marquee-inner span {font-size: 9rem; font-weight: 900; color: rgba(15,40,160,0.07); white-space: nowrap; letter-spacing: 0.01em;}

@keyframes applay-marquee {
  0% {transform: translateX(0);}
  100% {transform: translateX(-50%);}
}

@media (max-width: 1200px) {
  .applay-swiper-wrap {padding-left: 40px;}
  .applay-swiper .swiper-slide  {width: 320px;}
}
@media (max-width: 768px) {
  .sec-applay {padding: 56px 0 0;}
  .applay-swiper-wrap {padding-left: 20px;}
  .applay-swiper .swiper-slide {width: 150px;}
  .applay-img-wrap {height: 210px;}
  .applay-swiper .swiper-slide  .applay-img-wrap {height: 340px;}
  .applay-overlay p {font-size: var(--fs-18);}
  .applay-marquee {margin-top: 36px;}
  .applay-marquee-inner span {font-size: 5.5rem;}
}

/* ====================================
   sec-calsns
==================================== */
.sec-calsns {background: #fff; background:url(../img/content/main/section6_bg.jpg) no-repeat bottom / cover;}
.calsns-inner {max-width: 1600px; margin: 0 auto;display: grid; grid-template-columns: 1fr 1.6fr 1fr; gap: 20px; align-items: start;}
.calsns-schedule, .calsns-links {align-self: stretch;}

/* 재단일정 */
.calsns-schedule {background: linear-gradient(to top, #E8EBFD, #F4F7FE); border-radius: 20px; padding: 28px 24px; display: flex; flex-direction: column; gap: 20px;}
.schedule-head {display: flex; align-items: flex-start; justify-content: space-between;}
.schedule-head > div:first-child {display: flex; flex-direction: column;}
.schedule-label {font-size: var(--fs-14); font-weight: 700; color: var(--blue);}
.schedule-date {font-size: var(--fs-32); font-weight: 900; color: #111; letter-spacing: -0.02em;}
.schedule-nav {display: flex; gap: 4px; margin-top: 6px;}
.sch-nav-btn {width: 30px; height: 30px; border-radius: 50%; border: 1px solid rgba(0,0,0,0.13); background: #fff; display: flex; align-items: center; justify-content: center; color: #555; cursor: pointer; transition: background 0.2s;}
.sch-nav-btn:hover {background: #f0f0f0;}
.schedule-list {list-style: none; overflow-y: auto; max-height: 245px; display: flex; flex-direction: column; gap: 16px; padding-right: 4px; scrollbar-width: thin; scrollbar-color: rgba(100,80,200,0.25) transparent;}
.schedule-list::-webkit-scrollbar {width: 4px;}
.schedule-list::-webkit-scrollbar-track {background: transparent;}
.schedule-list::-webkit-scrollbar-thumb {background: rgba(100,80,200,0.25); border-radius: 4px;}
.schedule-item {display: flex; align-items: flex-start; gap: 12px;}
.sch-badge {flex-shrink: 0; font-size: var(--fs-14); font-weight: 700; color: #fff; padding: 3px 11px; border-radius: 20px; background: var(--blue); white-space: nowrap; margin-top: 2px;}
.sch-badge.sch-exhibit {background: #4f46e5;}
.schedule-item p {font-size: var(--fs-18); color: #333; line-height: 1.55; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;}

/* 유튜브 영상 */
.calsns-video {position: relative; border-radius: 20px; overflow: hidden; display: block; background: #000; aspect-ratio: 16/10;}
.calsns-video img {width: 100%; height: auto; object-fit: cover; transition: transform 0.4s; opacity: 0.92;}
.calsns-video:hover img {transform: scale(1.03); opacity: 0.85;}
.video-play {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 68px; height: 68px; border-radius: 50%; background: #ff0000; display: flex; align-items: center; justify-content: center; transition: transform 0.2s, background 0.2s;}
.calsns-video:hover .video-play {transform: translate(-50%, -50%) scale(1.1); background: #cc0000;}
.video-play::after {content: ''; width: 0; height: 0; border-style: solid; border-width: 11px 0 11px 20px; border-color: transparent transparent transparent #fff; margin-left: 5px;}

/* SNS + 후원 */
.calsns-links {display: flex; flex-direction: column; gap: 14px;}
.sns-grid {display: grid; grid-template-columns: 1fr 1fr; gap: 12px;}
.sns-card {position: relative; border-radius: 14px; overflow: hidden; display: block; aspect-ratio: 1;}
.sns-card img {width: 100%; height: 100%; object-fit: cover; transition: transform 0.4s;}
.sns-card:hover img {transform: scale(1.06);}
.sns-card::after {content: ''; position: absolute; inset: 0; background: linear-gradient(to top, rgba(0,0,0,0.35) 0%, transparent 55%); pointer-events: none;}
.sns-icon {position: absolute; bottom: 10px; left: 10px; width: 30px; height: 30px; border-radius: 50%; background: rgba(255,255,255,0.92); display: flex; align-items: center; justify-content: center; color: #444;}
.sns-icon svg {width: 15px; height: 15px;}
.sns-icon.sns-blog {color: #03c75a;}
.support-card {display: flex; flex-direction: column; justify-content: center; gap: 8px; border-radius: 16px;background:url(../img/content/main/support_card_bg.png) no-repeat center / cover;padding: 28px 24px; flex: 1; min-height: 120px; transition: filter 0.2s;}
.support-card:hover {filter: brightness(1.06);}
.support-card p {font-size: var(--fs-26); font-weight: 900; color: #fff; line-height: 1.3;}
.support-card span {font-size: var(--fs-14); color: rgba(255,255,255,0.65);}
@media (max-width:1920px){
	.calsns-inner {max-width:1400px; width:95%;}
	.schedule-item p{font-size:var(--fs-16);}
}
@media (max-width: 1200px) {
  .calsns-inner {padding: 0 40px; gap: 16px;}
}
@media (max-width: 780px) {
  .sec-calsns {padding: 50px 0 60px;}
  .calsns-inner {padding: 0 20px; grid-template-columns: 1fr; gap: 16px;}
  .schedule-list {min-height: 180px; max-height: 220px;}
  .calsns-video {aspect-ratio: 16/9;}
  .support-card p {font-size: var(--fs-22);}
  .calsns-links{display:grid; grid-template-columns:2fr 1fr;gap:12px;}
}
@media (max-width:500px){
	.calsns-links{grid-template-columns:1fr;}
}
/* ====================================
   sec-wmss: 완주문화선도산단
==================================== */
.sec-wmss {position: relative; overflow: hidden; min-height: 680px; display: flex; align-items: center; background: linear-gradient(180deg, #010208 0%, #03081e 50%, #060318 100%);}
.fp-enabled .sec-wmss {min-height: unset; height: 100%;}
.wmss-reel {position: absolute; inset: 0; display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; z-index: 0; overflow: hidden;}
.wmss-reel-col {overflow: hidden;}
.wmss-reel-track {display: flex; flex-direction: column; gap: 8px; will-change: transform;}
.wmss-reel-item img {width: 100%; display: block; object-fit: cover; pointer-events: none;}
.wmss-vignette {position: absolute; inset: 0; pointer-events: none; z-index: 1; background: radial-gradient(ellipse at 50% 50%, rgba(0,0,0,0.55) 15%, rgba(0,0,0,0.95) 100%);}
.wmss-inner {position: relative; z-index: 2; width: 100%; max-width: 1600px; margin: 0 auto; display: flex; align-items: center; gap: 0;}

/* 좌측 텍스트 (z-index로 미디어 위 */
.wmss-con-wrap{flex:0 0 500px;margin-right: -90px; position: relative; z-index: 3;}
.wmss-text{margin-bottom:4vmin;}
.wmss-text h2 {font:700 var(--fs-64) var(--paper); color: #fff; line-height: 1.18; letter-spacing: -0.03em; text-shadow: 0 2px 40px rgba(0,0,0,0.5);}
.wmss-desc-wrap {margin-top:3vmin;}
.wmss-desc-wrap strong {font-size: var(--fs-14); font-weight: 700; color: rgba(255,255,255,0.55); letter-spacing: 0.05em; display: block; margin-bottom: 10px;}
.wmss-desc-wrap p {font-size: var(--fs-16); color: rgba(255,255,255,0.70); line-height: 1.85;}

/* 중앙 미디어 */
.wmss-media {position: relative; z-index: 2; border-radius: 18px; overflow: hidden; aspect-ratio: 16/9;}
.wmss-media video {width: 100%; height: 100%; object-fit: cover; display: block;}

/* 우측: 원형 텍스트 + 버튼 */
.wmss-right {display: flex; margin-left: -24px; z-index: 3;}
.wmss-circle-wrap {position: relative; width: 168px; height: 168px; display: flex; align-items: center; justify-content: center; flex-shrink: 0;}
.wmss-ring-text {pointer-events: none; position: absolute; inset: 0; width: 100%; height: 100%; animation: wmss-spin 14s linear infinite; will-change: transform;}
@keyframes wmss-spin {to {transform: rotate(360deg);}}
.wmss-arrow {width: 58px; height: 58px; border-radius: 50%; border: 1.5px solid rgba(255,255,255,0.45); background: rgba(255,255,255,0.07); backdrop-filter: blur(6px); display: flex; align-items: center; justify-content: center; color: #fff; transition: background 0.25s, border-color 0.25s, transform 0.25s; flex-shrink: 0;}
.wmss-arrow:hover {background: rgba(255,255,255,0.16); border-color: rgba(255,255,255,0.85); transform: scale(1.10);}
.wmss-detail-btn {display: inline-block; padding: 13px 26px; border-radius: 40px; border: 1.5px solid rgba(255,255,255,0.30); color: rgba(255,255,255,0.82); font-size: var(--fs-14); letter-spacing: 0.04em; background: rgba(255,255,255,0.05); backdrop-filter: blur(6px); transition: background 0.25s, border-color 0.25s, color 0.25s; white-space: nowrap;}
.wmss-detail-btn:hover {background: rgba(255,255,255,0.13); border-color: rgba(255,255,255,0.65); color: #fff; padding:13px 40px;}
@media (max-width: 1920px) {
	.wmss-inner{max-width:1100px;}
	.wmss-text h2{font-size:var(--fs-48);}
	.wmss-con-wrap{flex: 0 0 300px;}
}
@media (max-width: 1200px) {
  .wmss-inner {padding: 60px 40px;}
  .wmss-text {margin-right: -60px;}
  .wmss-text h2 {font-size: var(--fs-44);}
}
@media (max-width: 1000px) {
	.wmss-con-wrap{flex:1;margin:0 auto;}
	.wmss-desc-wrap{margin-top:1vmin;}
}
@media (max-width: 780px) {
	
  .sec-wmss {min-height: auto;}
  .wmss-inner {display:flex; flex-flow:column;}
  .wmss-text {order:1; margin-right: 0; flex:1; text-align:center; margin:0 auto;}
  .wmss-text h2 {font-size: var(--fs-36);}
  .wmss-right {flex-direction: row; justify-content: center; align-self:center; padding-left: 0;}
  .wmss-circle-wrap{display:none;}
  .wmss-right{order:2}
  .wmss-media{order:3; margin-top:1vmin;}
}


/* sec-footer */
@media(max-width:780px){
	.m-br{display:none; }
	.sec-footer{display:none;}
}