*{box-sizing:border-box}body{margin:0;color:#17221b;background:#f5f5ef;font-family:Arial,"Noto Sans KR",sans-serif}header{height:94px;padding:0 max(24px,calc((100% - 1240px)/2));display:flex;align-items:center;border-bottom:1px solid #cfd3ca;background:#fff}header>a:last-child{margin-left:auto;color:#17221b}.logo{text-decoration:none;color:#17221b;font-size:25px}.logo b{display:block;font-size:12px;letter-spacing:3px;color:#789017}nav{display:flex;gap:24px;overflow:auto;padding:17px max(24px,calc((100% - 1240px)/2));background:#17261d}nav a{flex:0 0 auto;color:#fff;text-decoration:none;font-size:13px}main{max-width:1240px;margin:auto;padding:60px 24px 100px}.archive-head small{letter-spacing:3px;color:#789017}.archive-head h1{font-family:Georgia,"Noto Serif KR",serif;font-size:clamp(42px,7vw,84px);margin:10px 0 25px}.archive-head form{display:flex;max-width:760px;border-bottom:3px solid #17261d}.archive-head input{flex:1;border:0;background:transparent;padding:16px 5px;font-size:20px;outline:0}.archive-head button{border:0;background:#8da622;color:#fff;padding:0 27px}.archive-head p{color:#69736c}.results{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-top:35px}.result{border-top:1px solid #aeb5ac;padding-top:14px}.result a{text-decoration:none;color:inherit}.result img{width:100%;aspect-ratio:16/10;object-fit:cover;background:#dfe2dc}.result small{display:block;color:#789017;margin-top:14px}.result h2{font-family:Georgia,"Noto Serif KR",serif;font-size:24px;line-height:1.3;margin:8px 0}.result p{color:#59635c;line-height:1.6}.result footer{display:flex;justify-content:space-between;font-size:12px;color:#777}.empty{grid-column:1/-1;text-align:center;padding:80px 10px;border-top:1px solid #bbb}body>footer{background:#17261d;color:white;padding:40px max(24px,calc((100% - 1240px)/2));display:flex;justify-content:space-between}body>footer .logo{color:white}.company-info{text-align:right;line-height:1.7}@media(max-width:800px){header{height:74px}.results{grid-template-columns:1fr 1fr}main{padding-top:38px}}@media(max-width:520px){.results{grid-template-columns:1fr}.archive-head h1{font-size:44px}.archive-head input{font-size:16px}.archive-head button{padding:0 18px}body>footer{display:block}.company-info{text-align:left}}
