@import'webFonts.css';html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,address,big,cite,code,del,dfn,em,font,img,ins,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:none 0;border-spacing:0}body{font-family:"Pretendard",Sans-serif;color:#f8f8fb;font-size:14px;background-color:#0f0f0f;line-height:1;font-weight:400;letter-spacing:0}header,section,article,nav,aside,footer,address{margin:0;padding:0;border:none 0;border-spacing:0}img,fieldset,iframe{border:0}ol,ul,li{list-style:none}input,select,button{vertical-align:middle;font-size:14px;color:#f8f8fb}img{vertical-align:middle}select,textarea,button,input{font-family:"Pretendard",Sans-serif;color:#f8f8fb;outline:none}i,em,address{font-style:normal}button{margin:0;padding:0;cursor:pointer}a{color:#f8f8fb}a:link,a:visited{text-decoration:none}a:hover{text-decoration:none}legend,caption{display:none}input:focus,button:focus{outline:none}table{width:100%;table-layout:fixed;border-collapse:collapse}*{-webkit-box-sizing:border-box;box-sizing:border-box}@media(max-width: 780px){html{font-size:62.5%;-webkit-text-size-adjust:none}}@media(max-width: 680px){html{font-size:59.375%}}@media(max-width: 640px){html{font-size:56.25%}}@media(max-width: 620px){html{font-size:54.6875%}}@media(max-width: 590px){html{font-size:51.5625%}}@media(max-width: 568px){html{font-size:50%}}@media(max-width: 550px){html{font-size:48.4375%}}@media(max-width: 530px){html{font-size:46.875%}}@media(max-width: 515px){html{font-size:45.3125%}}@media(max-width: 500px){html{font-size:43.75%}}@media(max-width: 470px){html{font-size:42.1875%}}@media(max-width: 465px){html{font-size:40.625%}}@media(max-width: 440px){html{font-size:39.0625%}}@media(max-width: 414px){html{font-size:37.49993%}}@media(max-width: 400px){html{font-size:35.9375%}}@media(max-width: 390px){html{font-size:34.375%}}@media(max-width: 375px){html{font-size:32.8125%}}@media(max-width: 360px){html{font-size:31.25%}}@media(max-width: 340px){html{font-size:29.6875%}}@media(max-width: 320px){html{font-size:26.5625%}}@font-face{font-family:"Pretendard";src:url("fonts/Pretendard/Pretendard-Thin.woff") format("woff"),url("fonts/Pretendard/Pretendard-Thin.woff2") format("woff2");font-weight:100;font-style:normal}@font-face{font-family:"Pretendard";src:url("fonts/Pretendard/Pretendard-Light.woff") format("woff"),url("fonts/Pretendard/Pretendard-Light.woff2") format("woff2");font-weight:200;font-style:normal}@font-face{font-family:"Pretendard";src:url("fonts/Pretendard/Pretendard-ExtraLight.woff") format("woff"),url("fonts/Pretendard/Pretendard-ExtraLight.woff2") format("woff2");font-weight:300;font-style:normal}@font-face{font-family:"Pretendard";src:url("fonts/Pretendard/Pretendard-Regular.woff") format("woff"),url("fonts/Pretendard/Pretendard-Regular.woff2") format("woff2");font-weight:400;font-style:normal}@font-face{font-family:"Pretendard";src:url("fonts/Pretendard/Pretendard-Medium.woff") format("woff"),url("fonts/Pretendard/Pretendard-Medium.woff2") format("woff2");font-weight:500;font-style:normal}@font-face{font-family:"Pretendard";src:url("fonts/Pretendard/Pretendard-Bold.woff") format("woff"),url("fonts/Pretendard/Pretendard-Bold.woff2") format("woff2");font-weight:700;font-style:normal}@font-face{font-family:"Pretendard";src:url("fonts/Pretendard/Pretendard-Black.woff") format("woff"),url("fonts/Pretendard/Pretendard-Black.woff2") format("woff2");font-weight:800;font-style:normal}@font-face{font-family:"Pretendard";src:url("fonts/Pretendard/Pretendard-ExtraBold.woff") format("woff"),url("fonts/Pretendard/Pretendard-ExtraBold.woff2") format("woff2");font-weight:900;font-style:normal}header{width:100%;border-bottom:1px solid #24282b;position:fixed;left:0;top:0;background:rgba(15,15,15,.7);backdrop-filter:blur(15px);z-index:100;-webkit-transition:all .5s ease;transition:all .5s ease}header>article{height:75px}@media screen and (max-width: 780px){header>article{height:auto;padding:0 1.5rem}}header>article{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}header>article>h1 a{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:5px;font-size:16px;color:#00d4ff}header>article>h1 a>img{height:30px}@media screen and (max-width: 780px){header>article>h1{display:none}}@media screen and (max-width: 780px){header>article nav{width:100%}}header>article nav ul{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:25px}@media screen and (max-width: 780px){header>article nav ul{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:distribute;justify-content:space-around;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:inherit;width:100%;padding:1rem 0}}header>article nav ul li a{font-size:16px;color:#f8f8fb;font-weight:700}header>article nav ul li a:hover,header>article nav ul li a.on{color:#00d4ff}@media screen and (max-width: 780px){header>article nav ul li a{font-size:2.4rem;padding:2rem 0;font-weight:500;display:block}}@media screen and (max-width: 780px){header>article nav ul li.logo{display:block}header>article nav ul li.logo img{height:5rem}}header.mobile.move{top:-100%}.bottom_nav{display:none}@media screen and (max-width: 780px){.bottom_nav{display:block;width:100%;background:rgba(15,15,15,.7);backdrop-filter:blur(15px);z-index:100;-webkit-transition:all .5s ease;transition:all .5s ease;position:fixed;left:0;bottom:-100%}.bottom_nav ul{padding:0 1.5rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:distribute;justify-content:space-around;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.bottom_nav ul li img{height:5rem}.bottom_nav ul li a{font-size:2.4rem;padding:3rem 1rem;display:block;font-weight:500}.bottom_nav.move{bottom:0}}footer{width:100%;background-color:#54575c;text-align:center;color:#c3c3c5;font-size:14px;padding:12px 0;line-height:1.4}footer article{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:20px}@media screen and (max-width: 780px){footer article{row-gap:1rem;-ms-flex-wrap:wrap;flex-wrap:wrap;padding:1rem 0;-webkit-column-gap:2rem;-moz-column-gap:2rem;column-gap:2rem}}footer a{color:#c3c3c5;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:5px}@media screen and (max-width: 780px){footer a{font-size:2.2rem}}footer a>img{height:18px}@media screen and (max-width: 780px){footer a>img{height:2.2rem}}@media screen and (max-width: 780px){footer{padding:1rem 0}footer p{font-size:2.2rem;width:100%;text-align:center}}article{width:1320px;margin:0 auto}@media all and (max-width: 1321px){article{width:100%;padding:0 20px}}@media screen and (max-width: 780px){article{padding:0 1.5rem}}#container.main .campaign{width:100%}#container.main .campaign>article{height:100vh;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}#container.main .campaign>article h2{background:-webkit-gradient(linear, left top, left bottom, color-stop(40%, #fff), to(#444));background:linear-gradient(to bottom, #fff 40%, #444 100%);-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);line-height:1;font-size:90px;font-weight:700;text-transform:uppercase;opacity:0;-webkit-animation:fadeInUp 1.2s forwards;animation:fadeInUp 1.2s forwards}@media screen and (max-width: 780px){#container.main .campaign>article h2{font-size:7.4rem;text-align:center}}#container.main .campaign>article p{color:#888;font-size:20px;font-weight:700;margin-top:20px;opacity:0;-webkit-animation:fadeInUp 1.2s .4s forwards;animation:fadeInUp 1.2s .4s forwards}@media screen and (max-width: 780px){#container.main .campaign>article p{width:100%;text-align:center;font-size:2.6rem;margin-top:2rem}}#container.main .campaign{background:radial-gradient(circle at 70% 30%, rgba(0, 212, 255, 0.08) 0%, transparent 50%)}#container.main .career>article{display:grid;grid-template-columns:repeat(3, 1fr);row-gap:50px;-webkit-column-gap:10px;-moz-column-gap:10px;column-gap:10px;position:relative}@media all and (max-width: 1000px){#container.main .career>article{display:grid;grid-template-columns:repeat(2, 1fr);row-gap:50px;-webkit-column-gap:10px;-moz-column-gap:10px;column-gap:10px}}@media screen and (max-width: 780px){#container.main .career>article{display:grid;grid-template-columns:repeat(1, 1fr);row-gap:3rem;-webkit-column-gap:0;-moz-column-gap:0;column-gap:0}}#container.main .career>article dl{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;gap:20px}@media all and (max-width: 1321px){#container.main .career>article dl{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;gap:10px}}@media screen and (max-width: 780px){#container.main .career>article dl{gap:1rem}}#container.main .career>article dl dt{font-size:16px;font-weight:500;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;color:#00d4ff;padding-left:20px;position:relative}@media all and (max-width: 1321px){#container.main .career>article dl dt{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-ms-flex-align:center;align-items:center}}@media screen and (max-width: 780px){#container.main .career>article dl dt{font-size:2.8rem;padding-left:2rem}}#container.main .career>article dl dt i{width:100%;text-align:center;-webkit-transform:rotate(90deg);transform:rotate(90deg)}@media all and (max-width: 1321px){#container.main .career>article dl dt i{-webkit-transform:none;transform:none}}#container.main .career>article dl dt::before{content:"";width:10px;height:10px;border:2px solid #00d4ff;border-radius:100%;position:absolute;left:0;top:0}@media screen and (max-width: 780px){#container.main .career>article dl dt::before{width:1rem;height:1rem;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);left:0}}#container.main .career>article dl dd{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;gap:15px}@media all and (max-width: 1321px){#container.main .career>article dl dd{padding-left:20px}}@media screen and (max-width: 780px){#container.main .career>article dl dd{padding-left:1.8rem}}#container.main .career>article dl dd>p{color:#23d1fa;font-size:16px;font-weight:500}@media screen and (max-width: 780px){#container.main .career>article dl dd>p{font-size:2.8rem}}#container.main .career>article dl dd ul{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;gap:10px}@media screen and (max-width: 780px){#container.main .career>article dl dd ul{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;row-gap:2rem;-webkit-column-gap:2rem;-moz-column-gap:2rem;column-gap:2rem;-ms-flex-wrap:wrap;flex-wrap:wrap}}#container.main .career>article dl dd ul li{color:#f8f8fb;position:relative;padding-left:10px;line-height:1.2}@media screen and (max-width: 780px){#container.main .career>article dl dd ul li{font-size:2.4rem;padding-left:1rem}}#container.main .career>article dl dd ul li::before{content:"";width:3px;height:3px;border-radius:100%;background-color:#f8f8fb;position:absolute;left:0;top:5px}@media screen and (max-width: 780px){#container.main .career>article dl dd ul li::before{position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);left:0}}#container.main .career>article dl dd ul li:nth-child(even){color:#b3b3b3}#container.main .career>article dl dd ul li:nth-child(even)::before{background-color:#fff}#container.main .career>article dl dd ul li.img img{width:240px}#container.main .career>article dl dd ul li.img::before{display:none}#container.main .career>article .other{position:absolute;left:0;bottom:0}@media all and (max-width: 1321px){#container.main .career>article .other{left:20px}}@media all and (max-width: 1000px){#container.main .career>article .other{position:static}}#container.main .career>article .other>h4{color:#23d1fa;font-size:16px;font-weight:500;margin-bottom:10px}@media screen and (max-width: 780px){#container.main .career>article .other>h4{font-size:2.8rem;margin-bottom:1rem}}#container.main .career>article .other>ul{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;gap:10px}@media screen and (max-width: 780px){#container.main .career>article .other>ul{gap:2rem}}#container.main .career>article .other>ul>li{font-weight:400;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:3px}#container.main .career>article .other>ul>li span{color:#b3b3b3}#container.main .career>article .other>ul>li::before{content:"";width:3px;height:3px;background-color:#fff}@media screen and (max-width: 780px){#container.main .career>article .other>ul>li{font-size:2.4rem;padding-left:2rem}}#container.main .skill{position:relative;overflow:hidden}#container.main .skill>article{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:20px;padding:80px 0;position:relative;z-index:2}@media screen and (max-width: 780px){#container.main .skill>article{padding:10rem 1.5rem;gap:2rem}}#container.main .skill p{border:1px solid #333;-webkit-transition:.4s;transition:.4s;border-radius:50px;padding:12px 28px;backdrop-filter:blur(15px)}@media screen and (max-width: 780px){#container.main .skill p{font-size:2.6rem;padding:1.6rem 3rem;border-radius:5rem}}#container.main .skill p.on{border-color:#00d4ff;color:#00d4ff;-webkit-box-shadow:0 0 20px rgba(0,212,255,.2);box-shadow:0 0 20px rgba(0,212,255,.2)}#container.main .skill .bg_text{width:100%;text-align:center;position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);z-index:1;font-size:220px;opacity:.04;font-weight:700}@media screen and (max-width: 780px){#container.main .skill .bg_text{font-size:30rem}}#container.main .works{padding:0 20px;margin:100px 0}@media screen and (max-width: 780px){#container.main .works{padding:0;margin:10rem 0}}#container.main .works h2.tit{font-size:28px;color:#5d5b55}@media screen and (max-width: 780px){#container.main .works h2.tit{font-size:3.2rem}}#container.main .works h2.tit i{font-size:34px}@media screen and (max-width: 780px){#container.main .works h2.tit i{font-size:4rem}}#container.main .works .grid{display:grid;grid-template-columns:repeat(2, 1fr);row-gap:40px;-webkit-column-gap:40px;-moz-column-gap:40px;column-gap:40px;margin-top:40px}@media screen and (max-width: 780px){#container.main .works .grid{display:grid;grid-template-columns:repeat(1, 1fr);row-gap:4rem;-webkit-column-gap:0;-moz-column-gap:0;column-gap:0;margin-top:3rem}}#container.main .works .grid .cell{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-radius:20px;overflow:hidden;-webkit-transition:all .5s ease;transition:all .5s ease;border:1px solid hsla(0,0%,100%,.03);background-color:#1a1a1a}@media screen and (max-width: 780px){#container.main .works .grid .cell{border-radius:2rem}}#container.main .works .grid .cell:hover{border-color:rgba(0,212,255,.4);-webkit-transform:translateY(-15px);transform:translateY(-15px);-webkit-box-shadow:0 0 20px rgba(0,212,255,.2);box-shadow:0 0 20px rgba(0,212,255,.2)}#container.main .works .grid .cell .thumb{width:100%;height:280px;background-color:#222;overflow:hidden;position:relative}@media screen and (max-width: 780px){#container.main .works .grid .cell .thumb{height:36rem}}#container.main .works .grid .cell .thumb li{background-repeat:no-repeat;background-position:center top;background-size:cover}#container.main .works .grid .cell .thumb img{width:1px;height:1px;visibility:hidden}#container.main .works .grid .cell .thumb .swiper-pagination .swiper-pagination-bullet{opacity:.6;-webkit-transition:all .5s ease;transition:all .5s ease}#container.main .works .grid .cell .thumb .swiper-pagination .swiper-pagination-bullet-active{width:20px;border-radius:8px;background-color:#00d4ff;opacity:.8}#container.main .works .grid .cell .details{width:100%;background-color:#1a1a1a;padding:30px}@media screen and (max-width: 780px){#container.main .works .grid .cell .details{padding:3rem}}#container.main .works .grid .cell .details ul{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;gap:15px}@media screen and (max-width: 780px){#container.main .works .grid .cell .details ul{grid-area:2rem}}#container.main .works .grid .cell .details ul .prj_name{font-size:24px;color:#fff;font-weight:500;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:10px}@media screen and (max-width: 780px){#container.main .works .grid .cell .details ul .prj_name{font-size:2.8rem;gap:1rem}}#container.main .works .grid .cell .details ul .prj_name>span{font-size:18px;color:#5d5b55;font-weight:700}@media screen and (max-width: 780px){#container.main .works .grid .cell .details ul .prj_name>span{font-size:2.4rem}}#container.main .works .grid .cell .details ul .used{min-height:42px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:10px}@media screen and (max-width: 780px){#container.main .works .grid .cell .details ul .used{min-height:auto;gap:1rem}}#container.main .works .grid .cell .details ul .used i{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#888;font-size:16px;font-weight:500;padding-left:18px;background-repeat:no-repeat;background-size:auto 16px;background-position:left center}@media screen and (max-width: 780px){#container.main .works .grid .cell .details ul .used i{font-size:2.4rem;padding-left:2.4rem;background-size:auto 2.4rem}}#container.main .works .grid .cell .details ul .used i.text{padding-left:0}#container.main .works .grid .cell .details ul .used i.css{background-image:url(../images/career/icon/css.svg)}#container.main .works .grid .cell .details ul .used i.html{background-image:url(../images/career/icon/html.svg)}#container.main .works .grid .cell .details ul .used i.jquery{background-image:url(../images/career/icon/jquery.svg)}#container.main .works .grid .cell .details ul .used i.xe{background-image:url(../images/career/icon/xpressengine.svg)}#container.main .works .grid .cell .details ul .used i.scss{background-image:url(../images/career/icon/scss.svg)}#container.main .works .grid .cell .details ul .used i.vue{background-image:url(../images/career/icon/vue.svg)}#container.main .works .grid .cell .details ul .used i.react{background-image:url(../images/career/icon/react.svg)}#container.main .works .grid .cell .details ul .used i.responsive{background-image:url(../images/career/icon/phone.svg)}#container.main .works .grid .cell .details ul .used i.git{background-image:url(../images/career/icon/git.svg)}#container.main .works .grid .cell .details ul .used i.jsp{background-image:url(../images/career/icon/jsp.svg)}#container.main .works .grid .cell .details ul .used i.svn{background-image:url(../images/career/icon/svn.svg)}#container.main .works .grid .cell .details ul .used i.php{background-image:url(../images/career/icon/php.svg)}#container.main .works .grid .cell .details ul .link{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:5px}#container.main .works .grid .cell .details ul .link>a{padding:10px 20px;border-radius:12px;border:1px solid rgba(0,212,255,.3);color:#00d4ff;text-decoration:none;font-size:.85rem;font-weight:700;-webkit-transition:.3s;transition:.3s;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:5px}@media screen and (max-width: 780px){#container.main .works .grid .cell .details ul .link>a{padding:1rem 1.6rem;border-radius:1.6rem;font-size:2.4rem}}#container.main .works .grid .cell .details ul .link>a::before{content:"";width:16px;height:16px;-webkit-mask-size:16px 16px;mask-size:16px 16px;background-color:#00d4ff}@media screen and (max-width: 780px){#container.main .works .grid .cell .details ul .link>a::before{width:2.4rem;height:2.4rem;-webkit-mask-size:2.4rem 2.4rem;mask-size:2.4rem 2.4rem}}#container.main .works .grid .cell .details ul .link>a:hover{background:#00d4ff;color:#000;-webkit-box-shadow:0 0 15px rgba(0,212,255,.4);box-shadow:0 0 15px rgba(0,212,255,.4)}#container.main .works .grid .cell .details ul .link>a:hover::before{background-color:#000}#container.main .works .grid .cell .details ul .link>a.site::before{-webkit-mask-image:url(../images/career/icon/web.svg);mask-image:url(../images/career/icon/web.svg)}#container.main .works .grid .cell .details ul .link>a.git::before{-webkit-mask-image:url(../images/career/icon/git.svg);mask-image:url(../images/career/icon/git.svg)}#container.main .works .grid .cell .details ul .link>a.code::before{-webkit-mask-image:url(../images/career/icon/code.svg);mask-image:url(../images/career/icon/code.svg)}#container.main .works .grid .cell .details ul .link>a.live::before{-webkit-mask-image:url(../images/career/icon/live.svg);mask-image:url(../images/career/icon/live.svg)}#container.main .works .grid .cell .details ul .detail{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:15px}@media screen and (max-width: 780px){#container.main .works .grid .cell .details ul .detail{font-size:2.4rem;gap:2rem;margin-top:2rem}}@-webkit-keyframes fadeInUp{from{opacity:0;-webkit-transform:translateY(40px);transform:translateY(40px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeInUp{from{opacity:0;-webkit-transform:translateY(40px);transform:translateY(40px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}