*{margin:0;padding:0;box-sizing:border-box}:root{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Malgun Gothic,Apple SD Gothic Neo,Noto Sans KR,sans-serif;line-height:1.6;font-weight:400;--primary-color: #003d82;--secondary-color: #0066cc;--accent-color: #ff6600;--text-dark: #333333;--text-light: #666666;--border-color: #e0e0e0;--bg-gray: #f5f5f5;--bg-white: #ffffff;color:var(--text-dark);background-color:var(--bg-white);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-width:320px;min-height:100vh}a{color:inherit;text-decoration:none;transition:color .2s}a:hover{color:var(--primary-color)}button{border:none;background:none;cursor:pointer;font-family:inherit}ul,ol{list-style:none}img{max-width:100%;height:auto;display:block}.container{max-width:1200px;margin:0 auto;padding:0 20px}.section{padding:60px 0}.header{position:sticky;top:0;background:#fff;z-index:1000;box-shadow:0 2px 10px #0000001a}.header-top-links{background-color:#fff;border-bottom:1px solid var(--border-color);padding:10px 0}.top-links-content{display:flex;justify-content:space-between;align-items:center}.top-links-left{display:flex;gap:20px}.top-link{font-size:.9rem;color:var(--text-dark);font-weight:500;transition:color .2s}.top-link:hover{color:var(--primary-color)}.top-links-right{display:flex;align-items:center;gap:15px}.popup-zone-btn{padding:6px 12px;font-size:.85rem;color:var(--text-light);border:1px solid var(--border-color);border-radius:4px;background:#fff;cursor:pointer;transition:all .2s}.popup-zone-btn:hover{border-color:var(--primary-color);color:var(--primary-color)}.portal-login-btn{padding:6px 16px;font-size:.85rem;color:#fff;background-color:var(--primary-color);border-radius:4px;transition:background-color .2s}.portal-login-btn:hover{background-color:var(--secondary-color);color:#fff}.language-btn{display:flex;align-items:center;gap:5px;padding:6px 12px;font-size:.85rem;color:var(--text-light);border:1px solid var(--border-color);border-radius:4px;background:#fff;cursor:pointer;transition:all .2s}.language-btn:hover{border-color:var(--primary-color);color:var(--primary-color)}.header-main{padding:15px 0}.header-main-content{display:flex;justify-content:space-between;align-items:center;flex-wrap:nowrap;gap:20px}.logo{flex-shrink:0}.logo a{display:flex;flex-direction:column;gap:3px}.logo-text{font-size:1.8rem;font-weight:700;color:var(--primary-color)}.logo-sub{font-size:.7rem;color:var(--text-light);font-weight:500;letter-spacing:.5px}.main-nav{flex:1;display:flex;justify-content:center}.nav-list{display:flex;gap:5px}.nav-item{position:relative}.nav-link{display:block;padding:15px 25px;font-size:1.05rem;font-weight:600;color:var(--text-dark);transition:all .2s;border-radius:4px;white-space:nowrap}.nav-link:hover,.nav-item.active .nav-link{color:var(--primary-color);background-color:#003d820d}.sub-menu{position:absolute;top:100%;left:50%;transform:translate(-50%);min-width:180px;background:#fff;border-radius:8px;box-shadow:0 4px 20px #00000026;padding:10px 0;z-index:100}.sub-menu ul{display:flex;flex-direction:column}.sub-menu li a{display:block;padding:10px 20px;font-size:.9rem;color:var(--text-dark);transition:all .2s}.sub-menu li a:hover{background-color:var(--bg-gray);color:var(--primary-color)}.header-utils{display:flex;align-items:center;gap:15px;flex-shrink:0}.search-toggle-btn{width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--text-dark);transition:all .2s}.search-toggle-btn:hover{background-color:var(--primary-color);color:#fff}.sitemap-btn{padding:8px 16px;font-size:.9rem;color:var(--text-dark);border:1px solid var(--border-color);border-radius:4px;transition:all .2s}.sitemap-btn:hover{border-color:var(--primary-color);color:var(--primary-color)}.mobile-menu-btn{display:none;width:44px;height:44px;align-items:center;justify-content:center;color:var(--text-dark)}.mobile-menu{display:none;position:fixed;inset:130px 0 0;background:#fff;z-index:999;overflow-y:auto}.mobile-menu-header{display:flex;gap:10px;padding:20px;border-bottom:1px solid var(--border-color)}.mobile-portal-btn{flex:1;padding:12px;text-align:center;background-color:var(--primary-color);color:#fff;border-radius:8px;font-weight:500}.mobile-language-btn{padding:12px 20px;border:1px solid var(--border-color);border-radius:8px;background:#fff;color:var(--text-dark)}.mobile-nav{padding:10px 0}.mobile-nav-item{border-bottom:1px solid var(--border-color)}.mobile-nav-link{display:block;padding:18px 20px;font-size:1.1rem;font-weight:600;color:var(--text-dark)}@media(max-width:1100px){.nav-link{padding:12px 15px;font-size:.95rem}}@media(max-width:860px){.header-top-links,.main-nav,.header-utils{display:none}.mobile-menu-btn{display:flex}.mobile-menu{display:block;top:85px}.logo-text{font-size:1.4rem}.logo-sub{font-size:.6rem}}@media(max-width:440px){.header-main{padding:12px 0}.logo-text{font-size:1.2rem}.logo-sub{font-size:.55rem}.mobile-menu{top:70px}}.footer{background-color:#2c2c2c;color:#fff;margin-top:80px}.footer-links{background-color:#363636;padding:40px 0}.footer-links-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:40px}.footer-col h3{font-size:1.1rem;margin-bottom:20px;color:#fff;font-weight:600}.footer-col ul{display:flex;flex-direction:column;gap:12px}.footer-col a{color:#ccc;font-size:.9rem;transition:color .2s}.footer-col a:hover{color:#fff}.footer-info{padding:30px 0}.footer-info-content{display:flex;justify-content:space-between;margin-bottom:30px;padding-bottom:30px;border-bottom:1px solid rgba(255,255,255,.1)}.footer-logo h2{font-size:1.5rem;margin-bottom:8px;color:#fff}.footer-logo p{font-size:.85rem;color:#999}.footer-contact{display:flex;flex-direction:column;gap:10px}.contact-item{display:flex;align-items:center;gap:10px;color:#ccc;font-size:.9rem}.footer-bottom{display:flex;justify-content:space-between;align-items:center}.footer-util-links{display:flex;gap:20px}.footer-util-links a{color:#fff;font-size:.9rem;font-weight:500;padding-bottom:2px;border-bottom:1px solid transparent;transition:border-color .2s}.footer-util-links a:hover{border-bottom-color:#fff}.copyright{color:#999;font-size:.85rem}@media(max-width:860px){.footer-links-grid{grid-template-columns:repeat(2,1fr);gap:30px}.footer-info-content{flex-direction:column;gap:30px}.footer-bottom{flex-direction:column;gap:20px;text-align:center}}@media(max-width:440px){.footer-links-grid{grid-template-columns:1fr;gap:25px}.footer-util-links{flex-direction:column;gap:10px}}.top-banner{background:linear-gradient(135deg,#f8f4e8,#f5f0e0);border-bottom:1px solid #e8e0d0;padding:12px 0;position:relative}.top-banner-container{max-width:1200px;margin:0 auto;padding:0 60px;display:flex;align-items:center;position:relative}.banner-slider{flex:1;overflow:hidden}.banner-track{display:flex;transition:transform .5s ease}.banner-item{min-width:100%;display:flex;align-items:center;justify-content:center;gap:15px;padding:8px 20px;text-decoration:none;color:inherit}.banner-item:hover{color:var(--primary-color)}.banner-icon{color:#8b7355;display:flex;align-items:center;justify-content:center;width:50px;height:50px;background:#fff;border-radius:50%;box-shadow:0 2px 8px #0000001a}.banner-text{text-align:left}.banner-title{font-size:1rem;font-weight:600;color:#333;margin:0;line-height:1.3}.banner-subtitle{font-size:.85rem;color:#666;margin:2px 0 0}.banner-nav-btn{position:absolute;top:50%;transform:translateY(-50%);width:32px;height:32px;border-radius:50%;background:#fff;border:1px solid #ddd;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:2;transition:all .2s;color:#666}.banner-nav-btn:hover{background:var(--primary-color);border-color:var(--primary-color);color:#fff}.banner-nav-btn.prev{left:10px}.banner-nav-btn.next{right:10px}.banner-controls{position:absolute;bottom:8px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:10px}.banner-pagination{display:flex;gap:6px}.pagination-dot{width:8px;height:8px;border-radius:50%;background:#ccc;border:none;cursor:pointer;padding:0;transition:background .2s}.pagination-dot.active{background:var(--primary-color)}.pagination-dot:hover{background:var(--secondary-color)}.play-pause-btn{width:22px;height:22px;border-radius:50%;background:#666;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s}.play-pause-btn:hover{background:var(--primary-color)}.banner-close-area{position:absolute;right:20px;top:50%;transform:translateY(-50%);display:flex;align-items:center;gap:15px}.hide-today-label{display:flex;align-items:center;gap:6px;font-size:.8rem;color:#666;cursor:pointer}.hide-today-label input{width:14px;height:14px;cursor:pointer}.close-btn{width:28px;height:28px;border-radius:4px;background:#8b7355;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s}.close-btn:hover{background:#6b5545}@media(max-width:860px){.top-banner-container{padding:0 40px}.banner-close-area{right:10px}.hide-today-label{display:none}.banner-title{font-size:.9rem}.banner-subtitle{font-size:.8rem}}@media(max-width:440px){.top-banner{padding:8px 0}.top-banner-container{padding:0 30px}.banner-nav-btn{width:26px;height:26px}.banner-icon{width:40px;height:40px}.banner-icon svg{width:20px;height:20px}.banner-title{font-size:.85rem}.banner-subtitle{font-size:.75rem}.banner-controls{bottom:4px}}:root{--swiper-theme-color: #007aff}:host{position:relative;display:block;margin-left:auto;margin-right:auto;z-index:1}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;display:block}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function, initial);box-sizing:content-box}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translateZ(0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);backface-visibility:hidden}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-slide,.swiper-3d .swiper-cube-shadow{transform-style:preserve-3d}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-css-mode.swiper-horizontal>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-css-mode.swiper-vertical>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-css-mode.swiper-centered>.swiper-wrapper:before{content:"";flex-shrink:0;order:9999}.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper:before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper:before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-slide-shadow-bottom{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:#00000026}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,#00000080,#0000)}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color, var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}:is(.swiper:not(.swiper-watch-progress),.swiper-watch-progress .swiper-slide-visible) .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color: #fff}.swiper-lazy-preloader-black{--swiper-preloader-color: #000}@keyframes swiper-preloader-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translateZ(0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}.swiper-pagination-fraction,.swiper-pagination-custom,.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal{bottom:var(--swiper-pagination-bottom, 8px);top:var(--swiper-pagination-top, auto);left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));height:var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));display:inline-block;border-radius:var(--swiper-pagination-bullet-border-radius, 50%);background:var(--swiper-pagination-bullet-inactive-color, #000);opacity:var(--swiper-pagination-bullet-inactive-opacity, .2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color, var(--swiper-theme-color))}.swiper-vertical>.swiper-pagination-bullets,.swiper-pagination-vertical.swiper-pagination-bullets{right:var(--swiper-pagination-right, 8px);left:var(--swiper-pagination-left, auto);top:50%;transform:translate3d(0,-50%,0)}:is(.swiper-vertical>.swiper-pagination-bullets,.swiper-pagination-vertical.swiper-pagination-bullets) .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap, 6px) 0;display:block}:is(.swiper-vertical>.swiper-pagination-bullets,.swiper-pagination-vertical.swiper-pagination-bullets).swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}:is(.swiper-vertical>.swiper-pagination-bullets,.swiper-pagination-vertical.swiper-pagination-bullets).swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}:is(.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-horizontal.swiper-pagination-bullets) .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap, 4px)}:is(.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-horizontal.swiper-pagination-bullets).swiper-pagination-bullets-dynamic{left:50%;transform:translate(-50%);white-space:nowrap}:is(.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-horizontal.swiper-pagination-bullets).swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color, inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, .25));position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color, var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite{width:100%;height:var(--swiper-pagination-progressbar-size, 4px);left:0;top:0}.swiper-vertical>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite{width:var(--swiper-pagination-progressbar-size, 4px);height:100%;left:0;top:0}.swiper-pagination-lock{display:none}:root{--swiper-navigation-size: 44px}.swiper-button-prev,.swiper-button-next{position:absolute;width:var(--swiper-navigation-size);height:var(--swiper-navigation-size);z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color, var(--swiper-theme-color))}:is(.swiper-button-prev,.swiper-button-next).swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}:is(.swiper-button-prev,.swiper-button-next).swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled :is(.swiper-button-prev,.swiper-button-next){display:none!important}:is(.swiper-button-prev,.swiper-button-next) svg{width:100%;height:100%;object-fit:contain;transform-origin:center;fill:currentColor;pointer-events:none}.swiper-button-lock{display:none}.swiper-button-prev,.swiper-button-next{top:var(--swiper-navigation-top-offset, 50%);margin-top:calc(0px - (var(--swiper-navigation-size) / 2))}.swiper-button-prev{left:var(--swiper-navigation-sides-offset, 4px);right:auto}.swiper-button-prev .swiper-navigation-icon{transform:rotate(180deg)}.swiper-button-next{right:var(--swiper-navigation-sides-offset, 4px);left:auto}.swiper-horizontal .swiper-button-prev,.swiper-horizontal .swiper-button-next,.swiper-horizontal~.swiper-button-prev,.swiper-horizontal~.swiper-button-next{top:var(--swiper-navigation-top-offset, 50%);margin-top:calc(0px - (var(--swiper-navigation-size) / 2));margin-left:0}.swiper-horizontal .swiper-button-prev,.swiper-horizontal~.swiper-button-prev,.swiper-horizontal.swiper-rtl .swiper-button-next,.swiper-horizontal.swiper-rtl~.swiper-button-next{left:var(--swiper-navigation-sides-offset, 4px);right:auto}.swiper-horizontal .swiper-button-next,.swiper-horizontal~.swiper-button-next,.swiper-horizontal.swiper-rtl .swiper-button-prev,.swiper-horizontal.swiper-rtl~.swiper-button-prev{right:var(--swiper-navigation-sides-offset, 4px);left:auto}:is(.swiper-horizontal .swiper-button-prev,.swiper-horizontal~.swiper-button-prev,.swiper-horizontal.swiper-rtl .swiper-button-next,.swiper-horizontal.swiper-rtl~.swiper-button-next) .swiper-navigation-icon{transform:rotate(180deg)}:is(.swiper-horizontal.swiper-rtl .swiper-button-prev,.swiper-horizontal.swiper-rtl~.swiper-button-prev) .swiper-navigation-icon{transform:rotate(0)}.swiper-vertical .swiper-button-prev,.swiper-vertical .swiper-button-next,.swiper-vertical~.swiper-button-prev,.swiper-vertical~.swiper-button-next{left:var(--swiper-navigation-top-offset, 50%);right:auto;margin-left:calc(0px - (var(--swiper-navigation-size) / 2));margin-top:0}.swiper-vertical .swiper-button-prev,.swiper-vertical~.swiper-button-prev{top:var(--swiper-navigation-sides-offset, 4px);bottom:auto}:is(.swiper-vertical .swiper-button-prev,.swiper-vertical~.swiper-button-prev) .swiper-navigation-icon{transform:rotate(-90deg)}.swiper-vertical .swiper-button-next,.swiper-vertical~.swiper-button-next{bottom:var(--swiper-navigation-sides-offset, 4px);top:auto}:is(.swiper-vertical .swiper-button-next,.swiper-vertical~.swiper-button-next) .swiper-navigation-icon{transform:rotate(90deg)}.swiper-fade.swiper-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-fade .swiper-slide-active,.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.main-visual{width:100%;position:relative;overflow:hidden}.visual-content{display:flex;position:relative}.side-panel{position:absolute;left:0;top:0;bottom:0;width:80px;display:flex;flex-direction:column;z-index:10;background:#0000004d}.side-btn{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:#fff;cursor:pointer;transition:background .2s;border-bottom:1px solid rgba(255,255,255,.2)}.side-btn:last-child{border-bottom:none}.side-btn:hover{background:#00000080}.btn-icon{font-size:1.5rem}.btn-text{font-size:.75rem;text-align:center;line-height:1.4}.popup-count{position:absolute;top:15px;right:15px;width:20px;height:20px;background:#e74c3c;border-radius:50%;font-size:.7rem;display:flex;align-items:center;justify-content:center}.popup-btn{position:relative}.visual-slider-wrapper{flex:1;position:relative;height:500px}.main-swiper,.slide-bg{width:100%;height:100%}.visual-overlay{position:absolute;inset:0;z-index:5;display:flex;align-items:flex-end;padding-bottom:80px;pointer-events:none}.slogan-content{margin-left:120px;color:#fff;text-shadow:2px 2px 10px rgba(0,0,0,.4)}.slogan-en{font-size:1rem;font-weight:400;margin-bottom:10px;opacity:.9;letter-spacing:2px}.slogan-main{font-size:2.8rem;font-weight:700;line-height:1.3;margin-bottom:20px}.slogan-sub{font-size:1rem;line-height:1.6;opacity:.9}.main-swiper .swiper-button-next,.main-swiper .swiper-button-prev{color:#fff;background:#0000004d;width:50px;height:50px;border-radius:50%;transition:background .2s}.main-swiper .swiper-button-next:hover,.main-swiper .swiper-button-prev:hover{background:#00000080}.main-swiper .swiper-button-next:after,.main-swiper .swiper-button-prev:after{font-size:1.2rem}.main-swiper .swiper-pagination{bottom:30px!important}.main-swiper .swiper-pagination-bullet{width:12px;height:12px;background:#fff;opacity:.5;transition:all .2s}.main-swiper .swiper-pagination-bullet-active{opacity:1;background:#fff;width:30px;border-radius:6px}@media(max-width:860px){.side-panel{width:60px}.visual-slider-wrapper{height:400px}.slogan-content{margin-left:80px}.slogan-main{font-size:2rem}.slogan-en,.slogan-sub{font-size:.9rem}.btn-text{font-size:.65rem}.visual-overlay{padding-bottom:60px}}@media(max-width:440px){.side-panel{width:50px}.visual-slider-wrapper{height:350px}.slogan-content{margin-left:60px;padding-right:15px}.slogan-main{font-size:1.5rem}.slogan-en,.slogan-sub{font-size:.8rem}.btn-icon{font-size:1.2rem}.btn-text{font-size:.55rem}.visual-overlay{padding-bottom:50px}.main-swiper .swiper-button-next,.main-swiper .swiper-button-prev{display:none}.main-swiper .swiper-pagination-bullet{width:8px;height:8px}.main-swiper .swiper-pagination-bullet-active{width:20px}}.content-section{padding:60px 0;background-color:var(--bg-gray)}.content-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:30px}.content-box{background-color:#fff;border-radius:8px;padding:30px;box-shadow:0 2px 8px #00000014}.content-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px;padding-bottom:15px;border-bottom:2px solid var(--primary-color)}.content-header h3{font-size:1.5rem;font-weight:700;color:var(--primary-color)}.more-link{display:flex;align-items:center;gap:5px;color:var(--text-light);font-size:.9rem;transition:color .2s}.more-link:hover{color:var(--primary-color)}.content-list{display:flex;flex-direction:column;gap:15px}.content-item{border-bottom:1px solid var(--border-color);padding-bottom:15px}.content-item:last-child{border-bottom:none;padding-bottom:0}.item-link{display:flex;justify-content:space-between;align-items:center;gap:15px;transition:color .2s}.item-link:hover .item-title{color:var(--primary-color)}.item-title{flex:1;font-size:.95rem;color:var(--text-dark);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.item-date{font-size:.85rem;color:var(--text-light);flex-shrink:0}@media(max-width:860px){.content-grid{grid-template-columns:1fr;gap:20px}.content-box{padding:25px}.content-header h3{font-size:1.3rem}}@media(max-width:440px){.content-section{padding:40px 0}.content-box{padding:20px}.content-header h3{font-size:1.2rem}.item-link{flex-direction:column;align-items:flex-start;gap:5px}}.industry-news-section{padding:60px 0;background-color:#fff}.industry-news-header{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:30px}.header-title{display:flex;flex-direction:column}.header-title h2{font-size:1.8rem;font-weight:700;color:var(--text-dark);margin:0}.header-subtitle{font-size:1.2rem;font-weight:500;color:var(--primary-color);margin-top:5px}.header-nav{display:flex;align-items:center;gap:15px}.header-nav .nav-btn{width:36px;height:36px;border-radius:50%;border:1px solid var(--border-color);background:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;color:var(--text-light)}.header-nav .nav-btn:hover{background:var(--primary-color);border-color:var(--primary-color);color:#fff}.page-indicator{font-size:.9rem;color:var(--text-light);font-weight:500}.industry-news-content{display:grid;grid-template-columns:1fr 300px;gap:30px}.news-list{display:flex;flex-direction:column;gap:0}.news-item{display:flex;justify-content:space-between;align-items:center;padding:20px 0;border-bottom:1px solid var(--border-color);text-decoration:none;transition:all .2s}.news-item:first-child{padding-top:0}.news-item:last-child{border-bottom:none}.news-item:hover{color:var(--primary-color)}.news-title{flex:1;font-size:1rem;font-weight:500;color:inherit;margin:0;padding-right:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.news-date{font-size:.9rem;color:var(--text-light);flex-shrink:0}.promo-banner{background:linear-gradient(135deg,#ffecd2,#fcb69f);border-radius:16px;padding:30px;display:flex;flex-direction:column;justify-content:space-between;min-height:200px}.promo-content h3{font-size:1.5rem;font-weight:700;color:#333;margin:0;line-height:1.3}.promo-content p{font-size:.9rem;color:#555;margin:5px 0 0;line-height:1.5}.promo-banner .promo-link{display:flex;align-items:center;gap:5px;font-size:.9rem;font-weight:500;color:#333;text-decoration:none;align-self:flex-end;margin-top:20px;padding:8px 16px;background:#fff9;border-radius:20px;transition:all .2s}.promo-banner .promo-link:hover{background:#fff}@media(max-width:860px){.industry-news-content{grid-template-columns:1fr}.promo-banner{min-height:auto;padding:25px}.header-title h2{font-size:1.5rem}.header-subtitle{font-size:1rem}}@media(max-width:440px){.industry-news-section{padding:40px 0}.industry-news-header{flex-direction:column;align-items:flex-start;gap:15px}.header-title h2{font-size:1.3rem}.news-item{flex-direction:column;align-items:flex-start;gap:8px;padding:15px 0}.news-title{padding-right:0;white-space:normal;font-size:.95rem}.news-date{font-size:.85rem}.promo-content h3{font-size:1.2rem}.promo-content p{font-size:.85rem}}.gwnu-notice-section{padding:60px 0;background-color:var(--bg-gray)}.notice-header{display:flex;flex-direction:column;align-items:center;margin-bottom:30px}.notice-title{font-size:2rem;font-weight:700;color:var(--text-dark);margin-bottom:25px;text-align:center}.tab-list{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}.tab-btn{padding:10px 24px;border-radius:25px;font-size:.95rem;font-weight:500;transition:all .3s;border:2px solid var(--border-color);color:var(--text-light);background-color:#fff}.tab-btn:hover{border-color:var(--primary-color);color:var(--primary-color)}.tab-btn.active{background-color:var(--primary-color);border-color:var(--primary-color);color:#fff}.notice-content{background:#fff;border-radius:16px;padding:30px;box-shadow:0 4px 20px #00000014}.notice-list{margin-bottom:20px}.notice-item{border-bottom:1px solid var(--border-color)}.notice-item:last-child{border-bottom:none}.notice-link{display:flex;justify-content:space-between;align-items:center;padding:16px 0;color:inherit;text-decoration:none;transition:color .2s}.notice-link:hover{color:var(--primary-color)}.notice-item-title{flex:1;font-size:1rem;display:flex;align-items:center;gap:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-right:20px}.new-badge{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;background-color:#e74c3c;color:#fff;font-size:.7rem;font-weight:700;border-radius:50%;flex-shrink:0}.notice-date{font-size:.9rem;color:var(--text-light);flex-shrink:0}.more-link{display:flex;align-items:center;justify-content:center;gap:5px;padding:12px 24px;background-color:var(--bg-gray);border-radius:8px;font-size:.95rem;font-weight:500;color:var(--text-dark);transition:all .2s}.more-link:hover{background-color:var(--primary-color);color:#fff}.notice-loading,.notice-error,.notice-empty{display:flex;align-items:center;justify-content:center;padding:40px 20px;font-size:.95rem;color:var(--text-light)}.notice-error{color:#e74c3c}@media(max-width:860px){.notice-title{font-size:1.5rem;margin-bottom:20px}.tab-list{gap:8px}.tab-btn{padding:8px 16px;font-size:.85rem}.notice-content{padding:20px}.notice-item-title{font-size:.95rem}.notice-date{font-size:.85rem}}@media(max-width:440px){.gwnu-notice-section{padding:40px 0}.notice-title{font-size:1.3rem;margin-bottom:15px}.tab-list{gap:6px}.tab-btn{padding:6px 12px;font-size:.8rem;border-radius:20px}.notice-content{padding:15px;border-radius:12px}.notice-link{flex-direction:column;align-items:flex-start;gap:5px;padding:12px 0}.notice-item-title{padding-right:0;font-size:.9rem}.notice-date{font-size:.8rem}.more-link{padding:10px 20px;font-size:.9rem}}.quick-links-section{padding:60px 0;background-color:#fff}.quick-links-section .section-title{font-size:2rem;font-weight:700;color:var(--text-dark);text-align:center;margin-bottom:40px}.quick-links-slider{display:flex;align-items:center;gap:20px;position:relative}.slider-viewport{flex:1;overflow:hidden}.slider-track{display:flex;transition:transform .4s ease}.link-group{min-width:100%;display:grid;grid-template-columns:repeat(2,1fr);gap:20px;padding:0 10px}.quick-link-card{display:flex;flex-direction:column;padding:25px 30px;background:var(--bg-gray);border-radius:12px;text-decoration:none;transition:all .3s;border:2px solid transparent}.quick-link-card:hover{background:#fff;border-color:var(--primary-color);box-shadow:0 4px 15px #003d8226;transform:translateY(-3px)}.link-title{font-size:1.1rem;font-weight:600;color:var(--text-dark);margin-bottom:8px}.link-subtitle{font-size:.85rem;color:var(--text-light);line-height:1.4}.slider-nav-btn{width:48px;height:48px;border-radius:50%;background:#fff;border:2px solid var(--border-color);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;color:var(--text-light);flex-shrink:0}.slider-nav-btn:hover:not(:disabled){background:var(--primary-color);border-color:var(--primary-color);color:#fff}.slider-nav-btn:disabled{opacity:.4;cursor:not-allowed}.slider-pagination{display:flex;justify-content:center;gap:8px;margin-top:30px}.slider-pagination .pagination-dot{width:10px;height:10px;border-radius:50%;background:var(--border-color);border:none;cursor:pointer;padding:0;transition:all .2s}.slider-pagination .pagination-dot.active{background:var(--primary-color);transform:scale(1.2)}.slider-pagination .pagination-dot:hover{background:var(--secondary-color)}@media(max-width:860px){.quick-links-section .section-title{font-size:1.5rem;margin-bottom:30px}.quick-links-slider{gap:10px}.link-group{grid-template-columns:1fr;gap:15px}.quick-link-card{padding:20px}.link-title{font-size:1rem}.link-subtitle{font-size:.8rem}.slider-nav-btn{width:40px;height:40px}}@media(max-width:440px){.quick-links-section{padding:40px 0}.quick-links-section .section-title{font-size:1.3rem;margin-bottom:20px}.slider-nav-btn{width:36px;height:36px}.slider-nav-btn svg{width:20px;height:20px}.quick-link-card{padding:15px}.link-title{font-size:.95rem}.link-subtitle{font-size:.75rem}.slider-pagination{margin-top:20px}}.card-news-section{padding:60px 0;background-color:var(--bg-gray)}.card-news-grid{display:grid;grid-template-columns:1fr 300px;gap:30px;align-items:stretch}.card-news-main{display:flex;flex-direction:column;gap:20px}.card-news-card{display:flex;background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 4px 20px #00000014;text-decoration:none;transition:all .3s;flex:1}.card-news-card:hover{transform:translateY(-5px);box-shadow:0 8px 30px #00000026}.card-news-image{width:45%;min-height:200px;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center}.card-news-placeholder{text-align:center;color:#fff}.placeholder-label{font-size:1.2rem;font-weight:700;text-transform:uppercase;letter-spacing:1px}.card-news-info{flex:1;padding:30px;display:flex;flex-direction:column;justify-content:center}.card-news-number{font-size:.9rem;color:var(--primary-color);font-weight:600;margin-bottom:10px}.card-news-title{font-size:1.2rem;font-weight:600;color:var(--text-dark);line-height:1.5;margin:0}.card-news-main .more-link{display:flex;align-items:center;justify-content:center;gap:5px;padding:12px 24px;background:#fff;border-radius:8px;font-size:.95rem;font-weight:500;color:var(--text-dark);transition:all .2s;text-decoration:none;box-shadow:0 2px 10px #0000000d}.card-news-main .more-link:hover{background:var(--primary-color);color:#fff}.card-news-links{display:flex;flex-direction:column;gap:20px}.promo-link{flex:1;display:flex;align-items:center;justify-content:space-between;padding:30px;border-radius:16px;text-decoration:none;transition:all .3s}.promo-link.webzine{background:linear-gradient(135deg,#11998e,#38ef7d);color:#fff}.promo-link.brochure{background:linear-gradient(135deg,#ee9ca7,#ffdde1);color:#333}.promo-link:hover{transform:translateY(-3px);box-shadow:0 6px 20px #0003}.promo-label{font-size:1rem;font-weight:600}.promo-icon{font-size:1.5rem;font-weight:300}@media(max-width:860px){.card-news-grid{grid-template-columns:1fr;gap:20px}.card-news-links{flex-direction:row}.card-news-card{flex-direction:column}.card-news-image{width:100%;min-height:150px}.card-news-info,.promo-link{padding:20px}.promo-label{font-size:.9rem}}@media(max-width:440px){.card-news-section{padding:40px 0}.card-news-links{flex-direction:column}.card-news-info{padding:15px}.card-news-title{font-size:1rem}.promo-link{padding:15px 20px}.promo-label{font-size:.85rem}}.quick-menu-section{padding:60px 0;background-color:#fff}.portlet-header{text-align:center;margin-bottom:40px}.portlet-header h3{font-size:2rem;font-weight:700;color:var(--primary-color);position:relative;display:inline-block;padding-bottom:15px}.portlet-header h3:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:60px;height:3px;background-color:var(--primary-color)}.quick-menu-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:20px}.quick-menu-card{background-color:#fff;border:2px solid var(--border-color);border-radius:12px;padding:30px 20px;text-align:center;transition:all .3s;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:15px}.quick-menu-card:hover{border-color:var(--primary-color);box-shadow:0 6px 20px #003d8226;transform:translateY(-5px)}.card-icon{color:var(--primary-color);transition:transform .3s}.quick-menu-card:hover .card-icon{transform:scale(1.1)}.card-title{font-size:1.1rem;font-weight:600;color:var(--text-dark);margin:0}.card-description{font-size:.85rem;color:var(--text-light);line-height:1.4;margin:0}@media(max-width:860px){.quick-menu-grid{grid-template-columns:repeat(3,1fr);gap:15px}.quick-menu-card{padding:25px 15px}.card-icon svg{width:40px;height:40px}.card-title{font-size:1rem}.card-description{font-size:.8rem}}@media(max-width:440px){.quick-menu-grid{grid-template-columns:repeat(2,1fr);gap:10px}.quick-menu-card{padding:20px 10px}.card-icon svg{width:36px;height:36px}.card-title{font-size:.9rem}.card-description{font-size:.75rem}.portlet-header h3{font-size:1.5rem}}.weather-section{padding:60px 0;background:linear-gradient(135deg,#4facfe,#00f2fe)}.weather-portlet{background:#fff;border-radius:20px;padding:40px;box-shadow:0 15px 50px #00000026}.weather-header{text-align:center;margin-bottom:30px}.weather-title{font-size:1.8rem;font-weight:700;color:var(--text-dark);margin:0 0 8px}.weather-subtitle{font-size:.85rem;color:var(--text-light);margin:0}.city-tabs{display:flex;justify-content:center;gap:15px;margin-bottom:35px}.city-tab{display:flex;flex-direction:column;align-items:center;padding:15px 40px;border-radius:12px;border:2px solid var(--border-color);background:#fff;cursor:pointer;transition:all .3s}.city-tab:hover{border-color:var(--primary-color)}.city-tab.active{background:var(--primary-color);border-color:var(--primary-color);color:#fff}.city-name{font-size:1.3rem;font-weight:700}.city-campus{font-size:.85rem;opacity:.8;margin-top:2px}.weather-display{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:stretch}.today-weather-card{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:16px;padding:30px;color:#fff;display:flex;flex-direction:column;align-items:center;text-align:center}.today-date{display:flex;align-items:center;gap:10px;margin-bottom:20px}.date-label{font-size:1.1rem;font-weight:600}.date-value{font-size:.95rem;opacity:.9}.today-main{display:flex;align-items:center;gap:20px;margin-bottom:15px}.weather-icon-large{opacity:.95}.temp-display{display:flex;align-items:flex-start}.current-temp{font-size:4rem;font-weight:700;line-height:1}.temp-unit{font-size:1.5rem;font-weight:400;margin-top:8px}.today-condition{font-size:1.3rem;margin-bottom:15px;opacity:.95}.today-range{display:flex;align-items:center;gap:8px;font-size:1rem;opacity:.9}.range-label{font-size:.85rem;opacity:.8}.range-divider{opacity:.6}.temp-low{color:#a8d8ff}.temp-high{color:#ffd6a8}.forecast-cards{display:flex;flex-direction:column;gap:15px}.forecast-card{background:var(--bg-gray);border-radius:12px;padding:20px 25px;display:grid;grid-template-columns:1fr auto auto auto;align-items:center;gap:20px;transition:all .3s}.forecast-card:hover{background:#e8e8e8;transform:translate(5px)}.forecast-date{display:flex;flex-direction:column}.forecast-label{font-size:1rem;font-weight:600;color:var(--text-dark)}.forecast-date-value{font-size:.8rem;color:var(--text-light);margin-top:2px}.forecast-icon{color:var(--primary-color)}.forecast-condition{font-size:.95rem;color:var(--text-dark);min-width:60px;text-align:center}.forecast-temps{display:flex;align-items:center;gap:5px;font-size:1rem;font-weight:600;min-width:80px;justify-content:flex-end}.forecast-low{color:#4a90d9}.forecast-high{color:#e67e22}.forecast-divider{color:var(--text-light)}.weather-loading,.weather-error{display:flex;align-items:center;justify-content:center;padding:60px 20px;font-size:1rem;color:var(--text-light);background:var(--bg-gray);border-radius:16px;grid-column:1 / -1}.weather-error{color:#e74c3c}@media(max-width:860px){.weather-portlet{padding:30px}.weather-display{grid-template-columns:1fr;gap:25px}.city-tabs{gap:10px}.city-tab{padding:12px 30px}.city-name{font-size:1.1rem}.current-temp{font-size:3rem}.temp-unit{font-size:1.2rem}.forecast-card{grid-template-columns:1fr auto auto auto;gap:15px;padding:15px 20px}}@media(max-width:440px){.weather-section{padding:40px 0}.weather-portlet{padding:20px;border-radius:16px}.weather-title{font-size:1.4rem}.city-tabs{flex-direction:column;gap:10px}.city-tab{flex-direction:row;gap:8px;padding:12px 20px;justify-content:center}.city-name{font-size:1rem}.city-campus{font-size:.8rem;margin-top:0}.today-weather-card{padding:25px 20px}.current-temp{font-size:2.5rem}.temp-unit{font-size:1rem;margin-top:5px}.today-condition{font-size:1.1rem}.today-range{font-size:.9rem}.forecast-card{grid-template-columns:auto 1fr auto;gap:12px;padding:12px 15px}.forecast-date{flex-direction:row;gap:8px;align-items:center}.forecast-condition{display:none}.forecast-temps{min-width:auto}}.linked-systems-section{padding:60px 0;background-color:var(--bg-gray)}.linked-systems-section .portlet-header{display:flex;justify-content:center;align-items:center;margin-bottom:40px}.linked-systems-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:20px}.linked-system-card{display:flex;flex-direction:column;align-items:center;gap:15px;background-color:#fff;border:2px solid var(--border-color);border-radius:12px;padding:30px 20px;text-align:center;transition:all .3s}.linked-system-card:hover{border-color:var(--primary-color);box-shadow:0 6px 20px #003d8226;transform:translateY(-5px)}.linked-system-card .card-icon{color:var(--primary-color);transition:transform .3s}.linked-system-card:hover .card-icon{transform:scale(1.1)}.linked-system-card .card-title{font-size:1.1rem;font-weight:600;color:var(--text-dark);margin:0}.linked-system-card .card-description{font-size:.85rem;color:var(--text-light);line-height:1.4;margin:0}@media(max-width:860px){.linked-systems-grid{grid-template-columns:repeat(3,1fr);gap:15px}.linked-system-card{padding:25px 15px}.card-icon svg{width:40px;height:40px}.linked-system-card .card-title{font-size:1rem}.linked-system-card .card-description{font-size:.8rem}}@media(max-width:440px){.linked-systems-section{padding:40px 0}.linked-systems-grid{grid-template-columns:repeat(2,1fr);gap:10px}.linked-system-card{padding:20px 10px}.card-icon svg{width:36px;height:36px}.linked-system-card .card-title{font-size:.9rem}.linked-system-card .card-description{font-size:.75rem}.linked-systems-section .portlet-header h3{font-size:1.5rem}}.social-media-section{padding:60px 0;background:linear-gradient(135deg,#1a1a2e,#16213e);color:#fff}.social-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:40px}.social-title{display:flex;flex-direction:column}.social-title h2{font-size:2rem;font-weight:700;margin:0;line-height:1.2}.social-title span{font-size:1.2rem;font-weight:400;opacity:.8;margin-top:5px}.social-icons{display:flex;gap:15px}.social-icon{width:48px;height:48px;border-radius:50%;background:#ffffff1a;display:flex;align-items:center;justify-content:center;color:#fff;transition:all .3s}.social-icon:hover{background:var(--social-color);transform:translateY(-3px)}.media-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.media-card{text-decoration:none;color:#fff;transition:all .3s}.media-card:hover{transform:translateY(-5px)}.media-card:hover .thumbnail-bg{opacity:.85}.media-thumbnail{border-radius:12px;overflow:hidden;aspect-ratio:16/10;margin-bottom:12px}.thumbnail-bg{width:100%;height:100%;display:flex;align-items:center;justify-content:center;transition:opacity .3s}.play-button{width:50px;height:50px;border-radius:50%;background:#ffffffe6;display:flex;align-items:center;justify-content:center;color:#333;font-size:1rem;padding-left:4px}.media-title{font-size:.95rem;font-weight:500;margin:0;line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(max-width:860px){.media-grid{grid-template-columns:repeat(2,1fr);gap:15px}.social-title h2{font-size:1.5rem}.social-title span{font-size:1rem}.social-icon{width:42px;height:42px}}@media(max-width:440px){.social-media-section{padding:40px 0}.social-header{flex-direction:column;align-items:flex-start;gap:20px;margin-bottom:30px}.social-title h2{font-size:1.3rem}.social-title span{font-size:.9rem}.media-grid{grid-template-columns:repeat(2,1fr);gap:12px}.media-thumbnail{border-radius:8px}.play-button{width:40px;height:40px;font-size:.85rem}.media-title{font-size:.85rem}}.app{min-height:100vh;display:flex;flex-direction:column}main{flex:1}#root{margin:0;padding:0;width:100%}