*{box-sizing:border-box}*,body,html{margin:0;padding:0}body,html{height:100%;position:relative;width:100%}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}#root{height:100%;margin:0;padding:0;width:100%}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.footer{background-color:#f8f8f8;overflow:hidden;padding:60px 0;position:relative;width:100%}.footer.mobile-theme{background-color:#0a0a0a;color:#ffffffb3}.footer.mobile-theme .footer-brand b{color:#fff}.footer.mobile-theme .footer-brand .insight{color:#fffc}.footer.mobile-theme .footer-info{color:#fff9}.footer.mobile-theme .social-title{color:#fff}.footer.mobile-theme .footer-links,.footer.mobile-theme .footer-links a{color:#fff9}.footer.mobile-theme .footer-links a:hover{color:#fff}.footer.mobile-theme .divider{background-color:#ffffff4d}.footer:before{background:linear-gradient(90deg,#0000,#ddd,#0000);content:"";height:1px;left:0;position:absolute;right:0;top:0}.footer-content{display:flex;flex-wrap:wrap;justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 20px}.footer-left{color:#000;flex:1 1;margin-bottom:40px;min-width:300px}.footer-right{flex:0 0 auto;margin-bottom:40px;min-width:250px}.social-title{color:#333;font-size:16px;font-weight:600;margin-bottom:16px}.social-icons{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(4,1fr)}.social-icon{align-items:center;border-radius:6px;color:#fff;display:flex;font-size:16px;height:30px;justify-content:center;overflow:hidden;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);width:30px}.social-icon:before{background:linear-gradient(45deg,#ffffff1a,#0000);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.social-icon:hover{box-shadow:0 6px 16px #00000026;transform:translateY(-3px) scale(1.05)}.social-icon:hover:before{opacity:1}.social-icon:active{transform:translateY(-1px) scale(1.02)}.facebook{background-color:#1877f2}.twitter{background-color:#000}.pinterest{background-color:#e60023}.instagram{background:linear-gradient(45deg,#f09433,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888)}.youtube{background-color:red}.linkedin{background-color:#0a66c2}.discord{background-color:#5865f2}.reddit{background-color:#ff4500}.footer-brand{display:inline-block;font-size:24px;margin-bottom:20px;position:relative;text-align:left}.footer-brand b{color:#333;font-weight:700;position:relative;z-index:1}.footer-brand .insight{color:#666;font-weight:500;position:relative;z-index:1}.footer-brand:after{background:linear-gradient(90deg,#3498db,#2ecc71);bottom:-2px;content:"";height:2px;left:0;position:absolute;transition:width .3s ease;width:0}.footer-brand:hover:after{width:100%}.footer-info{color:#666;font-size:16px}.info-row{display:flex;flex-wrap:wrap;gap:20px;margin-bottom:10px}.footer-bottom{border-top:1px solid #eee;padding-top:20px;width:100%}.footer-links{align-items:center;color:#666;display:flex;font-size:14px;gap:16px}.divider{background-color:#666;height:12px;width:1px}.footer-links a{color:#666;font-weight:500;text-decoration:none}.footer-links a:hover{color:#333}@media screen and (max-width:768px){.footer{background-color:#f8f8f8;padding:24px 0 20px}.footer-content{flex-direction:column;gap:20px;padding:0 16px}.footer-left,.footer-right{margin-bottom:0;min-width:0;min-width:auto;width:100%}.footer-right{margin-top:0}.social-title{color:#333;font-size:16px;font-weight:600;margin-bottom:12px;text-align:left}.social-icons{gap:8px;grid-template-columns:repeat(8,1fr);margin:0;max-width:100%}.social-icon{border-radius:6px;font-size:14px;height:36px;transition:all .2s cubic-bezier(.4,0,.2,1);width:36px}.social-icon:hover{box-shadow:0 4px 8px #0000001f;transform:translateY(-1px) scale(1.05)}.footer-brand{font-size:20px;margin-bottom:16px;text-align:left}.footer-brand:after{display:none}.footer-info{font-size:13px;line-height:1.5;text-align:left}.info-row{align-items:flex-start;flex-direction:row;flex-wrap:wrap;gap:8px;margin-bottom:6px}.info-row span{color:#666;display:inline;font-size:11px;line-height:1.3;margin-bottom:0}.info-row span:not(:last-child):after{color:#ccc;content:" • ";margin-left:4px}.footer-bottom{border-top:1px solid #ddd;margin-top:16px;padding-top:16px}.footer-links{align-items:center;flex-direction:row;flex-wrap:wrap;font-size:12px;gap:8px;justify-content:flex-start}.divider{background-color:#ccc;display:inline-block;height:10px;margin:0 4px;width:1px}.footer-links a{background-color:initial;border-radius:4px;color:#666;font-size:12px;padding:4px 8px;transition:all .2s ease}.footer-links a:hover{background-color:#0000000d;color:#333;transform:none}}@media screen and (max-width:480px){.footer{padding:20px 0 16px}.footer-content{gap:16px;padding:0 12px}.social-icons{gap:6px;grid-template-columns:repeat(8,1fr);max-width:100%}.social-icon{border-radius:4px;font-size:12px;height:32px;width:32px}.social-title{font-size:14px;margin-bottom:8px}.footer-brand{font-size:18px;margin-bottom:12px}.footer-info{font-size:12px;line-height:1.4}.info-row{gap:8px;margin-bottom:6px}.info-row span{font-size:11px}.footer-bottom{margin-top:12px;padding-top:12px}.footer-links{font-size:11px;gap:6px}.footer-links a{font-size:11px;padding:3px 6px}.divider{height:8px;margin:0 3px}}@media screen and (max-width:360px){.footer{padding:16px 0 12px}.footer-content{gap:12px;padding:0 8px}.social-icons{gap:4px;grid-template-columns:repeat(8,1fr)}.social-icon{font-size:10px;height:28px;width:28px}.footer-brand{font-size:16px;margin-bottom:8px}.footer-info{font-size:11px}.footer-links,.info-row span{font-size:10px}.footer-links a{font-size:10px;padding:2px 4px}}.App{display:flex;flex-direction:column;font-family:Noto Sans KR,sans-serif;margin:0;min-height:100vh;padding-top:80px;position:relative;text-align:center;width:100%}.main-content{flex:1 1;margin:0 auto;padding:0}.main-content,section{max-width:100%;width:100%}section{margin:0;padding-left:0;padding-right:0}@media screen and (max-width:768px){.container{margin:0;padding:0;width:100%}.section{margin:0;padding:40px 0;width:100%}h1{font-size:2rem}h2{font-size:1.5rem}p{font-size:1rem}}