@charset "UTF-8";html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;box-sizing:border-box}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}@font-face{font-family:Pretendard Variable;font-weight:45 920;font-style:normal;font-display:swap;src:url(/assets/PretendardVariable-CJuje-Rk.woff2) format("woff2-variations")}@font-face{font-family:SUIT Variable;font-weight:100 900;src:url(./SUIT-Variable.woff2) format("woff2-variations")}@font-face{font-family:Giants-Bold;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2307-1@1.1/Giants-Bold.woff2) format("woff2");font-weight:400;font-style:normal}@font-face{font-family:GangwonEduPowerExtraBoldA;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2201-2@1.0/GangwonEduPowerExtraBoldA.woff) format("woff");font-weight:400;font-style:normal}@font-face{font-family:SDSamliphopangche_Outline;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts-20-12@1.0/SDSamliphopangche_Outline.woff) format("woff");font-weight:400;font-style:normal}@font-face{font-family:JalnanGothic;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_231029@1.1/JalnanGothic.woff) format("woff");font-weight:400;font-style:normal}@font-face{font-family:SBAggroB;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2108@1.1/SBAggroB.woff) format("woff");font-weight:400;font-style:normal}@font-face{font-family:NPSfontBold;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2310@1.0/NPSfontBold.woff2) format("woff2");font-weight:700;font-style:normal}@font-face{font-family:NPSfontRegular;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2310@1.0/NPSfontRegular.woff2) format("woff2");font-weight:700;font-style:normal}@font-face{font-family:yg-jalnan;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_four@1.2/JalnanOTF00.woff) format("woff");font-weight:400;font-style:normal}@font-face{font-family:SBAggroB;src:url(https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2108@1.1/SBAggroB.woff) format("woff");font-weight:400;font-style:normal}@font-face{font-family:swiper-icons;src:url(data:application/font-woff;charset=utf-8;base64,\ d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA);font-weight:400;font-style:normal}: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);-webkit-backface-visibility:hidden;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-vertical>.swiper-wrapper{scroll-snap-type:y mandatory}.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}.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,.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)}}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translateZ(0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}.swiper-pagination-fraction,.swiper-pagination-custom,.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal{bottom:var(--swiper-pagination-bottom, 8px);top:var(--swiper-pagination-top, auto);left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));height:var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));display:inline-block;border-radius:var(--swiper-pagination-bullet-border-radius, 50%);background:var(--swiper-pagination-bullet-inactive-color, #000);opacity:var(--swiper-pagination-bullet-inactive-opacity, .2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color, var(--swiper-theme-color))}.swiper-vertical>.swiper-pagination-bullets,.swiper-pagination-vertical.swiper-pagination-bullets{right:var(--swiper-pagination-right, 8px);left:var(--swiper-pagination-left, auto);top:50%;transform:translate3d(0,-50%,0)}.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap, 6px) 0;display:block}.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap, 4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translate(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color, inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, .25));position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color, var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite{width:100%;height:var(--swiper-pagination-progressbar-size, 4px);left:0;top:0}.swiper-vertical>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite{width:var(--swiper-pagination-progressbar-size, 4px);height:100%;left:0;top:0}.swiper-pagination-lock{display:none}:root{--swiper-navigation-size: 44px}.swiper-button-prev,.swiper-button-next{position:absolute;top:var(--swiper-navigation-top-offset, 50%);width:calc(var(--swiper-navigation-size) / 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size) / 2));z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color, var(--swiper-theme-color))}.swiper-button-prev.swiper-button-disabled,.swiper-button-next.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-prev.swiper-button-hidden,.swiper-button-next.swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled .swiper-button-prev,.swiper-navigation-disabled .swiper-button-next{display:none!important}.swiper-button-prev svg,.swiper-button-next svg{width:100%;height:100%;object-fit:contain;transform-origin:center}.swiper-rtl .swiper-button-prev svg,.swiper-rtl .swiper-button-next svg{transform:rotate(180deg)}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:var(--swiper-navigation-sides-offset, 10px);right:auto}.swiper-button-lock{display:none}.swiper-button-prev:after,.swiper-button-next:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;font-variant:initial;line-height:1}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:"prev"}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset, 10px);left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:"next"}.App{background-color:#1a1919;height:100dvh;height:calc(var(--vh, 1vh) * 100);font-family:Pretendard Variable;position:relative}.App header{background-color:#1a1919;width:100%;top:0;position:fixed;z-index:99999;display:flex;height:clamp(3rem,4vw + 2rem,4rem);color:#fff;justify-content:space-between;align-items:center;padding:clamp(.5rem,2vw + .5rem,1.5rem)}.App header .nav_box_left{font-family:SBAggroB}.App header .nav_box_left h1{font-size:clamp(.8rem,2vw + .5rem,2rem);color:#fff;cursor:pointer}.App header .nav_box_middle{display:flex;align-items:center}.App header .nav_box_middle li{font-family:SUIT Variable;font-size:clamp(.8rem,1.5vw + .3rem,1.5rem);color:#b6bec9;cursor:pointer;text-align:center;width:clamp(55px,10vw + 20px,150px);font-weight:600}.App header .nav_box_middle .active-menu-item{font-size:clamp(.9rem,1.5vw + .5rem,1.5rem);text-decoration:underline;color:#a2c5f4}.App header .nav_box_right{display:flex;height:clamp(2rem,2vw + 1.5rem,2.5rem);gap:clamp(.1rem,1vw,1rem)}.App header .nav_box_right li a{text-decoration:none;color:#fff}.App header .nav_box_right svg{width:100%;height:100%;fill:#fff;margin-right:clamp(.5rem,1vw + .3rem,1rem)}.App .main_top_box{position:relative;height:100dvh;text-align:center}.App .main_top_box video{width:100%;height:100%;object-fit:cover;filter:brightness(100%) contrast(80%)}.App .main_top_box img{width:100%;height:100%;object-fit:cover;filter:brightness(100%) contrast(80%);position:absolute;top:0;left:0}.App .main_top_box .main_top_title{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:10;color:#fff}.App .main_top_box .main_top_title h1{font-family:JalnanGothic;font-size:4rem}@media (max-width: 600px){.App .main_top_box .main_top_title h1{font-size:3rem}}.App .second_block{justify-content:center;align-items:center;color:#fff;display:flex;height:100dvh;position:relative}@media (max-width: 1201px){.App .second_block{flex-direction:column}}.App .second_block .second_block_photo{width:25%;height:50%;overflow:hidden;border-radius:.6rem}@media (max-width: 1201px){.App .second_block .second_block_photo{margin-left:0;width:40%;margin-bottom:2rem}}@media (max-width: 768px){.App .second_block .second_block_photo{width:60%;height:30%}}.App .second_block .second_block_photo img{width:100%;height:100%;object-fit:cover}.App .second_block .second_block_intro{margin-left:4rem;text-align:left}@media (max-width: 1201px){.App .second_block .second_block_intro{margin-left:0}}@media (max-width: 768px){.App .second_block .second_block_intro{margin-left:0;width:60%}}.App .second_block .second_block_intro h1{font-size:2.7rem;font-family:SBAggroB;margin-bottom:3rem}@media (max-width: 768px){.App .second_block .second_block_intro h1{font-size:2rem}}@media (max-width: 500px){.App .second_block .second_block_intro h1{font-size:1.7rem;margin-bottom:1.5rem}}.App .second_block .second_block_intro p{font-family:NPSfontRegular;line-height:2rem}@media (max-width: 768px){.App .second_block .second_block_intro p{font-size:1rem}}@media (max-width: 500px){.App .second_block .second_block_intro p{font-size:.8rem}}.App .second_block .second_block_intro ul{margin-top:1.5rem;display:flex;flex-wrap:wrap;gap:.8rem}@media (max-width: 500px){.App .second_block .second_block_intro ul{display:none}}.App .second_block .second_block_intro ul li{padding:.4rem 1.2rem;color:#0acdce;font-size:1rem;border:.2rem solid rgba(10,205,206,.25);border-radius:10rem;font-family:NPSfontBold}.App .skill_block{display:flex;height:105vh}@media (max-width: 500px){.App .skill_block{align-items:flex-end;height:100dvh}}.App .skill_block .left_box{background-color:#1a1919;color:#fff;width:50%;position:fixed;z-index:0}.App .skill_block .right_box{background-color:#fff;width:50%;margin-left:50%}@media (max-width: 500px){.App .skill_block .right_box{width:100%;height:65%;margin-left:0}}.App .skill_block .right_box .logo_wrapper{height:100%;display:grid;align-content:center}.App .skill_block .right_box .logo_wrapper h2{font-family:SDSamliphopangche_Outline;font-size:3rem;margin-bottom:2rem}@media (max-width: 1700px){.App .skill_block .right_box .logo_wrapper h2{font-size:2.5rem}}@media (max-width: 768px){.App .skill_block .right_box .logo_wrapper h2{font-size:2rem}}@media (max-width: 600px){.App .skill_block .right_box .logo_wrapper h2{font-size:1.6rem}}@media (max-width: 500px){.App .skill_block .right_box .logo_wrapper h2{font-size:1rem}}.App .skill_block .right_box .logo_wrapper .right_box_logo4{display:grid;grid-template-columns:repeat(auto-fill,minmax(25%,auto));margin:0 auto;width:95%;margin-bottom:1rem}@media (max-width: 1700px){.App .skill_block .right_box .logo_wrapper .right_box_logo4{grid-template-columns:repeat(2,1fr);row-gap:2rem}}@media (max-width: 768px){.App .skill_block .right_box .logo_wrapper .right_box_logo4{grid-template-columns:1fr 1fr}}@media (max-width: 500px){.App .skill_block .right_box .logo_wrapper .right_box_logo4{grid-template-columns:1fr 1fr 1fr 1fr}}.App .skill_block .right_box .logo_wrapper .right_box_logo3{display:grid;grid-template-columns:1fr 1fr 1fr;margin-bottom:1rem}@media (max-width: 768px){.App .skill_block .right_box .logo_wrapper .right_box_logo3{grid-template-columns:1fr 1fr}}@media (max-width: 500px){.App .skill_block .right_box .logo_wrapper .right_box_logo3{grid-template-columns:1fr 1fr 1fr}}.App .skill_block .right_box .logo_wrapper .right_box_logo2{display:grid;grid-template-columns:1fr 1fr;margin-bottom:1rem}.App .skill_block .right_box .logo_wrapper .right_box_logo1{display:grid;grid-template-columns:1fr;margin-bottom:1rem}@keyframes tilt{0%,to{transform:rotate(-3deg)}50%{transform:rotate(3deg)}}.App .skill_block .right_box .logo_wrapper .logo_box{width:150px;height:150px;margin:0 auto}@media (max-width: 1700px){.App .skill_block .right_box .logo_wrapper .logo_box{width:100px;height:100px}}@media (max-width: 900px){.App .skill_block .right_box .logo_wrapper .logo_box{width:80px;height:80px}}@media (max-height: 750px){.App .skill_block .right_box .logo_wrapper .logo_box{width:70px;height:70px}}@media (max-width: 600px){.App .skill_block .right_box .logo_wrapper .logo_box{width:80px;height:80px}}@media (max-width: 500px){.App .skill_block .right_box .logo_wrapper .logo_box{width:60px;height:60px}}.App .skill_block .right_box .logo_wrapper .logo_box .large_svg{width:32%}.App .skill_block .right_box .logo_wrapper .logo_box img{width:100%;height:100%}.App .skill_block .right_box .logo_wrapper .logo_box_large{width:200px;height:150px;margin:0 auto}@media (max-width: 900px){.App .skill_block .right_box .logo_wrapper .logo_box_large{width:80px;height:80px}}@media (max-width: 768px){.App .skill_block .right_box .logo_wrapper .logo_box_large{width:125px;height:62.5px}}@media (max-width: 500px){.App .skill_block .right_box .logo_wrapper .logo_box_large{width:100px;height:50px}}@media (max-width: 400px){.App .skill_block .right_box .logo_wrapper .logo_box_large{width:93.75px}}.App .skill_block .right_box .logo_wrapper .logo_box_large .large_svg{width:100%;height:100%}.App .third_block{background:#191970;color:#fff;top:10vh;height:100vh;width:100%;width:60rem;height:35rem;border-radius:1rem;box-shadow:4px 4px #758b38}.App .third_block h1{padding-top:4rem;font-size:4rem}.App .third_block>div{display:flex;height:80%;justify-content:space-between;max-width:100%}.App .third_block>div>div{padding:1rem;width:48%!important}.App .work_wrapper .work_title{position:absolute;width:100%;top:13vh;margin-left:3rem;z-index:3}@media (max-width: 1330px){.App .work_wrapper .work_title{margin-left:5rem}}@media (max-width: 768px){.App .work_wrapper .work_title{top:10%;display:none}}@media (max-width: 500px){.App .work_wrapper .work_title{margin:0 auto}}.App .work_wrapper .work_title div{width:1200px;margin:0 auto}@media (max-width: 1330px){.App .work_wrapper .work_title div{width:1100px}}@media (max-width: 1201px){.App .work_wrapper .work_title div{width:80%}}.App .work_wrapper .work_title div h1{font-family:SBAggroB;color:#fff;font-size:3.5rem;text-align:left;margin-top:3rem}@media (max-width: 1201px){.App .work_wrapper .work_title div h1{margin-top:1.5rem}}@media (max-width: 1024px){.App .work_wrapper .work_title div h1{font-size:3rem}}@media (max-width: 500px){.App .work_wrapper .work_title div h1{font-size:2rem}}.App .work_wrapper .port_wrapper{color:#fff}.App .work_wrapper .port_wrapper .port_box_inner{width:1200px;display:flex;height:80vh;cursor:grab;margin-left:4rem;margin:0 auto;margin-top:10vh;border:5px solid #523832;border-radius:2rem}@media (max-width: 1330px){.App .work_wrapper .port_wrapper .port_box_inner{width:80%}}@media (max-width: 1201px){.App .work_wrapper .port_wrapper .port_box_inner{width:80%}}@media (max-width: 768px){.App .work_wrapper .port_wrapper .port_box_inner{flex-direction:column}}.App .work_wrapper .port_wrapper .port_box_inner .port_box_img{height:50%;max-width:590px;border-radius:.8rem;overflow:hidden;margin-top:30%;margin-left:10%}@media (max-width: 1330px){.App .work_wrapper .port_wrapper .port_box_inner .port_box_img{margin-top:10rem}}@media (max-width: 768px){.App .work_wrapper .port_wrapper .port_box_inner .port_box_img{width:80%;margin-top:5%;height:65%}}@media (max-width: 500px){.App .work_wrapper .port_wrapper .port_box_inner .port_box_img{height:80%;margin-bottom:1rem}}.App .work_wrapper .port_wrapper .port_box_inner .port_box_img img{width:100%;height:100%;object-fit:cover}.App .work_wrapper .port_wrapper .port_box_inner .port_box_description{width:100%;text-align:left;margin-left:4rem;display:grid;margin-top:2%;margin-right:3%}@media (max-width: 768px){.App .work_wrapper .port_wrapper .port_box_inner .port_box_description{width:80%;margin:0 auto}}.App .work_wrapper .port_wrapper .port_box_inner .port_box_description>div:first-child{margin-top:2rem}@media (max-width: 500px){.App .work_wrapper .port_wrapper .port_box_inner .port_box_description>div:first-child{margin-top:0}}.App .work_wrapper .port_wrapper .port_box_inner .port_box_description h2{font-family:NPSfontBold;font-size:2.7rem;text-align:left;margin-bottom:.5rem}@media (max-width: 1201px){.App .work_wrapper .port_wrapper .port_box_inner .port_box_description h2{font-size:2.5rem}}@media (max-width: 1024px){.App .work_wrapper .port_wrapper .port_box_inner .port_box_description h2{font-size:2.3rem}}@media (max-width: 500px){.App .work_wrapper .port_wrapper .port_box_inner .port_box_description h2{font-size:1.8rem;margin-bottom:1rem}}.App .work_wrapper .port_wrapper .port_box_inner .port_box_description h3{font-family:NPSfontBold;font-size:1.2rem;margin-top:1rem;margin-bottom:.5rem}@media (max-width: 1201px){.App .work_wrapper .port_wrapper .port_box_inner .port_box_description h3{font-size:1.1rem}}@media (max-width: 900px){.App .work_wrapper .port_wrapper .port_box_inner .port_box_description h3{display:none}}.App .work_wrapper .port_wrapper .port_box_inner .port_box_description h4{margin-bottom:3rem}@media (max-width: 1201px){.App .work_wrapper .port_wrapper .port_box_inner .port_box_description h4{margin-bottom:2rem}}@media (max-width: 500px){.App .work_wrapper .port_wrapper .port_box_inner .port_box_description h4{margin-bottom:.5rem}}.App .work_wrapper .port_wrapper .port_box_inner .port_box_description p{font-family:NPSfontRegular;font-size:1rem;line-height:2rem}@media (max-width: 1201px){.App .work_wrapper .port_wrapper .port_box_inner .port_box_description p{font-size:.95rem}}@media (max-width: 500px){.App .work_wrapper .port_wrapper .port_box_inner .port_box_description p{font-size:.8rem;line-height:1.3rem}}.App .work_wrapper .port_wrapper .port_box_inner .port_box_description p span{font-family:NPSfontRegular;font-size:1rem;color:#caff00}@media (max-width: 1201px){.App .work_wrapper .port_wrapper .port_box_inner .port_box_description p span{font-size:.95rem}}@media (max-width: 500px){.App .work_wrapper .port_wrapper .port_box_inner .port_box_description p span{font-size:.8rem}}.App .work_wrapper .port_wrapper .port_box_inner .port_box_description .port_box_role{display:flex}@media (max-width: 900px){.App .work_wrapper .port_wrapper .port_box_inner .port_box_description .port_box_role p{display:none}}@media (max-width: 900px){.App .work_wrapper .port_wrapper .port_box_inner .port_box_description .port_box_description_role{display:none}}.App .work_wrapper .port_wrapper .port_box_inner .port_box_description .svg_wrapper{display:flex}.App .work_wrapper .port_wrapper .port_box_inner .port_box_description .svg_wrapper a{margin-right:12px;margin-top:1rem}@media (max-width: 1201px){.App .work_wrapper .port_wrapper .port_box_inner .port_box_description .svg_wrapper a{margin-top:0}}.App .work_wrapper .port_wrapper .port_box_inner .port_box_description .svg_wrapper a span{color:#8261ff;display:flex;align-items:center}@media (max-width: 1024px){.App .work_wrapper .port_wrapper .port_box_inner .port_box_description .svg_wrapper a span{font-size:1rem}}@media (max-width: 500px){.App .work_wrapper .port_wrapper .port_box_inner .port_box_description .svg_wrapper a span{font-size:.7rem}}.App .work_wrapper .port_wrapper .port_box_inner .port_box_description .svg_wrapper a span svg{width:20px;height:20px;margin-right:4px}@media (max-width: 1330px){.App .work_wrapper .port_wrapper .port_box_inner .port_box_description .hidden{display:none}}.App .work_wrapper .port_wrapper .port_box_inner .port_box_description ul{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:1rem}@media (max-width: 945px){.App .work_wrapper .port_wrapper .port_box_inner .port_box_description ul{display:none}}@media (max-width: 500px){.App .work_wrapper .port_wrapper .port_box_inner .port_box_description ul{margin-top:1rem}}.App .work_wrapper .port_wrapper .port_box_inner .port_box_description ul li{padding:.4rem 1.2rem;color:#0acdce;font-size:1rem;border:.2rem solid rgba(10,205,206,.25);border-radius:10rem}@media (max-width: 1024px){.App .work_wrapper .port_wrapper .port_box_inner .port_box_description ul li{font-size:.9rem;padding:.2rem 1rem}}@media (max-width: 500px){.App .work_wrapper .port_wrapper .port_box_inner .port_box_description ul li{font-size:.7rem;padding:.2rem .7rem}}.App .copyright{color:#fff;height:100vh;display:grid;position:relative;text-align:center}.App .copyright video{width:100%;height:100%;object-fit:cover;filter:brightness(75%) contrast(100%)}.App .copyright .copyright_text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:10;color:#fff}.App .copyright .copyright_text p{font-size:18px}@media (max-width: 555px){.App .copyright .copyright_text p{font-size:12px}}.App .copyright .copyright_text span{color:#999}@media (max-width: 555px){.App .copyright .copyright_text span{font-size:12px}}.swiper{width:100%;height:100dvh}.swiper-slide{text-align:center;font-size:18px}.left_box_fixed{font-family:SBAggroB;position:absolute;top:45%;z-index:1;font-size:7rem;color:#fff;width:50%;text-align:center;cursor:default}@media (max-width: 1024px){.left_box_fixed{font-size:5rem}}@media (max-width: 768px){.left_box_fixed{font-size:3.5rem}}@media (max-width: 530px){.left_box_fixed{font-size:3rem}}@media (max-width: 500px){.left_box_fixed{font-size:2.5rem;width:100%;top:15%}}.swiper-pagination-bullet{background:#998484;opacity:1}.swiper-pagination-bullet-active{background:#7d3434}.swiper-button-next{margin-right:2rem}@media (max-width: 768px){.swiper-button-next{margin-right:1rem}}@media (max-width: 768px){.swiper-button-next:after{font-size:30px}}.swiper-button-prev{margin-right:2rem}@media (max-width: 768px){.swiper-button-prev{margin-right:1rem}}@media (max-width: 768px){.swiper-button-prev:after{font-size:30px}}@media (max-width: 768px){.port_wrapper_des{height:50%}}.port_wrapper_des .swiper-button-prev:after{margin-top:25rem;margin-left:6rem}@media (max-width: 768px){.port_wrapper_des .swiper-button-prev:after{margin-top:16rem}}.port_wrapper_des .swiper-button-next:after{margin-top:25rem;margin-right:-4rem}@media (max-width: 768px){.port_wrapper_des .swiper-button-next:after{margin-top:16rem;margin-right:3rem}}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-20px)}to{transform:translateY(0)}}.background_img_wrapper_02{position:absolute;width:100%;height:100%}.background_img_wrapper_02 .img_01,.background_img_wrapper_02 .img_02,.background_img_wrapper_02 .img_03{position:absolute;cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none}.slider,.slider .circular-slider{width:100%;height:100%}.slider .circular-slider .wrapper{width:100%;height:100%;display:flex}@media (max-width: 1000px){.slider .circular-slider .wrapper{flex-direction:column}}.slider .circular-slider .wrapper .slides-holder{border-radius:50%;border:2px solid #8EB8E5;-webkit-transform-origin:center;-ms-transform-origin:center;transform-origin:center;-webkit-box-sizing:border-box;box-sizing:border-box;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;z-index:100}.slider .circular-slider .wrapper .slides-holder .slide_gesture_wrapper{position:absolute;top:30%;left:9%;transform:translate(-50%,-50%);animation:tilt 2s infinite alternate ease-in-out}@media (max-width: 1000px){.slider .circular-slider .wrapper .slides-holder .slide_gesture_wrapper{top:13%;left:43%}}.slider .circular-slider .wrapper .slides-holder .slide_gesture_wrapper img{width:100%;height:100%}@keyframes tilt{0%,to{transform:rotate(0)}50%{transform:rotate(9deg)}}.slider .circular-slider .wrapper .descriptions{color:#fff;display:flex;align-items:center;width:50%;padding-left:10rem;text-align:left;position:relative}@media (max-width: 1270px){.slider .circular-slider .wrapper .descriptions{padding-left:6rem}}@media (max-width: 1000px){.slider .circular-slider .wrapper .descriptions{width:100%;height:50%;padding-left:0}}.slider .circular-slider .wrapper .descriptions h1,.slider .circular-slider .wrapper .descriptions h2{transition:opacity .5s ease-in-out}.slider .circular-slider .wrapper .descriptions .descriptions__item{position:absolute;opacity:0;transition:opacity .5s ease-in-out;visibility:hidden;pointer-events:none}.slider .circular-slider .wrapper .descriptions .descriptions__item_visible{visibility:visible;opacity:1;pointer-events:auto}.slider .circular-slider .wrapper .descriptions .descriptions__item .ddabong{background-image:linear-gradient(90deg,#f7b401,#f4cf6c,#ededed)}.slider .circular-slider .wrapper .descriptions .descriptions__item .jobtalks{background-image:linear-gradient(90deg,#e3d267,#e29e57 31%,#e16444 59%,#c1543d 99%)}.slider .circular-slider .wrapper .descriptions .descriptions__item .itty{background-image:linear-gradient(270deg,#fff,#1890ff)}.slider .circular-slider .wrapper .descriptions .descriptions__item .codebridge{background-image:linear-gradient(90deg,#08a9d3,#c1543d)}.slider .circular-slider .wrapper .descriptions .descriptions__item .travlemaker{background-image:linear-gradient(90deg,#723d9e,#6e52c2 48%,#bdb9e2)}.slider .circular-slider .wrapper .descriptions .descriptions__item .javaburger{background-image:linear-gradient(90deg,#f9b939,#e4be70 50%,#df7a66 99%)}.slider .circular-slider .wrapper .descriptions .descriptions__item h1{font-size:8rem;background-clip:text;-webkit-background-clip:text;color:transparent;font-weight:700}@media (max-width: 1580px){.slider .circular-slider .wrapper .descriptions .descriptions__item h1{font-size:7rem}}@media (max-width: 1270px){.slider .circular-slider .wrapper .descriptions .descriptions__item h1{font-size:6rem}}.slider .circular-slider .wrapper .descriptions .descriptions__item h2{font-size:4rem;margin-bottom:1.5rem;background-clip:text;-webkit-background-clip:text;color:transparent;font-weight:600}@media (max-width: 1580px){.slider .circular-slider .wrapper .descriptions .descriptions__item h2{font-size:3rem}}@media (max-width: 1270px){.slider .circular-slider .wrapper .descriptions .descriptions__item h2{font-size:2.5rem}}@media (max-width: 1000px){.slider .circular-slider .wrapper .descriptions .descriptions__item{margin-top:7rem}}.slider .circular-slider .wrapper .descriptions .descriptions__item .tech_stacks_wrapper{display:flex;gap:15px;margin-bottom:1.5rem}.slider .circular-slider .wrapper .descriptions .descriptions__item .tech_stacks_wrapper .tech_stack{padding:.4rem 1.2rem;color:#0acdce;font-size:1rem;border:.2rem solid rgba(10,205,206,.25);border-radius:10rem}.slider .circular-slider .wrapper .descriptions .descriptions__item .detail_btn_wrapper{margin-top:2rem}.slider .circular-slider .wrapper .descriptions .descriptions__item .detail_btn_wrapper .detail_btn{width:300px;height:50px;border:2px solid white;display:flex;justify-content:center;align-items:center;border-radius:10px;font-size:1.5rem;cursor:pointer}.slider .circular-slider .wrapper .descriptions .descriptions__item_mobile{position:absolute;opacity:0;transition:opacity .5s ease-in-out;visibility:hidden;pointer-events:none;display:flex;width:100%;justify-content:space-evenly}.slider .circular-slider .wrapper .descriptions .descriptions__item_mobile_visible{visibility:visible;opacity:1;pointer-events:auto}@media (max-width: 600px){.slider .circular-slider .wrapper .descriptions .descriptions__item_mobile{flex-direction:column;padding-left:2rem}}.slider .circular-slider .wrapper .descriptions .descriptions__item_mobile .ddabong{background-image:linear-gradient(90deg,#f7b401,#f4cf6c,#ededed)}.slider .circular-slider .wrapper .descriptions .descriptions__item_mobile .jobtalks{background-image:linear-gradient(90deg,#e3d267,#e29e57 31%,#e16444 59%,#c1543d 99%)}.slider .circular-slider .wrapper .descriptions .descriptions__item_mobile .itty{background-image:linear-gradient(270deg,#fff,#1890ff)}.slider .circular-slider .wrapper .descriptions .descriptions__item_mobile .codebridge{background-image:linear-gradient(90deg,#08a9d3,#c1543d)}.slider .circular-slider .wrapper .descriptions .descriptions__item_mobile .travlemaker{background-image:linear-gradient(90deg,#723d9e,#6e52c2 48%,#bdb9e2)}.slider .circular-slider .wrapper .descriptions .descriptions__item_mobile .javaburger{background-image:linear-gradient(90deg,#f9b939,#e4be70 50%,#df7a66 99%)}@media (max-width: 600px){.slider .circular-slider .wrapper .descriptions .descriptions__item_mobile .description_mobile_leftwrapper{width:80%}}.slider .circular-slider .wrapper .descriptions .descriptions__item_mobile .description_mobile_leftwrapper h1{font-size:8rem;background-clip:text;-webkit-background-clip:text;color:transparent;font-weight:700}@media (max-width: 1580px){.slider .circular-slider .wrapper .descriptions .descriptions__item_mobile .description_mobile_leftwrapper h1{font-size:7rem}}@media (max-width: 1270px){.slider .circular-slider .wrapper .descriptions .descriptions__item_mobile .description_mobile_leftwrapper h1{font-size:6rem}}@media (max-width: 880px){.slider .circular-slider .wrapper .descriptions .descriptions__item_mobile .description_mobile_leftwrapper h1{font-size:5rem}}@media (max-width: 600px){.slider .circular-slider .wrapper .descriptions .descriptions__item_mobile .description_mobile_leftwrapper h1{font-size:3rem}}.slider .circular-slider .wrapper .descriptions .descriptions__item_mobile .description_mobile_leftwrapper h2{font-size:4rem;margin-bottom:1.5rem;background-clip:text;-webkit-background-clip:text;color:transparent;font-weight:600}@media (max-width: 1580px){.slider .circular-slider .wrapper .descriptions .descriptions__item_mobile .description_mobile_leftwrapper h2{font-size:3rem}}@media (max-width: 1270px){.slider .circular-slider .wrapper .descriptions .descriptions__item_mobile .description_mobile_leftwrapper h2{font-size:2.5rem}}@media (max-width: 880px){.slider .circular-slider .wrapper .descriptions .descriptions__item_mobile .description_mobile_leftwrapper h2{font-size:2rem}}@media (max-width: 600px){.slider .circular-slider .wrapper .descriptions .descriptions__item_mobile .description_mobile_leftwrapper h2{font-size:1.5rem}}@media (max-width: 1000px){.slider .circular-slider .wrapper .descriptions .descriptions__item_mobile{margin-top:7rem}}.slider .circular-slider .wrapper .descriptions .descriptions__item_mobile .description_mobile_rightwrapper{display:flex;flex-direction:column;justify-content:space-between}@media (max-width: 730px){.slider .circular-slider .wrapper .descriptions .descriptions__item_mobile .description_mobile_rightwrapper{width:40%}}@media (max-width: 600px){.slider .circular-slider .wrapper .descriptions .descriptions__item_mobile .description_mobile_rightwrapper{display:none}}.slider .circular-slider .wrapper .descriptions .descriptions__item_mobile .description_mobile_rightwrapper .tech_stacks_wrapper{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-bottom:1.5rem}@media (max-width: 730px){.slider .circular-slider .wrapper .descriptions .descriptions__item_mobile .description_mobile_rightwrapper .tech_stacks_wrapper{grid-template-columns:repeat(2,1fr)}}.slider .circular-slider .wrapper .descriptions .descriptions__item_mobile .description_mobile_rightwrapper .tech_stacks_wrapper .tech_stack{padding:.4rem 1.2rem;color:#0acdce;font-size:1rem;border:.2rem solid rgba(10,205,206,.25);border-radius:10rem;text-align:center}.slider .circular-slider .wrapper .descriptions .descriptions__item_mobile .description_mobile_rightwrapper .detail_btn_wrapper{margin-top:2rem}@media (max-width: 880px){.slider .circular-slider .wrapper .descriptions .descriptions__item_mobile .description_mobile_rightwrapper .detail_btn_wrapper{margin-top:0}}.slider .circular-slider .wrapper .descriptions .descriptions__item_mobile .description_mobile_rightwrapper .detail_btn_wrapper .detail_btn{width:100%;height:50px;border:2px solid white;display:flex;justify-content:center;align-items:center;border-radius:10px;font-size:1.5rem;cursor:pointer}@media (max-width: 880px){.slider .circular-slider .wrapper .descriptions .descriptions__item_mobile .description_mobile_rightwrapper .detail_btn_wrapper .detail_btn{height:45px}}.slider .circular-slider .wrapper .descriptions .descriptions__item_mobile .detail_btn_wrapper_mobile{display:none;margin-top:2rem}@media (max-width: 600px){.slider .circular-slider .wrapper .descriptions .descriptions__item_mobile .detail_btn_wrapper_mobile{display:block;width:120px}}.slider .circular-slider .wrapper .descriptions .descriptions__item_mobile .detail_btn_wrapper_mobile .detail_btn{width:100%;height:50px;border:2px solid white;display:flex;justify-content:center;align-items:center;border-radius:10px;font-size:1.5rem;cursor:pointer}@media (max-width: 880px){.slider .circular-slider .wrapper .descriptions .descriptions__item_mobile .detail_btn_wrapper_mobile .detail_btn{height:45px}}@media (max-width: 600px){.slider .circular-slider .wrapper .descriptions .descriptions__item_mobile .detail_btn_wrapper_mobile .detail_btn{font-size:1.2rem;height:40px}}.slider .circular-slider .wrapper .slides_wrapper{width:50%;position:relative;overflow:hidden}@media (max-width: 1000px){.slider .circular-slider .wrapper .slides_wrapper{width:100%;height:50%;display:flex;justify-content:center}}.slider .circular-slider .wrapper .slides_wrapper .slides-holder{position:absolute;bottom:-30%;right:-30%}@media (max-width: 1000px){.slider .circular-slider .wrapper .slides_wrapper .slides-holder{bottom:-35%;right:0;position:relative}}.slider .circular-slider .wrapper .slides_wrapper .slides-holder .slides-holder__item{width:30%;height:30%;position:absolute;top:50%;left:50%;z-index:999;border:3px solid white;border-radius:50%;display:flex;align-items:center;justify-content:center}.slider .circular-slider .wrapper .slides_wrapper .slides-holder .slides-holder__item:hover img{width:83%;height:83%}.slider .circular-slider .wrapper .slides_wrapper .slides-holder .slides-holder__item img{width:90%;height:90%;cursor:grab;transition:all .3s ease}.slider .circular-slider .wrapper .slides_wrapper .slide_center_wrapper{position:absolute;bottom:113px;right:35px;width:30%;height:30%}.slider .circular-slider .wrapper .slides_wrapper .slide_center_wrapper img{width:100%;height:100%}.modal_main_wrapper{display:flex;justify-content:center;align-items:center;position:absolute;left:0;width:100%;height:100%;background-color:#00000080;z-index:1000;top:30px;color:#fff;text-align:left}.modal_main_wrapper .modal_main_box{width:750px;height:90%;background-color:#27272c;border-radius:15px;padding:30px;display:flex;flex-direction:column;position:relative;overflow-y:scroll}.modal_main_wrapper .modal_main_box::-webkit-scrollbar{width:10px}.modal_main_wrapper .modal_main_box::-webkit-scrollbar-thumb{background-color:#81a7bf;border-radius:10px;background-clip:padding-box;border:2px solid transparent}.modal_main_wrapper .modal_main_box::-webkit-scrollbar-track{background-color:transparent;margin-top:10px;border-radius:10px}@media (max-width: 500px){.modal_main_wrapper .modal_main_box{width:90%;height:80%}}.modal_main_wrapper .modal_main_box .close_btn_box{position:absolute;top:30px;right:30px;cursor:pointer}.modal_main_wrapper .modal_main_box .close_btn_box img{width:20px}@media (max-width: 500px){.modal_main_wrapper .modal_main_box .close_btn_box img{width:15px}}.modal_main_wrapper .modal_main_box .modal_title_box h5{font-size:3rem;font-weight:600}@media (max-width: 500px){.modal_main_wrapper .modal_main_box .modal_title_box h5{font-size:1.5rem}}.modal_main_wrapper .modal_main_box .modal_banner_box{width:100%;height:255px;margin-top:1.5rem;margin-bottom:1rem}.modal_main_wrapper .modal_main_box .modal_banner_box .banner_img{width:100%;height:100%;border-radius:20px;overflow:hidden}.modal_main_wrapper .modal_main_box .modal_banner_box .banner_img img{width:100%}.modal_main_wrapper .modal_main_box .modal_detail_link_box{width:100%;height:50px;background-color:#333;border-radius:10px;display:flex;justify-content:center;align-items:center}.modal_main_wrapper .modal_main_box .modal_detail_link_box a{text-decoration:none;color:#fff;font-size:18px;font-weight:500;padding:10px;border-radius:10px;background-color:#333}@media (max-width: 500px){.modal_main_wrapper .modal_main_box .modal_detail_link_box a{font-size:1rem}}.modal_main_wrapper .modal_main_box .modal_detail_wrapper,.modal_main_wrapper .modal_main_box .modal_what_do_warpper{margin-top:1.5rem}.modal_main_wrapper .modal_main_box .modal_detail_wrapper h6,.modal_main_wrapper .modal_main_box .modal_what_do_warpper h6{font-size:28px;font-weight:500;margin-left:12px}@media (max-width: 500px){.modal_main_wrapper .modal_main_box .modal_detail_wrapper h6,.modal_main_wrapper .modal_main_box .modal_what_do_warpper h6{font-size:1rem}}.modal_main_wrapper .modal_main_box .modal_detail_wrapper .modal_detail_box,.modal_main_wrapper .modal_main_box .modal_detail_wrapper .modal_what_do_box,.modal_main_wrapper .modal_main_box .modal_what_do_warpper .modal_detail_box,.modal_main_wrapper .modal_main_box .modal_what_do_warpper .modal_what_do_box{margin-top:1rem;line-height:2rem}.modal_main_wrapper .modal_main_box .modal_detail_wrapper .modal_detail_box .small_title,.modal_main_wrapper .modal_main_box .modal_detail_wrapper .modal_what_do_box .small_title,.modal_main_wrapper .modal_main_box .modal_what_do_warpper .modal_detail_box .small_title,.modal_main_wrapper .modal_main_box .modal_what_do_warpper .modal_what_do_box .small_title{font-size:22px;font-weight:500}@media (max-width: 500px){.modal_main_wrapper .modal_main_box .modal_detail_wrapper .modal_detail_box .small_title,.modal_main_wrapper .modal_main_box .modal_detail_wrapper .modal_what_do_box .small_title,.modal_main_wrapper .modal_main_box .modal_what_do_warpper .modal_detail_box .small_title,.modal_main_wrapper .modal_main_box .modal_what_do_warpper .modal_what_do_box .small_title{font-size:.9rem}}.modal_main_wrapper .modal_main_box .modal_detail_wrapper .modal_detail_box p,.modal_main_wrapper .modal_main_box .modal_detail_wrapper .modal_what_do_box p,.modal_main_wrapper .modal_main_box .modal_what_do_warpper .modal_detail_box p,.modal_main_wrapper .modal_main_box .modal_what_do_warpper .modal_what_do_box p{font-size:18px;font-weight:400}@media (max-width: 500px){.modal_main_wrapper .modal_main_box .modal_detail_wrapper .modal_detail_box p,.modal_main_wrapper .modal_main_box .modal_detail_wrapper .modal_what_do_box p,.modal_main_wrapper .modal_main_box .modal_what_do_warpper .modal_detail_box p,.modal_main_wrapper .modal_main_box .modal_what_do_warpper .modal_what_do_box p{font-size:.8rem}}.background-effects{position:fixed;top:0;left:0;width:100vw;height:100vh;background:transparent;pointer-events:none;z-index:1;overflow:hidden}.background-effects .light-streak-wrapper{overflow:visible}.background-effects .light-streak-wrapper .light-streak-head-container{mix-blend-mode:screen;pointer-events:none}.background-effects .light-streak-wrapper .light-streak-container{overflow:visible}.background-effects .light-streak-wrapper .light-streak-core,.background-effects .light-streak-wrapper .light-streak-glow{transform-origin:left center;mix-blend-mode:screen}@keyframes pulse{0%{transform:scale(1);box-shadow:0 4px 6px #0000001a}50%{transform:scale(1.15);box-shadow:0 6px 20px #ff475799}to{transform:scale(1);box-shadow:0 4px 6px #0000001a}}@keyframes slideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.floating-button{position:fixed;bottom:clamp(16px,3vw,24px);right:clamp(16px,3vw,24px);width:clamp(45px,5vw,50px);height:clamp(45px,5vw,50px);border-radius:50%;background-color:#ff4757;border:none;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 15px #0003;transition:transform .2s,box-shadow .2s;z-index:1000;animation:pulse 1.5s infinite}.floating-button:before{content:"저에 대해 질문해보세요!";position:absolute;bottom:135%;right:0;background-color:#fff;color:#333;padding:8px 12px;border-radius:6px;font-size:14px;white-space:nowrap;box-shadow:0 4px 8px #0000001a;opacity:0;transition:opacity .3s;pointer-events:none}.floating-button:hover:before{opacity:1}.floating-button:hover{transform:scale(1.2);box-shadow:0 8px 25px #ff475780;animation:none}.floating-button svg{width:clamp(28px,3.5vw,32px);height:clamp(28px,3.5vw,32px)}.floating-button.with-tooltip:after{content:"";position:absolute;bottom:120%;right:15px;width:10px;height:10px;background-color:#fff;transform:rotate(45deg);box-shadow:2px 2px 2px #0000001a;opacity:0;transition:opacity .3s}.floating-button.with-tooltip:hover:after{opacity:1}.intro-popup{position:fixed;bottom:100px;right:30px;background:#fff;padding:16px;border-radius:10px;box-shadow:0 4px 20px #00000026;max-width:260px;z-index:999;animation:slideIn .5s forwards;font-family:Pretendard Variable,sans-serif}.intro-popup p{margin:0 0 12px;color:#333;font-size:15px;line-height:1.4}.intro-popup button{background-color:#ff4757;color:#fff;border:none;padding:8px 16px;border-radius:20px;cursor:pointer;font-size:14px;font-weight:500;width:100%;transition:background-color .2s}.intro-popup button:hover{background-color:#ff2a3d}.intro-popup:after{content:"";position:absolute;bottom:-8px;right:28px;width:16px;height:16px;background:#fff;transform:rotate(45deg);box-shadow:4px 4px 7px #00000012}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:clamp(0px,2vw,20px)}.modal-container{width:clamp(300px,90%,1200px);height:clamp(400px,88vh,700px);margin-top:clamp(2rem,6rem - 3vw,4rem);background-color:#fff;border-radius:8px;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 4px 6px #0000001a}@media (max-width: 500px){.modal-container{width:90%;height:80%}}.modal-header{padding:clamp(12px,2vw,16px);border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;align-items:center}.modal-header h2{margin:0;font-size:clamp(1rem,1.5vw,1.25rem);font-weight:600}.modal-header button{background:none;border:none;cursor:pointer;padding:clamp(8px,1vw,12px);font-size:clamp(16px,2vw,24px)}.modal-header button:hover{opacity:.7}.chat-area{flex:1;overflow-y:auto;padding:clamp(12px,2vw,16px);display:flex;flex-direction:column;gap:clamp(8px,1vw,12px)}.chat-area .message{background-color:#f3f4f6;padding:clamp(10px,2vw,12px);border-radius:8px;max-width:clamp(280px,80%,800px);word-break:break-word}.chat-area .message.bot{background-color:#f8fafc;padding:clamp(.875rem,2vw,1.25rem);border-radius:12px;max-width:clamp(300px,85%,900px);align-self:flex-start;box-shadow:0 1px 3px #0000000d;border:1px solid #e2e8f0;color:#334155;font-size:clamp(.9rem,1vw,.95rem);line-height:1.6}@media (max-width: 500px){.chat-area .message.bot{font-size:.8rem}}.chat-area .message.bot p{margin:clamp(.5em,1.5vw,.75em) 0}.chat-area .message.bot p:first-child{margin-top:0}.chat-area .message.bot p:last-child{margin-bottom:0}.chat-area .message.bot h1,.chat-area .message.bot h2,.chat-area .message.bot h3,.chat-area .message.bot h4,.chat-area .message.bot h5,.chat-area .message.bot h6{margin:clamp(1em,2vw,1.2em) 0 clamp(.4em,1vw,.5em);font-weight:600;line-height:1.3;color:#1e293b}.chat-area .message.bot h1:first-child,.chat-area .message.bot h2:first-child,.chat-area .message.bot h3:first-child,.chat-area .message.bot h4:first-child,.chat-area .message.bot h5:first-child,.chat-area .message.bot h6:first-child{margin-top:0}.chat-area .message.bot h1{font-size:clamp(1.25rem,2vw,1.5rem)}.chat-area .message.bot h2{font-size:clamp(1.15rem,1.8vw,1.3rem)}.chat-area .message.bot h3{font-size:clamp(1rem,1.5vw,1.15rem)}.chat-area .message.bot ul,.chat-area .message.bot ol{margin:clamp(.6em,1.5vw,.75em) 0;padding-left:clamp(1.25rem,3vw,1.5rem)}.chat-area .message.bot ul li,.chat-area .message.bot ol li{margin:clamp(.3em,.8vw,.4em) 0;padding-left:.25rem}.chat-area .message.bot ul ul{margin:clamp(.2em,.6vw,.3em) 0 clamp(.2em,.6vw,.3em) clamp(.4em,1vw,.5em)}.chat-area .message.bot ul{list-style-type:disc}.chat-area .message.bot ul ul{list-style-type:circle}.chat-area .message.bot a{padding:clamp(.08em,.2vw,.1em) clamp(.2em,.5vw,.3em)}.chat-area .message.bot pre{padding:clamp(.875rem,2vw,1rem);margin:clamp(.6em,1.5vw,.75em) 0}.chat-area .message.bot code{padding:clamp(.15em,.4vw,.2em) clamp(.3em,.6vw,.4em);font-size:clamp(.85em,.9vw,.9em)}.chat-area .message.bot blockquote{margin:clamp(.875em,2vw,1em) 0;padding:clamp(.4em,1vw,.5em) clamp(.875em,2vw,1em)}.chat-area .message.user{align-self:flex-end;background-color:#4f46e5;color:#fff}@media (max-width: 500px){.chat-area .message.user{font-size:.8rem}}.chat-area .message.loading{background-color:#f3f4f6;color:#6b7280}.chat-area .message.loading .typing-indicator{display:inline-block;overflow:hidden;position:relative;min-width:clamp(20px,3vw,24px)}.input-area{border-top:1px solid #e5e7eb;padding:clamp(12px,2vw,16px);display:flex;gap:clamp(6px,1vw,8px);position:sticky;bottom:0;background-color:#fff}.input-area input{flex:1;padding:clamp(8px,1.5vw,12px);border-radius:4px;border:1px solid #e5e7eb;outline:none;font-size:clamp(.875rem,1vw,1rem)}.input-area input:focus{border-color:#4f46e5}.input-area input:disabled{background-color:#f3f4f6;cursor:not-allowed}.input-area button{background-color:#4f46e5;color:#fff;border:none;padding:clamp(8px,1.5vw,16px);border-radius:4px;cursor:pointer;font-size:clamp(.875rem,1vw,1rem)}.input-area button:hover:not(:disabled){background-color:#291fd9}.input-area button:disabled{opacity:.7;cursor:not-allowed}.sample-questions{margin-top:15px}.sample-questions p{font-size:.9rem;margin-bottom:8px;color:#666}.sample-questions .question-buttons{display:flex;flex-wrap:wrap;gap:8px}.sample-questions .question-buttons .sample-question-btn{background-color:#f0f4f8;border:1px solid #ddd;border-radius:15px;padding:6px 12px;font-size:.85rem;cursor:pointer;transition:all .2s ease;color:#444}.sample-questions .question-buttons .sample-question-btn:hover{background-color:#e0e7ee;border-color:#ccc}.sample-questions .question-buttons .sample-question-btn:active{transform:scale(.98)}@media (max-width: 480px){.question-buttons{flex-direction:column}.question-buttons .sample-question-btn{width:100%;text-align:left}}@keyframes typing{0%{content:""}25%{content:"."}50%{content:".."}75%{content:"..."}to{content:""}}