@charset "UTF-8";:root{--swiper-theme-color: #007aff}:host{position:relative;display:block;margin-left:auto;margin-right:auto;z-index:1}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;display:block}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function, initial);box-sizing:content-box}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translateZ(0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);backface-visibility:hidden}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-slide,.swiper-3d .swiper-cube-shadow{transform-style:preserve-3d}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-css-mode.swiper-horizontal>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-css-mode.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-slides-offset-before);scroll-margin-inline-start:var(--swiper-slides-offset-before)}.swiper-css-mode.swiper-horizontal>.swiper-wrapper>.swiper-slide:last-child{margin-inline-end:var(--swiper-slides-offset-after)}.swiper-css-mode.swiper-vertical>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-slides-offset-before);scroll-margin-block-start:var(--swiper-slides-offset-before)}.swiper-css-mode.swiper-vertical>.swiper-wrapper>.swiper-slide:last-child{margin-block-end:var(--swiper-slides-offset-after)}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-css-mode.swiper-centered>.swiper-wrapper:before{content:"";flex-shrink:0;order:9999}.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper:before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper:before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-slide-shadow-bottom{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:#00000026}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,#00000080,#0000)}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color, var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}:is(.swiper:not(.swiper-watch-progress),.swiper-watch-progress .swiper-slide-visible) .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color: #fff}.swiper-lazy-preloader-black{--swiper-preloader-color: #000}@keyframes swiper-preloader-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@font-face{font-family:Moneygraphy-Pixel;font-weight:400;font-display:swap;font-style:normal;src:url(/fonts/Moneygraphy/Moneygraphy-Pixel.eot) format("embedded-opentype"),url(/fonts/Moneygraphy/Moneygraphy-Pixel.woff) format("woff"),url(/fonts/Moneygraphy/Moneygraphy-Pixel.ttf) format("truetype")}@font-face{font-family:Moneygraphy-Rounded;font-weight:400;font-display:swap;font-style:normal;src:url(/fonts/Moneygraphy/Moneygraphy-Rounded.eot) format("embedded-opentype"),url(/fonts/Moneygraphy/Moneygraphy-Rounded.woff) format("woff"),url(/fonts/Moneygraphy/Moneygraphy-Rounded.ttf) format("truetype")}@font-face{font-family:Yuseol;font-weight:400;font-display:swap;font-style:normal;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/2508-2@1.0/YooSeol.woff2) format("woff2")}@font-face{font-family:Paperlogy;font-weight:100;font-display:swap;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-1Thin.woff2) format("woff2")}@font-face{font-family:Paperlogy;font-weight:200;font-display:swap;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-2ExtraLight.woff2) format("woff2")}@font-face{font-family:Paperlogy;font-weight:300;font-display:swap;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-3Light.woff2) format("woff2")}@font-face{font-family:Paperlogy;font-weight:400;font-display:swap;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-4Regular.woff2) format("woff2")}@font-face{font-family:Paperlogy;font-weight:500;font-display:swap;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-5Medium.woff2) format("woff2")}@font-face{font-family:Paperlogy;font-weight:600;font-display:swap;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-6SemiBold.woff2) format("woff2")}@font-face{font-family:Paperlogy;font-weight:700;font-display:swap;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-7Bold.woff2) format("woff2")}@font-face{font-family:Paperlogy;font-weight:800;font-display:swap;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-8ExtraBold.woff2) format("woff2")}@font-face{font-family:Paperlogy;font-weight:900;font-display:swap;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-9Black.woff2) format("woff2")}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:auto}html,body,#root{-ms-overflow-style:none;scrollbar-width:none}html::-webkit-scrollbar,body::-webkit-scrollbar,#root::-webkit-scrollbar{display:none}body{font-family:Paperlogy,sans-serif;background-color:#171717;color:#fff;font-size:clamp(14px,3.5vw,16px);font-weight:400;line-height:1.5;overflow-x:hidden}::-webkit-scrollbar{display:none!important}*{-ms-overflow-style:none;scrollbar-width:none}a{text-decoration:none;color:inherit}ul,ol{list-style:none}button{background:none;border:none;font-family:inherit;color:inherit}a,button,[role=button],input,select,textarea,.card,.glass-overlay,.tab-item,.project-preview-card{cursor:pointer}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.main-layout{min-height:100vh;background-color:#171717;color:#fff;position:relative}.main-layout::selection{background:#2cb1ea;color:#171717}.main-content{width:100%;position:relative}.left-quick-btn{position:fixed;z-index:100;display:flex;justify-content:center;align-items:center;width:fit-content;border:1px solid #434343;border-radius:100px;background:#171717bf;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);left:50%;bottom:2.5rem;top:auto;transform:translate(-50%);flex-direction:row;gap:2.3rem;padding:1.3rem 1.9rem}@media(min-width:1580px){.left-quick-btn{left:3rem;top:50%;bottom:auto;transform:translateY(-50%);flex-direction:column;gap:2.3rem;padding:1.9rem 1.5rem;border:1px solid #434343;background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none}}.left-quick-btn .quick-btn{width:21px;height:21px;background-color:transparent;border:none;cursor:pointer;background-repeat:no-repeat;background-position:center;background-size:contain;transition:transform .2s ease}.left-quick-btn .quick-btn:hover{transform:scale(1.1)}.left-quick-btn .quick-btn.btn-home{background-image:url(/icons/default/home.svg)}.left-quick-btn .quick-btn.btn-mail{background-image:url(/icons/default/mail.svg)}.left-quick-btn .quick-btn.btn-github{background-image:url(/icons/default/github.svg);width:25px;height:23px}.left-quick-btn .quick-btn .circle-icon{width:12px;height:12px;background-color:#fff;border-radius:50%;transition:opacity .2s ease}.section-nav{position:fixed;right:3rem;top:50%;transform:translateY(-50%);z-index:50;display:none;flex-direction:column;gap:1rem;text-align:right;align-items:flex-end}@media(min-width:1580px){.section-nav{display:flex}}.section-nav.disabled-state{pointer-events:none}.section-nav.disabled-state .nav-link{color:#9c9c9c!important;opacity:.5}.section-nav .nav-link{font-size:18px;font-weight:500;transition:color .3s ease;background:none;border:none;cursor:pointer;padding:.25rem 0}.section-nav .nav-link.inactive{color:#5c5c5c}.section-nav .nav-link.active,.section-nav .nav-link:hover{color:#fff;font-weight:600}.card{border-radius:16px;background-color:#ffffff0d;border:1px solid rgba(255,255,255,.05);color:#fff;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.card.glass{background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1)}.card-header{display:flex;flex-direction:column;gap:.375rem;padding:1.5rem}.card-title{font-weight:600;line-height:1;letter-spacing:-.025em}.card-desc{font-size:.875rem;color:#9c9c9c}.card-content{padding:1.5rem;padding-top:0}.card-footer{display:flex;align-items:center;padding:1.5rem;padding-top:0}.badge{display:inline-flex;align-items:center;border-radius:9999px;border:1px solid transparent;padding:.125rem .625rem;font-size:.75rem;font-weight:600;transition:colors .2s}.badge:focus{outline:2px solid #ffffff;outline-offset:2px}.badge.default{border-color:transparent;background-color:#2cb1ea;color:#171717}.badge.default:hover{background-color:#2cb1eacc}.badge.secondary{border-color:transparent;background-color:#9c9c9c;color:#fff}.badge.secondary:hover{background-color:#9c9c9ccc}.badge.outline{color:#fff;border-color:#fff}.skill-icon-wrapper{position:relative;display:inline-flex;align-items:center;justify-content:center;width:100%;height:100%}.skill-icon-wrapper img{display:block;max-width:100%;max-height:100%;object-fit:contain;transition:opacity .2s ease}.skill-icon-wrapper .icon-default{width:auto;height:auto;max-width:100%;max-height:100%;position:relative;opacity:1;object-fit:contain}.skill-icon-wrapper .icon-hover{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:auto;height:auto;max-width:100%;max-height:100%;opacity:0;object-fit:contain}.skill-icon-wrapper:hover .icon-default,.skill-card:hover .skill-icon-wrapper .icon-default,.tool-box:hover .skill-icon-wrapper .icon-default{opacity:0}.skill-icon-wrapper:hover .icon-hover,.skill-card:hover .skill-icon-wrapper .icon-hover,.tool-box:hover .skill-icon-wrapper .icon-hover{opacity:1}.project-modal-overlay{position:fixed;inset:0;z-index:1000;background:#0009;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;opacity:0;animation:modalFadeIn .3s forwards;padding:2rem}.project-modal-overlay.closing{animation:modalFadeOut .3s forwards}.project-modal-content{width:100%;max-width:1300px;height:auto;min-height:max(60vh,580px);max-height:90vh;background-color:#1e1e1e;border-radius:30px;display:flex;flex-direction:row;overflow:hidden;box-shadow:0 50px 100px -20px #00000080;position:relative;transform:scale(.95);animation:modalScaleIn .3s .1s forwards}.project-modal-content .btn-close-modal{position:absolute;top:2rem;right:2rem;z-index:1050;background:transparent;border:none;color:#888;transition:color .2s ease;padding:0}.project-modal-content .btn-close-modal:hover{color:#fff}.project-modal-content .btn-close-modal svg{width:24px;height:24px}@media(max-width:1024px){.project-modal-content .btn-close-modal{top:1rem;right:1.2rem}}.modal-left-section{flex:1.2;background-color:#1a1a1a;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:2rem;gap:1.5rem;border-right:1px solid rgba(255,255,255,.05)}.modal-left-section .modal-main-image-wrapper{width:100%;flex:1;display:flex;align-items:center;justify-content:center;position:relative;background-color:#252525;border-radius:20px;overflow:hidden}.modal-left-section .modal-main-image-wrapper img{width:100%;height:100%;object-fit:contain}.modal-left-section .modal-slider-controls{width:100%;display:flex;flex-direction:row;align-items:center;gap:1rem}.modal-left-section .modal-slider-controls .btn-slide{width:32px;height:84px;border-radius:8px;background-color:#2c2c2c;border:none;color:transparent;display:flex;align-items:center;justify-content:center;transition:all .2s ease;opacity:.5;background-image:url(/images/ui/modal-arrow.png);background-repeat:no-repeat;background-position:center;background-size:8px 14px}.modal-left-section .modal-slider-controls .btn-slide.next{transform:rotate(180deg)}.modal-left-section .modal-slider-controls .btn-slide:hover{background-color:#3d3d3d;opacity:1}.modal-left-section .modal-slider-controls .btn-slide:disabled{opacity:.3;cursor:not-allowed}.modal-left-section .modal-slider-controls .thumbnails-track{flex:1;display:flex;gap:.8rem;overflow-x:auto;-ms-overflow-style:none;scrollbar-width:none}.modal-left-section .modal-slider-controls .thumbnails-track::-webkit-scrollbar{display:none}.modal-left-section .modal-slider-controls .thumbnails-track{height:100%;align-items:center}.modal-left-section .modal-slider-controls .thumbnails-track .thumb-item{flex:0 0 calc((100% - 1.6rem) / 3);max-width:calc((100% - 1.6rem) / 3);height:84px;border-radius:8px;overflow:hidden;cursor:pointer;opacity:.5;transition:opacity .2s,border .2s;border:2px solid transparent}@media(max-width:768px){.modal-left-section .modal-slider-controls .thumbnails-track .thumb-item{flex:0 0 calc((100% - .8rem)/2);max-width:calc((100% - .8rem)/2)}}.modal-left-section .modal-slider-controls .thumbnails-track .thumb-item img{width:100%;height:100%;object-fit:cover}.modal-left-section .modal-slider-controls .thumbnails-track .thumb-item.active{opacity:1;border-color:#2cb1ea}.modal-left-section .modal-slider-controls .thumbnails-track .thumb-item:hover{opacity:.8}.modal-right-section{flex:1;padding:3.5rem 3rem 2.5rem;overflow-y:auto;-ms-overflow-style:none;scrollbar-width:none}.modal-right-section::-webkit-scrollbar{display:none}.modal-right-section{display:flex;flex-direction:column;gap:3rem}.modal-right-section .modal-header-group{display:flex;align-items:flex-start;gap:1.5rem}.modal-right-section .modal-header-group .modal-title{font-size:25px;font-weight:500;color:#fff}.modal-right-section .modal-actions-group{display:flex;flex-direction:column;gap:.6rem;margin-top:auto;width:100%}.modal-right-section .modal-actions{display:flex;gap:.5rem;width:100%}.modal-right-section .modal-actions .btn-action{flex:1;border-radius:12px;padding:.8rem 1.25rem;font-size:14px;font-weight:500;background-color:#444;color:#fff;border:none;transition:background .2s ease;text-decoration:none;display:flex;align-items:center;justify-content:center}.modal-right-section .modal-actions .btn-action:hover{background-color:#555}.modal-right-section .modal-notice{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:.8rem 1.25rem;border-radius:9999px;background-color:#272727;font-size:13px;color:#9c9c9c;text-align:center}.modal-right-section .modal-notice svg{width:16px;height:16px;flex-shrink:0}.modal-right-section .modal-meta-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px 30px;width:100%;align-items:start}.modal-right-section .modal-meta-grid .meta-item{display:flex;align-items:center;gap:12px}.modal-right-section .modal-meta-grid .meta-label{font-size:clamp(14px,3.5vw,16px);font-weight:500;color:#fff;min-width:80px;flex-shrink:0}.modal-right-section .modal-meta-grid .meta-value{font-size:clamp(13px,3.5vw,14px);color:#9c9c9c}@media(min-width:769px){.modal-right-section .modal-meta-grid .meta-value{font-size:15px}}@media(max-width:768px){.modal-right-section .modal-meta-grid{grid-template-columns:1fr;gap:16px}}.modal-right-section .modal-highlights{display:flex;flex-direction:column;gap:1rem}.modal-right-section .modal-highlights .highlight-title{font-size:16px;font-weight:500;color:#fff}.modal-right-section .modal-highlights .highlight-list{display:flex;flex-direction:column;gap:.8rem}.modal-right-section .modal-highlights .highlight-list .highlight-item{display:flex;align-items:flex-start;gap:.8rem;font-size:15px;color:#9c9c9c;font-weight:400;line-height:1.5}.modal-right-section .modal-highlights .highlight-list .highlight-item svg{color:#2cb1ea;width:18px;height:18px;flex-shrink:0;margin-top:2px}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalFadeOut{0%{opacity:1}to{opacity:0}}@keyframes modalScaleIn{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}@media(max-width:1024px){.project-modal-content{flex-direction:column;height:85vh;overflow-y:auto;max-height:none;padding-top:0;-webkit-transform:translateZ(0);-webkit-mask-image:-webkit-radial-gradient(white,black)}.modal-left-section{flex:none;width:100%;overflow:hidden;padding:3rem 3rem 2.5rem;gap:1.5rem;border-right:none;border-bottom:1px solid rgba(255,255,255,.05)}.modal-left-section .modal-main-image-wrapper{height:280px;border-radius:16px}}@media(max-width:1024px)and (max-width:768px){.modal-left-section{padding:2.5rem 2rem 2rem}.modal-left-section .modal-main-image-wrapper{height:220px}}@media(max-width:1024px){.modal-right-section{flex:none;width:100%;overflow:visible;padding:3rem;gap:2.5rem}}@media(max-width:1024px)and (max-width:768px){.modal-right-section{padding:2.5rem 2rem}}.section{width:100%;height:auto;padding:80px 1.4rem}@media(min-width:768px){.section{padding:80px 3rem}}.section{display:flex;justify-content:center;align-items:center;flex-direction:column;position:relative;overflow-x:hidden;border-bottom:1px solid rgba(255,255,255,.05)}@media(min-width:1024px){html:not([data-touch]) .section{height:100vh;padding:4rem 2rem}}.tool-box-mini{width:100%;height:100%;background-repeat:no-repeat;background-position:center;background-size:contain}.tool-ai{background-image:url(/icons/default/tool-ai.png);background-size:28px 28px!important}.skill-icon-text{font-weight:700;font-size:13px;color:#aeaeae}#home{padding-left:4rem;padding-right:4rem;padding-top:80px;padding-bottom:80px}@media(max-width:768px){#home{padding-left:2rem;padding-right:2rem}}html:not([data-touch]) #home{padding-top:0;padding-bottom:0}#home .home-container{width:100%;height:auto}html:not([data-touch]) #home .home-container{min-height:100vh}#home .home-container{display:flex;justify-content:center;align-items:center;overflow:hidden;background-color:#111}#home .home-grid{width:100%;max-width:1250px;margin:0 auto;padding:0 0 8rem;display:grid;grid-template-columns:1fr;gap:4rem;align-items:center}@media(min-width:768px)and (max-width:1023px){#home .home-grid{padding:0 0 6rem}}@media(min-width:1024px){#home .home-grid{grid-template-columns:1fr 0px;gap:0;padding:0}html:not([data-touch]) #home .home-grid{height:100vh}#home .home-grid[data-expanded=true]{grid-template-columns:1fr auto;gap:6rem}}@media(min-width:1024px)and (max-width:1250px){#home .home-grid[data-expanded=true]{gap:clamp(2rem,4vw,6rem)}}@media(min-width:1024px){#home .home-grid[data-expanded=true] .home-title-area{align-items:flex-start;text-align:left;padding-left:0}#home .home-grid[data-expanded=true] .home-title-area h1{text-align:left}}#home .home-title-area{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1rem;text-align:center;width:100%;position:relative;padding-top:9vh}@media(min-width:1024px){#home .home-title-area{align-items:center;padding-left:0;padding-top:0;width:100%}}#home .home-title-area h1{font-family:Moneygraphy-Pixel,sans-serif;font-size:clamp(46px,4.8vw,70px);font-weight:400;line-height:1.1;letter-spacing:-.05em;word-break:keep-all;width:fit-content;text-align:center}#home .home-title-area .highlight{color:#2cb1ea}#home .home-panels-area{display:grid;grid-template-columns:1fr;gap:clamp(1rem,3vw,1.5rem);width:100%;max-width:100%}@media(min-width:768px)and (max-width:1023px){#home .home-panels-area{max-width:100%;gap:clamp(.5rem,1.5vw,1.25rem)}}#home .home-panels-area{margin:0 auto}@media(min-width:1024px){#home .home-panels-area{max-width:100%;width:700px;margin:0;grid-template-columns:1fr 1fr;gap:clamp(.8rem,1.5vw,1.25rem);align-self:center}}@media(min-width:1024px)and (max-width:1250px){#home .home-panels-area{width:clamp(400px,55vw,700px);grid-template-columns:.85fr 1.15fr}#home .home-panels-area .profile-name{font-size:clamp(14px,1.5vw,18px)!important}#home .home-panels-area .panel-btn{padding:clamp(12px,1.5vw,18px) clamp(12px,1.5vw,20px)!important;width:clamp(110px,12vw,155px)!important;font-size:clamp(11px,1.2vw,14px)!important}#home .home-panels-area .panel-title{font-size:clamp(13px,1.5vw,17px)!important}#home .home-panels-area .btn-icon{width:clamp(11px,1.2vw,15px)!important;height:clamp(11px,1.2vw,15px)!important}#home .home-panels-area .tools-grid .tool-box{width:clamp(40px,4.5vw,55px)!important;height:clamp(40px,4.5vw,55px)!important}#home .home-panels-area .skill-icon-wrapper img{max-width:clamp(20px,2.5vw,28px)!important;max-height:clamp(20px,2.5vw,28px)!important}#home .home-panels-area .skill-icon-wrapper svg{width:clamp(20px,2.5vw,28px)!important;height:clamp(20px,2.5vw,28px)!important}#home .home-panels-area .tool-label{font-size:clamp(10px,1.1vw,14px)!important}#home .home-panels-area .tag{font-size:clamp(12px,1.2vw,14px)!important;padding:clamp(6px,.8vw,8px) clamp(12px,1.5vw,16px)!important}#home .home-panels-area .tag:nth-child(n+4){display:none!important}#home .home-panels-area .project-desc{font-size:clamp(11px,1.2vw,14px)!important}#home .home-panels-area .stack-card{--card-w: clamp(100px, 15vw, 217px) !important;height:clamp(50px,8vw,104px)!important}}#home .home-panels-area .home-panel{width:100%;height:100%}#home .home-panels-area .profile-panel-wrapper{grid-column:1/-1;width:100%}#home .home-panels-area .tools-panel-wrapper,#home .home-panels-area .about-panel-wrapper{grid-column:span 1;width:100%;height:100%}#home .home-panels-area .home-panel{background:#212121;border:1px solid rgba(255,255,255,.05);border-radius:24px;padding:28px;display:flex;flex-direction:column;border:none;transition:none}@media(min-width:768px){#home .home-panels-area .home-panel{padding:32px}}@media(min-width:1024px){#home .home-panels-area .home-panel{padding:36px}}#home .home-panel.profile-panel{padding-left:24px}@media(min-width:768px){#home .home-panel.profile-panel{padding-left:3rem}}#home .home-panel.profile-panel{flex-direction:column;align-items:flex-start;gap:1.5rem}@media(min-width:768px){#home .home-panel.profile-panel{flex-direction:row;align-items:center;justify-content:space-between}}@media(min-width:1024px){#home .home-panel.profile-panel{flex-direction:row;align-items:center;justify-content:space-between}}#home .home-panel.profile-panel{width:100%;height:100%}#home .home-panel.profile-panel .profile-info{display:flex;flex-direction:column;gap:.25rem;padding-left:.5rem;padding-top:.5rem}@media(min-width:768px){#home .home-panel.profile-panel .profile-info{padding:0}}#home .home-panel.profile-panel .profile-info .profile-name{font-size:18px;font-weight:700;color:#fff}#home .home-panel.profile-panel .profile-info .profile-email{font-size:clamp(14px,2vw,16px);color:#5a5a5a;font-weight:500;word-break:break-all}#home .home-panel.profile-panel .profile-actions{display:flex;flex-direction:row;gap:10px;width:100%}@media(max-width:380px){#home .home-panel.profile-panel .profile-actions{flex-direction:column}}@media(min-width:768px){#home .home-panel.profile-panel .profile-actions{flex-direction:column;width:auto}}#home .home-panel.profile-panel .profile-actions .panel-btn{flex:1;padding:18px 20px;background-color:#323232;color:#fff;border:none;border-radius:13px;font-size:clamp(13px,3.5vw,14px);font-weight:500;cursor:pointer;transition:background .2s;display:flex;align-items:center;justify-content:center}@media(min-width:768px){#home .home-panel.profile-panel .profile-actions .panel-btn{width:155px;padding:18px 20px;flex:none}}@media(hover:hover)and (pointer:fine){#home .home-panel.profile-panel .profile-actions .panel-btn:hover:hover{background-color:#4c4c4c}}#home .panel-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.8rem}#home .panel-header .panel-title{font-size:17px;font-weight:600;color:#2cb1ea}#home .panel-header .shortcut-btn{background:none;border:none;cursor:pointer;width:21px;height:13px;background-repeat:no-repeat;background-position:center;background-size:contain}#home .panel-header .shortcut-btn.icon-shortcut{background-image:url(/icons/default/arrow.png)}#home .panel-header .shortcut-btn:hover{background-image:url(/icons/hover/arrow.png)}#home .btn-icon{display:inline-block;width:15px;height:15px;background-repeat:no-repeat;background-position:center;background-size:contain;margin-right:8px;vertical-align:middle}#home .btn-icon.btn-arrow-icon{background-image:url(/images/ui/btn-arrow.png);transition:background-image .2s}.tools-panel{height:100%}.tools-panel .tools-grid{display:grid;gap:8px}@media(max-width:1023px){.tools-panel .tools-grid{grid-template-columns:repeat(auto-fill,minmax(clamp(40px,10vw,55px),1fr))!important}}.tools-panel .tools-grid .tool-box{width:100%;aspect-ratio:1/1;background-color:#393939;border-radius:min(27%,15px)}@media(min-width:1024px){.tools-panel .tools-grid .tool-box{width:55px;height:55px;aspect-ratio:auto}}.tools-panel .tools-grid .tool-box{display:flex;align-items:center;justify-content:center;overflow:hidden;background-repeat:no-repeat;background-position:center}.tools-panel .tools-grid .tool-box.tool-ai{background-image:url(/icons/default/tool-ai.png);background-size:50% 50%}@media(min-width:1024px){.tools-panel .tools-grid .tool-box.tool-ai{background-size:28px 28px}}.tools-panel .tools-grid .tool-box .skill-icon-wrapper img{max-width:50%;max-height:50%}@media(min-width:1024px){.tools-panel .tools-grid .tool-box .skill-icon-wrapper img{max-width:28px;max-height:28px}}.tools-panel .tools-grid .tool-box svg{width:50%;height:50%;color:#d6d6d6}@media(min-width:1024px){.tools-panel .tools-grid .tool-box svg{width:28px;height:28px}}.tools-panel .tools-grid .tool-box .tool-label{color:#bebebe;font-weight:700;font-size:clamp(13px,3.5vw,14px)}.tools-panel .tools-grid .tool-box.more-box{font-size:clamp(12px,3.5vw,16px);font-weight:600;color:#fff;background-color:#393939}.about-panel{height:100%}.about-panel .tags-container{display:flex;flex-wrap:wrap;gap:8px}.about-panel .tags-container .tag{background-color:#2c2c2c;color:#fff;font-size:clamp(13px,3.5vw,14px);padding:8px 16px;border-radius:9999px;white-space:nowrap}.project-panel-wrapper{grid-column:1/-1;width:100%;position:relative;min-height:200px;height:auto;border-radius:24px;overflow:hidden}@media(min-width:1024px){.project-panel-wrapper{min-height:200px;height:auto}}.project-panel{height:100%;width:100%;position:relative;overflow:hidden}.project-panel .project-header{z-index:5;position:relative;display:flex;justify-content:flex-start!important;gap:1rem;align-items:baseline;flex-wrap:wrap}.project-panel .project-header .panel-title{color:#2cb1ea}.project-panel .project-header .project-desc{font-size:clamp(13px,3.5vw,14px);color:#9c9c9c}.project-panel .project-stack{position:relative;flex:1;width:100%;min-height:clamp(80px,20vw,104px);margin:0;display:flex}.project-panel .project-stack .stack-card{--card-w: clamp(100px, 45%, 217px)}@media(max-width:480px){.project-panel .project-stack .stack-card{--card-w: clamp(130px, 60%, 217px)}}.project-panel .project-stack .stack-card{width:var(--card-w);height:clamp(80px,20vw,104px)}@media(min-width:1024px){.project-panel .project-stack .stack-card{--card-w: 217px;width:var(--card-w);height:104px}}.project-panel .project-stack .stack-card{background-color:#323232;border-radius:12px;position:absolute;top:0;margin-top:0;box-shadow:0 4px 6px #0000004d;transition:transform .3s ease}.project-panel .project-stack .stack-card:nth-child(1){left:0}.project-panel .project-stack .stack-card:nth-child(2){left:calc((100% - var(--card-w)) / 3 * 1)}.project-panel .project-stack .stack-card:nth-child(3){left:calc((100% - var(--card-w)) / 3 * 2)}@media(max-width:480px){.project-panel .project-stack .stack-card:nth-child(3){display:none}.project-panel .project-stack .stack-card:nth-child(2){left:calc((100% - var(--card-w)) / 2 * 1)}}.project-panel .project-stack .stack-card.project-preview-card{background-image:var(--project-bg);background-size:cover;background-position:center;cursor:pointer;overflow:hidden}.project-panel .project-stack .stack-card.project-preview-card .card-overlay{position:absolute;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s}.project-panel .project-stack .stack-card.project-preview-card .preview-title{color:#fff;font-weight:700;font-size:clamp(12px,2vw,16px);text-align:center;padding:0 .5rem}@media(hover:hover)and (pointer:fine){.project-panel .project-stack .stack-card.project-preview-card:hover:hover{transform:translateY(-5px);box-shadow:0 10px 20px #00000080}.project-panel .project-stack .stack-card.project-preview-card:hover:hover .card-overlay{opacity:1}}.project-panel .project-stack .stack-card.glass-overlay{left:calc(100% - var(--card-w))}@media(min-width:768px){.project-panel .project-stack .stack-card.glass-overlay{transform:none}}.project-panel .project-stack .stack-card.glass-overlay{background:#ffffff1f;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.18);display:flex;align-items:center;justify-content:center;cursor:pointer}.project-panel .project-stack .stack-card.glass-overlay span{font-size:14px;font-weight:600;color:#fff;letter-spacing:.05em}@media(hover:hover)and (pointer:fine){.project-panel .project-stack .stack-card.glass-overlay:hover{transition:transform .3s ease}.project-panel .project-stack .stack-card.glass-overlay:hover:hover{transform:translateY(-5px)}}@media(hover:hover)and (pointer:fine)and (min-width:768px){.project-panel .project-stack .stack-card.glass-overlay:hover:hover{transform:translateY(-5px) translate(-100%)}}@media(hover:hover)and (pointer:fine)and (min-width:1000px){.project-panel .project-stack .stack-card.glass-overlay:hover:hover{transform:translateY(-5px)}}.about-track{height:auto;position:relative;border-top:1px solid rgba(255,255,255,.05);border-bottom:1px solid rgba(255,255,255,.05)}@media(min-width:1024px){html:not([data-touch]) .about-track{height:200vh}}.about-sticky-container{position:relative;height:auto;overflow:visible}@media(min-width:1024px){html:not([data-touch]) .about-sticky-container{position:sticky;top:0;height:100vh;overflow:hidden}}#about{position:relative;width:100%;min-height:100vh;height:auto;background-color:#171717;display:flex;justify-content:center;align-items:flex-start;padding-top:clamp(80px,12vh,150px);padding-bottom:100px}@media(min-width:1024px){html:not([data-touch]) #about{align-items:center;padding-top:0;padding-bottom:0;height:100vh;overflow:hidden}}#about{padding-left:2rem;padding-right:2rem;margin:0;overflow-x:hidden}.about-content-wrapper{width:100%;max-width:1300px;margin:0 auto;display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:8%}@media(max-width:1024px){.about-content-wrapper{flex-direction:column;align-items:center;gap:4rem;padding:0;text-align:left}}.about-visual{flex:.8;display:flex;flex-direction:column;align-items:flex-start;gap:2.5rem}@media(max-width:1024px){.about-visual{width:100%;align-items:center;text-align:center;flex:auto;gap:1.5rem}}.about-visual .about-header-group{width:100%}.about-visual .about-header-group .section-header{margin-bottom:0;text-align:left;align-items:flex-start;margin-left:1.5rem}.about-visual .about-header-group .section-header .section-title{margin-bottom:0}@media(max-width:1024px){.about-visual .about-header-group .section-header{text-align:center;align-items:center;margin-left:0}.about-visual .about-header-group .section-header .section-title{margin-bottom:1.5rem}}.about-visual .profile-image-wrapper{width:100%;max-width:clamp(320px,30vw,260px);margin:0 auto;border-radius:2px;overflow:hidden;filter:drop-shadow(0 20px 40px rgba(0,0,0,.4))}@media(max-width:1024px){.about-visual .profile-image-wrapper{aspect-ratio:auto}}@media(min-width:1024px){.about-visual .profile-image-wrapper{max-width:clamp(400px,35vw,500px);margin:0}}.about-visual .profile-image-wrapper img{width:100%;height:auto;display:block;transform:rotate(-2deg)}.about-content{flex:.8;display:flex;flex-direction:column;justify-content:center}@media(max-width:1024px){.about-content{margin-top:0;width:100%;flex:auto}}.about-content .qa-list{display:flex;flex-direction:column;gap:clamp(2.5rem,5vw,3.5rem)}@media(min-width:1024px){.about-content .qa-list{gap:3.5rem}}.about-content .qa-item{display:flex;flex-direction:column;gap:1rem}.about-content .qa-question{font-size:clamp(16px,4vw,20px);color:#2cb1ea;font-weight:600;margin:0;line-height:1.4}.about-content .qa-answer{font-size:clamp(14px,3.5vw,16px);color:#e0e0e0;line-height:1.7;font-weight:300;word-break:keep-all;opacity:.9;max-width:90%}@media(max-width:1024px){.about-content .qa-answer{max-width:100%}}#skill{height:auto;display:flex;flex-direction:column;justify-content:center}@media(min-width:1024px){html:not([data-touch]) #skill{height:100vh;overflow:hidden}}.skill-container{width:100%;max-width:1300px;height:auto;margin:0 auto;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2rem;padding-bottom:0}@media(min-width:1024px){.skill-container{height:auto;justify-content:center;gap:4rem;padding-bottom:0;padding-top:0}}.skill-header{flex-shrink:0;display:flex;flex-direction:column;align-items:center;gap:1.5rem;width:100%;background-color:transparent;z-index:10}@media(min-width:1024px){.skill-header{gap:2.5rem}}.skill-tabs{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem}@media(min-width:768px){.skill-tabs{gap:.8rem}}.tab-btn{width:auto;min-width:80px;height:44px;display:flex;align-items:center;justify-content:center;padding:0 1.2rem;border-radius:9999px;background-color:#434343;color:#ffffffb3;border:none;font-size:clamp(13px,3.5vw,14px);font-weight:500;cursor:pointer;transition:all .2s ease}@media(min-width:1024px){.tab-btn{width:124px;height:50px}}@media(hover:hover)and (pointer:fine){.tab-btn:hover:hover{background-color:#555}}.tab-btn.active{background-color:#2cb1ea;color:#fff;font-weight:600}.skill-list-wrap{flex:1;width:100%;overflow-y:visible;padding:0}.skill-grid{display:grid;grid-template-columns:1fr;gap:1rem;width:100%}@media(min-width:768px){.skill-grid{grid-template-columns:repeat(2,1fr);gap:1.25rem}}@media(min-width:1024px){.skill-grid{grid-template-columns:repeat(2,1fr);gap:20px}}.skill-card{background-color:#212121;border-radius:20px;padding:24px;border:1px solid transparent;display:flex;flex-direction:row;gap:16px;align-items:flex-start;text-align:left;height:auto;min-height:100px}@media(min-width:1024px){.skill-card{padding:30px;gap:20px;height:100%}}@media(hover:hover)and (pointer:fine){.skill-card:hover:hover,.skill-card:hover:focus-visible{transform:translateY(-2px);border-color:#ffffff1a;background-color:#2a2a2a;outline:none}}.skill-icon-box{width:clamp(48px,7vw,50px);height:clamp(48px,7vw,50px);background-color:#393939;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:#fff}.skill-icon-box .skill-icon-wrapper,.skill-icon-box svg{width:clamp(24px,4.5vw,28px);height:clamp(24px,4.5vw,28px);display:flex;align-items:center;justify-content:center}.skill-content{display:flex;flex-direction:column;gap:6px;flex-grow:1;padding-top:2px}.skill-content .skill-name{font-size:clamp(14px,2.5vw,16px);font-weight:700;color:#fff;line-height:1.3}.skill-content .skill-text{font-size:clamp(13px,3.5vw,14px);color:#9c9c9c;line-height:1.5;margin:0;word-break:keep-all}#career .career-container{max-width:1000px;width:100%;display:flex;flex-direction:column;gap:3rem}.text-center{text-align:center;margin-bottom:0}.career-grid{display:grid;grid-template-columns:1fr;gap:2rem}@media(min-width:768px){.career-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.career-grid{grid-template-columns:repeat(2,1fr)}}.info-card-container{background-color:#212121;border-radius:20px;height:fit-content;display:flex;flex-direction:column;overflow:hidden}@media(min-width:768px){.info-card-container{border-radius:27px 54px 27px 27px}}.info-card-container>div{height:100%;display:flex;flex-direction:column}.container-title{font-size:clamp(16px,2.5vw,18px);font-weight:700;color:#fff;padding:clamp(20px,4vw,28px) clamp(32px,5vw,40px)}.info-items{display:flex;flex-direction:column;gap:2rem;background-color:#2f2f2f;padding:clamp(32px,5vw,40px);flex-grow:1;border-radius:20px}@media(min-width:768px){.info-items{border-radius:27px}}.info-item{display:flex;flex-direction:column;gap:.8rem;align-items:flex-start;padding-bottom:2rem;border-bottom:1px solid #525252}.info-item:last-child{border-bottom:none;padding-bottom:0}.item-org{font-size:clamp(16px,2.5vw,17px);font-weight:600;color:#2cb1ea}.item-desc{font-size:clamp(14px,3.5vw,16px);color:#9c9c9c;line-height:1.6;word-break:keep-all}.item-badges{display:flex;gap:8px;margin-top:.5rem;flex-wrap:wrap}.badge-pill{background-color:#3b3b3b;color:#fff;font-size:13px;padding:10px 20px;border-radius:99px}.item-date{font-size:13px;color:#7a7a7a}#project{background-color:#171717}.project-container{padding-right:0;max-width:1400px;width:100%;display:flex;justify-content:center;align-items:center;flex-direction:row;gap:1rem}@media(min-width:1024px){.project-container{overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch}.project-container::-webkit-scrollbar{width:6px}.project-container::-webkit-scrollbar-track{background:transparent}.project-container::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}.project-container::-webkit-scrollbar-thumb:hover{background:#ffffff4d}}@media(min-width:768px){.project-container{gap:2rem}}.project-center-column{display:flex;flex-direction:column;flex:1;width:100%;min-width:0;gap:4.5rem;padding-bottom:2rem}@media(min-width:1024px){html:not([data-touch]) .project-center-column{max-height:calc(100vh - 120px);overflow-y:auto;-ms-overflow-style:none;scrollbar-width:none}html:not([data-touch]) .project-center-column::-webkit-scrollbar{display:none}}.project-carousel-wrapper{width:100%;display:flex;flex-direction:row;align-items:center;gap:1rem}@media(min-width:768px){.project-carousel-wrapper{gap:2rem}}.project-swiper-area{width:100%;position:relative;overflow:visible;flex:1;min-width:0}.project-swiper{flex:1;width:100%;height:auto;overflow:hidden;border-radius:30px;min-width:0}.filter-btn{min-width:124px;height:50px;display:flex;justify-content:center;align-items:center;padding:0 1.5rem;border-radius:9999px;background-color:#434343;color:#ffffffb3;border:none;font-size:clamp(13px,3.5vw,14px);font-weight:500;cursor:pointer;transition:all .2s ease;gap:6px}.filter-btn .count{display:flex;justify-content:center;align-items:center;width:27px;height:27px;padding:3px;font-size:12px;background:#00000021;border-radius:100%;margin-left:4px}.filter-btn:hover{background-color:#555}.filter-btn.active{background-color:#2cb1ea;color:#fff;font-weight:600}.filter-btn.active .count{background:#fff3;color:#fff}.slider-arrow{position:relative;background:transparent;border:none;cursor:pointer;padding:0;transition:all .3s ease;z-index:20;display:block;flex-shrink:0;outline:none;width:20px;height:46px;background-image:url(/images/ui/procect-arrow.svg);background-repeat:no-repeat;background-position:center;background-size:contain}.slider-arrow:hover:not(.swiper-button-disabled){background-image:url(/images/ui/procect-arrow-hover.svg)}.slider-arrow.swiper-button-disabled{opacity:.3;cursor:default;pointer-events:none}.slider-arrow.arrow-next{transform:rotate(180deg)}.project-header-area{display:flex;flex-direction:row;justify-content:space-between;align-items:center;width:100%;gap:2rem;flex-wrap:wrap;padding:0 calc(20px + 1rem)}@media(min-width:768px){.project-header-area{padding:0 calc(20px + 2rem)}}@media(max-width:1220px){.project-header-area{flex-direction:column;align-items:center;text-align:center}}.project-header-area .header-left{display:flex;flex-direction:row;gap:1rem;align-items:baseline;flex-wrap:wrap}@media(max-width:1220px){.project-header-area .header-left{flex-direction:column;align-items:center;gap:.5rem}}.project-header-area .header-left .section-title{margin:0;white-space:nowrap;text-align:left;color:#fff;margin-bottom:.5rem}@media(max-width:1220px){.project-header-area .header-left .section-title{text-align:center;white-space:normal;word-break:keep-all}}.project-header-area .header-left .section-desc{font-size:clamp(14px,3.5vw,16px);color:#9c9c9c;font-weight:400;text-align:left;margin:0}@media(max-width:1220px){.project-header-area .header-left .section-desc{text-align:center}}.project-header-area .filter-group{display:flex;gap:.8rem;flex-wrap:nowrap}@media(max-width:1220px){.project-header-area .filter-group{flex-wrap:wrap;justify-content:center;width:100%;margin-top:1rem}}.project-grid{display:grid;grid-template-columns:repeat(2,1fr)!important;gap:1.5rem;width:100%}@media(max-width:800px){.project-grid{grid-template-columns:1fr!important}}.project-card{background-color:#212121;border-radius:30px;padding:0;border:none;display:flex;flex-direction:row;align-items:stretch;gap:0;height:230px;min-height:230px;overflow:hidden;position:relative;cursor:pointer}@media(max-width:1220px){.project-card{flex-direction:column;height:auto;min-height:auto}}.project-card .card-image-area{width:40%;background-color:transparent;flex-shrink:0;position:relative;display:flex;justify-content:center;align-items:center}@media(max-width:1220px){.project-card .card-image-area{width:100%;height:clamp(120px,20vh,165px);padding:3rem 0 0}}.project-card .card-image-area .image-overlay-pill{position:absolute;top:25px;left:25px;z-index:2}.project-card .card-image-area .image-overlay-pill .type-pill{color:#fff;font-size:clamp(12px,3vw,13px);padding:10px 16px;border-radius:9999px;font-weight:500;border:1px solid #565656}.project-card .card-image-area .project-logo{object-fit:contain;max-width:100%;max-height:100%}.project-card .card-content-area{width:60%;padding:45px 30px 30px 0;display:flex;flex-direction:column;justify-content:center;gap:1rem;flex-grow:1}@media(max-width:1220px){.project-card .card-content-area{width:100%;padding:1rem 1.5rem 2rem;align-items:center;text-align:center}}.project-card .card-content-area .card-title{font-size:clamp(15px,4vw,17px);font-weight:500;color:#fff}.project-card .card-content-area .card-desc{font-size:clamp(14px,3.5vw,16px);color:#9c9c9c}.project-card .card-content-area .tags-container{display:flex;flex-wrap:wrap;gap:8px;margin-top:.5rem}@media(max-width:1220px){.project-card .card-content-area .tags-container{justify-content:center}}.project-card .card-content-area .tags-container .tag{background-color:#323232;color:#fff;font-size:clamp(13px,3.5vw,14px);padding:10px 16px;border-radius:11px;white-space:nowrap;font-weight:400}#contact{position:relative;width:100%}@media(min-width:1580px){#contact{height:100vh;padding:0!important}}@media(max-width:1579px){#contact{display:flex;flex-direction:column;align-items:center;padding:80px 20px 0}}.contact-container{max-width:1300px;width:100%;text-align:center;display:flex;flex-direction:column;gap:clamp(2rem,8vh,4rem)}@media(min-width:1580px){.contact-container{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);margin:0}}@media(max-width:1579px){.contact-container{position:relative;margin:auto 0}}.contact-message-box{display:flex;flex-direction:column;gap:2rem}.contact-title{font-family:Yuseol,sans-serif;font-size:clamp(28px,5vw,40px);margin-bottom:0}.contact-desc{font-size:clamp(16px,2.5vw,18px);color:#818181;line-height:1.8;margin:0 auto;width:fit-content;word-break:keep-all}.contact-buttons{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:center;gap:clamp(.8rem,3vw,1.5rem)}.btn-contact{display:flex;align-items:center;gap:clamp(.4rem,1.5vw,.6rem);padding:clamp(.85rem,3vw,1rem) clamp(1.5rem,5vw,2rem);border-radius:15px;font-weight:400;font-size:clamp(14px,3.5vw,16px);border:3px solid #323232;transition:all .2s ease;background-color:transparent;color:#fff}.btn-contact:hover{background-color:transparent;border-color:#fff}footer{width:100%;display:flex;justify-content:center}@media(min-width:1580px){footer{position:absolute;bottom:0;left:0}}@media(max-width:1579px){footer{position:static;padding-top:4rem}}.footer-container{max-width:1300px;width:100%;padding:3rem 2rem;font-size:16px;color:#434343;border-top:1px solid #212121;text-align:center}@media(max-width:1579px){.footer-container{padding-bottom:120px}}@media(max-width:1023px){.footer-container{padding-bottom:140px}}.icon-box{padding:1rem;border-radius:50%;background-color:#2cb1ea1a;color:#2cb1ea;margin-bottom:1rem;display:inline-flex}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 2rem}@media(min-width:768px){.container{padding:0 4rem}}.section-title{font-family:Yuseol,sans-serif;font-size:clamp(28px,5vw,34px);font-weight:700;margin-bottom:2rem}.section-desc{font-size:clamp(14px,3.5vw,16px);color:#868686;max-width:800px;margin:0 auto;line-height:1.6;word-break:keep-all;padding:0 1rem}.text-muted{color:#9c9c9c}@media(pointer:fine){body{cursor:url(/cursor.svg) 0 0,auto}}
