@import "https://fonts.googleapis.com/css2?family=Do+Hyeon&display=swap";
*{box-sizing:border-box;margin:0;padding:0}body{color:#333;background-color:#f9fafb;width:100%;font-family:Pretendard,sans-serif;overflow-x:hidden}.container{max-width:1200px;margin:0 auto;padding:0 20px}.navbar{background:#fff;justify-content:space-between;align-items:center;padding:20px 40px;display:flex;box-shadow:0 2px 4px #0000000d}.nav-logo{color:#2563eb;font-size:24px;font-weight:700}.nav-links{gap:30px;list-style:none;display:flex}.nav-links li{cursor:pointer;color:#4b5563;font-weight:500}.nav-links li:hover{color:#2563eb}.login-btn{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:25px;padding:10px 24px;transition:all .3s}.hero-section{background-color:#eff6ff;background-image:linear-gradient(270deg,#eff6ff,#d5e4f8);padding:80px 0}.hero-content{justify-content:space-between;align-items:center;display:flex}.hero-text h1{margin-bottom:20px;font-size:48px;line-height:1.2}.highlight{color:#2563eb}.hero-text p{color:#6b7280;margin-bottom:30px;font-size:18px}.hero-buttons{gap:15px;display:flex}.primary-btn{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:8px;padding:15px 30px;font-size:16px}.secondary-btn{color:#2563eb;cursor:pointer;background:#fff;border:1px solid #2563eb;border-radius:8px;padding:15px 30px;font-size:16px}.hero-image img{border-radius:20px;max-width:100%;box-shadow:0 20px 25px -5px #0000001a}.section-title{text-align:center;margin-bottom:50px;font-size:32px}.services-grid{grid-template-columns:repeat(3,1fr);gap:30px;display:grid}.service-card{text-align:center;background:#fff;border:1px solid #f3f4f6;border-radius:15px;padding:40px;transition:transform .3s}.service-card:hover{transform:translateY(-10px)}.icon-box{border-radius:10px;justify-content:center;align-items:center;width:50px;height:50px;margin:0 auto 20px;display:flex}.bg-green{background-color:#dcfce7}.bg-blue{background-color:#dbeafe}.bg-yellow{background-color:#fef9c3}.bg-red{background-color:#fec3c3}.quick-menu-section{margin-top:80px;margin-bottom:80px;padding:20px 0}.info-section{background-color:#fcfcfc;padding:60px 0 100px}.info-grid{grid-template-columns:repeat(2,1fr);gap:40px;display:grid}.info-box{background:#fff;border:1px solid #eee;border-radius:20px;padding:35px;transition:transform .3s;box-shadow:0 5px 20px #00000008}.info-box:hover{transform:translateY(-5px);box-shadow:0 10px 25px #0000000f}.info-box h3{color:#333;border-bottom:2px solid #222;justify-content:space-between;align-items:center;margin-bottom:25px;padding-bottom:15px;font-family:Do Hyeon,sans-serif;font-size:1.6rem;display:flex}.info-box ul{margin:0;padding:0;list-style:none}.info-box li{color:#555;cursor:pointer;white-space:nowrap;text-overflow:ellipsis;border-bottom:1px solid #f5f5f5;padding:16px 10px;font-size:1.05rem;transition:all .2s;overflow:hidden}.info-box li:last-child{border-bottom:none}.info-box li:hover{color:#2563eb;background-color:#f8fbff;padding-left:20px;font-weight:500}.info-box li:before{content:"•";color:#ccc;margin-right:10px;transition:color .2s}.info-box li:hover:before{color:#2563eb}@media (max-width:768px){.info-grid{grid-template-columns:1fr;gap:30px}.info-box{padding:25px}.info-box h3{font-size:1.3rem}.info-box li{font-size:.95rem}}.quick-grid{border-radius:16px;grid-template-columns:repeat(4,1fr);gap:0;display:grid;overflow:hidden;box-shadow:0 10px 30px #0000001a}.quick-item{aspect-ratio:1;cursor:pointer;transition:transform .3s cubic-bezier(.25,.46,.45,.94),z-index;position:relative;overflow:hidden}.quick-item img{object-fit:cover;width:100%;height:100%;transition:filter .3s}.quick-overlay{color:#fff;z-index:2;background:linear-gradient(#0000,#000000b3);width:100%;padding:20px;position:absolute;bottom:0;left:0}.quick-overlay h3{margin-bottom:5px;font-family:Do Hyeon,sans-serif;font-size:1.4rem}.quick-overlay p{opacity:.9;font-size:.9rem;font-weight:300}.quick-item:hover{z-index:10;transform:scale(1.05);box-shadow:0 10px 20px #0003}.quick-item:hover img{filter:brightness(.9)}@media (max-width:768px){.quick-grid{grid-template-columns:repeat(2,1fr)}.quick-overlay h3{font-size:1.1rem}.quick-overlay p{display:none}}@media (max-width:480px){.navbar{flex-direction:column;gap:10px;padding:15px 20px}.nav-links{display:none}.hero-content{text-align:center;flex-direction:column;padding:40px 0}.hero-text h1{font-size:28px}.hero-buttons{flex-direction:column;justify-content:center;width:100%}.primary-btn,.secondary-btn{width:100%}.hero-image{margin-top:30px}.services-grid{gap:20px;grid-template-columns:1fr!important}.quick-grid{grid-template-columns:1fr!important}.quick-item{aspect-ratio:16/9}.info-grid{gap:20px;grid-template-columns:1fr!important}.info-box{padding:20px}.info-box h3{font-size:1.2rem}.info-box li{padding:12px 5px;font-size:.85rem}.container{padding:0 15px}}