body{margin:0;background:#F7F3EC;color:#2A231C;font-family:'Noto Sans KR',sans-serif;-webkit-font-smoothing:antialiased;word-break:keep-all}
a{color:#2A231C}a:hover{color:#6B5137}
.wrap{max-width:1240px;margin:0 auto;padding:0 48px;box-sizing:border-box}
.nav-links{display:flex;align-items:center;gap:36px}
.nav-m{display:none}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:14px;min-height:54px;padding:0 30px;box-sizing:border-box;background:#211912;color:#F7F3EC;text-decoration:none;font-size:15px;font-weight:500;letter-spacing:.02em;transition:background .3s ease}
.btn:hover{background:#3B2C1F;color:#F7F3EC}
.btn-line{display:inline-flex;align-items:center;justify-content:center;gap:14px;min-height:54px;padding:0 29px;box-sizing:border-box;border:1px solid #211912;color:#211912;text-decoration:none;font-size:15px;font-weight:500;letter-spacing:.02em;transition:background .3s ease,color .3s ease}
.btn-line:hover{background:#211912;color:#F7F3EC}
.tlink{text-decoration:none;border-bottom:1px solid #866647;padding-bottom:4px;transition:border-color .3s ease}
.tlink:hover{border-color:#211912;color:#211912}
.arr{display:inline-block;transition:transform .3s ease}
a:hover .arr{transform:translateX(5px)}
.hero{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);min-height:780px}
.g2{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,7fr);gap:72px}
.g2b{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:72px;align-items:center}
.idx-row{display:grid;grid-template-columns:52px minmax(0,2.3fr) minmax(0,1.1fr) minmax(0,1.2fr) 150px 24px;gap:28px;align-items:baseline;padding:34px 0;border-bottom:1px solid #D8CDBC;text-decoration:none;color:#2A231C}
.idx-row:hover{color:#2A231C}
.idx-row:hover .idx-t{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:7px}
.idx-row:hover .arr{transform:translateX(5px)}
.ph{color:#7A5C3E;border-bottom:1px dashed #B49A72}
.portrait{aspect-ratio:4 / 5;background:#E6DED1;display:flex;align-items:flex-end;padding:18px;box-sizing:border-box;font-size:13px;color:#5E5145;transition:filter .4s ease}
.sal:hover .portrait{filter:brightness(.96)}
.sal:hover .sal-name{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:6px}
.rise{animation:rise 1.1s cubic-bezier(.2,.7,.2,1) both}
.rise2{animation:rise 1.1s .15s cubic-bezier(.2,.7,.2,1) both}
.fadeimg{animation:fadeimg 1.6s ease both}
@keyframes rise{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
@keyframes fadeimg{from{opacity:0}to{opacity:1}}
@media (prefers-reduced-motion: reduce){.rise,.rise2,.fadeimg{animation:none}}
@media (max-width:900px){
.wrap{padding:0 22px}
.nav-links{display:none}
.nav-m{display:block}
.hero{grid-template-columns:1fr;min-height:0}
.hero-img{height:440px}
.g2,.g2b{grid-template-columns:1fr;gap:36px}
.idx-row{display:flex;flex-direction:column;gap:10px;padding:28px 0}
.idx-row .arr-col{display:none}
.hide-m{display:none}
.sal-grid{grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:36px 16px !important}
.sal-grid .sal-desc{display:none}
.idx-head{display:none}
}

.pg{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:96px;align-items:start}
.aside{position:sticky;top:104px}
.mbar{display:none}
.sec{display:flex;flex-direction:column;gap:28px;padding:72px 0 8px}
.gain3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}
.cur{display:grid;grid-template-columns:72px minmax(0,1fr) minmax(0,1.3fr) 110px;gap:20px;align-items:baseline;padding:22px 0;border-bottom:1px solid #D8CDBC}
.rel{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr) 24px;gap:28px;align-items:baseline;padding:28px 0;border-bottom:1px solid #D8CDBC;text-decoration:none;color:#2A231C}
.rel:hover .idx-t{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:7px}
@media (max-width:900px){
.pg{grid-template-columns:1fr;gap:0}
.aside{position:static;order:-1}
.mbar{display:flex}
.gain3{grid-template-columns:1fr;gap:0}
.cur{grid-template-columns:52px minmax(0,1fr);row-gap:4px}
.cur .cur-book{grid-column:2}
.cur .cur-date{grid-column:2}
.rel{grid-template-columns:minmax(0,1fr)}
.rel .arr-col{display:none}
.salrow{grid-template-columns:120px minmax(0,1fr) !important;gap:20px !important;align-items:start !important}
}

.prof{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:88px;align-items:end}
.career{display:grid;grid-template-columns:120px minmax(0,1fr);gap:20px;padding:20px 0;border-bottom:1px solid #D8CDBC;font-size:16px;line-height:1.7}
.mbar{display:none}
@media (max-width:900px){
.prof{grid-template-columns:1fr;gap:36px}
.career{grid-template-columns:80px minmax(0,1fr);gap:14px}
.mbar{display:flex}
}