.portfolio-archive .container{align-items:flex-start;gap:32px;display:flex}@media (width<=424px){.portfolio-archive .container{margin:0 -15px}}.portfolio-archive #portfolio{flex:auto;min-width:0}.portfolio-archive #portfolio-container{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}@media (width<=767px){.portfolio-archive #portfolio-container{grid-template-columns:repeat(2,1fr)}}@media (width<=424px){.portfolio-archive #portfolio-container{flex-direction:column;display:flex}}.portfolio-archive .navigation{margin-top:40px}.portfolio-article .container{align-items:flex-start;gap:32px;display:flex}@media (width<=424px){.portfolio-article .container{margin:0 -15px}}.portfolio-article #portfolio-entry{background-color:#fff;flex:auto;min-width:0;padding:40px 30px}@media (width<=424px){.portfolio-article #portfolio-entry{padding:30px 15px}}.portfolio-article #portfolio-entry-header .title{word-break:keep-all;word-wrap:break-word;margin:0;font-size:18px;font-weight:500}.portfolio-article #portfolio-entry-header .data{color:#000;flex-direction:column;margin-top:14px;font-size:14px;display:flex}.portfolio-article #portfolio-entry-header .data .row{display:flex}.portfolio-article #portfolio-entry-header .data .label{background-color:#ecf0f1;border-bottom:1px solid #ecf0f1;flex:0 0 100px;padding:14px;font-weight:500}.portfolio-article #portfolio-entry-header .data .value{border-bottom:1px solid #ecf0f1;flex:auto;padding:14px}.portfolio-article #portfolio-entry-container{flex-direction:column;gap:20px;padding-top:40px;display:flex}.portfolio-article #portfolio-entry-container .sec-screenshot img{aspect-ratio:1;object-fit:cover;object-position:top;border:1px solid #ecf0f1}.portfolio-article #portfolio-entry-container .sec-screenshot .swiper .scrollbar{margin-top:10px}.portfolio-article #portfolio-entry-container .sec-screenshot .swiper .scrollbar .swiper-scrollbar-drag{background:#ecf0f1;border-radius:5px;height:5px}.portfolio-article #portfolio-entry-container .sec-screenshot .swiper .scrollbar .swiper-scrollbar-drag:hover,.portfolio-article #portfolio-entry-container .sec-screenshot .swiper .scrollbar .swiper-scrollbar-drag:active,.portfolio-article #portfolio-entry-container .sec-screenshot .swiper .scrollbar .swiper-scrollbar-drag:focus{cursor:pointer;background:#b20a0a}.portfolio-article #portfolio-entry-container .sec-content{font-size:1rem;line-height:1.8}.portfolio-article #portfolio-entry-container .sec-content a{color:#b20a0a;text-decoration:underline}.portfolio-article #portfolio-entry-container .sec-content p,.portfolio-article #portfolio-entry-container .sec-content h1,.portfolio-article #portfolio-entry-container .sec-content h2,.portfolio-article #portfolio-entry-container .sec-content h3,.portfolio-article #portfolio-entry-container .sec-content h4,.portfolio-article #portfolio-entry-container .sec-content h5,.portfolio-article #portfolio-entry-container .sec-content h6,.portfolio-article #portfolio-entry-container .sec-content figure{margin:1em 0}.portfolio-article #portfolio-entry-container .sec-content p:first-child,.portfolio-article #portfolio-entry-container .sec-content h1:first-child,.portfolio-article #portfolio-entry-container .sec-content h2:first-child,.portfolio-article #portfolio-entry-container .sec-content h3:first-child,.portfolio-article #portfolio-entry-container .sec-content h4:first-child,.portfolio-article #portfolio-entry-container .sec-content h5:first-child,.portfolio-article #portfolio-entry-container .sec-content h6:first-child,.portfolio-article #portfolio-entry-container .sec-content figure:first-child{margin-top:0}.portfolio-article #portfolio-entry-container .sec-content p:last-child,.portfolio-article #portfolio-entry-container .sec-content h1:last-child,.portfolio-article #portfolio-entry-container .sec-content h2:last-child,.portfolio-article #portfolio-entry-container .sec-content h3:last-child,.portfolio-article #portfolio-entry-container .sec-content h4:last-child,.portfolio-article #portfolio-entry-container .sec-content h5:last-child,.portfolio-article #portfolio-entry-container .sec-content h6:last-child,.portfolio-article #portfolio-entry-container .sec-content figure:last-child{margin-bottom:0}.portfolio-article #portfolio-entry-container .sec-content h3{margin-bottom:1em;font-size:1.5em;font-weight:400;position:relative}.portfolio-article #portfolio-entry-container .sec-content h3:not(:first-child){margin-top:2em}.portfolio-article #portfolio-entry-container .sec-content h3:before{content:"";background-color:#b20a0a;width:40px;height:1px;margin-bottom:10px;display:block}.portfolio-article #portfolio-entry-container .sec-content h4{margin-top:1.3em;font-size:1.1em;font-weight:500}.portfolio-article #portfolio-entry-container .sec-content hr{border:0;border-top:1px solid #cfd9db;height:0;margin:30px 0;padding:0;overflow:hidden}.portfolio-article #portfolio-entry-container .sec-content ul,.portfolio-article #portfolio-entry-container .sec-content ol{background-color:#ecf0f1;border-radius:5px;padding:20px 30px 20px 40px}.portfolio-article #portfolio-entry-container .sec-content ul ul,.portfolio-article #portfolio-entry-container .sec-content ul ol,.portfolio-article #portfolio-entry-container .sec-content ul ul[class*=wp-block],.portfolio-article #portfolio-entry-container .sec-content ul ol[class*=wp-block],.portfolio-article #portfolio-entry-container .sec-content ol ul,.portfolio-article #portfolio-entry-container .sec-content ol ol,.portfolio-article #portfolio-entry-container .sec-content ol ul[class*=wp-block],.portfolio-article #portfolio-entry-container .sec-content ol ol[class*=wp-block]{margin:0;padding:8px 0 8px 30px}.portfolio-article #portfolio-entry-container .sec-content ul li:not(:first-child),.portfolio-article #portfolio-entry-container .sec-content ol li:not(:first-child){margin-top:8px}.portfolio-article #portfolio-entry-container .sec-content ol>li{list-style:decimal}.portfolio-article #portfolio-entry-container .sec-content ul>li{list-style:outside}.portfolio-article #portfolio-entry-container .sec-content table{border-collapse:collapse;table-layout:fixed}.portfolio-article #portfolio-entry-container .sec-content table th,.portfolio-article #portfolio-entry-container .sec-content table td{padding:10px}.portfolio-article #portfolio-entry-container .sec-content table th{background-color:#ecf0f1}.portfolio-article #portfolio-entry-container .sec-content code[class*=language-],.portfolio-article #portfolio-entry-container .sec-content pre[class*=language-]{font-family:Menlo,Consolas,Pretendard,AppleSDGothicNeo,Noto Sans CJK KR,Malgun Gothic,sans-serif;font-size:14px}.portfolio-article #portfolio-entry-container .sec-content pre[class*=language-] code{min-width:fit-content}.portfolio-article #portfolio-entry-container .sec-content pre[class*=language-] a{color:inherit}.portfolio-article #portfolio-entry-container .sec-content .wp-caption{max-width:100%;margin:0}.portfolio-article #portfolio-entry-container .sec-content .wp-block-embed figcaption{color:#555;text-align:center;margin-top:.5em;margin-bottom:1em;font-size:13px}.portfolio-article #portfolio-entry-container .sec-content .wp-block-embed iframe[src*=codepen\.io]{vertical-align:middle;width:100%}.project-archive .container{align-items:flex-start;gap:32px;display:flex}@media (width<=424px){.project-archive .container{margin:0 -15px}}.project-archive #project{flex:auto;min-width:0}.project-archive #project-container{flex-direction:column;gap:30px;display:flex}.project-archive .navigation{margin-top:40px}.project-article .container{align-items:flex-start;gap:32px;display:flex}@media (width<=424px){.project-article .container{margin:0 -15px}}.project-article #project-entry{background-color:#fff;flex:auto;min-width:0;padding:40px 30px}@media (width<=424px){.project-article #project-entry{padding:30px 15px}}.project-article #project-entry-header .title{word-break:keep-all;word-wrap:break-word;margin:0;font-size:18px;font-weight:500}.project-article #project-entry-header .data{color:#595959;flex-wrap:wrap;gap:4px 12px;margin-top:6px;font-size:12px;display:flex}.project-article #project-entry-header .data .icon{position:relative;top:-.07em}.project-article #project-entry-header .demo-link{color:#595959;border:1px solid #59595947;border-radius:999px;align-items:center;margin-top:16px;padding:6px 12px;font-size:12px;font-weight:600;text-decoration:none;transition:border-color .2s,background-color .2s,color .2s;display:inline-flex}.project-article #project-entry-header .demo-link .icon{margin-right:4px;font-size:16px}@media (width>=1024px){.project-article #project-entry-header .demo-link:hover{color:#b20a0a;background-color:#b20a0a0f;border-color:#b20a0a}}.project-article #project-entry-container{padding-top:40px;font-size:1rem;line-height:1.8}.project-article #project-entry-container a{color:#b20a0a;text-decoration:underline}.project-article #project-entry-container p,.project-article #project-entry-container h1,.project-article #project-entry-container h2,.project-article #project-entry-container h3,.project-article #project-entry-container h4,.project-article #project-entry-container h5,.project-article #project-entry-container h6,.project-article #project-entry-container figure{margin:1em 0}.project-article #project-entry-container p:first-child,.project-article #project-entry-container h1:first-child,.project-article #project-entry-container h2:first-child,.project-article #project-entry-container h3:first-child,.project-article #project-entry-container h4:first-child,.project-article #project-entry-container h5:first-child,.project-article #project-entry-container h6:first-child,.project-article #project-entry-container figure:first-child{margin-top:0}.project-article #project-entry-container p:last-child,.project-article #project-entry-container h1:last-child,.project-article #project-entry-container h2:last-child,.project-article #project-entry-container h3:last-child,.project-article #project-entry-container h4:last-child,.project-article #project-entry-container h5:last-child,.project-article #project-entry-container h6:last-child,.project-article #project-entry-container figure:last-child{margin-bottom:0}.project-article #project-entry-container h3{margin-bottom:1em;font-size:1.5em;font-weight:400;position:relative}.project-article #project-entry-container h3:not(:first-child){margin-top:2em}.project-article #project-entry-container h3:before{content:"";background-color:#b20a0a;width:40px;height:1px;margin-bottom:10px;display:block}.project-article #project-entry-container h4{margin-top:1.3em;font-size:1.1em;font-weight:500}.project-article #project-entry-container hr{border:0;border-top:1px solid #cfd9db;height:0;margin:30px 0;padding:0;overflow:hidden}.project-article #project-entry-container ul,.project-article #project-entry-container ol{background-color:#ecf0f1;border-radius:5px;padding:20px 30px 20px 40px}.project-article #project-entry-container ul ul,.project-article #project-entry-container ul ol,.project-article #project-entry-container ul ul[class*=wp-block],.project-article #project-entry-container ul ol[class*=wp-block],.project-article #project-entry-container ol ul,.project-article #project-entry-container ol ol,.project-article #project-entry-container ol ul[class*=wp-block],.project-article #project-entry-container ol ol[class*=wp-block]{margin:0;padding:8px 0 8px 30px}.project-article #project-entry-container ul li:not(:first-child),.project-article #project-entry-container ol li:not(:first-child){margin-top:8px}.project-article #project-entry-container ol>li{list-style:decimal}.project-article #project-entry-container ul>li{list-style:outside}.project-article #project-entry-container table{border-collapse:collapse;table-layout:fixed}.project-article #project-entry-container table th,.project-article #project-entry-container table td{padding:10px}.project-article #project-entry-container table th{background-color:#ecf0f1}.project-article #project-entry-container code[class*=language-],.project-article #project-entry-container pre[class*=language-]{font-family:Menlo,Consolas,Pretendard,AppleSDGothicNeo,Noto Sans CJK KR,Malgun Gothic,sans-serif;font-size:14px}.project-article #project-entry-container pre[class*=language-] code{min-width:fit-content}.project-article #project-entry-container pre[class*=language-] a{color:inherit}.project-article #project-entry-container .wp-caption{max-width:100%;margin:0}.project-article #project-entry-container .wp-block-embed figcaption{color:#555;text-align:center;margin-top:.5em;margin-bottom:1em;font-size:13px}.project-article #project-entry-container .wp-block-embed iframe[src*=codepen\.io]{vertical-align:middle;width:100%}.project-article #project-entry .sec{margin-top:70px}.project-article #project-entry .sec-screenshot{position:relative}.project-article #project-entry .sec-screenshot .sec-content ul{background-color:#0000;margin:0;padding:0;list-style:none}.project-article #project-entry .sec-screenshot .sec-content li{height:auto;margin:0;list-style:none}.project-article #project-entry .sec-screenshot .sec-content a{border:1px solid #cfd9db;padding-top:56.25%;display:block;position:relative}.project-article #project-entry .sec-screenshot .sec-content img{object-fit:cover;object-position:top center;width:100%;height:100%;position:absolute;top:0;left:0}@media (width<=424px){.project-article #project-entry .sec-screenshot .sec-content .swiper{overflow:visible}}.project-article #project-entry .sec-screenshot .sec-content .navigation{justify-content:flex-end;font-size:25px;line-height:0;display:flex}.project-article #project-entry .sec-screenshot .sec-content .navigation .arrows{color:#000;line-height:inherit;margin-top:20px;transition:all .2s}.project-article #project-entry .sec-screenshot .sec-content .navigation .arrows[disabled]{opacity:.2}@media (width>=1024px){.project-article #project-entry .sec-screenshot .sec-content .navigation .arrows:not([disabled]):hover{color:#b20a0a}}.project-article #project-entry .sec-download .sec-content ul{background-color:#0000;border-radius:0;margin:0;padding:0;list-style:none}.project-article #project-entry .sec-download .sec-content li{list-style:none}.project-article #project-entry .sec-download .sec-content svg{width:24px;height:24px}.project-article #project-entry .sec-download .sec-content .closed{text-align:center;background-color:#ecf0f1;padding:20px 10px}.project-article #project-entry .sec-download a{color:#595959;border:1px solid #59595947;border-radius:999px;align-items:center;padding:6px 12px;font-size:12px;font-weight:600;text-decoration:none;transition:border-color .2s,background-color .2s,color .2s;display:inline-flex}.project-article #project-entry .sec-download a svg{margin-right:6px}@media (width>=1024px){.project-article #project-entry .sec-download a:hover{color:#b20a0a;background-color:#b20a0a0f;border-color:#b20a0a}}.project-article #project-entry .sec-license a{color:#595959;border:1px solid #59595947;border-radius:999px;align-items:center;padding:6px 12px;font-size:12px;font-weight:600;text-decoration:none;transition:border-color .2s,background-color .2s,color .2s;display:inline-flex}.project-article #project-entry .sec-license a .icon{margin-right:6px;font-size:17px}@media (width>=1024px){.project-article #project-entry .sec-license a:hover{color:#b20a0a;background-color:#b20a0a0f;border-color:#b20a0a}}.project-article #project-entry .sec-history{position:relative}.project-article #project-entry .sec-history .sec-content{max-height:150px;overflow:hidden}.project-article #project-entry .sec-history .sec-content.show{max-height:inherit}.project-article #project-entry .sec-history .read-more{color:#b20a0a;background:linear-gradient(#fff0 0%,#fff 70%);width:100%;height:40px;font-weight:700;display:none;position:absolute;bottom:0;left:0}.project-article #project-entry .sec-history .read-more span{background-color:#fff;padding:3px 5px;display:inline-block}.study-archive .container{align-items:flex-start;gap:32px;display:flex}@media (width<=424px){.study-archive .container{margin:0 -15px}}.study-archive #study{flex:auto;min-width:0}.study-archive #study-container{flex-direction:column;gap:30px;display:flex}.study-archive .navigation{margin-top:40px}