@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard.css");
@import url("https://fonts.googleapis.com/css2?family=Gowun+Batang:wght@400;700&display=swap");
*{margin:0;padding:0;box-sizing:border-box}
body{font-family:Pretendard,"Malgun Gothic",sans-serif;background:#FBF8F6;color:#2E2740;word-break:keep-all;-webkit-font-smoothing:antialiased}
a{text-decoration:none;color:inherit}
.hr-wrap{max-width:1180px;margin:0 auto;padding-left:30px;padding-right:30px}
.hr-h2{font-family:"Gowun Batang","Nanum Myeongjo",Batang,Georgia,serif;font-size:44px;line-height:1.32;letter-spacing:-1.4px;font-weight:700}
.hr-h2-d{color:#2E2740}

.hr-nav{display:flex;align-items:center;gap:24px;padding:18px 34px;background:#FBF8F6;border-bottom:1px solid #EDE5E0;position:sticky;top:0;z-index:20}
.hr-brand{font-family:"Gowun Batang",Batang,serif;font-size:22px;font-weight:700;letter-spacing:-.5px}
.hr-menu{display:flex;gap:26px;margin-left:auto}
.hr-menu>a{font-size:15px;color:#5E5570;font-weight:600}
.hr-menu>a:hover{color:#8B7BC7}
.hr-nbtn{background:#2E2740;color:#fff;font-size:14px;font-weight:700;padding:11px 24px;border-radius:30px}

/* hero */
.hr-hero{position:relative;min-height:620px;background-size:cover;background-position:center 28%;background-color:#E4C9BC;display:flex;align-items:center;justify-content:center;text-align:center;padding:110px 30px}
.hr-hero-v{position:absolute;inset:0;background:linear-gradient(180deg,rgba(90,55,45,.34),rgba(90,55,45,.50))}
.hr-hero-in{position:relative;z-index:2;max-width:760px}
.hr-hero-in>h1{font-family:"Gowun Batang","Nanum Myeongjo",Batang,Georgia,serif;font-size:72px;line-height:1.2;letter-spacing:-2px;color:#fff;font-weight:700}
.hr-hero-in>p{margin-top:24px;font-size:16px;line-height:1.85;color:#F4E9E3}
.hr-hero-btns{display:flex;gap:12px;justify-content:center;margin-top:34px;flex-wrap:wrap}
.hr-b1{background:#DFF07A;color:#2E2740;font-weight:700;font-size:15px;padding:13px 30px;border-radius:30px}
.hr-b2{background:#E9E4F8;color:#2E2740;font-weight:700;font-size:15px;padding:13px 30px;border-radius:30px}

/* intro (lavender) */
.hr-intro{background:#EDE9FA;padding-top:104px;padding-bottom:104px}
.hr-intro-in{display:grid;grid-template-columns:1.05fr .95fr;gap:60px;align-items:center}
.hr-btn{display:inline-block;margin-top:28px;background:#3A3350;color:#fff;font-size:14.5px;font-weight:700;padding:13px 28px;border-radius:30px}
.hr-btn-o{background:#EDE9FA;color:#3A3350}
.hr-stats{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:44px}
.hr-stat{background:#fff;border-radius:18px;padding:24px 26px 26px}
.hr-stat-l{background:#DFF07A}
.hr-stat>span{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:700;color:#4B4360}
.hr-stat>b{font-family:"Gowun Batang",Batang,serif;display:block;font-size:38px;margin-top:34px;letter-spacing:-1px}
.hr-stat>i{font-style:normal;font-size:13px;color:#5E5570}
.hr-intro-img{position:relative}
.hr-intro-img>div{height:520px;border-radius:16px;background-size:cover;background-position:center;background-color:#DDD4CE}
.hr-memo{position:absolute;left:24px;bottom:-16px;background:#fff;color:#2E2740;font-size:13.5px;padding:9px 20px;transform:rotate(-2deg);box-shadow:0 8px 20px rgba(60,40,70,.12)}

/* cards */
.hr-sec{padding-top:104px;padding-bottom:104px}
.hr-head{display:flex;flex-wrap:wrap;gap:20px;align-items:flex-end;justify-content:space-between;margin-bottom:48px}
.hr-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.hr-card{background:#fff;border:1px solid #EDE5E0;border-radius:20px;padding:18px 18px 28px;display:block}
.hr-card:hover{box-shadow:0 16px 34px rgba(70,50,80,.10)}
.hr-cimg{height:230px;border-radius:14px;background-size:cover;background-position:center;background-color:#E6DCD6;margin-bottom:22px}
.hr-card>h3{font-family:"Gowun Batang",Batang,serif;font-size:26px;padding:0 8px;margin-bottom:10px}
.hr-card>p{font-size:14.5px;line-height:1.8;color:#5E5570;padding:0 8px}
.hr-more{display:block;margin-top:18px;padding:0 8px;font-size:13.5px;font-weight:700;color:#8B7BC7}

/* principles */
.hr-quiet{background:#EDE9FA;padding-top:100px;padding-bottom:100px}
.hr-quiet-in{display:grid;grid-template-columns:.9fr 1.1fr;gap:60px}
.hr-lb{display:inline-block;font-size:12px;letter-spacing:2px;font-weight:800;color:#6F5FB0;margin-bottom:16px}
.hr-qp{margin-top:22px;font-size:15.5px;line-height:1.9;color:#5E5570;max-width:400px}
.hr-prin{list-style:none}
.hr-prin>li{padding:24px 0;border-top:1px solid #DAD2F0}
.hr-prin>li>b{display:block;font-size:20px;margin-bottom:8px}
.hr-prin>li>span{font-size:15px;line-height:1.8;color:#5E5570}

.hr-cta{background:#2E2740;padding-top:88px;padding-bottom:88px;text-align:center}
.hr-cta-in>h2{font-family:"Gowun Batang",Batang,serif;color:#fff;font-size:34px;letter-spacing:-1px}
.hr-tel{display:inline-block;margin-top:22px;font-size:46px;font-weight:800;letter-spacing:-2px;color:#DFF07A}
.hr-cta-in>p{margin-top:16px;color:#B4ABC8;font-size:15px}

.hr-foot{background:#221D30;padding-top:56px;padding-bottom:56px}
.hr-foot-top{display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;align-items:center;padding-bottom:22px;border-bottom:1px solid #3A3350}
.hr-foot-b{font-family:"Gowun Batang",Batang,serif;color:#fff;font-size:21px}
.hr-foot-n{display:flex;gap:22px}
.hr-foot-n>a{color:#A99FC0;font-size:14.5px}
.hr-notice{margin-top:24px;color:#DFF07A;font-size:13px;line-height:1.8}
.hr-corp{margin-top:16px;color:#8B81A4;font-size:13px;line-height:1.85}
.hr-copy{margin-top:14px;color:#635A7C;font-size:12.5px}

/* sub pages */
.hr-ban{background:#EDE9FA;padding-top:76px;padding-bottom:76px}
.hr-ban .hr-lb{color:#6F5FB0}
.hr-ban h1{font-family:"Gowun Batang",Batang,serif;font-size:52px;letter-spacing:-1.6px;line-height:1.25}
.hr-ban p{margin-top:18px;font-size:16.5px;line-height:1.85;color:#5E5570;max-width:660px}
.hr-page{padding-top:80px;padding-bottom:90px}
.hr-page h2{font-family:"Gowun Batang",Batang,serif;font-size:34px;letter-spacing:-1px;margin-bottom:16px}
.hr-page h3{font-size:19px;margin-bottom:8px}
.hr-page p{font-size:16px;line-height:1.9;color:#544B66}
.hr-blk{margin-bottom:56px}
.hr-duo{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:32px 0}
.hr-duo>div{height:320px;border-radius:16px;background-size:cover;background-position:center;background-color:#E6DCD6}
.hr-tbl{width:100%;border-collapse:collapse;margin-top:22px;font-size:15px}
.hr-tbl th,.hr-tbl td{border-bottom:1px solid #E6DEEE;padding:15px 12px;text-align:left;line-height:1.7}
.hr-tbl th{background:#F5F2FC;color:#6F5FB0;font-weight:800;width:32%}
.hr-c3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:28px}
.hr-c3>div{background:#F6F3FC;border-radius:18px;padding:28px 24px}
.hr-c3>div>p{font-size:14.5px;color:#5E5570}
.hr-note{margin-top:16px;font-size:13px;color:#8B81A4}

@media(max-width:980px){
 .hr-nav{padding:14px 18px;gap:12px}
 .hr-menu{display:none}
 .hr-nbtn{margin-left:auto}
 .hr-hero{min-height:0;padding:64px 20px}
 .hr-hero-in>h1{font-size:36px;letter-spacing:-1.4px}
 .hr-h2{font-size:28px;letter-spacing:-1px}
 .hr-intro,.hr-sec,.hr-quiet,.hr-cta,.hr-page{padding-top:56px;padding-bottom:56px}
 .hr-intro-in,.hr-quiet-in{grid-template-columns:1fr;gap:34px}
 .hr-intro-img>div{height:280px}
 .hr-cards,.hr-c3,.hr-duo{grid-template-columns:1fr}
 .hr-duo>div{height:220px}
 .hr-tel{font-size:32px}
 .hr-ban{padding-top:48px;padding-bottom:48px}
 .hr-ban h1{font-size:32px}
 .hr-page h2{font-size:25px}
}
