@charset "utf-8";:root{--primary-900:#22333b;--primary-700:#344955;--primary-500:#405862;--primary-300:#6b7d86;--surface-0:#ffffff;--surface-1:#fcfcfc;--surface-2:#f3f4f6;--text-strong:#1f2937;--text-muted:#6b7280;--accent:#14b8a6;--accent-weak:#22d3ee;--danger:#d64545;--warning:#d97706;--color-main-root:#405862;--color-main:#405862;--color-vlog:#405862;--color-vlog_1:#344955;--color-gate:#405862;--color-gfavor:#2c7a7b;--color-sub:#0f766e;--color-gradi:#0d9488;--color-emph:#d64545;--color-text:#1f2937;--color-lighter:#cbd5e1;--color-light-bd:#e5e7eb;--color-light-bg:#f9fafb;--color-light-bg1:#f9fafb;--color-light-bg2:#f3f4f6;--color-white-bg:#ffffff;--color-dark:#111827;--font-sans:"Inter","Noto Sans",-apple-system,BlinkMacSystemFont,"Segoe UI","Apple SD Gothic Neo","Malgun Gothic",system-ui,sans-serif;--font-code:"Nanum Gothic Coding",ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--font-size-title:22px;--font-size-subtitle:20px;--font-size-subtitle-:16px;--font-size-tag:18px;--font-size-tag-stl:20px;--font-size-larger:20px;--font-size-issue:16px;--font-size-text:18px;--font-issu-text:16px;--font-cont-text:16px;--font-foot-text:11px;--font-size-header:16px;--height-toolbar:50px;--sheet-h:clamp(420px,65svh,90svh);--mobile-map-h:clamp(320px,56svh,80svh);--sheet-pad:12px;--inner-max:1200px;--footer-h:64px;--footer-gap:2px;--backdrop-bg:rgba(0,0,0,.25);--toast-bg:rgba(255,255,255,.92);--toast-bd:rgba(15,23,42,.14);--toast-title:rgba(17,22,26,.96);--toast-desc:rgba(17,22,26,.78);--toast-close-bg:rgba(17,22,26,.06);--toast-close-bd:rgba(15,23,42,.14);--toast-accent-ok:#14b8a6;--toast-accent-fail:#d64545;--toast-accent:var(--toast-accent-ok)}html,body{width:100%;height:100%;margin:0;padding:0;overflow-x:hidden;font-family:var(--font-sans)}code,pre,kbd,samp{font-family:var(--font-code)}body{min-height:100vh;background-color:var(--color-main);position:relative;box-sizing:border-box}body.has-footer-pad{padding-bottom:var(--footer-h,64px)}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:normal;margin:0}p{margin:0}strong,em{font-weight:inherit;font-style:normal}ul,ol{margin:0;padding:0;list-style-type:none}dl{margin:0}dd{margin:0;display:inline}figure{margin:0}a{text-decoration:none;color:inherit}th{font-weight:normal}address{font-style:inherit}img,svg,video{max-width:100%;height:auto}a:hover{color:var(--accent)}body:not(.theme-dark) #contact textarea,body:not(.theme-dark) #contact input[type="text"],body:not(.theme-dark) #contact input[type="email"]{color:#1f2933;background:#ffffff;border:1px solid #e5e7eb}body:not(.theme-dark) #contact textarea::placeholder,body:not(.theme-dark) #contact input::placeholder{color:#9aa4b2}body:not(.theme-dark) #contact textarea:focus-visible,body:not(.theme-dark) #contact input:focus-visible{outline:3px solid rgba(20,184,166,.35);border-color:rgba(20,184,166,.6)}.contact__back a:hover{color:var(--accent-weak)}.dev-message-wrapper{display:flex;justify-content:center;align-items:center;position:fixed;top:0;left:0;width:100%;height:100vh;background-color:rgba(255,255,255,.9);z-index:1000}.message-container{text-align:center}.message-text{font-size:36px;font-weight:bold}.message-subtext{font-size:24px;color:#555}.check-button{display:inline-block;margin-top:20px;padding:18px 36px;font-size:24px;color:#fff;background-color:var(--accent);border:none;border-radius:5px;cursor:pointer;transition:background-color .3s ease}.check-button:hover{background-color:var(--color-sub)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}@keyframes blink{from{opacity:0}to{opacity:1}}.underscore__4{animation:blink 250ms infinite alternate}.underscore__3{animation:blink 450ms infinite alternate}.underscore__2{animation:blink 650ms infinite alternate}.underscore__2-1{animation:blink 700ms infinite alternate}.underscore__1{animation:blink 850ms infinite alternate}.underscore__1-1{animation:blink 900ms infinite alternate}.intro__imge{color:var(--color-white-bg);animation:blink 350ms infinite alternate}.intro__imge__3-5{color:var(--color-sub);animation:blink 350ms infinite alternate}.intro__imge__cont{color:var(--color-sub);animation:blink 550ms infinite alternate}.intro__top__link{font-size:1.2em;color:var(--color-white-bg);animation:blink 900ms infinite alternate;animation:none!important}.intro__type .underscore{animation:blink 650ms infinite alternate}.intro__top__link-btn{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:.75rem 1.25rem;min-height:48px;min-width:48px;text-decoration:none}.hover-go:hover{color:var(--accent)}.goicon__color,.goicon__color_1,.goicon__color_favor,.goicon__color_cont,.goicon__sand_move{color:var(--color-gradi)}.intro{position:relative;width:100%;min-height:300px;overflow:hidden;background-color:var(--color-main-root)}.intro__bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0}.intro__overlay{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;min-height:300px;padding:32px 16px 64px;box-sizing:border-box}.intro__profile{position:absolute;top:24px;left:24px;text-align:center;color:#fff}.intro__photo{width:200px;height:200px;object-fit:cover}.intro__name{margin-top:8px;font-size:1.1rem;font-weight:500;text-shadow:0 1px 2px rgba(0,0,0,.6)}.intro__hero{text-align:center}.intro__dark{position:absolute;inset:0;background-color:rgba(0,0,0,.32);z-index:1}.intro__type{display:inline-flex;gap:.32em;font-family:var(--font-code);font-size:2.8em;font-weight:bold;color:#fff}.intro__cta{display:flex;flex-wrap:wrap;align-items:center}.intro__cta span{margin-right:8px}.foot__type{margin:0;padding:0;display:inline-flex;line-height:1.2em;color:#fff}[class^="intro__tilt"]{position:absolute;bottom:0;left:0;width:100%;height:25%;background-color:var(--color-main);clip-path:polygon(100% 90%,100% 100%,0 100%,0 0);opacity:.5}.intro__tilt--flip{clip-path:polygon(100% 0,100% 100%,0 100%,0 90%);height:25%;opacity:.5}.header{width:100%;display:flex;position:sticky;z-index:2;top:0;height:var(--height-toolbar);justify-content:space-between;align-items:center;background-color:var(--color-main);color:#fff}.header__homelink{display:inline-block;padding:0 24px;height:var(--height-toolbar);line-height:var(--height-toolbar);cursor:pointer}.header__logo{height:48px;vertical-align:middle;margin-bottom:4px}.header__logo1{height:48px;vertical-align:middle;margin-bottom:4px;color:var(--color-gfavor)}.header__nav-item{font-size:var(--font-size-header)}.header__nav-item a{display:inline-block;height:var(--height-toolbar);line-height:var(--height-toolbar)}.section,.section__style,.section__close,.section__issue{padding:64px 16px;text-align:center;color:#0f172a}.section__tag{font-size:var(--font-size-tag);color:var(--accent)}.section__tag_stl{font-size:var(--font-size-tag-stl);color:var(--accent)}.section__tag_issu{font-size:var(--font-size-title);color:var(--surface-0)}.section__title{font-size:var(--font-size-title);font-weight:700;color:var(--text-strong)}#about{background-color:var(--color-light-bg)}.about-s{width:100%;display:inline-flex;gap:1em;margin-top:48px;text-align:center}.about__card{flex-grow:1;padding:48px;text-align:center;color:#e5e7eb;background-color:var(--color-main);border-radius:12px;position:relative}.about__icon{width:120px;opacity:.25}.about__title{margin-top:.6em;font-size:var(--font-size-larger);font-weight:bold;color:var(--accent-weak)}.about__text{margin-top:.8em;font-size:var(--font-size-text);color:var(--text-muted)}.about__card:hover .about__text{color:var(--surface-0);transition:color .35s ease}#html{background-color:var(--color-light-bg)}#css{background-color:var(--color-light-bg2)}.html-css{margin:10px 0;display:inline-flex;gap:40px}.html-css__desc{margin-top:.8em;font-size:var(--font-size-text);color:var(--color-text)}.html-css__desc strong{font-weight:bold}.html-css__title{font-size:var(--font-size-subtitle);font-weight:100}._html .html-css__title em,._css .html-css__title em{color:#F16528}.html-css__spec{margin-top:1.6em}.html-css__spec dd{margin-right:1.2em;font-size:var(--font-size-larger);color:var(--color-main)}.html-css__spec dd::before{content:"";display:inline-block;margin-right:.4em;width:12px;height:6px;border-left:4px solid var(--accent);border-bottom:4px solid var(--accent);vertical-align:.2em;transform:rotate(-45deg)}@keyframes logo-hover{from{transform:translateY(0)}to{transform:translateY(10px)}}@keyframes logo-shadow{from{opacity:.08}to{opacity:.24}}.html-css__logo{animation:logo-hover 800ms ease-in-out infinite alternate}.html-css__thumb{position:relative}.html-css__thumb::after{content:"";position:absolute;left:0;height:10%;background-color:#000;border-radius:50%;animation:logo-shadow 800ms ease-in-out infinite alternate}#curriculum{background:linear-gradient(135deg,#405862,#0d9488)}#curriculum .section__title{color:#fff}.curriculum{display:inline-block;position:relative}.curriculum__list{display:inline-flex;font-size:var(--font-issu-text);font-weight:100;text-align:left;color:#fff}.curriculum__list li{font-size:1em}.curriculum__list li::before{content:"";position:relative;z-index:1;display:inline-block;width:30px;height:30px;vertical-align:middle;box-sizing:border-box;border-radius:100%;border:4px solid #fff;background-color:var(--color-main)}.curriculum__progress{position:absolute}#contact{margin:0;padding:1px 0 0;background-color:var(--color-light-bg1)}.contact{margin-top:1em;margin-bottom:0}.contact__tab{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:0;font-size:var(--font-cont-text)}.contact__tab input[type="radio"]{position:absolute;inline-size:1px;block-size:1px;margin:-1px;padding:0;border:0;clip:rect(0,0,0,0);clip-path:inset(50%);overflow:hidden;white-space:nowrap}.contact__tab label{display:inline-block;padding:.5em 2.5em;background:#fff;color:inherit;border:1px solid var(--color-light-bd);font-size:.95em;cursor:pointer;user-select:none;transition:background-color .2s,color .2s,border-color .2s,box-shadow .2s}.contact__tab label:first-of-type{border-radius:12px 0 0 12px}.contact__tab label:last-of-type{border-radius:0 12px 12px 0}.contact__tab label:hover{background:var(--accent);color:#fff}.contact__tab label:focus-visible{outline:3px solid var(--color-sub);outline-offset:2px}#ct_1:checked+label,#ct_2:checked+label{background:var(--color-gradi);color:#fff;border-color:var(--color-main)}.contact__slides{margin:1.6em 0;width:100vw;overflow:hidden}.contact__slide-con{display:flex;width:200vw;transition:margin-left 500ms}.contact__slide{width:100vw}#ct_1:checked~.contact__slides .contact__slide-con{margin-left:0}#ct_2:checked~.contact__slides .contact__slide-con{margin-left:-100vw}.contact__contacts{margin:0 auto;text-align:left;color:var(--color-text)}.contact__contacts th{padding-right:3em;font-size:.9em;font-weight:bold;text-align:right;color:var(--color-dark);border-right:4px solid var(--color-light-bg2)}.contact__contacts tr:hover th,.contact__contacts tr:hover a{color:var(--accent);transition:color .3s ease}.contact__contacts a:hover{color:var(--accent);text-decoration:none}.contact__contacts img{margin-right:.1em;width:32px;vertical-align:middle}.contact__leave{display:inline-flex;margin-top:1em;gap:8px}.contact__leave textarea,.contact__leave input[type=email]{margin:0;font-size:var(--font-size-text);background:rgba(255,255,255,.06);color:rgba(255,255,255,.88);border:1px solid rgba(255,255,255,.14);border-radius:12px;box-shadow:0 8px 24px rgba(0,0,0,.22)}.contact__leave textarea{padding:0;min-height:64px;resize:none}.contact__leave input[type=email]{padding:0 .6em;height:48px;line-height:48px}.contact__leave textarea::placeholder,.contact__leave input[type=email]::placeholder{color:rgba(255,255,255,.35)}.contact__leave textarea:focus-visible,.contact__leave input[type=email]:focus-visible{border:2px solid var(--color-sub);outline:3px solid rgba(20,184,166,.35);outline-offset:2px;border-color:rgba(20,184,166,.55);box-shadow:0 10px 28px rgba(20,184,166,.16),0 8px 24px rgba(0,0,0,.22)}.contact__leave button{all:unset;height:64px;line-height:64px;color:#fff;background-color:var(--color-light-bg1);cursor:pointer;transition:all 350ms}.contact__leave button:hover{opacity:.8}.contact__leave button:focus-visible{outline:4px solid var(--color-sub)}#bt__ball{margin-top:0;margin-bottom:0}.km-label{display:inline-block;white-space:nowrap;padding:3px 8px;font:12px/1.2 system-ui;color:#111827;background:#fff;border:1px solid #d1d5db;border-radius:6px;box-shadow:0 1px 4px rgba(0,0,0,.12)}#km-backdrop{position:fixed;inset:0;opacity:0;pointer-events:none;transition:opacity .18s ease}#km-backdrop.open{opacity:1;pointer-events:auto}
#kakao-map-section{position:fixed;left:0;right:0;bottom:0;transform:translateY(110%);opacity:0;pointer-events:none;transition:transform .22s ease,opacity .22s ease;z-index:60}#kakao-map-section.open{transform:translateY(0);opacity:1;pointer-events:none}#kakao-map-section.open .km-inner{pointer-events:auto}#kakao-map-section .km-inner{max-width:980px;margin:0 auto;padding:12px;max-height:min(560px,calc(100vh - var(--footer-h,64px) - 18px));overflow:hidden}#kakao-map-section.km-sheet{  position:fixed;left:0;right:0;display:block;visibility:hidden;transform:translateY(100%);transition:transform .24s ease-out,visibility 0s linear .24s;z-index:1000;background:var(--color-white-bg,#fff);box-shadow:0 -10px 30px rgba(0,0,0,.12);border-top-left-radius:12px;border-top-right-radius:12px;padding-top:var(--sheet-pad);will-change:transform;backface-visibility:hidden;height: calc(100svh - var(--footer-h,64px) - var(--footer-gap,2px));bottom: calc(var(--footer-h,64px) + var(--footer-gap,2px));  padding-bottom: env(safe-area-inset-bottom);}.km-backdrop{position:fixed;inset:0;background:transparent;visibility:hidden;opacity:0;transition:opacity .18s ease-out,visibility 0s linear .18s;z-index:900;touch-action:none}.km-backdrop.open{background:var(--backdrop-bg);visibility:visible;opacity:1;transition:opacity .18s ease-out}#map-trigger{position:relative;z-index:1100}#kakao-map-section.km-sheet.open{transform:translateY(0);visibility:visible;transition:transform .24s ease-out}#kakao-map-section.km-sheet .km-inner{width:min(var(--inner-max),100%);margin:0 auto;height:calc(100% - (var(--sheet-pad) + 1px));display:grid;grid-template-rows:1fr auto;gap:6px;max-height: none;height: 100%;padding-bottom: env(safe-area-inset-bottom);box-sizing: border-box}#kakao-map{width:100%;height: 100%;min-height: 0;border-radius:16px;overflow:hidden;border:1px solid rgba(0,0,0,.1);position:relative}#kakao-map-section.km-sheet #kakao-map{height: 100%;min-height: 0;}#km-controls{width:min(var(--inner-max),100%);margin:0 auto;display:grid;gap:8px;grid-template-columns:1fr auto;padding-bottom: env(safe-area-inset-bottom)}  #map-trigger.map-frozen{outline:2px dashed rgba(0,0,0,.2)}.sr-only:focus{position:static;clip:auto;width:auto;height:auto;padding:.5rem;background:#fff;outline:2px solid}.km-status{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font:14px/1.4 system-ui;background:rgba(255,255,255,.92)}.km-input{padding:10px 12px;border:1px solid #e5e7eb;border-radius:8px;background:#f9fafb;color:#374151;text-align:center}.km-button{padding:10px 12px;border:1px solid #e5e7eb;border-radius:8px;cursor:pointer}.footer-map-trigger{cursor:pointer}footer{padding:.5em;font-size:var(--font-foot-text);text-align:center;color:#fff;background-color:var(--color-main)}@media(prefers-reduced-motion:reduce){.underscore__4,.underscore__3,.underscore__2,.underscore__2-1,.underscore__1,.underscore__1-1,.intro__imge,.intro__imge__3-5,.intro__imge__cont,.intro__type .underscore{animation:none!important}#kakao-map-section.km-sheet,#kakao-map-section.km-sheet.open{transition:none!important}}.theme-toggle{all:unset;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;width:var(--height-toolbar);height:var(--height-toolbar);color:#fff;user-select:none}.theme-toggle:hover{color:var(--accent)}.theme-toggle span{font-size:19px;line-height:1;transform:translateY(-.5px)}.toast{position:fixed;right:16px;bottom:16px;z-index:9999;display:none;max-width:360px}.toast.is-open{display:block}.toast__inner{position:relative;border:1px solid var(--toast-bd);border-radius:12px;padding:12px 44px 12px 14px;background:var(--toast-bg);backdrop-filter:blur(10px);box-shadow:0 10px 30px rgba(0,0,0,.24);color:var(--toast-title);overflow:hidden}.toast__inner::before{content:"";position:absolute;left:0;top:0;bottom:0;width:6px;background:var(--toast-accent)}.toast[data-status="ok"]{--toast-accent:var(--toast-accent-ok)}.toast[data-status="fail"]{--toast-accent:var(--toast-accent-fail)}.toast__title{font-weight:700;margin:0 0 4px;color:var(--toast-title)}.toast__desc{margin:0;color:var(--toast-desc)}.toast__close{position:absolute;right:10px;top:10px;width:28px;height:28px;border-radius:8px;border:1px solid var(--toast-close-bd);background:var(--toast-close-bg);color:inherit;font-size:18px;line-height:18px;cursor:pointer}.toast__close:hover{background:rgba(255,255,255,.1)}.toast__close:focus-visible{outline:2px solid rgba(20,184,166,.7);outline-offset:2px}#curriculum.section__issue{padding-bottom:32px}html[data-theme="dark"] .intro__top__link-btn,html[data-theme="dark"] .section__tag_issu,html[data-theme="dark"] .contact__contacts a{color:rgba(255,255,255,.88)}html[data-theme="dark"] .intro__top__link-btn:hover,html[data-theme="dark"] .contact__contacts a:hover{color:var(--accent);opacity:1}html[data-theme="dark"] .contact__tab label:hover{background:var(--accent);color:#fff}html[data-theme="dark"] .about__card:hover .about__text{color:rgba(255,255,255,.92);transition:color .35s ease}html[data-theme="dark"] .theme-toggle{color:var(--text-strong)}html[data-theme="dark"]{--surface-0:#0b1220;--surface-1:#0f172a;--surface-2:#111827;--text-strong:#e5e7eb;--text-muted:#9ca3af;--color-light-bd:rgba(255,255,255,.1);--color-light-bg:#0f172a;--color-light-bg1:#0f172a;--color-light-bg2:#111827;--color-white-bg:#0b1220;--color-dark:#e5e7eb;--backdrop-bg:rgba(0,0,0,.55);--toast-bg:rgba(17,22,26,.92);--toast-bd:rgba(255,255,255,.12);--toast-title:rgba(242,246,248,.98);--toast-desc:rgba(242,246,248,.86);--toast-close-bg:rgba(255,255,255,.06);--toast-close-bd:rgba(255,255,255,.14)}html[data-theme="dark"] body{background-color:var(--color-main);color:var(--text-strong)}html[data-theme="dark"] .section,html[data-theme="dark"] .section__style,html[data-theme="dark"] .section__close,html[data-theme="dark"] .section__issue{color:var(--text-strong)}html[data-theme="dark"] #about,html[data-theme="dark"] #html,html[data-theme="dark"] #css,html[data-theme="dark"] #contact{background-color:var(--surface-1)}html[data-theme="dark"] .section__title{color:var(--text-strong)}html[data-theme="dark"] .about__text{color:var(--text-muted)}html[data-theme="dark"] .contact__tab label{background:var(--surface-0);border-color:var(--color-light-bd);color:var(--text-strong)}html[data-theme="dark"] .contact__contacts th{color:var(--text-strong);border-right-color:rgba(255,255,255,.08)}html[data-theme="dark"] .km-label{background:var(--surface-0);border-color:rgba(255,255,255,.16);color:var(--text-strong)}html[data-theme="dark"] #kakao-map{border-color:rgba(255,255,255,.1)}html[data-theme="dark"] .km-input,html[data-theme="dark"] .km-button{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.12);color:var(--text-strong)}html[data-theme="dark"] .km-status{background:rgba(15,23,42,.88);color:var(--text-strong)}@media(prefers-color-scheme:dark){html:not([data-theme]){--surface-0:#0b1220;--surface-1:#0f172a;--surface-2:#111827;--text-strong:#e5e7eb;--text-muted:#9ca3af;--color-light-bd:rgba(255,255,255,.1);--color-light-bg:#0f172a;--color-light-bg1:#0f172a;--color-light-bg2:#111827;--color-white-bg:#0b1220;--color-dark:#e5e7eb;--backdrop-bg:rgba(0,0,0,.55)}}@media(min-width:769px){.intro{height:700px}.intro__overlay{min-height:700px;padding:96px 16px 64px}.intro__type{margin-top:0;align-items:center}.intro__type span{display:inline-block;vertical-align:middle;margin-bottom:.25em}.header__nav-item{display:inline-block;position:relative}.header__nav-item:last-child{margin-right:1.6em}.header__nav-item a{padding:0 .8em}.header__nav-item::after{content:"";position:absolute;bottom:0;left:50%;width:0;height:0;background-color:var(--accent);transition:all 350ms}.header__nav-item:hover::after{left:0;width:100%;height:8px}.header__menu-btn{display:none}main{display:grid;grid-template-columns:1fr 1fr}#about{grid-column:1/-1}.section__style{padding:25px 0 12px 0}.about-s{flex-direction:row;width:100%}.about__card{width:320px;cursor:pointer;transition:all 350ms}.about:hover .about__card:not(:hover),.about-s:hover .about__card:not(:hover){transform:scale(.9)}.about:hover .about__card:not(:hover)::after,.about-s:hover .about__card:not(:hover)::after{content:"";position:absolute;inset:0;backdrop-filter:blur(2px);background:rgba(255,255,255,.001)}.about__card:hover{transform:scale(1.04)}.about__card:hover .about__icon{opacity:1}#html{border-right:4px solid var(--color-light-bg)}.html-css__logo{width:144px}.html-css__content{text-align:left}.html-css__thumb::after{left:calc(50% - 72px);bottom:-24px;width:144px}#curriculum{grid-column:1/-1;padding-bottom:88px}.section__issue{padding:25px 0 0 0}.curriculum__list{margin:58px 0 56px 40px}.curriculum__list li{position:relative;width:100px;height:120px}.curriculum__list li span{display:inline-block;width:164px;position:absolute;top:84px;left:14px;opacity:.5;transform:rotate(45deg)}.curriculum__list li:hover span{opacity:1}.curriculum__progress{top:70px;left:56px;width:600px;height:8px;background-color:rgba(255,255,255,.1)}.curriculum__progress::after{content:"";position:absolute;top:0;left:0;height:8px;width:0;background-color:var(--color-sub);transition:all 1s}.curriculum__list li:hover::before{background-color:var(--color-sub)}.curriculum__list li:nth-child(2):hover~.curriculum__progress::after{width:100px}.curriculum__list li:nth-child(3):hover~.curriculum__progress::after{width:200px}.curriculum__list li:nth-child(4):hover~.curriculum__progress::after{width:300px}.curriculum__list li:nth-child(5):hover~.curriculum__progress::after{width:400px}.curriculum__list li:nth-child(6):hover~.curriculum__progress::after{width:500px}.curriculum__list li:nth-child(7):hover~.curriculum__progress::after{width:600px}.contact__tab label{width:220px}#contact{grid-column:1/-1}.contact__contacts{border-spacing:3em 1em}.contact__leave textarea,.contact__leave input[type=email]{width:360px}#curriculum{padding-bottom:44px}}@media(max-width:768px){.intro__top__link{margin-top:40vh}.intro{height:88vh}.intro__type{margin-top:15vh;flex-direction:column;font-size:1.5em;text-align:left;font-weight:normal}.intro__cta{flex-direction:column;align-items:center}.intro__cta .cta__icon,.intro__cta .cta__text{order:1;text-align:center}.intro__cta .cta__underscore,.intro__cta .cta__underscore__1-1{order:2;text-align:center}.foot__type{margin-top:0;flex-direction:column;text-align:center}[class^="intro__tilt"]{position:absolute;bottom:0;left:0;width:100%;height:18%;background-color:var(--color-main);clip-path:polygon(100% 90%,100% 100%,0 100%,0 0);opacity:.5}.intro__tilt--flip{clip-path:polygon(100% 0,100% 100%,0 100%,0 90%);height:18%;opacity:.5}.goicon__color{color:var(--color-sub)}.header__nav{display:none}.header__menu-btn{all:unset;display:block;width:var(--height-toolbar);height:var(--height-toolbar);position:relative;cursor:pointer}.header__menu-btn::before,.header__menu-btn::after{content:"";position:absolute;left:50%;width:20px;height:2px;border-radius:999px;background:#fff;transform:translateX(-50%);transition:transform .2s ease,top .2s ease,opacity .2s ease}.header__menu-btn::before{top:calc(50% - 5px)}.header__menu-btn::after{top:calc(50% + 5px)}.header__menu-btn:checked::before{top:50%;transform:translateX(-50%) rotate(45deg)}.header__menu-btn:checked::after{top:50%;transform:translateX(-50%) rotate(-45deg)}.header__menu-btn:checked{background-color:var(--color-main)}.header__menu-btn.clicked{transform:scale(.95);transition:transform .1s}.header__menu-btn:checked+.header__nav{display:block;position:absolute;top:var(--height-toolbar);right:0;background-color:var(--color-main);padding-bottom:1em;box-shadow:0 2px 2px rgba(0,0,0,.2)}.header__nav-item{width:100vw;text-align:center}.header__nav-item a{width:100vw}.header__nav-item:not(:last-child){border-bottom:2px solid rgba(255,255,255,.06)}.section__style{padding:5px 2px}.about-s{margin-top:20px;flex-direction:column}#html{border-bottom:4px solid var(--color-light-bg)}.section__close{padding:10px 0 25px 0}.html-css{flex-direction:column}.html-css__logo{width:50%}.html-css__content{text-align:center}.html-css__title div{display:inline-block;text-align:left}.html-css__thumb::after{left:25%;bottom:-16%;width:50%}.section__issue{padding:25px 0 25px 0}.curriculum__list{flex-direction:column;margin-top:48px}.curriculum__list li{line-height:45px;cursor:pointer}.curriculum__list li span{margin-left:1.6em}.curriculum__progress{top:80px;left:12px;width:0;height:250px;border-left:6px dotted #fff;transform:skewY(-30deg)}.contact__tab label{padding:.5em 2.5em}.contact__contacts th{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.contact__contacts tr>*{padding:.6em}.contact__contacts td::before{content:"▶▷";margin-right:.6em;font-size:.67em;opacity:.5;color:var(--color-sub)}.contact__leave{flex-direction:column}.contact__leave textarea,.contact__leave input[type=email]{width:80vw}#kakao-map-section.km-sheet{position:static!important;bottom:auto!important;height:auto;transform:none;display:none!important;visibility:visible;box-shadow:none!important;margin:8px 0 var(--footer-gap)!important;z-index:auto!important}#kakao-map-section.km-sheet.open{display:block!important}#kakao-map-section.km-sheet .km-inner{height:auto!important;gap:6px!important}#kakao-map{height:var(--mobile-map-h,320px)!important;min-height:360px}.km-backdrop{display:none!important}#map-trigger{position:static;left:auto;right:auto;bottom:auto;z-index:auto;background:var(--color-main);color:#fff}#map-trigger.is-fixed{position:fixed;left:0;right:0;bottom:0;z-index:2000;background:var(--color-main);color:#fff}#kakao-map-section.km-sheet.open{margin-bottom:var(--footer-h,64px)}#curriculum.section__issue{padding-bottom:12px}}