@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-border-style:solid;--tw-font-weight:initial;--tw-duration:initial;--tw-content:""}}}@layer theme{:root,:host{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-gray-50:oklch(98.5% .002 247.839);--color-gray-100:oklch(96.7% .003 264.542);--color-gray-200:oklch(92.8% .006 264.531);--color-gray-300:oklch(87.2% .01 258.338);--color-gray-400:oklch(70.7% .022 261.325);--color-gray-500:oklch(55.1% .027 264.364);--color-black:#000;--color-white:#fff;--spacing:.25rem;--text-xs:.75rem;--text-xs--line-height:calc(1/.75);--text-sm:.875rem;--text-sm--line-height:calc(1.25/.875);--text-base:1rem;--text-base--line-height: 1.5 ;--font-weight-normal:400;--font-weight-semibold:600;--font-weight-bold:700;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;-moz-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;-moz-appearance:button;appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.absolute{position:absolute}.relative{position:relative}.top-0{top:calc(var(--spacing)*0)}.top-1\/2{top:50%}.right-0{right:calc(var(--spacing)*0)}.bottom-3\.5{bottom:calc(var(--spacing)*3.5)}.left-0{left:calc(var(--spacing)*0)}.left-1\/2{left:50%}.left-full{left:100%}.mt-5{margin-top:calc(var(--spacing)*5)}.-ml-px{margin-left:-1px}.\!block{display:block!important}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline-block{display:inline-block}.h-0{height:calc(var(--spacing)*0)}.h-2\.5{height:calc(var(--spacing)*2.5)}.h-3{height:calc(var(--spacing)*3)}.h-3\.5{height:calc(var(--spacing)*3.5)}.h-5{height:calc(var(--spacing)*5)}.h-8\.5{height:calc(var(--spacing)*8.5)}.h-9{height:calc(var(--spacing)*9)}.h-10{height:calc(var(--spacing)*10)}.h-14{height:calc(var(--spacing)*14)}.h-22{height:calc(var(--spacing)*22)}.h-22\.5{height:calc(var(--spacing)*22.5)}.h-\[3px\]{height:3px}.h-\[185px\]{height:185px}.h-fit{height:fit-content}.h-full{height:100%}.min-h-screen{min-height:100vh}.w-2{width:calc(var(--spacing)*2)}.w-2\.5{width:calc(var(--spacing)*2.5)}.w-13{width:calc(var(--spacing)*13)}.w-13\.5{width:calc(var(--spacing)*13.5)}.w-35\.5{width:calc(var(--spacing)*35.5)}.w-65{width:calc(var(--spacing)*65)}.w-65\.5{width:calc(var(--spacing)*65.5)}.w-112\.5{width:calc(var(--spacing)*112.5)}.w-197{width:calc(var(--spacing)*197)}.w-233{width:calc(var(--spacing)*233)}.w-\[3px\]{width:3px}.w-\[1050px\]{width:1050px}.w-\[calc\(100\%-60px\)\]{width:calc(100% - 60px)}.w-full{width:100%}.w-px{width:1px}.max-w-\[1050px\]{max-width:1050px}.max-w-\[calc\(100\%-30px\)\]{max-width:calc(100% - 30px)}.min-w-\[1050px\]{min-width:1050px}.min-w-\[1332px\]{min-width:1332px}.-translate-x-1\/2{--tw-translate-x: -50% ;translate:var(--tw-translate-x)var(--tw-translate-y)}.-translate-y-1\/2{--tw-translate-y: -50% ;translate:var(--tw-translate-x)var(--tw-translate-y)}.cursor-pointer{cursor:pointer}.grid-cols-8{grid-template-columns:repeat(8,minmax(0,1fr))}.flex-col{flex-direction:column}.content-center{align-content:center}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-1{gap:calc(var(--spacing)*1)}.gap-2\.5{gap:calc(var(--spacing)*2.5)}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-hidden{overflow:hidden}.rounded-full{border-radius:3.40282e38px}.border{border-style:var(--tw-border-style);border-width:1px}.border-x{border-inline-style:var(--tw-border-style);border-inline-width:1px}.border-y{border-block-style:var(--tw-border-style);border-block-width:1px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-t-0{border-top-style:var(--tw-border-style);border-top-width:0}.border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-\[\#ddd\]{border-color:#ddd}.border-black{border-color:var(--color-black)}.border-x-gray-300{border-inline-color:var(--color-gray-300)}.border-y-gray-300{border-block-color:var(--color-gray-300)}.border-t-gray-200{border-top-color:var(--color-gray-200)}.border-r-gray-300{border-right-color:var(--color-gray-300)}.border-b-transparent{border-bottom-color:#0000}.bg-\[\#050505\]{background-color:#050505}.bg-\[\#282828\]{background-color:#282828}.bg-\[\#526564\]{background-color:#526564}.bg-gray-50{background-color:var(--color-gray-50)}.bg-gray-100{background-color:var(--color-gray-100)}.bg-white{background-color:var(--color-white)}.bg-\[url\(\/\/gscdn\.hackers\.co\.kr\/champ\/images\/champstudy\/common\/gnb_arrow\.jpg\)\]{background-image:url(//gscdn.hackers.co.kr/champ/images/champstudy/common/gnb_arrow.jpg)}.bg-no-repeat{background-repeat:no-repeat}.p-4{padding:calc(var(--spacing)*4)}.px-2{padding-inline:calc(var(--spacing)*2)}.px-2\.5{padding-inline:calc(var(--spacing)*2.5)}.px-3\.5{padding-inline:calc(var(--spacing)*3.5)}.py-1\.5{padding-block:calc(var(--spacing)*1.5)}.py-3{padding-block:calc(var(--spacing)*3)}.pt-1\.5{padding-top:calc(var(--spacing)*1.5)}.pt-9{padding-top:calc(var(--spacing)*9)}.pb-0{padding-bottom:calc(var(--spacing)*0)}.pl-4{padding-left:calc(var(--spacing)*4)}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.text-\[\#109aa3\]{color:#109aa3}.text-\[\#222\]{color:#222}.text-\[\#666\]{color:#666}.text-\[\#a3a3a3\]{color:#a3a3a3}.text-\[\#ddd\]{color:#ddd}.text-black{color:var(--color-black)}.text-gray-400{color:var(--color-gray-400)}.text-gray-500{color:var(--color-gray-500)}.text-transparent{color:#0000}.text-white{color:var(--color-white)}.opacity-0{opacity:0}.transition-\[height\,padding\]{transition-property:height,padding;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[height\]{transition-property:height;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-300{--tw-duration:.3s;transition-duration:.3s}.content-\[\'\'\]{--tw-content:"";content:var(--tw-content)}.content-\[\'\|\'\]{--tw-content:"|";content:var(--tw-content)}.before\:block:before{content:var(--tw-content);display:block}.before\:h-5:before{content:var(--tw-content);height:calc(var(--spacing)*5)}.before\:h-5\.5:before{content:var(--tw-content);height:calc(var(--spacing)*5.5)}.before\:h-7:before{content:var(--tw-content);height:calc(var(--spacing)*7)}.before\:w-5:before{content:var(--tw-content);width:calc(var(--spacing)*5)}.before\:w-5\.5:before{content:var(--tw-content);width:calc(var(--spacing)*5.5)}.before\:w-7:before{content:var(--tw-content);width:calc(var(--spacing)*7)}.before\:bg-\[url\(\"\/\/gscdn\.hackers\.co\.kr\/champ\/img\/common\/icon_family_site\.png\"\)\]:before{content:var(--tw-content);background-image:url(//gscdn.hackers.co.kr/champ/img/common/icon_family_site.png)}.before\:bg-position-\[-1px_-20px\]:before{content:var(--tw-content);background-position:-1px -20px}.before\:bg-position-\[-47px_-20px\]:before{content:var(--tw-content);background-position:-47px -20px}.before\:bg-no-repeat:before{content:var(--tw-content);background-repeat:no-repeat}.before\:content-\[\"\"\]:before{--tw-content:"";content:var(--tw-content)}@media (hover:hover){.hover\:bg-\[\#109aa3\]:hover{background-color:#109aa3}.hover\:bg-\[\#109aa4\]:hover{background-color:#109aa4}}}@font-face{font-family:Pretendard Variable;font-weight:45 920;font-style:normal;font-display:swap;src:url(./PretendardVariable.CJuje-Rk.woff2) format("woff2-variations")}@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-duration:initial;--tw-content:""}}}.hackers-site-menu li dd{height:calc(var(--spacing,.25rem)*0);padding-bottom:calc(var(--spacing,.25rem)*0);transition-property:height,padding;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));--tw-duration:.3s;transition-duration:.3s;display:block;overflow:hidden}.hackers-site-menu li.on dt a:after{content:var(--tw-content);--tw-content:"▲"!important;content:var(--tw-content)!important}@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial}}}li.svelte-1xpbp9{border-bottom-style:var(--tw-border-style);border-bottom-width:1px;border-bottom-color:var(--color-gray-200,oklch(92.8% .006 264.531))}li.svelte-1xpbp9 a:where(.svelte-1xpbp9){padding-inline:calc(var(--spacing,.25rem)*3.5);padding-block:calc(var(--spacing,.25rem)*3);font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,calc(1/.75)));--tw-leading:calc(var(--spacing,.25rem)*5.5);line-height:calc(var(--spacing,.25rem)*5.5);color:var(--color-black,#000);flex-direction:column;display:flex}@media (hover:hover){li.svelte-1xpbp9 a:where(.svelte-1xpbp9):hover{color:var(--color-white,#fff);background-color:#109aa4}}li.svelte-1xpbp9 a:where(.svelte-1xpbp9) .title:where(.svelte-1xpbp9){--tw-font-weight:var(--font-weight-semibold,600);font-weight:var(--font-weight-semibold,600)}li.svelte-1xpbp9 a:where(.svelte-1xpbp9) .subTitle:where(.svelte-1xpbp9) span:where(.svelte-1xpbp9){color:var(--color-gray-400,oklch(70.7% .022 261.325))}@media (hover:hover){li.svelte-1xpbp9 a:where(.svelte-1xpbp9) .subTitle:where(.svelte-1xpbp9) span:where(.svelte-1xpbp9):is(:where(.group):hover *){color:var(--color-white,#fff)}}@property --tw-leading{syntax:"*";inherits:false}@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-font-weight:initial;--tw-border-style:solid;--tw-content:""}}}.user-info-text.svelte-qnh2ss{padding:calc(var(--spacing,.25rem)*4);font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25/.875)));--tw-font-weight:var(--font-weight-normal,400);font-weight:var(--font-weight-normal,400);color:var(--color-gray-600,oklch(44.6% .03 256.802))}.user-info-text.svelte-qnh2ss em:where(.svelte-qnh2ss){--tw-font-weight:var(--font-weight-semibold,600);font-weight:var(--font-weight-semibold,600);font-style:normal}.user-info-list.svelte-qnh2ss{list-style-type:none}.user-info-list.svelte-qnh2ss li:where(.svelte-qnh2ss){height:calc(var(--spacing,.25rem)*10);border-top-style:var(--tw-border-style);border-top-width:1px;border-top-color:var(--color-gray-200,oklch(92.8% .006 264.531));font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25/.875)));color:var(--color-gray-400,oklch(70.7% .022 261.325));position:relative}.user-info-list.svelte-qnh2ss li:where(.svelte-qnh2ss)>div:where(.svelte-qnh2ss)>button:where(.svelte-qnh2ss),.user-info-list.svelte-qnh2ss li:where(.svelte-qnh2ss)>a:where(.svelte-qnh2ss){height:calc(var(--spacing,.25rem)*10);cursor:pointer;align-items:center;gap:calc(var(--spacing,.25rem)*.5);padding-left:calc(var(--spacing,.25rem)*4);display:flex}:is(.user-info-list.svelte-qnh2ss li:where(.svelte-qnh2ss)>div:where(.svelte-qnh2ss)>button:where(.svelte-qnh2ss),.user-info-list.svelte-qnh2ss li:where(.svelte-qnh2ss)>a:where(.svelte-qnh2ss)):before{height:calc(var(--spacing,.25rem)*5);width:calc(var(--spacing,.25rem)*5);--tw-content:"";content:var(--tw-content);background-repeat:no-repeat;display:block}.user-info-list.svelte-qnh2ss li:where(.svelte-qnh2ss).user-info-lecture>div:where(.svelte-qnh2ss)>button:where(.svelte-qnh2ss):before{content:var(--tw-content);background-image:url(//gscdn.hackers.co.kr/champ/img/common/icon_family_site.png);background-position:-59.5px .5px}.user-info-list.svelte-qnh2ss li:where(.svelte-qnh2ss).user-info-myclass>a:where(.svelte-qnh2ss):before{content:var(--tw-content);background-image:url(//gscdn.hackers.co.kr/champ/img/common/icon_family_site.png);background-position:-79px 1.5px}.user-info-list.svelte-qnh2ss li:where(.svelte-qnh2ss).user-info-cart>a:where(.svelte-qnh2ss):before{content:var(--tw-content);background-image:url(//gscdn.hackers.co.kr/champ/img/common/icon_family_site.png);background-position:-100px 2px}.user-info-list.svelte-qnh2ss li:where(.svelte-qnh2ss).user-info-logout>a:where(.svelte-qnh2ss):before{content:var(--tw-content);background-image:url(//gscdn.hackers.co.kr/champ/img/common/icon_family_site.png);background-position:-19px 1px}.user-info-list.svelte-qnh2ss li:where(.svelte-qnh2ss).user-info-hope>a:where(.svelte-qnh2ss):before,.user-info-list.svelte-qnh2ss li:where(.svelte-qnh2ss).user-info-rate>a:where(.svelte-qnh2ss):before{content:var(--tw-content);background-image:url(//gscdn.hackers.co.kr/champ/img/common/icon_family_site.png);background-position:-40px 0}.user-info-list.svelte-qnh2ss li:where(.svelte-qnh2ss).user-info-lecture>div:where(.svelte-qnh2ss):hover>ul:where(.svelte-qnh2ss){top:calc(var(--spacing,.25rem)*0);width:calc(var(--spacing,.25rem)*112.5);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-black,#000);background-color:var(--color-white,#fff);flex-direction:column;display:flex;position:absolute;left:100%}@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style:solid;--tw-duration:initial;--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-content:"";--tw-font-weight:initial}}}.hackers-site-wrap.svelte-1s3ymry{top:calc(var(--spacing,.25rem)*0);left:calc(var(--spacing,.25rem)*0);z-index:50;height:fit-content;min-height:100vh;width:calc(var(--spacing,.25rem)*35.5);border-right-style:var(--tw-border-style);border-right-width:1px;border-right-color:var(--color-gray-300,oklch(87.2% .01 258.338));background-color:var(--color-gray-100,oklch(96.7% .003 264.542));padding-top:calc(var(--spacing,.25rem)*9);transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));--tw-duration:.3s;transition-duration:.3s;position:absolute}.hackers-site-wrap.svelte-1s3ymry.close{--tw-translate-x:-100%;translate:var(--tw-translate-x)var(--tw-translate-y)}.hackers-site-wrap.svelte-1s3ymry .toggle-btn:where(.svelte-1s3ymry){height:calc(var(--spacing,.25rem)*5);cursor:pointer;align-items:center;gap:calc(var(--spacing,.25rem)*1.5);padding-left:calc(var(--spacing,.25rem)*4);font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25/.875)));color:var(--color-gray-400,oklch(70.7% .022 261.325));display:flex}.hackers-site-wrap.svelte-1s3ymry .toggle-btn:where(.svelte-1s3ymry):before{height:calc(var(--spacing,.25rem)*5.5);width:calc(var(--spacing,.25rem)*5.5);--tw-content:"";content:var(--tw-content);background-image:url(//gscdn.hackers.co.kr/champ/img/common/icon_family_site.png);background-position:-1px -20px;background-repeat:no-repeat;display:block}.hackers-site-close-wrap.svelte-1s3ymry{top:calc(var(--spacing,.25rem)*0);left:calc(var(--spacing,.25rem)*0);z-index:50;height:100%;min-height:100vh;width:calc(var(--spacing,.25rem)*13.5);border-right-style:var(--tw-border-style);border-right-width:1px;border-right-color:var(--color-gray-300,oklch(87.2% .01 258.338));background-color:var(--color-gray-100,oklch(96.7% .003 264.542));transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));--tw-duration:.3s;transition-duration:.3s;position:absolute}.hackers-site-close-wrap.svelte-1s3ymry.open{--tw-translate-x:-100%;translate:var(--tw-translate-x)var(--tw-translate-y)}.hackers-site-close-wrap.svelte-1s3ymry .toggle-btn:where(.svelte-1s3ymry){cursor:pointer;width:100%;height:100%;min-height:100vh;padding-top:calc(var(--spacing,.25rem)*9);flex-direction:column;align-items:center;display:flex}.hackers-site-close-wrap.svelte-1s3ymry .toggle-btn:where(.svelte-1s3ymry):before{height:calc(var(--spacing,.25rem)*5.5);width:calc(var(--spacing,.25rem)*5.5);--tw-content:"";content:var(--tw-content);background-image:url(//gscdn.hackers.co.kr/champ/img/common/icon_family_site.png);background-position:-1px -20px;background-repeat:no-repeat;display:block;rotate:180deg}.hackers-site-close-wrap.svelte-1s3ymry .toggle-btn:where(.svelte-1s3ymry) .toggle-btn-text:where(.svelte-1s3ymry){font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25/.875)));color:var(--color-gray-400,oklch(70.7% .022 261.325))}.hackers-site-close-wrap.svelte-1s3ymry .toggle-btn:where(.svelte-1s3ymry) .toggle-btn-family-site:where(.svelte-1s3ymry){margin-top:calc(var(--spacing,.25rem)*5);align-items:center;gap:calc(var(--spacing,.25rem)*2.5);font-size:var(--text-base,1rem);line-height:var(--tw-leading,var(--text-base--line-height, 1.5 ));--tw-font-weight:var(--font-weight-semibold,600);font-weight:var(--font-weight-semibold,600);color:var(--color-gray-500,oklch(55.1% .027 264.364));display:flex}.hackers-site-close-wrap.svelte-1s3ymry .toggle-btn:where(.svelte-1s3ymry) .toggle-btn-family-site:where(.svelte-1s3ymry):before{height:calc(var(--spacing,.25rem)*7);width:calc(var(--spacing,.25rem)*7);--tw-content:"";content:var(--tw-content);background-image:url(//gscdn.hackers.co.kr/champ/img/common/icon_family_site.png);background-position:-47px -20px;background-repeat:no-repeat;display:block;rotate:180deg}.hackers-site-close-wrap.svelte-1s3ymry .toggle-btn:where(.svelte-1s3ymry) .toggle-btn-family-site:where(.svelte-1s3ymry){writing-mode:tb-rl}@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style:solid;--tw-duration:initial}}}.gate-menu-wrap .gate-menu-cont{height:calc(var(--spacing,.25rem)*0);border-top-style:var(--tw-border-style);transition-property:height;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));--tw-duration:.3s;border-top-width:0;transition-duration:.3s;overflow:hidden;display:block!important}@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style:solid}}}.hotmenu-wrap.svelte-16mditf{height:calc(var(--spacing,.25rem)*8.5);border-block-style:var(--tw-border-style);border-block-width:1px;border-block-color:var(--color-gray-300,oklch(87.2% .01 258.338));background-color:var(--color-gray-50,oklch(98.5% .002 247.839));justify-content:center;align-items:center;width:100%;display:flex}.hotmenu-wrap.svelte-16mditf .hotmenu:where(.svelte-16mditf){justify-content:space-between;align-items:center;width:100%;max-width:1050px;height:100%;display:flex}.hotmenu-wrap.svelte-16mditf .hotmenu:where(.svelte-16mditf) .hotmenu-add-bookmark:where(.svelte-16mditf){cursor:pointer;border-inline-style:var(--tw-border-style);border-inline-width:1px;border-inline-color:var(--color-gray-300,oklch(87.2% .01 258.338));height:100%;padding-inline:calc(var(--spacing,.25rem)*2);font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,calc(1/.75)));color:var(--color-gray-500,oklch(55.1% .027 264.364))}.hotmenu-wrap.svelte-16mditf .hotmenu:where(.svelte-16mditf) .hotmenu-list:where(.svelte-16mditf){height:calc(var(--spacing,.25rem)*3.5);align-items:center;gap:calc(var(--spacing,.25rem)*2.5);font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,calc(1/.75)));color:var(--color-gray-400,oklch(70.7% .022 261.325));display:flex}.hotmenu-wrap.svelte-16mditf .hotmenu:where(.svelte-16mditf) .hotmenu-list:where(.svelte-16mditf) .hotmenu-list-divider:where(.svelte-16mditf){background-color:var(--color-gray-300,oklch(87.2% .01 258.338));width:1px;height:100%}.hotmenu-wrap.svelte-16mditf .hotmenu:where(.svelte-16mditf) .hotmenu-list:where(.svelte-16mditf) a.point1:where(.svelte-16mditf){color:#109aa3}.hotmenu-wrap.svelte-16mditf .hotmenu:where(.svelte-16mditf) .hotmenu-list:where(.svelte-16mditf) a.point2:where(.svelte-16mditf){color:var(--color-red-500,oklch(63.7% .237 25.331))}@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-duration:initial;--tw-border-style:solid;--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-content:""}}}.top-banner-wrap.svelte-yl9v64{width:100%;min-width:1050px;height:185px;color:var(--color-white,#fff);background-color:#050505;justify-content:center;align-items:center;display:flex}.top-banner-wrap.svelte-yl9v64 .top-banner:where(.svelte-yl9v64){width:1050px;height:100%;display:flex}.top-banner-wrap.svelte-yl9v64 .top-banner:where(.svelte-yl9v64) .carousel-wrap:where(.svelte-yl9v64){height:100%;width:calc(var(--spacing,.25rem)*197);position:relative}.top-banner-wrap.svelte-yl9v64 .top-banner:where(.svelte-yl9v64) .carousel-wrap:where(.svelte-yl9v64) .carousel-item:where(.svelte-yl9v64){top:calc(var(--spacing,.25rem)*0);left:calc(var(--spacing,.25rem)*0);opacity:0;transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));--tw-duration:.3s;transition-duration:.3s;position:absolute}.top-banner-wrap.svelte-yl9v64 .top-banner:where(.svelte-yl9v64) .carousel-wrap:where(.svelte-yl9v64) .carousel-item:where(.svelte-yl9v64).active{opacity:1}.top-banner-wrap.svelte-yl9v64 .top-banner:where(.svelte-yl9v64) .carousel-wrap:where(.svelte-yl9v64) .carousel-dots:where(.svelte-yl9v64){bottom:calc(var(--spacing,.25rem)*3.5);left:calc(var(--spacing,.25rem)*0);height:calc(var(--spacing,.25rem)*2.5);gap:calc(var(--spacing,.25rem)*1.5);display:flex;position:absolute}.top-banner-wrap.svelte-yl9v64 .top-banner:where(.svelte-yl9v64) .carousel-wrap:where(.svelte-yl9v64) .carousel-dots:where(.svelte-yl9v64) .carousel-dot:where(.svelte-yl9v64){height:calc(var(--spacing,.25rem)*2.5);width:calc(var(--spacing,.25rem)*2.5);cursor:pointer;color:#0000;background-color:#282828;border-radius:3.40282e38px}.top-banner-wrap.svelte-yl9v64 .top-banner:where(.svelte-yl9v64) .carousel-wrap:where(.svelte-yl9v64) .carousel-dots:where(.svelte-yl9v64) .carousel-dot:where(.svelte-yl9v64).active{background-color:#5d5d5d}.top-banner-wrap.svelte-yl9v64 .top-banner:where(.svelte-yl9v64) .outter-board-wrap:where(.svelte-yl9v64){height:100%;width:calc(var(--spacing,.25rem)*65.5);justify-content:center;align-items:center;display:flex}.top-banner-wrap.svelte-yl9v64 .top-banner:where(.svelte-yl9v64) .outter-board-wrap:where(.svelte-yl9v64) .outter-board:where(.svelte-yl9v64){flex-direction:column;width:100%;display:flex}.top-banner-wrap.svelte-yl9v64 .top-banner:where(.svelte-yl9v64) .outter-board-wrap:where(.svelte-yl9v64) .outter-board:where(.svelte-yl9v64) .outter-board-title:where(.svelte-yl9v64){height:calc(var(--spacing,.25rem)*9);border-bottom-style:var(--tw-border-style);width:100%;font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25/.875)));border-color:#70e3e5;border-bottom-width:1px;justify-content:space-between;align-items:center;display:flex}.top-banner-wrap.svelte-yl9v64 .top-banner:where(.svelte-yl9v64) .outter-board-wrap:where(.svelte-yl9v64) .outter-board:where(.svelte-yl9v64) .outter-board-title:where(.svelte-yl9v64) b:where(.svelte-yl9v64){color:#ddd}.top-banner-wrap.svelte-yl9v64 .top-banner:where(.svelte-yl9v64) .outter-board-wrap:where(.svelte-yl9v64) .outter-board:where(.svelte-yl9v64) .outter-board-title:where(.svelte-yl9v64) b:where(.svelte-yl9v64) span:where(.svelte-yl9v64){color:#577aac}.top-banner-wrap.svelte-yl9v64 .top-banner:where(.svelte-yl9v64) .outter-board-wrap:where(.svelte-yl9v64) .outter-board:where(.svelte-yl9v64) .outter-board-title:where(.svelte-yl9v64) a:where(.svelte-yl9v64){font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,calc(1/.75)));color:#a3a3a3}.top-banner-wrap.svelte-yl9v64 .top-banner:where(.svelte-yl9v64) .outter-board-wrap:where(.svelte-yl9v64) .outter-board:where(.svelte-yl9v64) .outter-board-list:where(.svelte-yl9v64){padding-top:calc(var(--spacing,.25rem)*1.5);font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,calc(1/.75)))}.top-banner-wrap.svelte-yl9v64 .top-banner:where(.svelte-yl9v64) .outter-board-wrap:where(.svelte-yl9v64) .outter-board:where(.svelte-yl9v64) .outter-board-list:where(.svelte-yl9v64) .outter-board-item:where(.svelte-yl9v64){color:#a3a3a3;position:relative}.top-banner-wrap.svelte-yl9v64 .top-banner:where(.svelte-yl9v64) .outter-board-wrap:where(.svelte-yl9v64) .outter-board:where(.svelte-yl9v64) .outter-board-list:where(.svelte-yl9v64) .outter-board-item:where(.svelte-yl9v64):before{top:50%;left:calc(var(--spacing,.25rem)*0);--tw-translate-y: -50% ;width:3px;height:3px;translate:var(--tw-translate-x)var(--tw-translate-y);--tw-content:"";content:var(--tw-content);background-color:#526564;border-radius:3.40282e38px;display:block;position:absolute}.top-banner-wrap.svelte-yl9v64 .top-banner:where(.svelte-yl9v64) .outter-board-wrap:where(.svelte-yl9v64) .outter-board:where(.svelte-yl9v64) .outter-board-list:where(.svelte-yl9v64) .outter-board-item:where(.svelte-yl9v64) a:where(.svelte-yl9v64){height:calc(var(--spacing,.25rem)*5);width:100%;padding-left:calc(var(--spacing,.25rem)*2);display:block;position:relative;overflow:hidden}.top-banner-wrap.svelte-yl9v64 .top-banner:where(.svelte-yl9v64) .outter-board-wrap:where(.svelte-yl9v64) .outter-board:where(.svelte-yl9v64) .outter-board-list:where(.svelte-yl9v64) .outter-board-item:where(.svelte-yl9v64) a:where(.svelte-yl9v64) .outter-board-item-subject:where(.svelte-yl9v64){top:calc(var(--spacing,.25rem)*0);left:calc(var(--spacing,.25rem)*2);height:calc(var(--spacing,.25rem)*5);align-items:center;gap:calc(var(--spacing,.25rem)*1);width:calc(100% - 60px);display:flex;position:absolute}.top-banner-wrap.svelte-yl9v64 .top-banner:where(.svelte-yl9v64) .outter-board-wrap:where(.svelte-yl9v64) .outter-board:where(.svelte-yl9v64) .outter-board-list:where(.svelte-yl9v64) .outter-board-item:where(.svelte-yl9v64) a:where(.svelte-yl9v64) .outter-board-item-subject:where(.svelte-yl9v64) .outter-board-item-subject-text:where(.svelte-yl9v64){text-overflow:ellipsis;white-space:nowrap;max-width:calc(100% - 30px);display:inline-block;overflow:hidden}.top-banner-wrap.svelte-yl9v64 .top-banner:where(.svelte-yl9v64) .outter-board-wrap:where(.svelte-yl9v64) .outter-board:where(.svelte-yl9v64) .outter-board-list:where(.svelte-yl9v64) .outter-board-item:where(.svelte-yl9v64) a:where(.svelte-yl9v64) .outter-board-item-subject:where(.svelte-yl9v64) .outter-board-item-comment:where(.svelte-yl9v64){color:#577aac;display:inline-block}.top-banner-wrap.svelte-yl9v64 .top-banner:where(.svelte-yl9v64) .outter-board-wrap:where(.svelte-yl9v64) .outter-board:where(.svelte-yl9v64) .outter-board-list:where(.svelte-yl9v64) .outter-board-item:where(.svelte-yl9v64) a:where(.svelte-yl9v64) .outter-board-item-name:where(.svelte-yl9v64){top:calc(var(--spacing,.25rem)*0);right:calc(var(--spacing,.25rem)*0);height:calc(var(--spacing,.25rem)*5);width:calc(var(--spacing,.25rem)*13);text-overflow:ellipsis;white-space:nowrap;text-align:right;align-content:center;display:inline-block;position:absolute;overflow:hidden}@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-duration:initial}}}.mini-banner-wrap.svelte-uz4ejb{top:50%;left:calc(var(--spacing,.25rem)*0);height:calc(var(--spacing,.25rem)*14);width:calc(var(--spacing,.25rem)*65);--tw-translate-y: -50% ;translate:var(--tw-translate-x)var(--tw-translate-y);position:relative;overflow:hidden}.mini-banner-wrap.svelte-uz4ejb .mini-banner:where(.svelte-uz4ejb) .mini-banner-item:where(.svelte-uz4ejb){transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));--tw-duration:.3s;transition-duration:.3s;position:absolute}.mini-banner-wrap.svelte-uz4ejb .mini-banner:where(.svelte-uz4ejb) .mini-banner-item:where(.svelte-uz4ejb):first-child{--tw-translate-x:calc(var(--spacing,.25rem)*0);translate:var(--tw-translate-x)var(--tw-translate-y)}.mini-banner-wrap.svelte-uz4ejb .mini-banner:where(.svelte-uz4ejb) .mini-banner-item:where(.svelte-uz4ejb):nth-child(n+2){--tw-translate-x:100%;translate:var(--tw-translate-x)var(--tw-translate-y)}@property --tw-duration{syntax:"*";inherits:false}@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-border-style:solid}}}.header-wrap.svelte-1cbe1rf{height:calc(var(--spacing,.25rem)*22.5);background-color:var(--color-white,#fff);justify-content:center;width:100%;min-width:1050px;display:flex}.header-wrap.svelte-1cbe1rf .header:where(.svelte-1cbe1rf){width:1050px;height:100%;position:relative}.header-wrap.svelte-1cbe1rf .header:where(.svelte-1cbe1rf) .header-logo:where(.svelte-1cbe1rf){--tw-translate-x: -50% ;--tw-translate-y: -50% ;translate:var(--tw-translate-x)var(--tw-translate-y);position:absolute;top:50%;left:50%}.header-wrap.svelte-1cbe1rf .header:where(.svelte-1cbe1rf) .header-academy:where(.svelte-1cbe1rf){top:50%;right:calc(var(--spacing,.25rem)*0);--tw-translate-y: -50% ;translate:var(--tw-translate-x)var(--tw-translate-y);align-items:center;display:flex;position:absolute}.header-wrap.svelte-1cbe1rf .header:where(.svelte-1cbe1rf) .header-academy:where(.svelte-1cbe1rf) a:where(.svelte-1cbe1rf){border-style:var(--tw-border-style);padding-inline:calc(var(--spacing,.25rem)*2.5);padding-block:calc(var(--spacing,.25rem)*1.5);font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,calc(1/.75)));color:#666;border-width:1px;border-color:#ddd;margin-left:-1px;display:block}@media (hover:hover){.header-wrap.svelte-1cbe1rf .header:where(.svelte-1cbe1rf) .header-academy:where(.svelte-1cbe1rf) a:where(.svelte-1cbe1rf):hover{color:var(--color-white,#fff);background-color:#109aa3}}@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style:solid;--tw-content:"";--tw-font-weight:initial;--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0}}}.gnb-wrap.svelte-146zohe{height:calc(var(--spacing,.25rem)*22.5);border-block-style:var(--tw-border-style);border-block-width:1px;border-block-color:#ddd;justify-content:center;width:100%;min-width:1050px;display:flex}.gnb-wrap.svelte-146zohe .gnb:where(.svelte-146zohe){width:1050px;height:100%;display:flex}.gnb-wrap.svelte-146zohe .gnb:where(.svelte-146zohe) .gnb-category:where(.svelte-146zohe){height:100%;width:calc(var(--spacing,.25rem)*233);gap:calc(var(--spacing,.25rem)*1);padding-block:calc(var(--spacing,.25rem)*2.5);grid-template-columns:repeat(8,minmax(0,1fr));display:grid}.gnb-wrap.svelte-146zohe .gnb:where(.svelte-146zohe) .gnb-category:where(.svelte-146zohe) p:where(.svelte-146zohe){justify-content:space-between;align-items:center;width:100%;height:100%;display:flex}.gnb-wrap.svelte-146zohe .gnb:where(.svelte-146zohe) .gnb-category:where(.svelte-146zohe) p:where(.svelte-146zohe):not(:nth-child(8n)):after{margin-right:calc(var(--spacing,.25rem)*1);font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25/.875)));color:#ddd;--tw-content:"|";content:var(--tw-content);display:block}.gnb-wrap.svelte-146zohe .gnb:where(.svelte-146zohe) .gnb-category:where(.svelte-146zohe) p:where(.svelte-146zohe) a:where(.svelte-146zohe){border-bottom-style:var(--tw-border-style);font-size:var(--text-base,1rem);line-height:var(--tw-leading,var(--text-base--line-height, 1.5 ));--tw-font-weight:var(--font-weight-bold,700);font-weight:var(--font-weight-bold,700);color:#222;border-bottom-width:1px;border-bottom-color:#0000;position:relative}.gnb-wrap.svelte-146zohe .gnb:where(.svelte-146zohe) .gnb-category:where(.svelte-146zohe) p:where(.svelte-146zohe) a:where(.svelte-146zohe):hover{color:#109aa3;border-bottom-color:#109aa3}.gnb-wrap.svelte-146zohe .gnb:where(.svelte-146zohe) .gnb-category:where(.svelte-146zohe) p:where(.svelte-146zohe) a:where(.svelte-146zohe):hover:after{height:calc(var(--spacing,.25rem)*3);width:calc(var(--spacing,.25rem)*2);--tw-content:"";content:var(--tw-content);top:50%;right:calc(var(--spacing,.25rem)*-3.5);--tw-translate-y: -50% ;translate:var(--tw-translate-x)var(--tw-translate-y);background-image:url(//gscdn.hackers.co.kr/champ/images/champstudy/common/gnb_arrow.jpg);background-position:50%;background-repeat:no-repeat;display:block;position:absolute}.gnb-wrap.svelte-146zohe .gnb:where(.svelte-146zohe) .myclass-btn-wrap:where(.svelte-146zohe){height:calc(var(--spacing,.25rem)*22);width:calc(var(--spacing,.25rem)*29.5)}.gnb-wrap.svelte-146zohe .gnb:where(.svelte-146zohe) .myclass-btn-wrap:where(.svelte-146zohe) .myclass-btn:where(.svelte-146zohe){width:100%;height:100%}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-content{syntax:"*";inherits:false;initial-value:""}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}/*! tailwindcss v4.1.10 | MIT License | https://tailwindcss.com */:root{--default-font-family:"Pretendard Variable"}html{-webkit-user-select:none;user-select:none;min-width:1332px}