.kr-contact{ --navy:#071f3d;--blue:#89b3dc;--ice:#e9f2fa;--text:#25394e; background:#fff;font-family:Arial,Helvetica,sans-serif; color:var(--text);padding:65px 20px; } .kr-contact *{box-sizing:border-box} .kr-contact .wrap{max-width:1100px;margin:auto} .kr-contact .hero{ min-height:370px;display:flex;align-items:flex-end;position:relative; padding:50px;background:linear-gradient(135deg,#edf5fb,#fff); border-radius:5px 60px 5px 5px;overflow:hidden; } .kr-contact .hero:after{ content:"";position:absolute;width:420px;height:420px; border:2px solid #a9c7e2;border-radius:50%;right:-150px;top:-180px; } .kr-contact h1{ font-family:Georgia,serif;color:var(--navy); font-size:clamp(48px,7vw,78px);line-height:.95;font-weight:400;margin:10px 0; } .kr-contact .grid{ display:grid;grid-template-columns:1fr 1fr;margin-top:20px; border:1px solid #d7e1eb; } .kr-contact .card{padding:40px;min-height:220px;border-bottom:1px solid #d7e1eb} .kr-contact .card:nth-child(odd){border-right:1px solid #d7e1eb} .kr-contact .card small{color:#7695b4;letter-spacing:.18em} .kr-contact .card h2{ font-family:Georgia,serif;color:var(--navy);font-weight:400;font-size:26px; } .kr-contact p{line-height:1.85} .kr-contact .bottom{margin-top:20px;background:var(--navy);color:#fff;padding:35px 40px} @media(max-width:700px){ .kr-contact .grid{grid-template-columns:1fr} .kr-contact .card:nth-child(odd){border-right:0} .kr-contact .hero{padding:35px 25px} }