@charset "UTF-8";
/* Ewha 2026 Main Renewal — renewal-main.css (ko) 섹션 순서 = 라이브 DOM 기준 (www2.ewha.ac.kr/ewha/index.do) Tokens > Common > Hero > News > Research > Notice > Events > Banner > People > Giving > SNS > Grouped > Quick > GG > Overview > Admission(미사용) */
/* -------------------------- Text Styles----------------------------- */
.tit-1{font-size:64px;font-family:'EHWA';/* letter-spacing:120%; */}
.tit-2{font-size:40px;/* letter-spacing:120%; */}
.tit-3{font-size:28px;/* letter-spacing:145%; */}
.tit-4{font-size:20px;/* letter-spacing:145%; */}
.tit-5{font-size:18px;/* letter-spacing:145%; */}
.body-1{font-size:20px;/* letter-spacing:145%; */}
.body-2{font-size:18px;/* letter-spacing:145%; */}
.caption-1{font-size:16px;/* letter-spacing:145%; */}
.label-1{font-size: 16px;/* letter-spacing:145%; */}
@media screen and (max-width:1440px){
}
@media screen and (max-width:1024px){
}
@media screen and (max-width:768px){
}
@media screen and (max-width:480px){
}
/* Common Styles */
/* Accessibility: sr-only (screen reader only) */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;}
/* Accessibility: Focus Visible Styles */
.common-nav .btn-nav:focus-visible,.btn-people-more:focus-visible,.btn-history-more:focus-visible,.btn-giving-more:focus-visible,.btn-events-more:focus-visible,.btn-research-more:focus-visible,.btn-sns-more:focus-visible{outline:2px solid #00664f;outline-offset:2px;border-radius:4px;}
.news-main-title:focus-visible,.notice-tab:focus-visible{outline:2px solid #00664f;outline-offset:2px;}
.ewha-news-wrap .news-gallery-item:focus-within,.events-card:focus-visible,.banner-card:focus-visible,.people-card:focus-visible,.history-card:focus-visible,.giving-card:focus-within,.sns-card:focus-within{outline:2px solid #00664f;outline-offset:2px;border-radius:2px;}
.related-site-title:focus-visible{outline:2px solid #fff;outline-offset:2px;border-radius:4px;}
.ewha-news-wrap .news-text-list li:focus-within{background:rgba(0,102,79,0.05);}
.events-month-select:focus-visible{outline:2px solid #00664f;outline-offset:2px;}
.sns-icon:focus-visible{outline:2px solid #00664f;outline-offset:2px;border-radius:50%;}
.btn-giving:focus-visible{outline:2px solid #00664f;outline-offset:2px;}
.btn-month-prev:focus-visible,.btn-month-next:focus-visible{outline:2px solid #00664f;outline-offset:2px;}
/* Slider Components (Core Common) */
.common-slider-wrap{position:relative;width:100%;}
.common-controls{display:flex;flex-direction:column;}
.common-indicator{display:flex;align-items:center;gap:15px;color:#fff;margin-right:16px;}
.common-indicator .curr,.common-indicator .total{font-family:'Outfit',sans-serif;font-weight:600;font-size:18px;min-width:25px;}
.common-indicator .bar{position:relative;height:2px;background:rgba(255,255,255,0.2) !important;overflow:hidden;}
.common-indicator .progress{position:absolute;top:0;left:0;width:0;height:100%;background:#ffffff !important;transition:transform 0.6s cubic-bezier(0.16,1,0.3,1);}
.common-nav{display:flex;gap:15px;}
.common-nav .btn-nav{display:flex;position:relative;width:48px;height:48px;border:1px solid rgba(255,255,255,0.3);border-radius:4px;background:transparent;align-items:center;justify-content:center;cursor:pointer;transition:all 0.3s ease;}
.common-nav .btn-nav:hover{background:rgba(255,255,255,0.1);border-color:#ffffff;}
/* Research/Events/Banner: prev SVG = same as next, needs rotate */
@keyframes slideEnterRight{
from{transform:translateX(100%);}
to{transform:translateX(0);}
}
@keyframes slideEnterLeft{
from{transform:translateX(-100%);}
to{transform:translateX(0);}
}
@keyframes slideExitLeft{
from{transform:translateX(0);}
to{transform:translateX(-100%);}
}
@keyframes slideExitRight{
from{transform:translateX(0);}
to{transform:translateX(100%);}
}
.research-img-swiper .slide-enter-right{animation:slideEnterRight 0.6s ease both;}
.research-img-swiper .slide-enter-left{animation:slideEnterLeft 0.6s ease both;}
.research-img-swiper .slide-exit-left{animation:slideExitLeft 0.6s ease both;}
.research-img-swiper .slide-exit-right{animation:slideExitRight 0.6s ease both;}
.research-main-swiper .slide-enter-right{animation:slideEnterRight 0.6s ease both;}
.research-main-swiper .slide-enter-left{animation:slideEnterLeft 0.6s ease both;}
.research-main-swiper .slide-exit-left{animation:slideExitLeft 0.6s ease both;}
.research-main-swiper .slide-exit-right{animation:slideExitRight 0.6s ease both;}
.research-img-swiper .swiper-wrapper{position:relative;}
.research-img-swiper .swiper-slide{position:absolute;top:0;left:0;width:clamp(461px,47.87vw,785px);height:564px;}
.research-img-swiper .swiper-slide:first-child{position:relative;}
.research-main-swiper .swiper-wrapper{position:relative;}
.research-main-swiper .research-slide-item{position:absolute;top:0;left:0;width:100%;}
.research-main-swiper .research-slide-item:first-child{position:relative;}
.research-main-swiper .research-slide-item .tit-3{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;word-break:break-all;}
.ewha-research-wrap .common-nav .btn-nav.prev svg,.ewha-events-wrap .common-nav .btn-nav.prev svg,.ewha-banner-wrap .common-nav .btn-nav.prev svg{transform:rotate(180deg);}
/* People: prev SVG already points left - no rotate */
/* 양 끝 비활성 상태 */
.common-nav .btn-nav.off{border-color:#999999 !important;cursor:default;pointer-events:none;}
.common-nav .btn-nav.off svg path{stroke:#999999 !important;}
/* Scroll Animation : sc-ani (공통 Fade-in) */
.sc-ani{/*opacity: 0;
    transform: translateY(40px);
    transition: opacity 1.4s cubic-bezier(0.16, 1, 0.3, 1),
        transform 1.4s cubic-bezier(0.16, 1, 0.3, 1);
    will-change: opacity, transform;*/}
.sc-ani.is-active{/*opacity: 1 !important;
    transform: translate(0, 0) !important;*/}
/* Common Interaction : hover-underline 좌→우 scaleX 슬라이드 언더라인 */
.hover-underline span{display:inline;box-decoration-break:clone;-webkit-box-decoration-break:clone;background-image:linear-gradient(#111,#111);background-position:100% 100%;background-repeat:no-repeat;background-size:0% 2px;transition:background-size 0.4s ease-in-out;line-height:1.6;color:#333;text-decoration:none;font-size: 18px;font-weight: 600;}
/* Common Interaction : Thumbnail 이미지 줌 */
.thumb-frame{overflow:hidden;transition:transform 0.3s ease;aspect-ratio:354/266;}
.thumb-frame img{width:100%;display:block;aspect-ratio:354/266;transition:transform 0.3s ease;}
.thumb-zoom:hover .thumb-frame img{transform:scale(1.05);}
/* 리서치 서브 카드 Thumbnail A Type 인터랙션 */
.research-thumb-list .thumb-link{display:block;}
.research-thumb-list .thumb-link .thumb-frame{overflow:hidden;transition:transform 0.3s ease;}
.research-thumb-list .thumb-link .thumb-frame img{display:block;transition:transform 0.3s ease;}
.research-thumb-list .thumb-link:hover .thumb-frame{transform:scale(0.98);}
.research-thumb-list .thumb-link:hover .thumb-frame img{transform:scale(1.05);}
/* 리서치 View More 텍스트 링크 숨김 */
.ewha-research-wrap .view-more{display:none;}
/* 리서치 이미지 호버 오버레이 */
.ewha-research-wrap .featured-research-img{position:relative;display:block;}
/* 리서치 이미지 호버 — 검은 배경 오버레이 */
.ewha-research-wrap .featured-research-img::after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.45);opacity:0;transition:opacity 0.3s;z-index:2;pointer-events:none;}
.ewha-research-wrap .featured-research-img:hover::after{opacity:1;}
/* View More 텍스트 (JS 삽입) */
.ewha-research-wrap .featured-research-img .view-more-label{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-family:"Pretendard",sans-serif;font-size:18px;font-weight:500;letter-spacing:0.02em;z-index:3;opacity:0;pointer-events:none;transition:opacity 0.3s;white-space:nowrap;padding:8px 16px;}
.ewha-research-wrap .featured-research-img:hover .view-more-label{opacity:1;pointer-events:auto;}
/* 언더라인 — View More 텍스트 호버 시에만 */
.ewha-research-wrap .view-more-label::after{content:"";position:absolute;left:16px;right:16px;bottom:4px;height:1px;background-color:#fff;transform:scaleX(0);transform-origin:100% 0;transition:transform 0.5s cubic-bezier(0.16,1,0.3,1);}
.ewha-research-wrap .view-more-label:hover::after{transform:scaleX(1);transform-origin:0% 0;}
.ewha-research-wrap .featured-title{margin-bottom:24px;}
/* Main Visual + Focus EWHA (kgt_test.css에서 이동) */
/* main-visual */
.main-visual-box{width:100%;height:100vh;overflow:hidden;background-repeat:no-repeat;background-color:#000;transition:all .3s;}
.main-visual-box video{width:100%;height:100%;object-fit:cover;}
.main-visual-box .dim{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(180deg,rgba(0,0,0,0) 0%,rgba(0,0,0,0.8) 68.41%,#000000 100%);opacity:0;transition:opacity .3s;}
.main-visual-box .dim.active{opacity:1;}
.main-visual-box .video-controller{position:absolute;bottom:80px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:12px;}
.main-visual-box .video-controller #videoControlBtn{padding:15px 18px;background:#00000060;border-radius:2px;display:flex;align-items:center;justify-content:center;}
.main-visual-box .video-controller #videoControlBtn.btn-pause .pause-icon,.main-visual-box .video-controller #videoControlBtn.btn-play .play-icon{display:flex;}
.main-visual-box .video-controller #videoControlBtn.btn-pause .play-icon,.main-visual-box .video-controller #videoControlBtn.btn-play .pause-icon{display:none;}
.main-visual-box .video-controller .video-close-btn{color:#fff;background:#00000060;padding:12px 16px;font-size:18px;font-weight:500;display:flex;align-items:center;border-radius:4px;gap:16px;}
/* main-visual 동영상 열림,닫힘 제어 */
.main-visual-box.is-closed video{display:none;}
.main-visual-box.is-closed #videoControlBtn{display:none;}
/* focus-ewha */
.focus-ewha-box{position:absolute;bottom:40px;left:0;width:100%;z-index:2;opacity:0;transform:translateY(40px);transition:opacity 0.6s,transform 0.6s,height 0.6s;height:0;overflow:hidden;}
.focus-ewha-box.active{opacity:1;transform:translateY(0);height:302px;}
.focus-ewha-box .focus-ewha-slider{max-width:1520px;overflow:inherit;padding:0 40px;}
.focus-ewha-header{display:flex;justify-content:space-between;align-items:center;margin:0 auto 24px;max-width:1520px;padding:0 60px;}
.focus-ewha-tit{font-family:'EHWA';font-size:40px;color:#fff;}
.focus-ewha-nav{display:flex;gap:4px;}
.focus-ewha-nav button{width:48px;height:48px;border:1px solid #999;border-radius:0;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all 0.3s;}
.focus-ewha-nav button:hover{border-color:#fff;background-color:#fff;}
.focus-ewha-nav button:hover svg path{stroke:#111;}
.focus-ewha-indicator{position:relative;height:2px;margin-bottom:36px;padding-right:60px;background:rgba(255,255,255,0.3);}
.focus-ewha-indicator .indicator-fill{position:absolute;top:0;left:0;height:100%;background:#fff;transition:width 0.3s;}
.focus-ewha-indicator .indicator-fill::before{content:"";display:flex;width:200px;height:2px;position:absolute;left:0;background-color:#fff;transform:translateX(-200px);}
.focus-ewha-slider .swiper-slide{transition:opacity .3s;/* max-width: 290px; */}
.focus-ewha-card{display:block;width:100%;text-decoration:none;color:#fff;position:relative;overflow:hidden;}
.focus-ewha-card .focus-card-dim{position:absolute;bottom:0;left:0;width:100%;height:50%;background:linear-gradient(0deg,#000000 0%,rgba(0,0,0,0) 100%);}
.focus-ewha-card .focus-card-img{width:100%;aspect-ratio:3/2;overflow:hidden;position:relative;}
.focus-ewha-card .focus-card-img .focus-card-arrow-box{position:absolute;top:0;right:0;padding:10px;background-color:#ffffff10;border-radius:2px;}
.focus-ewha-card .focus-card-img .focus-card-arrow-box .focus-card-arrow{width:20px;height:20px;display:flex;align-items:center;justify-content:center;transition:all .3s;}
.focus-ewha-card:hover .focus-card-img .focus-card-arrow-box .focus-card-arrow{transform:rotate(-45deg);}
.focus-ewha-card .focus-card-img img{width:100%;height:100%;object-fit:cover;transition:transform 0.3s;clip-path:polygon(0% 0%,calc(100% - 44px) 0%,calc(100% - 44px) 44px,100% 44px,100% 0%,100% 100%,0% 100%);}
.focus-ewha-card:hover .focus-card-img>div:first-child{overflow:hidden;width:100%;height:100%;transition:all .3s;}
.focus-ewha-card:hover .focus-card-img>div:first-child{transform:scale(0.98);}
.focus-ewha-card:hover .focus-card-img img{transform:scale(1.05);transition:all .3s;}
.focus-ewha-card .focus-card-img::after{content:'';position:absolute;bottom:0;left:0;width:100%;height:60%;background:linear-gradient(transparent,rgba(0,0,0,0.7));}
.focus-ewha-card .focus-card-txt{position:absolute;bottom:16px;left:12px;right:12px;font-size:16px;line-height:1.4;font-weight:500;color:#fff;z-index:1;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
/* 래퍼: PC에서 없는 것처럼 */
.focus-slider-mobile-wrap{display:contents;}
.focus-m-prev,.focus-m-next{display:none;}
/* 이화뉴스 스타일 */
.news-mini-wrap{margin:0 auto;padding:0;width:100%;max-width:1300px;box-sizing:border-box;}
/* News 섹션 inner: 제목 정렬 통일 */
.ewha-news-wrap .news-mini-wrap{max-width:1520px;padding:0;box-sizing:content-box;}
/* 콘텐츠 */
.ewha-news-wrap .news-header{display:flex;position:relative;align-items:baseline;}
.ewha-news-wrap .mo-news-title{display:none;}
.ewha-news-wrap .news-title-box{display:flex;align-items:baseline;gap:20px;}
.ewha-news-wrap .news-header .news-main-title{position:relative;margin:0;padding:0;border:0;background:transparent;cursor:pointer;color:#b1b1b1;padding-left:12px;}
.ewha-news-wrap .news-main-title.active{color:#111;}
.ewha-news-wrap .news-mini-wrap .news-tab-box .news-header .news-title-box .news-main-title.active::after{content:'';position:absolute;left:5px;top:6%;transform:translateY(-50%);width:10px;height:10px;background-color:#E63B53;border-radius:50%;display:block;display:block;}
.ewha-news-wrap .news-header .btn-more-plus{margin-left:auto;padding:16px;}
.news-board-content{display:block;margin-top:20px;padding-top:30px;border-top:2px solid #222;}
.ewha-news-wrap .news-gallery-list{display:flex;margin:0 0 50px;padding:0;justify-content:space-between;gap:12px;}
.ewha-news-wrap .news-gallery-item{width:calc(25%);list-style:none;}
.ewha-news-wrap .news-gallery-item a{display:block;}
.ewha-news-wrap .news-img-box{margin:0 0 20px;border:1px solid #eaeaea;overflow:hidden;transition:transform 0.3s ease,border-color 0.3s ease;}
.ewha-news-wrap .news-img-box img{width:100%;vertical-align:top;background:#eee;aspect-ratio:4/3;transition:transform 0.3s ease;}



.ewha-news-wrap .news-gallery-list.col-type{flex-wrap:wrap;}
.ewha-news-wrap .news-gallery-list.col-type .news-gallery-item{width: calc(50% - 25px);}
.ewha-news-wrap .news-gallery-list.col-type .news-gallery-item a{display:flex;gap:20px;border-bottom: 1px solid #ddd;padding-bottom: 20px;}
.ewha-news-wrap .news-gallery-list.col-type .news-gallery-item:last-child a,
.ewha-news-wrap .news-gallery-list.col-type .news-gallery-item:nth-last-child(2) a{border-bottom:0;}
.ewha-news-wrap .news-gallery-list.col-type .news-gallery-item .news-img-box{aspect-ratio:340/255;flex: 0 0 clamp(200px, calc(100vw * (340 / 1400)), 340px);margin:0;}
.ewha-news-wrap .news-gallery-list.col-type .news-gallery-item .news-img-box img{width:100%;height:100%;object-fit:cover;}
.ewha-news-wrap .news-gallery-list.col-type .news-gallery-item .news-txt-box{display:flex; flex-direction: column; justify-content:space-between;}


/* 갤러리 카드 hover: 카드 축소 + 이미지 줌 (공통 thumb-zoom의 섹션별 확장) */
.ewha-news-wrap .news-gallery-item:hover .news-img-box{transform:scale(0.98);border-color:#d5d5d5;}
.ewha-news-wrap .news-gallery-item:hover .news-img-box img{transform:scale(1.05);}
/* 갤러리 카드 hover 시 → 공통 hover-underline-parent 패턴 활용 */
.ewha-news-wrap .news-gallery-item:hover .hover-underline span{background-position:0% 100%;background-size:100% 2px;}
.ewha-news-wrap .news-txt-box .news-item-title{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-height:1.5;overflow:hidden;margin-bottom:15px;padding-bottom:0;color:#222;word-break:break-all;}
.ewha-news-wrap .news-txt-box .news-item-desc{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-height:1.5;overflow:hidden;color:#555;word-break:break-all;}
.ewha-news-wrap .news-txt-box .news-date{display:block;color:#888;}
.ewha-news-wrap .news-text-list{position:relative;/* border-top:1px solid #eaeaea; */ overflow:visible;}
.ewha-news-wrap #ewha-news-panel .news-text-list{border-top:1px solid #eaeaea;}
.ewha-news-wrap .news-text-list ul{margin:0;padding:0;}
.ewha-news-wrap .news-text-list li{position:relative;display:flex;border-bottom:1px solid #eaeaea;list-style:none;align-items:center;justify-content:space-between;}
.ewha-news-wrap .news-text-list li a{display:block;color:#111;white-space:nowrap;margin-left:8px;padding:26px 35px 26px 0;flex:1;overflow:hidden;text-overflow:ellipsis;transition:transform 0.4s cubic-bezier(0.25,1,0.5,1),color 0.4s ease,font-weight 0.4s ease,text-shadow 0.4s ease;font-size:18px;font-weight: 500;}
.ewha-news-wrap .news-text-list li:hover a{color:#00664F;transform:translateX(8px);text-shadow:-4px 0 10px rgba(0,102,79,0.15);font-style:SemiBold;}
.ewha-news-wrap .news-text-list li:hover .news-date{color:#00664F;font-weight:400;transform:translateX(-16px);text-shadow:4px 0 10px rgba(0,102,79,0.15);}
/* 기존 개별 숨김 처리된 프리뷰 요소는 JS 동작 전 화면에서 감춤 */
/* 뉴스 리스트 행별 프리뷰 이미지 */
.ewha-news-wrap .news-text-list .hover-preview{position:absolute;right:200px;top:0;width:320px;height:240px;opacity:0;visibility:hidden;pointer-events:none;z-index:10;border-radius:2px;overflow:hidden;box-shadow:4px 4px 16px 0px rgba(0,0,0,0.12);}
.ewha-news-wrap .news-text-list .hover-preview.is-active{opacity:1;visibility:visible;}
.ewha-news-wrap .news-text-list .hover-preview img{width:320px;height:240px;object-fit:cover;display:block;}
/* 내부 슬라이더 띠 */
.ewha-news-wrap .news-text-list .hover-preview .preview-slider{width:100%;transition:transform 0.6s cubic-bezier(0.16,1,0.3,1);will-change:transform;}
.ewha-news-wrap .news-text-list li a.text-green{font-weight:500;}
.ewha-news-wrap .news-text-list li .news-date{margin-right:8px;color:#666666;text-align:right;transition:transform 0.4s cubic-bezier(0.25,1,0.5,1),color 0.4s ease,text-shadow 0.4s ease;font-size: 16px;}
.ewha-news-wrap .news-text-list li .news-date.text-green{font-weight:500;}
.ewha-news-wrap .mo-btn-more{display:none;}
@media screen and (max-width:1024px){
.research-inner .research-content-box{flex-direction:column;gap:0px;}
.research-main-swiper .research-slide-item{margin-top:40px;}
.research-top-group .tit-3{min-height:95px;-webkit-line-clamp:2;}
.research-top-group h3,p{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
	
.ewha-news-wrap .news-gallery-list.col-type .news-gallery-item{width: 100%}
.ewha-news-wrap .news-gallery-list.col-type .news-gallery-item:nth-last-child(2) a{border-bottom:1px solid #ddd;}
}
/* 768 px모바일 반응형 */
@media screen and (max-width:768px){
.research-thumb-swiper .thumb-txt p{font-size:18px;}
.ewha-news-wrap{margin-top:0 !important;}
.ewha-news-wrap .news-mini-wrap{padding:0;}
.news-mini-wrap{padding:80px 20px;}
.ewha-news-wrap .news-header{flex-wrap:wrap;align-items:center;justify-content:space-between;}
.ewha-news-wrap .mo-news-title{display:block;color:#111;}
.ewha-news-wrap .news-title-box{width:100%;margin-top:25px;padding:0;border-bottom:1px solid #eaeaea;gap:0;display:flex;order:3;}
.ewha-news-wrap .news-header .btn-more-plus{order:2;}
.ewha-news-wrap .news-header .news-main-title{width:50%;padding:15px 0;text-align:center;background:none;border:none;font-weight:600;font-size:16px !important;line-height:145%;}
.ewha-news-wrap .news-mini-wrap .news-tab-box .news-header .news-title-box .news-main-title.active{border-bottom:2px solid #00664F;color:#00664F;font-weight:600;margin-bottom:-1px;}
.ewha-news-wrap .news-mini-wrap .news-tab-box .news-header .news-title-box .news-main-title.active::after{display:none;}
.ewha-news-wrap .btn-more-plus{margin:0;font-size:40px;font-weight:300;color:#111;line-height:1;}
.news-board-content{margin-top:0;padding-top:30px;border-top:0;}
.ewha-news-wrap .news-gallery-list{flex-direction:column;margin-bottom:0;gap:40px;/* 갤러리 아이템 간격 캡쳐와 유사하게 조정 */}
.ewha-news-wrap .news-gallery-list.col-type .news-gallery-item a{flex-direction: column;}
.ewha-news-wrap .news-gallery-list.col-type .news-gallery-item .news-img-box{flex:0 0 auto; width:100%;}
.ewha-news-wrap .news-gallery-list.col-type .news-gallery-item .news-txt-box{padding-top:0;}
.ewha-news-wrap .news-gallery-item{width:100%;margin-bottom:0;}
.ewha-news-wrap .news-img-box{margin:0;border-radius:4px;overflow:hidden;}
.ewha-news-wrap .news-txt-box{padding-top:15px;}
.ewha-news-wrap .news-txt-box .news-item-title{color:#222;margin-bottom:0;}
/* 모바일 이미지에선 갤러리 아이템 하단 날짜 제거 */
.ewha-news-wrap .news-txt-box .news-date{display:none;}
.ewha-news-wrap .news-text-list{display:none;}
.ewha-news-wrap .mo-btn-more{display:flex;align-items:center;justify-content:center;margin-top:40px;color:#222;font-family:Pretendard,sans-serif;font-size:16px;font-weight:600;text-decoration:none;}
}
/* *************************************************** 리서치 스타일  ********************************************* */
.ewha-research-wrap{margin-top:90px;position:relative;background:linear-gradient(116.67deg,#00664F 0%,#010504 174.22%);overflow:hidden;color:#fff;}
.research-inner{position:relative;max-width:1520px;margin:0 auto;padding:120px 60px;z-index:2;}
/* 빅 타이포그래피 (배경 레이어 - Flexbox로 구석 고정) */
.bg-deco-text{position:absolute;left:0;top:0;width:100%;height:100%;display:flex;flex-direction:column;justify-content:space-between;font-family:'EHWA',sans-serif;font-weight:900;font-size:280px;line-height:1;color:rgba(255,255,255,0.035);white-space:nowrap;pointer-events:none;z-index:1;overflow:hidden;}
.bg-deco-text span{display:block;height:0.82em;}
/* EWHA: 우상단 배치 (Flex Item) */
.deco-ewha-ani{align-self:flex-end;margin-right:-80px;line-height:0.8;opacity:0;transform:translate(500px,0);transition:opacity 2s cubic-bezier(0.16,1,0.3,1),transform 2s cubic-bezier(0.16,1,0.3,1);}
/* WOMANS: 좌하단 배치 (Flex Item) */
.deco-womans-ani{align-self:flex-start;margin-bottom:-50px;margin-left:-100px;opacity:0;transform:translate(-500px,0);transition:opacity 2s cubic-bezier(0.16,1,0.3,1),transform 2s cubic-bezier(0.16,1,0.3,1);}
/* 활성 상태 (공용 옵저버 연결) */
.is-active .deco-ewha-ani,.is-active .deco-womans-ani{opacity:1 !important;transform:translate(0,0) !important;}
/* 섹션 헤더 및 콘텐츠 */
.research-header{display:flex;justify-content:space-between;align-items:center;border-bottom:2px solid rgba(255,255,255,1);padding-bottom:30px;margin-bottom:60px;}
.research-content-box{display:flex;gap:60px;align-items:flex-start;min-height:350px;}
/* ---- 좌측 이미지 스와이퍼 ---- */
.research-img-swiper{flex:1.2;min-width:0;position:relative;overflow:hidden;}
/* 슬라이드가 스와이퍼 전체 높이를 채우도록 */
@keyframes slideInFromRight{
from{opacity:0;transform:translateX(30%);}
to{opacity:1;transform:translateX(0);}
}
.research-img-swiper .swiper-slide.slide-in{animation:slideInFromRight 0.6s ease both;}
.research-img-swiper .swiper-wrapper,.research-img-swiper .swiper-slide{/*height: auto;*/}
.research-img-swiper .featured-research-img{display:block;width:100%;height:100%;text-decoration:none;overflow:hidden;cursor:pointer;}
.research-img-swiper .thumb-frame{margin:0;width:100%;height:100%;/*aspect-ratio:740/555;*/ position:relative;overflow:hidden;}
.research-img-swiper .thumb-frame img{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:100%;height:100%;object-fit:cover;display:block;transition:transform 0.3s ease;}
.research-img-swiper .featured-research-img:hover .thumb-frame img{transform:scale(1.05) translate(-50%,-50%);}
/* ---- 우측 컬럼 ---- */
.research-right-col{flex:1;min-width:0;align-self:stretch;display:flex;flex-direction:column;justify-content:space-between;}
/* 상단: 제목 + 설명 */
.research-top-group{flex-shrink:0;}
/* 메인 설명 텍스트 */
.research-slide-item .research-desc{margin-top:24px;font-size:18px;line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
/* 하단: 컨트롤러 + 썸네일 */
.research-bottom-group{flex-shrink:0;}
/* 컨트롤러 */
.research-right-col .research-slider-controller{margin-bottom:30px;}
.common-slider-container{overflow:hidden;margin-bottom:80px;}
.common-slider-track{display:flex;}
.research-slider-controller{width:100%;display:flex;flex-direction:row;align-items:center;}
.research-slider-controller .common-indicator,.bar{width:100%;}
.research-slider-controller .common-nav{margin-left:20px;}
.research-thumb-list{display:flex;list-style:none;padding:0;margin:0;}
.thumb-link{display:block;text-decoration:none;position:relative;}
.thumb-link .thumb-txt{width:100%;height:78px;display:flex;align-items:flex-end;position:absolute;background:linear-gradient(180deg,rgba(0,0,0,0) 0%,#000000 100%);font-family:Pretendard;font-weight:600;font-size:16px;line-height:145%;bottom:0;left:0;letter-spacing:-0.02em;padding:0 12px 10px;box-sizing:border-box;}
/* Research Swiper 보정 */
.research-img-swiper,.research-main-swiper,.research-thumb-swiper{position:relative;overflow:hidden;}
/* Research Thumb Swiper */
.research-thumb-swiper{margin-top:30px;}
.research-thumb-swiper .swiper-wrapper{list-style:none;margin:0;padding:0;}
/* swiper-slide 1개씩 개별 슬라이드 */
.research-thumb-swiper .swiper-slide{display:block;}
/* Thumbnail_common 인터랙션 */
.research-thumb-swiper .swiper-slide .thumb-link{flex:1;min-width:0;display:flex;flex-direction:column;text-decoration:none;}
.research-thumb-swiper .thumb-frame{margin:0;flex-shrink:0;}
.research-thumb-swiper .swiper-slide .thumb-link:hover .thumb-frame img{transform:scale(1.05);}
.research-thumb-swiper .thumb-desc{display:none;}
.research-thumb-swiper .thumb-txt{color:#fff;padding-top:10px;}
.research-thumb-swiper .thumb-txt .label-1{display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;}
/* View More — 언더라인은 상단 공통 .hover-underline 활용, 색상만 오버라이드 */
.featured-info .view-more{color:#fff;text-decoration:none;}
/* featured-research-img 기본 (이미지 스와이퍼 외부에서 쓰일 경우 대비) */
.featured-research-img{display:block;text-decoration:none;overflow:hidden;cursor:pointer;}
.featured-research-img figure{margin:0;}
@media screen and (max-width:1280px){
.sns-content{flex-wrap:wrap;}
.sns-card.sns-instagram{flex:1;width:100% !important;}
.sns-card.sns-youtube{flex:0 1 auto !important;width:100%;}
.sns-img{aspect-ratio:280/350;}
}
/* Research 반응형 (768px 이하) */
@media screen and (max-width:768px){
.research-inner{padding:0 20px 80px;}
.featured-desc{display:none;}
.featured-title{font-size:18px;}
.research-header{margin-top:80px;margin-bottom:30px;padding-bottom:20px;}
/* 빅 타이포: 크기 축소, EWHA 좌측 / WOMANS 우측 */
.bg-deco-text{font-size:100px;align-items:flex-start;}
/* 모바일: 원본 EWHA/WOMANS 텍스트 숨기고 ::after로 대체 안 함 대신 span 자체 텍스트를 보이되, 크기만 조절 */
.bg-deco-text{font-size:100px;}
.bg-deco-text span{height:auto !important;overflow:hidden;width:100%;}
/* 상단: 왼쪽 정렬, 오른쪽 넘침 짤림 */
.bg-deco-text .deco-ewha-ani{align-self:flex-start;margin-left:0;margin-right:0;}
/* EWHA 뒤에 " WOMANS UNIVERSITY" 붙이기 */
.bg-deco-text .deco-ewha-ani::after{content:' WOMANS UNIVERSITY';}
/* 하단: 오른쪽 정렬, 왼쪽 넘침 짤림 */
.bg-deco-text .deco-womans-ani{align-self:flex-end;margin-left:0;margin-bottom:-10px;direction:rtl;}
/* WOMANS 앞에 "EWHA " 뒤에 " UNIVERSITY" 붙이기 */
.bg-deco-text .deco-womans-ani::before{content:'EWHA ';}
.bg-deco-text .deco-womans-ani::after{content:' UNIVERSITY';}
/* 세로 단일 컬럼 */
.research-content-box{flex-direction:column;gap:0;}
/* 모바일: 왼쪽 큰 이미지 + 텍스트 숨김, 썸네일이 메인 */
.research-img-swiper,.research-top-group{display:none;}
/* 우측 컬럼: 전체 너비 */
.research-right-col{flex:none;width:100%;display:block;}
/* 컨트롤러 */
.research-right-col .research-slider-controller{margin-top:24px;}
/* 썸네일: 1개씩, 그라데이션 제거, 제목 이미지 아래로 */
.research-thumb-swiper{display:block;margin-top:0;}
.research-thumb-swiper .thumb-txt{position:static;background:none;height:auto;padding:12px 0 0;}
.research-bottom-group{display:flex;flex-direction:column;order:1;}
.research-bottom-group .research-slider-controller{order:2;margin-top:24px;}
.research-bottom-group .research-thumb-swiper{order:1;}
/* 스크롤 애니메이션 초기값 재설정 (모바일은 translateY 최소화) */
.ewha-research-wrap .research-right-col{transform:translateY(15px);}
}
/* Research Bottom Cards (Research Sub Links) */
.research-bottom-cards{display:flex;gap:40px;margin-top:60px;margin-bottom:120px;}
.research-sub-card{flex:1;background:rgba(0,0,0,0.30);backdrop-filter:blur(20px);border-radius:2px;padding:32px 24px;display:flex;flex-direction:column;height:384px;box-sizing:border-box;overflow:hidden;}
.research-sub-card .card-inner{height:100%;display:flex;flex-direction:column;gap:0;}
.research-sub-card .card-title{margin-bottom:20px;color:#fff;}
.research-sub-card .card-desc{margin-bottom:60px;opacity:0.8;}
.research-sub-card .link-item{display:flex;align-items:center;gap:8px;max-width:100%;font-size:18px;font-weight:500;margin-bottom:12px;color:#C7C7C7;justify-content:space-between;padding-right:4px;padding-bottom:4px;border-bottom:1px solid #C7C7C7;box-sizing:border-box;transition:color 0.5s cubic-bezier(0.16,1,0.3,1),border-color 0.5s cubic-bezier(0.16,1,0.3,1);}
.research-sub-card .link-item svg path{stroke:#C7C7C7;transition:stroke 0.5s cubic-bezier(0.16,1,0.3,1);}
.research-sub-card .link-item:hover{color:#fff;border-bottom-color:#fff;}
.research-sub-card .link-item:hover svg path{stroke:#fff;}
.research-sub-card .link-item svg{margin-top:2px;flex-shrink:0;}
.research-sub-card .mb-40{margin-bottom:40px;}
/* 좌측 카드 링크 아이템 추가 스펙 */
.card-links{display:flex;flex-direction:column;gap:12px;}
.card-links .link-item{width:320px;height:30px;gap:0;margin-bottom:0;}
/* Card Search Area */
.card-search-area{margin-top:auto;padding-top:40px;}
.card-search-area .search-label{display:block;margin-bottom:20px;font-weight:600;color:#fff;}
.search-form-flex{display:flex;gap:12px;}
.search-select{width:200px;}
.search-select .btn-select{width:100%;height:56px;background:rgba(255,255,255,0.1);border:none;border-radius:4px 0 0 4px;color:#C7C7C7;padding:0 16px;display:flex;align-items:center;justify-content:space-between;cursor:pointer;font-size:16px;}
.search-select .btn-select svg path{stroke:#C7C7C7;}
.search-input-wrap{flex:1;position:relative;display:flex;}
.search-input-wrap .search-input{width:100%;height:56px;background:rgba(255,255,255,0.1);border:none;border-radius:0 4px 4px 0;color:#C7C7C7;padding:0 56px 0 16px;font-size:16px;}
.search-input-wrap .search-input::placeholder{color:#C7C7C7;}
.search-input-wrap .btn-search-submit{position:absolute;right:0;top:0;width:56px;height:56px;background:transparent;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;}
.search-input-wrap .btn-search-submit svg circle,.search-input-wrap .btn-search-submit svg path{stroke:#C7C7C7;}
/* Mobile responsive for bottom cards */
@media screen and (max-width:1024px){
.research-sub-card{padding:32px 24px;}
.research-img-swiper .swiper-slide{width:88.2813vw;height:100%;}
.research-img-swiper .thumb-frame{aspect-ratio:740/555;}
.ewha-sns-wrap{margin-bottom:90px;}
}
@media screen and (max-width:768px){
.research-inner{padding:80px 20px;}
.research-bottom-cards{flex-direction:column;gap:16px;margin-top:40px;margin-bottom:60px;}
.research-sub-card{height:auto;padding:28px 20px;border-radius:8px;}
.research-sub-card .card-title{margin-bottom:12px;font-size:22px;}
.research-sub-card .card-desc{margin-bottom:16px;font-size:14px;}
.research-sub-card .mb-40{margin-bottom:16px;}
.card-links{gap:8px;}
.card-links .link-item{width:100%;height:auto;min-height:36px;padding:10px 12px;border:1px solid #C7C7C7;border-radius:4px;font-size:14px;}
/* 단독 link-item (card-links 밖)에도 동일한 보더 적용 */
.research-sub-card>.card-inner>.link-item{border:1px solid #C7C7C7;border-radius:4px;padding:10px 12px;font-size:14px;width:100%;box-sizing:border-box;}
/* 호버 시 보더 전체 흰색 */
.research-sub-card .link-item:hover{border-color:#fff;}
/* 모바일: 언더라인 애니메이션 제거 */
.research-sub-card .hover-underline::before{display:none;}
.card-search-area{margin-top:0;padding-top:0;}
.card-search-area .search-label{font-size:14px;margin-bottom:12px;}
.search-form-flex{flex-direction:column;gap:8px;}
.search-select{width:100%;flex-shrink:0;}
.search-select .btn-select{border-radius:4px;font-size:13px;padding:0 12px;height:44px;width:100%;box-sizing:border-box;}
.search-input-wrap{width:100%;}
.search-input-wrap .search-input{height:44px;border-radius:4px;font-size:14px;padding:0 44px 0 12px;box-sizing:border-box;}
.search-input-wrap .btn-search-submit{width:44px;height:44px;}
}
/* Notice Section Padding */
.notice-board-wrap{padding-left:60px;padding-right:60px;padding-bottom:0;box-sizing:border-box;position:relative;z-index:2;}
.notice-board-wrap>.news-mini-wrap{max-width:1520px;margin:0 auto;}
.ewha-notice-section{padding:0 60px;box-sizing:border-box;}
.ewha-notice-section>.ewha-section-inner{max-width:1520px;}
/* Notice 호버: 텍스트 초록색 + 이동 효과 */
.notice-item a{transition:color 0.4s ease;}
.notice-item:hover a{color:#00664F;}
.notice-item .notice-text{transition:transform 0.4s cubic-bezier(0.25,1,0.5,1),color 0.4s ease,font-weight 0.4s ease;}
.notice-item:hover .notice-text{color:#00664F;font-weight:600;transform:translateX(8px);}
.notice-item .notice-cate{transition:color 0.4s ease;}
.notice-item:hover .notice-cate{color:#00664F;}
/* 이화여대 메인 리뉴얼 – 공지사항(Notice) 섹션 */
/* ------ 스크린리더 전용 ------ */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;}
/* ------ 섹션 공통 ------ */
.ewha-notice-section{background:#fff;font-family:'Pretendard';}
.ewha-section-inner{margin:0 auto;max-width:1300px;box-sizing:border-box;}
/* 헤더: Notice 타이틀 + 탭 + 더보기 */
.notice-header{display:flex;align-items:flex-end;gap:24px;padding:0 0 25px;border-bottom:2px solid #111111;margin-bottom:40px;}
/* Notice 타이틀 CMS 환경에서 h3 태그에 전역 스타일이 적용될 수 있으므로 중첩 선택자로 우선 적용 */
.ewha-notice-section .notice-title{flex-shrink:0;margin:0;padding:0;font-family:'EHWA';font-size:64px;font-style:normal;line-height:1;color:#222;letter-spacing:-0.02em;border:0;background:none;}
/* ------ 탭 래퍼 ------ */
.notice-tab-wrap{display:flex;align-items:flex-end;flex-wrap:wrap;gap:0 20px;padding-bottom:4px;}
/* 피그마 스펙: Pretendard 20px / 600(SemiBold) */
.ewha-notice-section .notice-tab{position:relative;padding:0 0 6px;border:0;background:none;font-family:'Pretendard';font-size:20px;font-weight:500;color:#C7C7C7;cursor:pointer;line-height:1.4;letter-spacing:-0.02em;white-space:nowrap;-webkit-appearance:none;appearance:none;transition:color 0.2s;}
.ewha-notice-section .notice-tab:hover{color:#555;}
/* 활성 탭: #00664F 텍스트 + 하단 언더라인 */
.ewha-notice-section .notice-tab.is-active{color:#00664F;}
.ewha-notice-section .notice-tab.is-active::after{content:'';display:block;position:absolute;left:0;bottom:0;width:100%;height:2px;background:#00664F;border-radius:1px;}
.ewha-notice-section .notice-tab:focus-visible{outline:2px solid #00664F;outline-offset:3px;border-radius:2px;}
/* ------ 더보기(+) 버튼 ------ */
.notice-more-btn{display:flex;align-items:center;justify-content:center;margin-left:auto;flex-shrink:0;padding:0;color:#111;text-decoration:none;transition:opacity 0.2s;}
.notice-more-icon{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;padding:8px;box-sizing:border-box;}
.notice-more-btn svg{display:block;}
.notice-more-btn:hover,.notice-more-btn:focus-visible{opacity:0.5;}
.notice-more-btn:focus-visible{outline:2px solid #00664F;outline-offset:4px;border-radius:2px;}
/* 공지사항 리스트 */
.notice-list-wrap{padding:0;}
.notice-list{list-style:none;margin:0;padding:0;columns:2;column-gap:60px;}
.notice-item{break-inside:avoid;border-bottom:1px solid #e8e8e8;}
.ewha-notice-section .notice-item a{display:flex;align-items:center;gap:8px;padding:23px 0;color:#333;text-decoration:none;transition:color 0.15s;}
.ewha-notice-section .notice-item a:hover{color:#00664F;}
.ewha-notice-section .notice-item a:focus-visible{outline:2px solid #00664F;outline-offset:-2px;border-radius:2px;}
/* ------ 뱃지 묶음 ------ */
.badge-wrap{display:inline-flex;align-items:center;gap:4px;flex-shrink:0;}
/* 공지 배지 피그마 이미지3: H32 / padding 4px 12px / border 1px #C7C7C7 / r2 */
.ewha-notice-section .badge-notice{display:inline-flex;align-items:center;justify-content:center;height:32px;padding:0 12px;background: #e82f68;border: 0;border-radius: 4px;font-family:'Pretendard';font-size:13px;font-weight: 600;color: #fff;line-height:1;white-space:nowrap;box-sizing:border-box;flex-shrink:0;}
/* N(새글) 배지 피그마 이미지4: 32×32 / #E63B53 / r2 */
.ewha-notice-section .badge-new{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;background: #00a651;border-radius: 4px;font-family:'Pretendard';font-size:13px;font-weight:700;color:#fff;line-height:1;box-sizing:border-box;flex-shrink:0;}
/* 카테고리 라벨 (일반, 학사 …) 피그마 이미지5: Title_04 / Pretendard 18px / 600 / #00664F / ls -2% */
.ewha-notice-section .notice-cate{flex-shrink:0;font-family:'Pretendard';font-size:18px;font-weight:600;color:#00664F;line-height:1.45;letter-spacing:-0.02em;white-space:nowrap;}
/* 게시글 제목 피그마 이미지6: body_02 / Pretendard 18px / 500 / #111111 / ls -2% */
.ewha-notice-section .notice-text{flex:1;min-width:0;font-family:'Pretendard';font-size:18px;font-weight:500;color:#111111;line-height:1.45;letter-spacing:-0.02em;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
/* 탭 필터링 시 숨김 */
.notice-item.is-hidden{display:none;}
@media (max-width: 1024px){
.notice-header{flex-wrap:wrap;}
.notice-tab-wrap{width:100%;order:3;}
.notice-more-btn{order:2;}
}
/* 모바일 반응형 (375px 기준) Figma node 709:5625 */
@media (max-width: 768px){
/* --- 섹션 패딩 --- */
.ewha-notice-section{padding:60px 20px;}
/* --- 헤더: 세로 배치 --- */
.notice-header{flex-wrap:wrap;gap:12px;padding-bottom:0;border-bottom:2px solid #111;margin-bottom:24px;}
/* --- 제목: 40px --- */
.ewha-notice-section .notice-title{font-size:40px;letter-spacing:-0.4px;}
/* --- 더보기 버튼: 40x40 --- */
.notice-more-icon{width:40px;height:40px;}
/* --- 탭: 전체 너비, 가로 스크롤 --- */
.notice-tab-wrap{width:100%;order:3;display:flex;flex-wrap:nowrap;gap:0;padding-bottom:0;overflow-x:auto;-webkit-overflow-scrolling:touch;}
.ewha-notice-section .notice-tab{flex:1 0 0;min-width:0;text-align:center;font-size:16px;padding:0 6px 12px;border-bottom:2px solid #e5e5e5;color:#c7c7c7;line-height:40px;}
.ewha-notice-section .notice-tab.is-active{color:#00664f;border-bottom-color:#00664f;}
.ewha-notice-section .notice-tab.is-active::after{display:none;}
/* --- 리스트: 1열 --- */
.notice-list{columns:1;column-gap:0;}
/* --- 아이템: 세로 배치 --- */
.notice-item{border-bottom:1px solid #e5e5e5;}
.ewha-notice-section .notice-item a{display:flex;flex-wrap:wrap;align-items:center;gap:4px;padding:16px 12px;position:relative;}
/* --- 뱃지 행: 상단 --- */
.badge-wrap{display:flex;gap:4px;}
/* --- 뱃지 크기: 24px --- */
.ewha-notice-section .badge-new{width:24px;height:24px;font-size:13px;}
.ewha-notice-section .badge-notice{height:24px;padding:0 8px;font-size:13px;font-weight:600;color: #fff;}
/* --- 카테고리: 뱃지 스타일로 변경 --- */
.ewha-notice-section .notice-cate{display:inline-flex;align-items:center;justify-content:center;height:24px;padding:0 8px;border:1px solid #c7c7c7;border-radius: 4px;font-size:13px;font-weight:600;color:#00664f;line-height:1;}
/* --- 제목 텍스트 --- */
.ewha-notice-section .notice-text{flex-basis:100%;margin-top:8px;font-size:16px;font-weight:500;color:#111;white-space:normal;overflow:visible;text-overflow:unset;line-height:1.45;letter-spacing:-0.32px;}
/* --- 화살표 아이콘 (CSS ::after) --- */
.ewha-notice-section .notice-item a::after{content:"";position:absolute;top:16px;right:12px;width:24px;height:24px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='%23e5e5e5'%3E%3Ccircle cx='12' cy='12' r='12'/%3E%3Cpath d='M10 8l4 4-4 4' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat;}
}
/* Events Section */
.ewha-events-wrap{background:#fff;overflow-x:hidden;}
.events-inner{max-width:1520px;margin:0 auto;padding:0 60px;}
/* 헤더 */
.events-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:40px;border-bottom:2px solid #111;padding-bottom:24px;}
.events-header-left{display:flex;align-items:center;gap:32px;}
.events-header .tit-1{color:#111;line-height:1;}
/* 월 네비게이션 */
.events-month-nav{width:229px;display:flex;align-items:center;gap:8px;/* 정렬 보정 */}
/* Events 월 버튼 disabled */
.events-month-nav .btn-month-prev.swiper-button-disabled svg path,.events-month-nav .btn-month-next.swiper-button-disabled svg path{stroke:#C7C7C7;}
.events-month-swiper{overflow:hidden;width:200px;}
.events-month-nav button{display:flex;align-items:center;justify-content:center;background:transparent;border:none;cursor:pointer;transition:opacity 0.3s ease;}
.events-month-nav .btn-month-prev svg{transform:rotate(180deg);}
.events-month-nav button.off{pointer-events:none;}
.events-month-nav button.off svg path{stroke:#C7C7C7 !important;}
.events-month-nav .month-label{min-width:85px;font-size:28px;font-weight:500;text-align:center;line-height:1;}
/* 더보기 버튼 */
.btn-events-more{display:flex;align-items:center;justify-content:center;transition:opacity 0.3s ease;}
.btn-events-more:hover{opacity:0.5;}
/* 슬라이더 wrap */
.events-slider-wrap{clip-path:inset(-40px 0 0 0);padding-top:40px;margin-top:-40px;}
.events-slider-wrap .swiper{width:100%;overflow:visible;padding-bottom:0;}
/* 모바일 드롭다운 */
.events-month-select{display:none;appearance:none;-webkit-appearance:none;background-color:transparent;border:none;padding:4px 28px 4px 0;font-size:20px;font-weight:600;color:#111;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg width='16' height='10' viewBox='0 0 16 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L8 9L15 1' stroke='%23111' stroke-width='1.5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 4px center;min-width:110px;}
/* 카드 기본 */
.events-card{flex:1 1 0;min-width:0;background:#fff;border:1px solid #E5E5E5;border-radius:2px;padding:32px 24px;display:flex;flex-direction:column;justify-content:space-between;gap:16px;box-sizing:border-box;min-height:205px;cursor:pointer;position:relative;overflow:hidden;transition:background 0.3s ease,transform 0.3s ease;}
.events-card-link:hover .events-card{background:#00664F;transform:translateY(-16px);}
.events-card-link:hover .events-card .card-badge{background-color:#ffffff;color:#00664F;}
.events-card-link:hover .events-card .card-date{color:#ffffff;}
.events-card-link:hover .events-card .card-title{color:#ffffff;}
.events-card .card-top{display:flex;align-items:center;justify-content:space-between;}
.card-badge{display:inline-flex;align-items:center;font-size:14px;line-height:1.45;font-weight:500;padding:6px 16px;border-radius:2px;color:#ffffff;background-color:#00664F;flex-shrink:0;}
.card-date{color:#666666;}
.card-thumb{position:absolute;bottom:0;right:0;width:120px !important;height:120px !important;opacity:0;transition:opacity 0.3s ease;pointer-events:none;}
.card-thumb img{width:100% !important;height:100% !important;object-fit:contain;border:none;outline:none;}
/* 이미지 없는 카드 thumb 숨김 */
.events-card .card-thumb img[src=""],.events-card .card-thumb img:not([src]){display:none;}
.events-card-link:hover .events-card .card-thumb{opacity:0.05;}
/* 이벤트 카드 이화 마크 */
.events-card::after{content:"";position:absolute;right:-90px;bottom:-90px;width:240px;height:240px;background-image:url("/_res/ewha/img/temp/tmp_ewha_logo_events_card.svg");background-repeat:no-repeat;background-size:contain;background-position:center;opacity:0.15;pointer-events:none;transition:opacity 0.3s;}
.events-card-link:hover .events-card::after{opacity:1;}
.card-title{min-height:58px;font-size:20px;line-height:1.4;color:#111;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;word-break:keep-all;}
/* 컨트롤러 */
.events-controls{display:flex;flex-direction:row;align-items:center;justify-content:space-between;margin-top:24px;}
.events-controls .common-indicator{flex:1;}
.events-controls .common-indicator .bar{flex:1;}
/* events progress: common styles in grouped rule */
.events-scrollbar .swiper-scrollbar-drag{background:#00664F;border-radius:0;cursor:default;}
.events-controls .common-nav{flex-shrink:0;}
/* events nav: common styles in grouped rule */
.events-controls .common-nav .btn-nav.swiper-button-disabled{border-color:#999999;}
.events-controls .common-nav .btn-nav.swiper-button-disabled svg{stroke:#999999 !important;}
.events-controls .common-nav .btn-nav:hover{background:rgba(0,0,0,0.05);border-color:#111;}
/* Events 반응형 (768px 이하) */
@media screen and (max-width:768px){
.events-inner{padding:0 20px;}
.events-header{flex-wrap:wrap;gap:16px;margin-bottom:24px;}
.events-header-left{gap:16px;}
/* 모바일: 월 스와이퍼 숨기고 드롭다운 표시 */
.events-month-nav{display:none;}
.events-month-select{display:block;}
/* 모바일: 카드 peek 효과 */
.events-slider-wrap{overflow:visible !important;}
.events-swiper{overflow:visible !important;padding-right:15% !important;box-sizing:border-box;}
.events-swiper .swiper-wrapper .swiper-slide{max-width:280px;min-width:280px;min-height:160px;}
.events-controls{margin-top:16px;}
}
/* Banner Section */
.ewha-banner-wrap{background:#fff;overflow-x:hidden;}
.banner-inner{max-width:1520px;margin:0 auto;padding:0 60px;}
.banner-header{margin-bottom:16px;}
.banner-divider{height:1px;background:#111;margin-bottom:40px;}
/* 슬라이더 wrap */
.banner-slider-wrap .swiper{width:100%;overflow:hidden;}
/* 카드 */
.banner-card{display:block;text-decoration:none;}
.banner-img{width:100%;aspect-ratio:376 / 219;overflow:hidden;margin-bottom:14px;transition:transform 0.3s ease;}
.banner-img img{width:100%;height:100%;object-fit:cover;transition:transform 0.3s ease;}
/* 호버된 카드: 컨테이너 축소 + 내부 이미지 줌인 */
.swiper-slide:hover .banner-img{transform:scale(0.98);}
.swiper-slide:hover .banner-img img{transform:scale(1.05);}
.banner-title{font-size:18px;color:#111;line-height:1.45;font-weight:500;word-break:keep-all;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden;}
/* 컨트롤러 */
.banner-controls{display:flex;flex-direction:row;align-items:center;justify-content:space-between;margin-top:24px;}
.banner-controls .common-indicator{flex:1;margin-right:16px;}
.banner-controls .common-indicator .bar{flex:1;}
.people-controls .common-indicator .bar{flex:1;background:rgba(0,0,0,0.15) !important;}
/* banner progress: common styles in grouped rule */
.banner-controls .common-nav{flex-shrink:0;}
/* banner nav: common styles in grouped rule */
.banner-controls .common-nav .btn-nav.swiper-button-disabled{border-color:#999;}
.banner-controls .common-nav .btn-nav.swiper-button-disabled svg path{stroke:#999 !important;}
/* Banner 반응형 (768px 이하) */
@media screen and (max-width:768px){
.banner-img{aspect-ratio:280/157;}
.banner-inner{padding:0 20px;}
.banner-slider-wrap{overflow:visible !important;}
.banner-swiper{overflow:visible !important;padding-right:15% !important;box-sizing:border-box;}
.banner-controls{margin-top:16px;}
}
/* people 섹션 */
.ewha-people-wrap{background-image:url("/_res/ewha/img/temp/tmp-bg-ewha-people.png");background-size:cover;background-position:center;background-repeat:no-repeat;padding:120px 0;margin-top:90px;}
.people-inner{max-width:1300px;margin:0 auto;padding:0 60px;}
.people-header{max-width:1120px;}
/* History Swiper */
.history-swiper{overflow:hidden;}
.people-swiper{overflow:hidden;display:flex;max-width:1120px;flex-direction:column;}
.people-swiper .people-card{flex:1 1 0;min-width:0;display:flex;flex-direction:column;gap:20px;}
.people-swiper .people-card .people-img{max-width:550px;max-height:412px;border-radius:4px;overflow:hidden;}
.people-swiper .people-card .people-img img{width:100%;height:100%;object-fit:cover;}
.people-swiper .people-card .people-name{font-size:20px;font-weight:600;color:#111;}
.people-controls{display:flex;}
/* people progress: common styles in grouped rule */
/* people nav: common styles in grouped rule */
/* People + History Layout */
.ewha-people-wrap{position:relative;background:linear-gradient(117deg,rgba(255,255,249,0.7) 0%,rgba(255,253,241,0.7) 100%);overflow:hidden;}
.ewha-people-wrap::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:url(/_res/ewha/img/temp/tmp-bg-ewha-people.png);background-size:cover;background-position:center;background-repeat:no-repeat;opacity:0.35;}
.people-inner{position:relative;max-width:1520px;margin:0 auto;padding:0 60px;}
.people-history-flex{display:flex;gap:40px;}
.people-left{flex:1;min-width:0;display:flex;flex-direction:column;gap:40px;}
/* History Section */
.history-right{width:360px;flex-shrink:0;padding-top:100px;display:flex;flex-direction:column;gap:40px;}
/* history-header: common styles in grouped rule */
/* history .tit-1: common styles in grouped rule */
/* btn-history-more: common styles in grouped rule */
.btn-history-more svg{width:32px;height:32px;}
.history-content{display:flex;flex-direction:column;gap:20px;}
.history-card{display:flex;flex-direction:column;gap:20px;text-decoration:none;color:inherit;}
.history-img{width:360px;height:480px;border-radius:2px;overflow:hidden;background:#111;}
.history-img img{width:100%;height:100%;object-fit:cover;}
.history-caption{font-family:"Pretendard",sans-serif;font-size:18px;font-weight:600;line-height:1.45;letter-spacing:-0.36px;color:#111;}
/* Giving Section */
.ewha-giving-wrap{padding:0 60px;}
.giving-inner{max-width:1520px;margin:0 auto;display:flex;flex-direction:column;gap:40px;}
/* giving-header: common styles in grouped rule */
/* giving .tit-1: common styles in grouped rule */
/* btn-giving-more: common styles in grouped rule */
.giving-content{display:flex;gap:40px;align-items:flex-start;}
.giving-left{width:400px;flex-shrink:2;min-width:200px;display:flex;flex-direction:column;gap:80px;justify-content:center;}
.giving-logo{width:400px;height:262px;}
.giving-logo img{width:100%;height:100%;object-fit:contain;}
.btn-giving{display:flex;align-items:center;justify-content:space-between;width:160px;height:48px;padding:8px 16px;border:1px solid #111;border-radius:2px;text-decoration:none;color:#111;font-family:"Pretendard",sans-serif;font-size:20px;font-weight:500;line-height:1.45;}
.giving-right{flex:1;flex-shrink:1;min-width:0;display:flex;gap:20px;}
.giving-card{flex:1;min-width:0;}
.giving-card a{display:flex;flex-direction:column;gap:20px;text-decoration:none;color:inherit;}
.giving-img{height:398px;border-radius:2px;overflow:hidden;}
.giving-img img{width:100%;height:100%;object-fit:cover;}
.giving-title{font-family:"Pretendard",sans-serif;font-size:18px;font-weight:600;line-height:1.45;letter-spacing:-0.36px;color:#111;}
/* Ewha SNS Section */
.ewha-sns-wrap{padding:0 60px;}
.sns-inner{max-width:1520px;margin:0 auto;display:flex;flex-direction:column;gap:40px;}
/* sns-header: common styles in grouped rule */
/* sns .tit-1: common styles in grouped rule */
.sns-icons{display:flex;gap:12px;overflow:hidden;}
.sns-icon{display:block;width:40px;height:40px;border-radius:50%;overflow:hidden;transition:all .3s;}
a.sns-icon[aria-label="Facebook"]{background-image:url(/_res/ewha/img/2026-renewal/ico-facebook.svg);}
a.sns-icon[aria-label="Instagram"]{background-image:url(/_res/ewha/img/2026-renewal/ico-instagram.svg);}
a.sns-icon[aria-label="LinkedIn"]{background-image:url(/_res/ewha/img/2026-renewal/ico-linkedin.svg);}
a.sns-icon[aria-label="YouTube"]{background-image:url(/_res/ewha/img/2026-renewal/ico-youtube.svg);}
a.sns-icon[aria-label="Naver Blog"]{background-image:url(/_res/ewha/img/2026-renewal/ico-blog.svg);}
a.sns-icon[aria-label="X"]{background-image:url(/_res/ewha/img/2026-renewal/ico-x.svg);}
a.sns-icon[aria-label="Facebook"]:hover{background-image:url(/_res/ewha/img/2026-renewal/ico-active-facebook.svg);}
a.sns-icon[aria-label="Instagram"]:hover{background-image:url(/_res/ewha/img/2026-renewal/ico-active-instagram.svg);}
a.sns-icon[aria-label="LinkedIn"]:hover{background-image:url(/_res/ewha/img/2026-renewal/ico-active-linkedin.svg);}
a.sns-icon[aria-label="YouTube"]:hover{background-image:url(/_res/ewha/img/2026-renewal/ico-active-youtube.svg);}
a.sns-icon[aria-label="Naver Blog"]:hover{background-image:url(/_res/ewha/img/2026-renewal/ico-active-blog.svg);}
a.sns-icon[aria-label="X"]:hover{background-image:url(/_res/ewha/img/2026-renewal/ico-active-x.svg);}
.btn-sns-more{display:none;}
.sns-icon img{width:100%;height:100%;object-fit:cover;}
.sns-content{display:flex;gap:20px;}
.sns-card{position:relative;border-radius:2px;overflow:hidden;height:350px;}
.sns-card.sns-instagram{width:280px;flex-shrink:0;}
.sns-card.sns-youtube{flex:1;}
.sns-card a{display:block;position:relative;width:100%;height:100%;}
.sns-img{position:absolute;top:0;left:0;width:100%;height:100%;}
.sns-img img{width:100%;height:100%;object-fit:cover;}
.sns-dim{position:absolute;bottom:0;left:0;width:100%;height:180px;background:linear-gradient(to top,rgba(0,0,0,0.8),transparent);}
.sns-badge{position:absolute;top:12px;left:12px;background:#e63b53;color:#fff;font-family:"Pretendard",sans-serif;font-size:14px;font-weight:600;padding:4px 8px;border-radius:2px;line-height:1.45;}
.sns-desc{position:absolute;bottom:24px;left:16px;right:16px;color:#fff;font-family:"Pretendard",sans-serif;font-size:18px;font-weight:600;line-height:1.45;letter-spacing:-0.36px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
/* Common Section Styles (Grouped) */
/* --- Section Header: flex between + bottom border --- */
.people-header,.history-header,.giving-header,.sns-header{display:flex;justify-content:space-between;align-items:flex-end;border-bottom:2px solid #111;padding-bottom:24px;}
/* History + 버튼 제거 (Figma 시안 반영) */
.btn-history-more{display:none !important;}
/* --- Section Title: EHWA 64px --- */
.people-header .tit-1,.history-header .tit-1,.giving-header .tit-1,.sns-header .tit-1{font-family:"EHWA",sans-serif;font-size:64px;font-weight:400;line-height:1.2;letter-spacing:-0.64px;color:#111;}
/* --- Section More Button: 48px icon --- */
.btn-people-more,.btn-history-more,.btn-giving-more{display:flex;align-items:center;justify-content:center;width:48px;height:48px;}
/* --- Dark Controls Theme (Banner, Events, People) --- */
.banner-controls .common-nav .btn-nav,.events-controls .common-nav .btn-nav,.people-controls .common-nav .btn-nav{border-color:#222;stroke:#222;}
.banner-controls .common-indicator,.events-controls .common-indicator,.people-controls .common-indicator{color:#111;}
.banner-controls .common-indicator .bar,.events-controls .common-indicator .bar{background:rgba(0,0,0,0.15) !important;}
.banner-controls .common-indicator .progress,.events-controls .common-indicator .progress{background:#00664f !important;}
.people-controls .common-indicator .progress{background:#00664f !important;}
/* --- Card Text Style: 18px Semibold --- */
.people-name,.history-caption,.giving-title{font-family:"Pretendard",sans-serif;font-size:18px;font-weight:600;line-height:1.45;letter-spacing:-0.36px;color:#111;}
/* --- Card Hover: frame 0.98x + img 1.05x --- */
.people-card,.history-card,.banner-card,.sns-card{transition:transform 0.3s cubic-bezier(0.16,1,0.3,1);}
.people-card:hover,.history-card:hover,.banner-card:hover,.sns-card:hover{transform:scale(0.98);}
.giving-card a{transition:transform 0.3s cubic-bezier(0.16,1,0.3,1);}
.giving-card a:hover{transform:scale(0.98);}
.people-img img,.history-img img,.giving-img img,.sns-img img,.banner-img img{transition:transform 0.3s cubic-bezier(0.16,1,0.3,1);}
.people-card:hover .people-img img,.history-card:hover .history-img img,.giving-card a:hover .giving-img img,.sns-card:hover .sns-img img,.banner-card:hover .banner-img img{transform:scale(1.05);}
/* --- Underline After: scaleX slide L→R --- */
.people-name,.history-caption,.giving-title,.banner-title{position:relative;display:inline-block;padding-bottom:2px;}
.people-card:hover .hover-underline span,.people-card:focus .hover-underline span,.people-card:active .hover-underline span,.history-card:hover .hover-underline span,.history-card:focus .hover-underline span,.history-card:active .hover-underline span,.giving-card a:hover .hover-underline span,.giving-card a:focus .hover-underline span,.giving-card a:active .hover-underline span,.banner-card:hover .hover-underline span,.banner-card:focus .hover-underline span,.banner-card:active .hover-underline span{background-position:0% 100%;background-size:100% 2px;}
/* Interaction CSS - People, History, Giving, SNS Thumbnail Common: frame 0.98x, img 1.05x, 0.3s Thumbnail A Type: underline slide left->right */
/* --- People Card Layout --- */
.people-card{display:flex;flex-direction:column;gap:20px;text-decoration:none;color:inherit;}
.people-img{height:412px;overflow:hidden;border-radius:2px;}
.people-img img{width:100%;height:100%;object-fit:cover;}
/* --- People Header & Controls (unique overrides) --- */
.people-header{display:flex;justify-content:space-between;align-items:flex-end;border-bottom:2px solid #111;padding-bottom:24px;}
.people-header .tit-1{font-family:"EHWA",sans-serif;font-size:64px;font-weight:400;line-height:1.2;letter-spacing:-0.64px;color:#111;}
.btn-people-more{display:flex;align-items:center;justify-content:center;width:48px;height:48px;}
.ewha-people-wrap .common-controls{display:flex;flex-direction:row;align-items:center;gap:20px;}
.ewha-people-wrap .common-indicator{flex:1;display:flex;align-items:center;margin-right:0;}
.ewha-people-wrap .common-indicator .bar{width:100%;height:2px;background:rgba(0,0,0,0.1) !important;overflow:hidden;position:relative;}
.ewha-people-wrap .common-indicator .progress{height:2px;position:absolute;top:0;left:0;}
.ewha-people-wrap .common-nav{display:flex;gap:12px;flex-shrink:0;}
.ewha-people-wrap .common-nav .btn-nav{border-color:#999;stroke:#999;}
.ewha-people-wrap .common-nav .btn-nav:hover{border-color:#111;stroke:#111;}
.ewha-people-wrap .common-nav .btn-nav.swiper-button-disabled{border-color:#ccc;stroke:#ccc;opacity:0.4;cursor:default;pointer-events:none;}
.ewha-people-wrap .common-nav .btn-nav.swiper-button-disabled:hover{border-color:#ccc;stroke:#ccc;}
/* --- History Card Layout --- */
.history-card{display:flex;flex-direction:column;gap:20px;text-decoration:none;color:inherit;}
/* --- Giving Button Hover --- */
.btn-giving{transition:background-color 0.3s,color 0.3s,border-color 0.3s;}
.btn-giving:hover{background-color:#00664f;color:#fff;border-color:#00664f;}
.btn-giving:hover svg path{stroke:#fff;transition:stroke 0.3s;}
/* --- Section spacing: 섹션 간 간격은 margin으로 통일 --- */
.ewha-notice-section,.ewha-banner-wrap,.ewha-events-wrap,/* .ewha-people-wrap,*/ .ewha-giving-wrap,.ewha-sns-wrap{margin-top:90px;}
/* --- Section overflow fix --- */
.ewha-people-wrap,.ewha-giving-wrap,.ewha-sns-wrap{overflow:hidden;}
.ewha-banner-wrap,.ewha-events-wrap,.ewha-research-wrap{overflow:hidden;}
.ewha-news-wrap{margin-top:90px;overflow:visible;position:relative;z-index:2;}
/* swiper overflow: moved to section-specific selectors */
.common-slider-wrap{overflow:hidden;}
.bg-deco-text{overflow:hidden;}
/* --- Footer Ticker Animation --- */
@keyframes ticker-scroll{
0%{transform:translateX(0);}
100%{transform:translateX(-50%);}
}
/* Notice 모바일 View More */
.notice-view-more-mobile{display:none;}
/* SNS + 버튼: 모바일에서만 표시 */
.btn-sns-more{display:none;}
@media (max-width:1024px){
.people-history-flex{flex-direction:column;}
.people-img{height:auto;aspect-ratio:574/412;}
.history-right{width:100%;}
.history-img{width:100%;height:110.3516vw;}
.giving-content{flex-direction:column;align-items:center;}
.giving-left{order:2;align-items:center;}
.giving-right{order:1;}
.giving-logo{display:none;}
.giving-img{height:auto;aspect-ratio:597/398;}
}
@media (max-width:768px){
/* --- Notice Mobile --- */
.notice-header{border-bottom:none !important;}
.notice-board-wrap{padding-left:20px;padding-right:20px;}
.ewha-notice-section{padding:0 20px !important;}
/* --- People/History Mobile --- */
.ewha-people-wrap{padding:80px 0;}
.people-inner{padding:0 20px;}
.people-left{gap:24px;}
.people-header{margin-bottom:0;}
.people-history-flex{flex-direction:column;gap:64px;}
.ewha-people-wrap .common-controls{margin-top:10px;}
.people-header .tit-1,.history-header .tit-1{font-size:40px;}
.history-header{justify-content:end;margin-bottom:10px;}
.people-swiper .people-card .people-img{width:100%;max-width:100%;height:auto;}
.people-img img{aspect-ratio:728/545;}
.history-right{width:100%;padding-top:0;gap:12px;}
.history-img{width:100%;height:118.4896vw;}
/* --- Giving Mobile --- */
.ewha-giving-wrap{padding:0 20px;}
.giving-card{flex:none;width:100%;}
.giving-card a{width:100%;}
.giving-header .tit-1{font-size:40px;}
.giving-content{flex-direction:column;}
.giving-left{width:100%;gap:40px;order:2;align-items:center;}
.giving-logo{display:none;}
.giving-right{flex-direction:column;order:1;gap:40px;}
.giving-img{height:auto;aspect-ratio:728/485;}
.btn-giving{margin:20px auto 0;width:auto;justify-content:center;gap:4px;border:none;font-size:16px;font-weight:600;padding:8px 0;height:auto;}
/* --- SNS Mobile --- */
.ewha-sns-wrap{padding:0 20px;}
.sns-header{flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;}
.sns-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;border-bottom:2px solid #111;padding-bottom:20px;}
.sns-header .tit-1{font-size:40px;flex:1;}
.sns-icons{width:100%;order:3;}
.sns-icons{gap:8px;order:2;}
.sns-content{flex-direction:column;}
.sns-card.sns-instagram{width:100%;flex:0 1 auto;}
.sns-img{aspect-ratio:728/910;}
.sns-card{height:118.4896vw;}
.sns-card.sns-youtube{height:53.2552vw;}
.sns-card.sns-youtube .sns-img{aspect-ratio:728/409;}
.sns-desc{font-size:16px;}
/* --- Events 헤더: 모바일 1줄 배치 --- */
.events-header{display:flex !important;flex-direction:row !important;flex-wrap:nowrap !important;align-items:center !important;justify-content:space-between !important;padding-bottom:16px !important;gap:0 !important;}
.events-header-left{display:flex !important;flex-direction:row !important;align-items:end !important;gap:12px !important;flex:1;min-width:0;}
.events-header-left .tit-1{font-size:40px !important;letter-spacing:-0.4px !important;white-space:nowrap;}
/* 데스크톱 월 네비게이션 숨기고 모바일 select 표시 */
.events-month-nav{display:none !important;}
.events-month-select{display:flex !important;align-items:center;font-family:"Pretendard",sans-serif;font-size:16px;font-weight:500;color:#111;letter-spacing:-0.32px;border:none;background:transparent;padding:0;-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23111' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right center;padding-right:20px;margin-bottom:5px;}
.btn-events-more{width:40px !important;height:40px !important;flex-shrink:0;}
/* --- Notice View More --- */
.notice-more-btn{display:none !important;}
.notice-view-more-mobile{display:flex;align-items:center;justify-content:center;gap:0;margin-top:48px;text-decoration:none;position:relative;}
.notice-view-more-mobile .view-more-text{font-family:'Pretendard',sans-serif;font-size:16px;font-weight:600;color:#111;letter-spacing:-0.32px;line-height:1.45;position:relative;display:inline-block;}
.notice-view-more-mobile .view-more-text::after{content:'';position:absolute;left:0;bottom:0;width:100%;height:1px;background:#111;transform:scaleX(0);transform-origin:100% 0;transition:transform 0.5s cubic-bezier(0.16,1,0.3,1);}
.notice-view-more-mobile:hover .view-more-text::after{transform:scaleX(1);transform-origin:0% 0;}
.notice-view-more-mobile svg{display:block;flex-shrink:0;}
/* --- Giving 버튼 모바일: 언더라인 인터랙션 --- */
.btn-giving{position:relative;}
.btn-giving::after{content:'';position:absolute;left:0;bottom:0;width:100%;height:1px;background:#111;transform:scaleX(0);transform-origin:100% 0;transition:transform 0.5s cubic-bezier(0.16,1,0.3,1);}
.btn-giving:hover{background-color:transparent !important;color:#111 !important;border-color:transparent !important;}
.btn-giving:hover svg path{stroke:#111 !important;}
.btn-giving:hover::after{transform:scaleX(1);transform-origin:0% 0;}
/* --- SNS 헤더 모바일: 제목+버튼 1줄, 아이콘 아래줄 --- */
.sns-header .btn-sns-more{display:flex;order:0;}
.sns-header .sns-icons{width:100%;order:1;}
}
/* 플로팅바 (퀵메뉴) — Figma 709:7677 */
/* 컨테이너: 우하단 고정 */
.main-quick-wrap{position:fixed;right:40px;bottom:40px;z-index:30;display:flex;flex-direction:column;align-items:center;gap:10px;}
.main-quick-wrap.active{z-index:90;}
/* 퀵메뉴 버튼 그룹 */
.main-quick-wrap .main-quick-menu{position:relative;display:flex;flex-direction:column;align-items:center;gap:10px;}
/* --- QUICK MENU 버튼 --- */
.main-quick-wrap .quick-btn{display:flex;align-items:center;justify-content:center;width:64px;height:64px;padding:0;background:#00664f;background-image:none;border:none;border-radius:100px;box-shadow:0 2px 8px rgba(0,0,0,0.15);box-sizing:border-box;transition:opacity 0.3s,transform 0.3s;position:relative;opacity:0;pointer-events:none;}
.main-quick-wrap .quick-btn.show{position:static;right:auto;bottom:auto;opacity:1;pointer-events:auto;}
.main-quick-wrap .quick-btn .quick-btn-text{font-family:'Pretendard',sans-serif;font-size:14px;font-weight:700;color:#fff;text-align:center;line-height:1.2;letter-spacing:-0.42px;}
.main-quick-wrap.active .quick-btn{background:transparent;background-image:none;border:2px solid #fff;}
.main-quick-wrap.active .quick-btn .quick-btn-text{display:none;}
.main-quick-wrap.active .quick-btn::before{content:'';width:24px;height:24px;background:url(/_res/ewha/img/common/ico-quick-close.png) no-repeat center / contain;}
/* --- 기부하기 버튼 --- */
.main-quick-wrap .fund-btn{display:flex;align-items:center;justify-content:center;width:64px;height:64px;padding:0;background:#111 url(/_res/ewha/img/common/img-fund.png) no-repeat center / 68px 68px;border:none;border-radius:100px;box-shadow:0 2px 8px rgba(0,0,0,0.15);box-sizing:border-box;transition:opacity 0.3s;opacity:0;pointer-events:none;}
.main-quick-wrap .fund-btn.show{position:static;right:auto;bottom:auto;opacity:1;pointer-events:auto;}
.main-quick-wrap .fund-btn:hover{background-image:url(/_res/ewha/img/common/img-fund.png);}
.main-quick-wrap.active .fund-btn{display:none;}
/* --- 챗봇 버튼 (동적 삽입: chat.ewha.ac.kr embed.js) --- */
.main-quick-wrap .chat-e_webchat_button_wrapper{position:static !important;right:auto !important;bottom:auto !important;width:64px !important;height:64px !important;}
.main-quick-wrap .chat-e_webchat_button_wrapper .chat-e_webchat_button{width:64px !important;height:64px !important;background-color:#111 !important;border-radius:100px !important;box-shadow:0 2px 8px rgba(0,0,0,0.15) !important;padding:0 !important;border:none !important;}
.main-quick-wrap .chat-e_webchat_button_wrapper .chat-e_webchat_button .chat-e_webchat_button_img{width:68px !important;height:68px !important;}
.main-quick-wrap.active .chat-e_webchat_button_wrapper{display:none !important;}
/* --- Top 버튼 --- */
.main-quick-wrap .btn-go-top{display:flex;align-items:center;justify-content:center;width:64px;height:64px;background:#fff;border:1px solid #c7c7c7;border-radius:100px;box-sizing:border-box;transition:background 0.3s;}
.main-quick-wrap .btn-go-top svg{width:24px;height:24px;}
.main-quick-wrap .btn-go-top:hover{background:#f5f5f5;}
/* --- 퀵메뉴 리스트 (펼쳤을 때) --- */
.main-quick-wrap .main-quick-menu ul{background:transparent;position:fixed;top:47%;right:55px;transform:translateY(-50%);opacity:0;visibility:hidden;transition:opacity 0.4s ease 0.1s,visibility 0.4s ease 0.1s;}
.main-quick-wrap.active .main-quick-menu ul{opacity:1;visibility:visible;}
.main-quick-wrap .main-quick-menu ul li{padding:0 0 20px 0;}
.main-quick-wrap .main-quick-menu ul li:last-of-type{padding:0;}
.main-quick-wrap .main-quick-menu ul li a{display:block;padding:20px 84px 20px 0;min-width:100px;background-repeat:no-repeat;background-position:right center;font-size:18px;line-height:23px;color:#fff;font-weight:400;box-sizing:border-box;text-align:right;}
.main-quick-wrap .main-quick-menu ul li a:hover{color:#e7ea04;}
/* --- 퀵메뉴 오버레이 배경 --- */
.main-quick-wrap .quick-bg{position:fixed;top:0;left:0;z-index:-1;width:100%;height:100%;background:rgba(26,37,33,0.9);opacity:0;visibility:hidden;transition:opacity 0.4s ease,visibility 0.4s ease;}
.main-quick-wrap.active .quick-bg{opacity:1;visibility:visible;}
.webmail-hide{display:none !important;}
/* --- 모바일 반응형 --- */
@media (max-width:768px){
.main-quick-wrap{right:20px;bottom:20px;}
.main-quick-wrap .quick-btn,.main-quick-wrap .fund-btn,.main-quick-wrap .btn-go-top{width:52px;height:52px;}
.main-quick-wrap .quick-btn .quick-btn-text{font-size:11px;}
.main-quick-wrap .fund-btn{background-size:56px 56px;}
.main-quick-wrap .chat-e_webchat_button_wrapper{width:52px !important;height:52px !important;}
.main-quick-wrap .chat-e_webchat_button_wrapper .chat-e_webchat_button{width:52px !important;height:52px !important;}
.main-quick-wrap .chat-e_webchat_button_wrapper .chat-e_webchat_button .chat-e_webchat_button_img{width:56px !important;height:56px !important;}
}
/* GG (Giving + Global Network) Section */
.main-content-wrap-GG{display:flex;align-items:center;padding:120px 0;justify-content:center;}
.main-content-wrap-GG .ewha-en-gg-box{max-width:1520px;display:flex;flex-flow:row;gap:20px;}
.main-content-wrap-GG .ewha-en-gg-box>div{aspect-ratio:1/1;background-position:center;background-repeat:no-repeat;background-size:cover;display:flex;align-items:center;justify-content:center;position:relative;}
.main-content-wrap-GG .ewha-en-giving-box.is-active{background-image:url(/_res/ewha/img/2026-renewal/gg-giving-box-bg.png);}
.main-content-wrap-GG .ewha-en-global-network-box.is-active{background-image:url(/_res/ewha/img/2026-renewal/gg-global-network-bg.png);}
.main-content-wrap-GG .ewha-en-gg-box>div:hover .gg-arrow-box{background-color:#E63B53;}
.main-content-wrap-GG .ewha-en-gg-box>div:hover .gg-arrow-box>svg{transform:rotate(-45deg);transition:transform .3s;}
.main-content-wrap-GG .gg-box{display:flex;flex-flow:column;gap:40px;padding:120px 80px;align-items:center;color:#fff;position:relative;z-index:5;}
.main-content-wrap-GG .gg-box .gg-box-title{font-family:'ehwa';font-size:64px;margin:0;}
.main-content-wrap-GG .gg-box .gg-box-text{text-align:center;font-size:20px;line-height:145%;height:0;overflow:hidden;margin-bottom:0;opacity:0;transition:all .3s;}
.main-content-wrap-GG .gg-box .gg-box-text.active{margin-bottom:95px;height:auto;opacity:1;}
.main-content-wrap-GG .gg-box .gg-box-links{display:flex;align-items:center;font-size:40px;gap:4px;font-weight:400;height:0;overflow:hidden;opacity:0;transition:all .3s;color:#fff;text-decoration:none;}
.main-content-wrap-GG .gg-box .gg-box-links.active{height:auto;opacity:1;}
.main-content-wrap-GG .gg-box .gg-box-links.active:hover{color:#00664F;}
.main-content-wrap-GG .gg-box .gg-box-links.active:hover>svg{transform:rotate(-45deg);}
.main-content-wrap-GG .gg-box .gg-box-links.active:hover>svg path{stroke:#00664F;transition:all .3s;}
.main-content-wrap-GG .gg-box .gg-box-links>svg{padding:12px 8px;transition:all .3s;}
.main-content-wrap-GG .gg-arrow-box{position:absolute;top:0;right:0;background:#111;padding:24px 22.5px;border-radius:2px;transition:all .3s;z-index:5;}
.main-content-wrap-GG .ewha-en-gg-box-dim{position:absolute;width:100%;height:100%;bottom:0;z-index:4;transition:all .3s;}
.main-content-wrap-GG .ewha-en-gg-box-dim.active{height:100%;background:#00000090;backdrop-filter:blur(3px);}
/* 17. Ewha Overview */
.ewha-overview-wrap{position:relative;padding:100px 0;width:100%;overflow:hidden;background-color:#fff;}
.overview-inner{position:relative;margin:0 auto;padding-bottom:40px;width:100%;}
/* Header */
.overview-header{display:flex;position:relative;margin:0 auto 60px;max-width:1520px;align-items:center;justify-content:center;text-align:center;}
.overview-header .tit-1{display:inline-block;position:relative;z-index:2;padding:0 40px;background:#fff;color:#111;font-family:Pretendard,sans-serif;line-height:1.2;}
.overview-header .header-line{position:absolute;top:50%;left:60px;z-index:1;right:60px;height:1px;background-color:#111;}
/* Overview Content */
.overview-content{position:relative;width:100%;}
.overview-slider{position:relative;width:100%;height:520px;overflow:hidden;display:flex;justify-content:center;align-items:center;}
/* Slide */
.overview-slide{position:absolute;width:300px;height:400px;display:flex;align-items:center;justify-content:center;will-change:transform,width,height,opacity;}
/* Card */
.overview-card{display:block;position:relative;width:100%;height:100%;border-radius:4px;overflow:hidden;}
.overview-bg{position:absolute;top:0;left:0;margin:0;width:100%;height:100%;}
.overview-bg img{display:block;width:100%;height:100%;object-fit:cover;}
/* Dim layer */
.overview-dim{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.4);}
.overview-slide.is-active .overview-dim{background:rgba(0,0,0,0.6);}
/* Text Container */
.overview-txt{display:flex;flex-direction:column;position:absolute;top:0;left:0;padding:20px;width:100%;height:100%;box-sizing:border-box;color:#fff;text-align:center;align-items:center;justify-content:center;z-index:2;}
.overview-num{opacity:0;transform:translateY(20px);font-size:0;font-weight:500;font-family:'Outfit',sans-serif;}
.overview-v-line{margin:0;width:1px;height:0;opacity:0;background:#fff;}
.overview-label{font-weight:600;font-size:18px;font-family:Pretendard,sans-serif;line-height:1.4;}
/* Active Text State */
.overview-slide.is-active .overview-num{opacity:1;transform:translateY(0);font-weight:400;font-size:90px;}
.overview-slide.is-active .overview-v-line{margin:20px 0;height:50px;opacity:1;}
.overview-slide.is-active .overview-label{font-weight:500;font-size:20px;}
.overview-slide.is-active .overview-txt{padding:100px 80px;justify-content:space-between;opacity:1;}
/* Controls */
.overview-controls{display:flex;position:relative;z-index:5;margin:40px auto 0;padding:0 60px;max-width:1520px;box-sizing:border-box;align-items:center;justify-content:space-between;}
.overview-controls .control-left{flex:1;padding-right:40px;}
.overview-controls .common-indicator{margin-right:0;width:100%;}
.overview-controls .common-indicator .bar{width:100%;background:rgba(17,17,17,0.1) !important;cursor:pointer;}
.overview-controls .common-indicator .progress{background:#00664F !important;}
.overview-controls .common-nav{display:flex;gap:12px;}
.ewha-overview-wrap .common-nav .btn-nav.prev svg{transform:rotate(180deg);}
.overview-controls .common-nav .btn-nav{border-color:#999;}
.overview-controls .common-nav .btn-nav:hover{background:transparent;border-color:#111;}
.overview-controls .common-nav .btn-nav svg rect{display:none;}
.overview-controls .common-nav .btn-nav svg path{stroke:#111;}
/* Mobile */
@media screen and (max-width:768px){
.ewha-overview-wrap{padding:50px 0;overflow:hidden;background:linear-gradient(180deg,rgba(0,102,79,0) 0%,rgba(0,102,79,0.8) 61.04%,#00664F 100%);}
.overview-header{padding:0 20px;margin-bottom:40px;}
.overview-header .tit-1{font-size:40px;padding:0 0 16px;border-bottom:2px solid #111;background:none;width:100%;}
.overview-header .header-line{display:none;}
.overview-slider{height:280px;}
.overview-slide.is-active .overview-num{font-size:48px;}
.overview-slide.is-active .overview-v-line{margin:12px 0;height:30px;}
.overview-slide.is-active .overview-txt{padding:30px 20px;}
.overview-controls{margin-top:20px;padding:0 20px;}
.overview-controls .common-indicator .progress{background:#fff !important;}
.overview-controls .common-nav{display:none;}
}
/* Responsive - Main Visual + Focus EWHA */
@media screen and (max-width:1440px){
/* .focus-ewha-box{padding-left:120px;width:calc(100% - 120px);} .focus-ewha-header{padding-right:120px;} */
/* .focus-ewha-box .focus-ewha-slider .focus-ewha-track{justify-content:center;} */
.focus-ewha-header{padding:0 40px;}
.focus-ewha-box.active{opacity:1;transform:translateY(0);height:clamp(260px,31.2222vw,290px);}
.research-top-group .tit-3{min-height:95px;-webkit-line-clamp:2 !important;}
}
@media screen and (max-width:1024px){
/* header */
.focus-ewha-header{padding:0 30px;}
.focus-ewha-tit{font-size:32px;}
/* GG section */
.main-content-wrap-GG .ewha-en-gg-box{flex-flow:column;}
.main-content-wrap-GG{padding:80px 20px;}
.main-content-wrap-GG .gg-box{padding:80px 40px;}
.main-content-wrap-GG .gg-box .gg-box-title{font-size:48px;}
/* admission */
.ewha-admisson-wrap{padding:120px 20px;}
.section-title{font-size:48px;}
}
@media screen and (max-width:768px){
/* main-visual: 비디오 컨트롤러 하단 가운데, 텍스트 숨기고 아이콘만 */
.main-visual-box .video-controller{bottom:40px;left:50%;transform:translateX(-50%);gap:8px;}
.main-visual-box .video-controller #videoControlBtn{padding:10px 12px;}
.main-visual-box .video-controller .video-close-btn{font-size:0;padding:10px 12px;gap:0;}
.main-visual-box .video-controller .video-close-btn svg{width:20px;height:20px;}
/* focus-ewha 모바일 */
/* .focus-ewha-track .swiper-wrapper {justify-content: flex-start;} */
.focus-ewha-box{padding-left:0;width:100%;bottom:40px;}
.focus-ewha-box .focus-ewha-slider{padding:0;overflow:hidden;}
.focus-ewha-box.active{height:305px;}
.focus-ewha-header{padding:0 28px;margin-bottom:16px;justify-content:center;}
.focus-ewha-tit{font-family:'EHWA';font-weight:400;font-size:36px;line-height:120%;letter-spacing:-0.02em;text-align:center;width:100%;}
.focus-ewha-nav{display:none;}
.focus-ewha-indicator{padding-right:0;margin-bottom:20px;}
/* 모바일 래퍼: prev | slider(247px) | next 가로 배치, 세로 가운데 */
.focus-slider-mobile-wrap{display:flex;align-items:center;justify-content:center;gap:12px;padding:0 20px;}
.focus-slider-mobile-wrap>.focus-ewha-slider{border-radius:4px;}
.focus-slider-mobile-wrap>.focus-m-prev,.focus-slider-mobile-wrap>.focus-m-next{display:flex;align-items:center;justify-content:center;width:36px;height:stretch;border:none;background:transparent;cursor:pointer;flex-shrink:0;padding:0;}
.focus-ewha-card .focus-card-img{height:185px;aspect-ratio:auto;}
.focus-ewha-card .focus-card-img .focus-card-arrow-box{display:none;}
.focus-ewha-card .focus-card-txt{font-size:16px;letter-spacing:1.45;bottom:16px;left:12px;right:12px;}
/* GG section */
.main-content-wrap-GG{padding:60px 20px;}
.main-content-wrap-GG .ewha-en-gg-box{flex-flow:column;gap:12px;}
.main-content-wrap-GG .ewha-en-gg-box>div{aspect-ratio:auto;}
.main-content-wrap-GG .gg-box{padding:60px 24px;gap:24px;align-items:flex-start;}
.main-content-wrap-GG .gg-box .gg-box-title{font-size:36px;}
.main-content-wrap-GG .gg-box .gg-box-text,.main-content-wrap-GG .gg-box .gg-box-text.active{text-align:left;font-size:16px;line-height:150%;height:auto !important;opacity:1 !important;overflow:visible !important;margin-bottom:0 !important;}
.main-content-wrap-GG .gg-box .gg-box-links,.main-content-wrap-GG .gg-box .gg-box-links.active{font-size:20px;height:auto !important;opacity:1 !important;overflow:visible !important;}
.main-content-wrap-GG .gg-box .gg-box-links>svg{width:32px;height:28px;}
.main-content-wrap-GG .gg-arrow-box{display:none;}
.main-content-wrap-GG .ewha-en-gg-box-dim{display:none;}
.main-content-wrap-GG .ewha-en-giving-box,.main-content-wrap-GG .ewha-en-global-network-box{background-image:none !important;}
.main-content-wrap-GG .ewha-en-giving-box{background:#3a3a3a;}
.main-content-wrap-GG .ewha-en-global-network-box{background:#1a1a1a;}
/* admission */
.ewha-admisson-wrap{padding:80px 20px;}
.section-title{font-size:36px;}
.nav-btn{width:100%;min-width:auto;}
/* text styles */
.tit-1{font-size:40px;}
.tit-2{font-size:28px;}
.tit-3{font-size:22px;}
@media screen and (max-width:480px){
/* main-visual */
.main-visual-box .video-controller{bottom:32px;}
/* focus-ewha */
.focus-ewha-box{bottom:16px;}
.focus-ewha-card .focus-card-txt{font-size:12px;}
/* GG section */
.main-content-wrap-GG .gg-box .gg-box-title{font-size:28px;}
.main-content-wrap-GG .gg-box .gg-box-text{font-size:14px;}
.main-content-wrap-GG .gg-box .gg-box-links{font-size:22px;}
/* admission */
.section-title{font-size:28px;}
.nav-btn{padding:12px 16px;font-size:0.85rem;}
/* text styles */
.tit-1{font-size:28px;}
.tit-2{font-size:24px;}
.tit-3{font-size:20px;}
}
}
/* 1440px 이상에서 카드가 5개 이하일 때만 가운데 정렬 */
@media screen and (min-width:1440px){
.focus-ewha-slider .swiper-slide{max-width:294px !important;}
.focus-ewha-track.swiper-wrapper:not(:has(>.focus-ewha-card:nth-child(6))){justify-content:center;transform:translate3d(0,0,0) !important;}
}
/* 769px 이상 1024px 이하에서 카드가 3개 이하일 때 가운데 정렬 */
@media screen and (min-width:769px) and (max-width:1024px){
.focus-ewha-track.swiper-wrapper:not(:has(>.focus-ewha-card:nth-child(4))){justify-content:center;transform:translate3d(0,0,0) !important;}
}
/* 1025px 이상 1440px 미만에서 카드가 4개 이하일 때 가운데 정렬 */
@media screen and (min-width:1025px) and (max-width:1439px){
.focus-ewha-track.swiper-wrapper:not(:has(>.focus-ewha-card:nth-child(5))){justify-content:center;transform:translate3d(0,0,0) !important;}
}
/* -------------------------- Text Styles----------------------------- */
/* 콘텐츠를 가운데 정렬하고 최대 너비 설정 */
.ewha-admisson-wrap{/* max-width:1520px; */ /* margin: 0 auto; */ width: 100%;position:relative;/* min-height:100vh; */ padding: 200px 0;display:flex;flex-direction:column;align-items:center;justify-content:center;background-image:linear-gradient(90deg, #000000d0 0%, rgba(0, 0, 0, 0) 100%), url(/_res/ewha-eng-dev/img/2026-renewal/ewha-admisson-bg.png);background-size:cover;background-position:center;background-repeat:no-repeat;overflow:hidden;}
.ewha-admisson-box{max-width:1520px;display:flex;flex-flow:column;gap:80px;}
/* 각 섹션 여백 */
.program-section{margin-bottom:60px;}
/* 섹션 제목 */
.section-title{color:#ffffff;font-size:3rem;font-weight:500;margin-bottom:15px;letter-spacing:-0.5px;font-family:'ehwa';font-size:64px;}
/* 가로 구분선 */
.divider{border:none;border-top:1px solid rgba(255, 255, 255, 0.8);margin-bottom:25px;}
/* 버튼(링크) 그룹 (Flexbox를 사용하여 자동 줄바꿈) */
.button-group{display:flex;flex-wrap:wrap;gap:12px;}
/* a 태그용 공통 스타일 */
.nav-btn{display:flex;justify-content:space-between;align-items:center;background-color:rgba(45, 45, 45, 0.7);/* 반투명 짙은 회색 */
    color:#ffffff;text-decoration:none;/* 링크 밑줄 제거 */
    padding:16px 24px;font-size:0.95rem;transition:background-color 0.2s ease;min-width:200px;gap:40px;}
/* 강조(Active)된 링크 스타일 */
.nav-btn:hover{background-color:#ef3e56;/* 핑크빛이 도는 붉은색 */}
/* 링크 내 텍스트 간격 조정 */
.nav-btn span:first-child{margin-right:30px;}
/* 플러스 아이콘 (+) */
.nav-btn:hover .icon{transform:rotate(270deg);transition:transform .3s;}
.icon{font-size:1.2rem;font-weight:300;opacity:0.8;}
/* 반응형 디자인 (화면이 작아질 때 글자 크기 조정) */
@media (max-width: 768px){
.section-title{font-size:2.2rem;}
.nav-btn{width:100%;/* 모바일에서는 링크가 꽉 차게 */}
}