@font-face{font-family:Roboto Years;font-style:normal;font-weight:500;font-display:swap;src:url(/_astro/roboto-latin-500-normal.7RbcRiD8.woff2)format("woff2")}.Site .Gnb{transition:background-color .3s;& .Logo.OnDark{display:none}&.Dark{background:var(--black);& .Logo{display:none}& .Logo.OnDark{display:block}& .Link.Current,& .Link:hover,& .Dropdown:hover .Toggle,& .Dropdown:focus-within .Toggle{color:var(--white);background:0 0}& .MenuButton{color:var(--white)}@media (width<=1023px){& .Menu{border-top-color:color-mix(in srgb, var(--white) 16%, transparent);background:var(--black)}& .Menu>*+*{border-top-color:color-mix(in srgb, var(--white) 14%, transparent)}& .Menu .Link,& .Dropdown .Toggle,& .Dropdown:hover .Toggle,& .Dropdown:focus-within .Toggle{color:var(--white)}& .Menu .Link.Current{background:color-mix(in srgb, var(--white) 12%, transparent)}& .Dropdown .Panel{border-left-color:color-mix(in srgb, var(--white) 30%, transparent);& a{color:var(--gray7)}& a:hover,& a:focus-visible{color:var(--gray1)}}}& .Toggle img{filter:invert();opacity:.6}}}.Site .AboutDay1{& .Dot{color:var(--orange-500);font-style:normal}& .Opening{position:relative}& .Stage{background:var(--white);height:calc(100vh - 60px);position:sticky;top:60px;overflow:hidden;&:before{content:"";background:linear-gradient(to bottom, var(--white) 65.7%, var(--gray5) 103.2%);transition:opacity .6s;position:absolute;inset:0}&.Revealed:before{opacity:0}}& .Group{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:36px;padding-inline:24px;display:flex;position:absolute;inset:0;& .Heading,& .More{transition:opacity .6s,transform .8s}& .Heading{transform:translateY(var(--drop,0))}& .More{opacity:0;transform:translateY(24px)}&.Full{& .Heading{transform:translateY(var(--lift,0))}& .More{opacity:1;transform:translateY(var(--lift,0))}}&.Hidden .Heading{opacity:0}}& .Heading{letter-spacing:0;color:var(--gray1);font-size:54px;font-weight:600;line-height:1.3;& span{display:block}}& .More{color:var(--gray2);font-size:20px;font-weight:500;line-height:1.6}& .Down{z-index:2;opacity:.7;cursor:pointer;background:0 0;border:0;width:69px;height:69px;margin-inline:auto;padding:0;transition:opacity .4s;animation:1.6s ease-in-out infinite alternate AboutDay1Float;position:absolute;bottom:min(44px,5vh);left:0;right:0;& img{width:69px;height:69px}&:focus-visible{outline:2px solid var(--orange-500);outline-offset:2px;border-radius:8px}}& .Down.Gone{opacity:0;pointer-events:none}& .Frame{background:var(--black);border-radius:16px;transition:translate .8s,border-radius .3s;position:absolute;overflow:hidden;translate:0 220px;&.Filled{border-radius:0}&:after{content:"";background:color-mix(in srgb, var(--black) 72%, transparent);position:absolute;inset:0}& .Photo{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}& .Group{z-index:1}& .Heading{color:var(--white)}& .More{color:var(--gray7);font-weight:400}}& .Revealed .Frame{translate:none}& .Values{& .Side{gap:16px}& .Title{color:var(--gray1);font-size:36px}& .Line{color:var(--gray2);font-size:16px;font-weight:500;line-height:1.6}& .Points{flex-direction:column;gap:48px;margin:0;padding:0;list-style:none;display:flex;& li{border-bottom:1px solid var(--gray7);flex-direction:column;gap:16px;padding-bottom:24px;display:flex}& h3{color:var(--gray1);margin:0;font-size:20px;font-weight:600;line-height:1.4}}}& .Ways{background:var(--gray1);padding-block:116px 120px;&>.Container{flex-direction:column;gap:48px;display:flex}& .Side{flex-direction:column;gap:24px;display:flex}& .Title{color:var(--white);font-size:36px;font-weight:600;line-height:1.5}& .Line{color:color-mix(in srgb, var(--gray7) 80%, transparent);font-size:18px;font-weight:400;line-height:1.4}}& .WayCards{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:0;padding:0;list-style:none;display:grid;&>li{isolation:isolate;background:var(--orange-100);border-radius:12px;outline:none;height:461px;padding:29px 24px;position:relative;overflow:hidden;&:focus-visible{box-shadow:0 0 0 2px var(--orange-500)}&:before,&:after{content:"";z-index:-1;position:absolute;inset:0}&:before{background:linear-gradient(to bottom, color-mix(in srgb, var(--white) 50%, transparent) 12.5%, color-mix(in srgb, var(--white) 20%, transparent) 72.6%)}&:after{background:color-mix(in srgb, var(--white) 40%, transparent);backdrop-filter:blur(15px);opacity:0;transition:opacity .3s}}& .Photo{z-index:-2;object-fit:cover;width:100%;height:100%;position:absolute;inset:0}& .Head{flex-direction:column;align-items:flex-start;gap:11px;display:flex}& .Rule{width:37px;height:4px}& b{color:var(--gray1);font-size:22px;font-weight:600;line-height:1.5}& strong{color:var(--gray1);font-size:28px;font-weight:600;line-height:1.4;& span{display:block}}& .Copy{color:var(--gray2);opacity:0;margin-top:88px;font-size:16px;font-weight:500;line-height:1.6;transition:opacity .3s,transform .4s;transform:translateY(16px);& p{margin:0}& p+p{margin-top:1.6em}}@supports not (backdrop-filter:blur(1px)){&>li:after{-webkit-backdrop-filter:blur(15px)}}& .Open{&:after{opacity:1}& strong{font-size:20px;& span{display:inline}}& .Copy{opacity:1;transition-delay:.1s;transform:none}}}@media (hover:none){& .WayCards>li{&:after{opacity:1}& strong{font-size:20px;& span{display:inline}}& .Copy{opacity:1;transform:none}}}@media (width<=1023px){& .WayCards{grid-template-columns:minmax(0,480px);&>li{height:auto;min-height:461px}}}& .History{background:color-mix(in srgb, var(--white) var(--to-white,0%), var(--gray6));padding-block:116px 120px;& .Pin{flex-direction:column;gap:120px;display:flex}& .Side{gap:24px}& .Line{color:var(--gray3);font-size:18px;font-weight:400;line-height:1.4}& .Rail{scrollbar-width:none;overflow-x:auto}&.Pinned{padding-block:0;& .Pin{justify-content:flex-end;padding-bottom:200px;position:sticky;overflow:hidden}& .Rail{overflow:visible}}}& .Years{width:max-content;padding:0 120px 0 calc(var(--wide) + 96px);will-change:transform;gap:16px;margin:0;list-style:none;display:flex;&>li{border-left:1px solid var(--gray5);flex-direction:column;justify-content:space-between;width:397px;height:315px;padding:0 8px 0 24px;display:flex;&:first-child{border-left:0}}& p,& ul{color:var(--gray1);margin:0;font-size:16px;font-weight:400;line-height:1.6}& p span{display:block}& ul{padding-left:27px;list-style:outside}& b{text-align:right;color:var(--gray1);font-family:Roboto Years,Pretendard Variable,sans-serif;font-size:120px;font-weight:500;line-height:1}}& .Retry{& .Point{flex-direction:column;gap:16px;display:flex}& h3{color:var(--gray1);margin:0;font-size:20px;font-weight:600;line-height:1.4}&.Held{padding-block:0;&>.Container{flex-direction:column;justify-content:center;display:flex;position:sticky}}}& .Latest .Line{color:var(--gray2);font-size:16px;font-weight:500;line-height:1.6}& .Values .Title,& .History .Title,& .Retry .Title,& .Latest .Title{color:var(--gray1);font-size:36px}& .Hiring{background:var(--gray1);text-align:center;padding-block:120px;& .Container{flex-direction:column;align-items:center;display:flex}& .Heading{color:var(--white);font-size:56px;line-height:1.5}& .More{color:color-mix(in srgb, var(--gray6) 80%, transparent);margin-top:24px;font-size:20px;font-weight:400;line-height:1.5}& .ApplyButton{margin-top:48px}}@media (width>=1024px){& .More span,& .Line span,& .Body span{display:block}}@media (width<=719px){& .Group{gap:24px}& .Heading{font-size:32px}& .More{font-size:16px}& .Values .Title,& .Ways .Title,& .Latest .Title,& .History .Title,& .Retry .Title{font-size:28px}& .Ways,& .History:not(.Pinned){padding-block:92px 80px}& .Years{padding-left:var(--wide);padding-right:var(--wide);&>li{width:300px;height:260px;padding-left:16px}& p,& ul{font-size:16px}& ul{padding-left:22px}& b{font-size:80px}}& .Hiring{padding-block:80px;& .Heading{font-size:36px}& .More{font-size:18px}}}@media (prefers-reduced-motion:reduce){& .Down{animation:none}& .Stage:before,& .Group .Heading,& .Group .More,& .Frame,& .WayCards>li:after,& .WayCards .Copy{transition:none}}}@keyframes AboutDay1Float{0%{transform:translateY(0)}to{transform:translateY(12px)}}