:root{--blue: #365aff;--modal: rgba(0, 0, 0, .3);--14px: .875rem;--16px: 1rem;--20px: 1.25rem;--24px: 1.5rem;--48px: 3rem}:root[color-theme=dark]{--background1: #111111;--background2: #1a1a1a;--stroke: #222222;--text1: #dddddd;--text2: #a0a0a0;--hover-background: #333333}:root[color-theme=light]{--background1: #ffffff;--background2: #f5f5f5;--stroke: #d9d9d9;--text1: #222222;--text2: #595959;--hover-background: #f0f0f0}*{font-family:Pretendard,Pretendard,-apple-system,BlinkMacSystemFont,system-ui,Roboto,Helvetica Neue,Segoe UI,Apple SD Gothic Neo,Noto Sans KR,Malgun Gothic,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,sans-serif;box-sizing:border-box;color:var(--text1);font-weight:300;cursor:default;transition-timing-function:cubic-bezier(.5,0,0,1);animation-timing-function:cubic-bezier(.5,0,0,1);transition:background .1s,border .1s}*::-webkit-scrollbar{position:absolute;cursor:default;width:6px}*::-webkit-scrollbar-thumb{cursor:default;height:10%;border-radius:10px;background:var(--text2)}*::-webkit-scrollbar-track{cursor:default;background:var(--background1);border-radius:10px}body{margin:0;background:var(--background1)}icon{font-size:1em;font-family:Tossface,Tossface,-apple-system,BlinkMacSystemFont,system-ui,Roboto,Helvetica Neue,Segoe UI,Apple SD Gothic Neo,Noto Sans KR,Malgun Gothic,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,sans-serif}i{font-size:20px;color:var(--text2)}strong{font-weight:600}line{display:block;height:1px;background:var(--stroke);margin:5px 0}main{width:100vw;height:100vh;overflow:hidden scroll;display:grid;align-items:center;justify-content:center}.main{padding:80px 0;width:80vw;min-width:880px;display:grid;gap:20px;grid-template-columns:260px minmax(600px,1fr);max-width:1200px}@media screen and (max-width: 939px){.main{width:90vw;min-width:260px;display:block}}.left{width:100%;display:flex;flex-direction:column;gap:20px}@media screen and (max-width: 939px){.left{margin-bottom:40px}}.left>.left-section{display:flex;flex-direction:column;gap:8px}.left>.left-section>.title{font-size:var(--16px)}.left>.profile{width:260px;height:260px;border-radius:50%;border:1px solid var(--stroke);background:url(/assets/profile-CdV0ujn0.webp);background-size:260px;background-position:0px 0px;transition:background-size 1s,background-position 1s}.left>.profile:hover{transition:background-size 1s,background-position 0s;background-size:74px;animation:tornado 1s infinite ease}@media screen and (max-width: 939px){.left>.profile{margin:0 auto}}.left .myname{display:flex;flex-direction:column;gap:0}.left .myname .name{font-size:var(--24px);position:sticky}.left .myname .nickname{font-size:var(--20px);color:var(--text2)}.left .timeline{border:1px solid var(--stroke);border-radius:6px;height:34px;font-size:var(--16px);background:var(--background2);align-items:center;justify-content:center;transition:.1s;cursor:pointer}.left .timeline *{cursor:pointer}.left .timeline:hover{background:var(--hover-background)}.left .project-counter{display:flex;align-items:center;gap:4px}.left .project-counter>.item{display:flex;gap:2px}.left .info{display:flex;flex-direction:column;justify-content:center;gap:4px}.left .info>.item{display:flex;align-items:center;gap:2px}.left .contacts>.items>.item{text-decoration:none;cursor:pointer;display:flex;align-items:center;gap:4px;padding:4px;border-radius:6px;transition:.1s}.left .contacts>.items>.item *{cursor:pointer}.left .contacts>.items>.item:hover{background:var(--hover-background)}.left .teams>.team{text-decoration:none;display:flex;align-items:center;justify-content:space-between;cursor:pointer;transition:.1s;background:var(--background1);padding:4px;border-radius:6px}.left .teams>.team *{cursor:pointer}.left .teams>.team:hover{background:var(--hover-background)}.left .teams>.team:hover>.team-profile>span{color:var(--text1)}.left .teams>.team:hover>i{color:var(--text1)}.left .teams>.team>.team-profile{display:flex;align-items:center;gap:6px}.left .teams>.team>.team-profile>img{width:36px;height:36px;border-radius:6px}.left .teams>.team>.team-profile>span{color:var(--text2)}.left .teams>.team>i{color:var(--text2);box-sizing:content-box;width:20px;height:20px;padding:2px}.left .abouts>.about{display:flex}.left .abouts>.about>a{text-decoration:none;display:block;padding:8px;border-radius:6px;cursor:pointer;transition:.1s;width:36px;height:36px}.left .abouts>.about>a *{cursor:pointer}.left .abouts>.about>a:hover{background:var(--hover-background)}.left .abouts>.about>a:hover>i{color:var(--text1)}.right{width:100%;display:flex;flex-direction:column;gap:24px}.right>div>.title{margin-bottom:8px}.right .card{min-width:600px;padding:28px 20px;background:var(--background1);border:1px solid var(--stroke);border-radius:6px;display:flex;flex-direction:column;gap:10px}@media screen and (max-width: 939px){.right .card{min-width:260px}}.right .card>.path{font-size:var(--14px);color:var(--text2)}.right .card>.path>span{color:var(--text1)}.right .card>.card-title{display:flex;flex-direction:column;font-size:var(--24px);gap:2px}.right .cards{display:flex;flex-flow:wrap;gap:20px;justify-content:center}.right .cards>span{text-align:center}.right .cards>span>icon{font-size:var(--48px)}.right>.projects>.cards>.card{cursor:pointer;flex:1;min-width:290px;transition:.1s}@media screen and (max-width: 939px){.right>.projects>.cards>.card{min-width:260px}}.right>.projects>.cards>.card *{cursor:pointer}.right>.projects>.cards>.card>.card-title{font-size:var(--20px)}.right>.projects>.cards>.card:hover{background:var(--hover-background)}.right>.projects>.cards>.card:hover>.path>span:nth-last-child(1){color:var(--blue)}.modal{position:absolute;width:100vw;height:100vh;align-items:center;justify-content:center;display:grid;opacity:0;visibility:hidden;overflow:hidden;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.modal>.dimm{position:absolute;top:0;left:0;width:100%;height:100%;background:var(--modal);cursor:pointer}.modal>.card{position:absolute;z-index:1;background:var(--background1);min-width:290px;max-width:800px;width:60vw;height:80vh;position:relative;padding:16px;border:1px solid var(--stroke);border-radius:6px;transform:translateY(30%);transition:.3s;display:flex;flex-direction:column}@media screen and (max-width: 939px){.modal>.card{min-width:260px;width:90vw}}.modal>.card>.title{font-size:var(--20px);height:36px;display:flex;align-items:center}.modal>.card>.detail{flex:1;display:flex;justify-content:center}.modal>.card>.detail>span{display:block;margin-top:36px;text-align:center}.modal>.card>.detail>span>icon{font-size:var(--48px)}.modal>.card>.detail>.item{display:flex;align-items:center;gap:4px}.modal .close{position:absolute;top:16px;right:16px;width:36px;height:36px;padding:8px;border-radius:6px;transition:.1s}.modal .close *{cursor:pointer}.modal .close:hover{background:var(--hover-background);cursor:pointer}.modal .close:hover>i{color:var(--text1)}.show-modal{animation:show-modal .3s 1 both}.hidden-modal{animation:hidden-modal .3s 1 both cubic-bezier(1,0,0,.5)}@keyframes show-modal{0%{opacity:0;visibility:hidden}to{opacity:1;visibility:visible}}@keyframes hidden-modal{0%{opacity:1;visibility:visible}to{opacity:0;visibility:hidden}}.theme{position:absolute;width:36px;height:36px;padding:8px;border:1px solid var(--stroke);cursor:pointer;transition:.1s;border-radius:50%;display:flex;align-items:center;justify-content:center;right:20px;bottom:40px;background:var(--background1)}.theme *{cursor:pointer}.theme:hover{background:var(--hover-background)}.theme:hover>i{color:var(--text1)}@keyframes tornado{0%{transform:rotate(0)}to{transform:rotate(360deg)}}