@import "https://fonts.googleapis.com/css2?family=Do+Hyeon&display=swap";
*{box-sizing:border-box;color:inherit;margin:0;padding:0;text-decoration:none}body,html{width:100%;overflow-x:hidden}.header{z-index:10;background-color:#f5f5f5;justify-content:space-between;align-items:center;width:100%;height:60px;padding:0 15px;display:flex;position:fixed;top:0;left:0;box-shadow:0 2px 4px #0000001a}.nav{z-index:999;justify-content:space-between;height:100%;font-size:13px;display:flex}.nav h1{text-align:center;justify-content:center;font-size:2vh;display:flex}.gnb ul{gap:20px;margin:0;padding:20px;font-family:Do Hyeon,sans-serif;font-size:1.7vh;list-style:none;display:flex}.gnb ul>li a:hover{color:#0080bb}.ham-btn{cursor:pointer;color:#313131;background:0 0;border:none;padding:5px;font-size:24px;display:block}.drawer-overlay{z-index:200;opacity:0;visibility:hidden;background-color:#00000080;width:100%;height:100vh;transition:opacity .3s;position:fixed;top:0;left:0}.drawer-overlay.open{opacity:1;visibility:visible}.drawer-menu{z-index:201;background-color:#fff;width:30vw;height:100vh;padding:20px;transition:transform .3s cubic-bezier(.4,0,.2,1);position:fixed;top:0;right:0;transform:translate(100%);box-shadow:-4px 0 15px #0000001a}.drawer-menu.open{transform:translate(0)}.drawer-menu ul{margin-top:40px;padding:0;font-family:Do Hyeon,sans-serif;list-style:none}.drawer-menu li{cursor:pointer;border-bottom:1px solid #eee;padding:15px 0;font-size:18px}.drawer-menu li:hover{color:#0080bb}.close-btn{cursor:pointer;background:0 0;border:none;font-size:24px;position:absolute;top:15px;right:15px}@media (max-width:850px){.header{font-size:11px}.nav h1{visibility:hidden;opacity:0;font-size:11px}.nav ul{justify-content:center;align-items:center;font-size:11px;display:flex}.gnb{display:none}.ham-btn{display:block}}@media (max-width:480px){.header{height:55px}.header p{white-space:nowrap;text-overflow:ellipsis;max-width:80px;overflow:hidden;margin-right:.5rem!important;font-size:.85rem!important}.header img{height:30px}.drawer-menu{width:80vw}.drawer-menu li{padding:12px 0;font-size:16px}}
.footer{color:#e0e0e0;box-sizing:border-box;background-image:linear-gradient(#1a1a1a,#2d2d2d);border-top:1px solid #444;width:100%;margin-top:auto;padding:60px 20px 30px}.footer-top{flex-wrap:wrap;justify-content:space-between;gap:40px;max-width:1200px;margin:0 auto;display:flex}.footer-con{flex:1;min-width:200px}.footer-con h3{color:#fff;margin-bottom:20px;padding-bottom:8px;font-size:16px;font-weight:700;position:relative}.footer-con h3:after{content:"";background-color:#3b82f6;width:30px;height:2px;position:absolute;bottom:0;left:0}.footer-con p,.footer-con li,.footer-con a{color:#b0b0b0;font-size:13px;line-height:1.8;text-decoration:none;transition:all .2s}.footer-con ul{margin:0;padding:0;list-style:none}.footer-con a:hover{color:#fff;padding-left:5px}.social{flex-direction:column;gap:5px;display:flex}.footer-bottom{text-align:center;border-top:1px solid #333;max-width:1200px;margin:40px auto 0;padding-top:20px}.footer-bottom p{color:#888;font-size:12px}@media (max-width:768px){.footer-top{grid-template-columns:repeat(2,1fr);gap:30px;display:grid}}@media (max-width:480px){.footer-top{text-align:center;grid-template-columns:1fr}.footer-con h3:after{left:50%;transform:translate(-50%)}.footer-con a:hover{padding-left:0}}