body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body{background-color:#1a1a1a}.inroduce-main-content{margin-left:240px;padding:40px;width:calc(100% - 320px)}.intro-section{margin:0 auto;max-width:800px}.intro-header{color:#fff;font-size:2.5em;margin-bottom:30px}.intro-text{color:#e0e0e0;contain:content;content-visibility:auto;font-display:swap;line-height:1.8;margin-bottom:40px;will-change:transform}.feature-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(2,1fr);margin-top:50px}.feature-item{background-color:#2a2a2a;border-radius:8px;font-size:19px;padding:30px}.feature-item p{color:#fff}.feature-title{color:#fff;font-size:1.2em;margin-bottom:15px}@media screen and (max-width:720px){.feature-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(1,400px);margin-top:50px}}@media screen and (max-width:430px){.feature-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(1,minmax(300px,1fr));margin-top:50px}}.sidemenu{align-items:center;background-color:#232323;color:#fff;display:flex;flex-direction:column;height:100vh;left:0;padding:20px;position:fixed;top:0;transition:.3s ease;width:200px;z-index:1000}.sidemenu .logo{height:130px;margin-bottom:0;width:130px}.sidemenu .name{font-family:MyLotteBold;font-size:40px;text-align:center}.menu-toggle{display:none}@font-face{font-family:MyLotteBold;font-style:normal;font-weight:400;src:url(https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.0/MyLotteBold.woff) format("woff")}@media screen and (max-width:720px){.detail-main-content,.inquiry-main-content,.inroduce-main-content,.portfolio-main-content,.service-main-content{margin-left:0!important;width:calc(100% - 80px)!important}.detail-service-image img{width:100%}footer{left:0!important;margin-left:0!important;width:auto!important}.sidemenu{transform:translateX(-100%);transition:.3s ease}.sidemenu.active{transform:translateX(0)}.menu-toggle{background:none;background:#2323239a;border:none;cursor:pointer;display:block;height:30px;left:30px;position:fixed;top:30px;width:35px;z-index:1001}.menu-toggle span{background-color:#fff;display:block;height:3px;margin-left:5px;margin-top:5px;transition:.3s;width:25px}label.line{cursor:pointer!important}.menu-toggle #toggle-button{cursor:pointer;display:none;height:100%;width:100%}.menu-toggle #toggle-button:checked+.line span:first-child{transform:rotate(45deg) translate(5px,6px)}.menu-toggle #toggle-button:checked+.line span:nth-child(2){opacity:0}.menu-toggle #toggle-button:checked+.line span:nth-child(3){transform:rotate(-45deg) translate(5px,-6px)}}.menus{color:#fff;display:block;font-size:24px;list-style-type:none;margin:10px 0;padding:0;text-align:center}.menus,.menus-item{width:100%}.menus li{overflow:hidden}.menus .mainmenu{font-family:Gyeonggi_Title_Medium;font-weight:700;margin-top:40px}.menus select{background-color:#333;border:none;border-radius:4px;color:#fff;font-size:14px;margin-top:40px;padding:8px 8px 8px 5px;width:80%}.LangImg img{height:18px;margin-right:5px;position:relative;top:4px;width:18px}.mainmenu div,.menus a{color:#c6aa94;cursor:pointer;text-decoration:none}.submenu{animation:dropdown .5s ease;font-size:15px;margin-top:20px!important;text-align:left}@keyframes dropdown{0%{opacity:0;transform:translateY(-800%)}50%{opacity:10%}to{opacity:100%;transform:translateY(0)}}@font-face{font-family:Gyeonggi_Title_Medium;font-style:normal;font-weight:500;src:url(https://fastly.jsdelivr.net/gh/projectnoonnu/2410-3@1.0/Title_Medium.woff) format("woff")}footer{background-color:#1a1a1a;color:#888;font-size:.9em;left:240px;padding:20px;position:relative;text-align:center;top:0;width:calc(100% - 280px)}.inquiry-main-content{margin-left:240px;padding:40px;width:calc(100% - 320px)}.inquiry-section{margin:0 auto 100px;max-width:800px}.inquiry-header{color:#fff;font-size:2.5em;margin-bottom:30px}.inquiry-text{color:#e0e0e0;line-height:1.8;margin-bottom:40px}#formdata{background-color:#2a2a2a;border-radius:8px;margin-top:30px;padding:40px 80px 40px 40px}.Inquiry-form-group{margin-bottom:25px}.Inquiry-form-group label{color:#fff;display:block;margin-bottom:10px}.Inquiry-form-group input,.Inquiry-form-group select,.Inquiry-form-group textarea{background-color:#333;border:1px solid #444;border-radius:4px;color:#fff;font-family:inherit;padding:12px;width:100%}.Inquiry-form-group textarea{height:150px;resize:vertical}.Inquiry-form-group select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23fff'%3E%3Cpath d='m7 10 5 5 5-5z'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:20px}.Inquiry-submit-button{background-color:#4a4a4a;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1.1em;padding:15px 30px;transition:background-color .3s}.Inquiry-submit-button:hover{background-color:#5a5a5a}.contact-info{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(3,1fr);margin-bottom:50px;margin-top:50px}.contact-item{background-color:#2a2a2a;border-radius:8px;padding:20px;text-align:center}.contact-item h3{color:#fff;margin-bottom:10px}.contact-item p{color:#fff}@media screen and (max-width:720px){.contact-info{grid-template-columns:repeat(1,1fr)}}.portfolio-main-content{margin-left:240px;padding:40px;width:calc(100% - 320px)}.portfolio-header{color:#fff;font-size:2.5em;margin-bottom:30px}.portfolio-grid{grid-gap:30px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.portfolio-grid,.portfolio-grid-mic{display:grid;gap:30px;margin-bottom:50px}.portfolio-grid-mic{grid-gap:30px;grid-template-columns:repeat(auto-fit,minmax(100px,300px))}.portfolio-grid-discord-site{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(100px,700px));margin-bottom:50px}.portfolio-item{background-color:#2a2a2a;border-radius:8px;overflow:hidden;transition:transform .3s}.portfolio-item:hover{transform:translateY(-5px)}.portfolio-image-cover{align-items:center;display:flex;justify-content:center}.portfolio-item a{-webkit-text-decoration-line:none;text-decoration-line:none}.portfolio-image,.portfolio-image-discord-site,.portfolio-image-mic{background-color:#333;height:100%;margin-top:15px;width:100%}.portfolio-content{padding:0 20px 20px}.portfolio-title{color:#c6aa94;font-size:1.2em;margin-bottom:0}.portfolio-userid{color:#c6aa94;margin-bottom:10px;margin-top:0}.portfolio-recipient{color:#bbb;font-size:.9em;margin-bottom:10px}.portfolio-description{color:#999;font-size:.9em;line-height:1.6;white-space:pre-wrap}.service-main-content{margin-left:240px;padding:40px;width:calc(100% - 320px)}.services-header{color:#fff;font-size:2.5em;margin-bottom:20px}.services-intro{color:#e0e0e0;line-height:1.8;margin-bottom:50px;max-width:800px}.services-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fill,minmax(300px,500px));margin-bottom:100px}.services-grid a{-webkit-text-decoration-line:none;text-decoration-line:none}.services-grid-2{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fill,minmax(300px,700px));margin-bottom:100px}.services-grid-2 a{-webkit-text-decoration-line:none;text-decoration-line:none}.service-card{background-color:#2a2a2a;border-radius:8px;padding:30px;transition:transform .3s}.service-card:hover{transform:translateY(-5px)}.service-icon{background-color:#333;border-radius:50%;height:60px;margin-bottom:20px;width:60px}.service-icon,.sevice-center-img{align-items:center;display:flex;justify-content:center}.sevice-center-img img{border-radius:8px;height:auto;width:100%}.service-title{color:#c6aa94;font-size:1.5em;margin-bottom:0}.service-price{color:#fff;font-size:1.5em;margin-top:5px}.service-description{color:#bbb;line-height:1.6;margin-bottom:20px}.service-features{margin-top:15px;padding-left:20px}.service-features li{color:#999;list-style-type:disc;margin-bottom:8px}.service-important{color:red!important}.contact-section{background-color:#2a2a2a;border-radius:8px;margin-top:50px;padding:40px;text-align:center}.contact-title{font-size:1.8em;margin-bottom:20px}.contact-button{background-color:#4a4a4a;border-radius:4px;color:#fff;display:inline-block;padding:15px 30px;text-decoration:none;transition:background-color .3s}.contact-button:hover{background-color:#5a5a5a}.detail-main-content{margin-left:240px;padding:40px;width:calc(100% - 320px)}.detail-service-header{margin-bottom:40px;text-align:center}.detail-service-header h1{color:#c6aa94;font-size:2.5em;margin-bottom:10px}.detail-service-header p{color:#e0e0e0;font-size:1.2em}.detail-service-details{display:flex;gap:40px;margin-bottom:60px}.detail-service-image{flex:1 1}.detail-service-image img{border-radius:8px;height:auto;width:90%}.detail-service-content{flex:1 1}.detail-service-content h2{color:#c6aa94;font-size:2em;margin-bottom:20px}.detail-service-content h3{color:#c6aa94;font-size:1.5em;margin-bottom:15px}.detail-service-content p,.detail-service-content ul{color:#e0e0e0;line-height:1.6;margin-bottom:20px}.detail-service-content ul{list-style-type:disc;padding-left:20px}@media screen and (max-width:720px){.detail-service-details{display:grid}}.admin-header{align-items:center;background-color:#2a2a2a;border-radius:8px;display:flex;justify-content:space-between;margin-bottom:30px;padding:20px}.admin-header h1{color:#fff;font-size:1.8em}.admin-nav{display:flex;gap:20px}.admin-nav a{color:#ccc;font-size:.9em;text-decoration:none;transition:color .3s}.admin-nav a:hover{color:#fff}.admin-content{background-color:#2a2a2a;border-radius:8px;padding:30px}.admin-section{margin-bottom:40px}.admin-section h2{color:#fff;font-size:1.4em;margin-bottom:15px}.metric-card{background-color:#333;border-radius:8px;padding:20px;text-align:center}.metric-card h3{color:#fff;font-size:1.2em;margin-bottom:10px}.metric-card p{color:#ccc;font-size:2em}.add-portfolio-form{background-color:#2a2a2a;border-radius:8px;margin-bottom:80px;margin-top:50px;padding:30px 60px 30px 30px}.admin-portfolio-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin-bottom:50px;margin-left:10px;margin-right:10px}.admin-form-title{color:#fff;font-size:1.5em;margin-bottom:0}#formdata{margin-top:0}.admin-form-group{margin-bottom:10px}.admin-form-group label{color:#fff;display:block;margin-bottom:3px}.admin-form-group input,.admin-form-group textarea{background-color:#333;border:1px solid #444;border-radius:4px;color:#fff;font-family:inherit;padding:12px;width:100%}.admin-form-group [type=radio]{margin-right:20px;width:15px}.admin-form-group span{color:#fff}.admin-form-group textarea{height:150px;resize:vertical}.admin-form-group input[type=file]{padding:8px}.admin-submit-button{background-color:#4a4a4a;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1.1em;padding:15px 30px;transition:background-color .3s}.admin-submit-button:hover{background-color:#5a5a5a}.fix-submit-button{background-color:#4a4a4a;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.7em;margin-bottom:10px;padding:5px;transition:background-color .3s}.fix-submit-button:hover{background-color:#5a5a5a}.main-content-login{flex:1 1;padding:40px}.page-title{color:#fff;font-size:32px;font-weight:700;margin-bottom:50px;text-align:center}.page-description{color:#a0a0a0;line-height:1.6;margin:0 auto 60px;max-width:700px;text-align:center}.login-container{background-color:#222;border-radius:8px;margin:0 auto;max-width:600px;padding:30px}.login-title{color:#fff;font-size:20px}.form-group-login,.login-title{margin-bottom:20px}.form-group-login label{color:#ccc;display:block;margin-bottom:8px}.form-control{background-color:#333;width:94%}.form-control,.login-button{border:none;border-radius:4px;color:#fff;padding:12px}.login-button{background-color:#444;cursor:pointer;font-size:16px;transition:background-color .3s;width:100%}.login-button:hover{background-color:#555}