견적을 빠르게 확인 할 수 있습니다.
- 본 화면 하단에서 견적서를 출력 할 수 있습니다.
- 예상견적은 구현하시는 기능을 대략적으로 확인 할 수 있습니다.
- 프론트:네이티브, 백엔드:자바스크립트기반, 서버:클라우드를 기본으로 합니다.
- 예상견적 과 실제견적은 차이가 있을수 있습니다.
- 예상견적은 간단하게 출력하거나 실제 견적문의를 할 수 있습니다.
- 게임, AR, VR, MR, 메타버스, NFT 개발은 개별문의 주세요.
작성완료
견적서 생성완료.
※ 생성된 견적서는 참고용이며, 실 견적시 차이가 있을 수 있습니다.
견적서 다운로드
a {
color: #037cff;
}
.button {
background: #037cff;
}
.button:hover {
box-shadow: inset 0 0 0 1px #037cff;
color: #037cff;
}
.button-alt {
background: none;
box-shadow: inset 0 0 0 1px #037cff;
color: #037cff;
}
.button-alt:hover {
background: #037cff;
color: #fff;
}
.button-white {
background: #fff;
box-shadow: inset 0 0 0 1px #fff;
}
.button-white:hover {
box-shadow: inset 0 0 0 1px #fff;
color: #fff;
}
.owl-buttons div:hover {
border-color: #037cff;
background: #037cff;
}
.owl-pagination .active {
box-shadow: 0 0 0 1px #037cff;
}
.language-selector div ul a:hover {
background: #037cff;
}
.cart-summary div li a:hover {
color: #037cff;
}
.cart-summary div .subtotal {
color: #037cff;
}
.cart-summary div .total a {
border: 1px solid #037cff;
background: #037cff;
}
.cart-summary div .total a:hover {
color: #037cff;
}
.follow-us a:hover {
background: #037cff;
}
.main-nav li a {
color: #037cff;
border-color: #037cff;
}
.main-nav li a:hover,
.main-nav li a.active,
.main-nav li li a:hover,
.main-nav li li a.active,
.main-nav li:hover>a {
background: #037cff;
}
.mobile-nav ul a:hover {
color: #037cff;
}
.page-title h1 {
color: #037cff;
}
.page-title h1 i {
border: 2px solid #037cff;
}
.page-title nav span {
color: #037cff;
}
.paralaxed .composer .testimonial .author {
color: #037cff;
}
.filter .active {
background: #037cff;
}
.portfolio .item .pic span {
background: #037cff;
}
.blog .item .date {
background: #037cff;
}
.comments .author .reply {
background: #037cff;
}
.comments .fa-user {
border: 1px solid #037cff;
color: #037cff;
}
.products-grid h3 a:hover {
color: #037cff;
}
.products-grid .pic span {
background: #037cff;
}
.products-grid .price {
color: #037cff;
}
.product .price {
color: #037cff;
}
.product .quantity a:after,
.product .quantity a:before {
background: #037cff;
}
.product .pic span {
background: #037cff;
}
.product .thumbnails span {
background: #037cff;
}
.product-tabs > label:hover {
color: #037cff;
}
.product-tabs > input:checked + label {
background: #037cff;
}
.cart-products .quantity a:after,
.cart-products .quantity a:before {
background: #037cff;
}
.cart-products .remove a {
background: #037cff;
}
.pager a {
border: 1px solid #037cff;
}
.pager a:hover {
color: #037cff;
}
.pager .active {
background: #037cff;
}
.countdown li {
background: #037cff;
}
.subscription h3 {
color: #037cff;
}
.timeline .year {
background: #037cff;
}
.timeline .item:before {
border: 1px solid #037cff;
color: #037cff;
}
.timeline .date {
color: #037cff;
}
.contacts .links a {
border: 1px solid #037cff;
color: #037cff;
}
.contacts .links a:hover {
background: #037cff;
}
.composer h3 {
color: #037cff;
}
.composer h4 {
color: #037cff;
}
.composer hr.alt {
background: #037cff;
}
.composer hr.alt-2 {
border: 1px solid #037cff;
}
.composer .accordion dt:hover {
color: #037cff;
}
.composer .accordion dt i {
border: 1px solid #037cff;
}
.composer .accordion dt i:after,
.composer .accordion dt i:before {
background: #037cff;
}
.composer .accordion dd {
background: #037cff;
}
.composer .accordion dd:before {
border-bottom: 4px solid #037cff;
}
.composer .accordion .active {
color: #037cff;
}
.composer .accordion-alt .active,
.composer .accordion-alt .active:hover {
background: #037cff;
color: #fff;
}
.composer .callout-alt {
border-color: #037cff;
background: #037cff;
}
.composer .callout-alt2 {
border-color: #037cff;
}
.composer .chart-pie > span {
color: #037cff;
}
.composer .soc-icon {
border: 1px solid #037cff;
}
.composer .soc-icon:hover {
background: #037cff;
}
.composer .soc-icon-alt {
background: #037cff;
}
.composer .soc-icon-alt:hover {
background: none;
color: #037cff;
}
.composer .soc-icon-grey {
border-color: transparent;
}
.composer .list .active {
border-color: #037cff;
color: #037cff;
}
.composer .list .active i {
border-color: #037cff;
color: #037cff;
}
.composer .list-alt .active {
background: #037cff;
color: #fff;
}
.composer .list-alt .active i {
color: #fff;
}
.composer .message {
border: 1px solid #037cff;
color: #037cff;
}
.composer .message:before {
border-right: 1px solid #037cff;
}
.composer .message i {
border: 1px solid #037cff;
}
.composer .milestone {
border: 1px solid #037cff;
color: #037cff;
}
.composer .milestone-alt {
background: #037cff;
color: #fff;
}
.composer .pricing-table .col {
border: 1px solid #037cff;
}
.composer .pricing-table .head {
background: #037cff;
}
.composer .pricing-table .featured .price {
color: #037cff;
}
.composer .progress-bar .bar span {
background: #037cff;
}
.composer .progress-bar-alt .bar {
border-color: #037cff;
}
.composer .progress-bar-alt .bar em {
background: #037cff;
}
.composer .progress-bar-alt .bar em:after {
border-top: 4px solid #037cff;
}
.composer .progress-bar-alt .bar span {
border-right: 1px solid #037cff;
}
.composer .process:after {
border-color: #037cff;
}
.composer .process .done:after {
border-color: #037cff;
color: #037cff;
}
.composer .process .done:before {
border-color: #037cff;
}
.composer .process .done i {
border-color: #037cff;
color: #037cff;
}
.composer .services .icon {
background: #037cff;
}
.composer .services-alt .icon {
background: none;
}
.composer .tabs > label {
background: #037cff;
}
.composer .tabs > label:nth-child(2) {
border-left-color: #037cff;
}
.composer .tabs > div {
border-color: #037cff;
}
.composer .tabs > input:checked + label {
border-top: 1px solid #037cff;
border-right-color: #037cff;
border-left-color: #037cff;
color: #037cff;
}
.composer .team-alt li > div {
border-color: #037cff;
}
.composer .team-alt .social {
background: #037cff;
}
.composer .testimonial-alt .text {
background: #037cff;
}
.composer .testimonial-alt .text:after {
border-right-color: #037cff;
}
.composer .testimonial-group .author div {
background: #037cff;
}
.composer .testimonial-group .author.active:before {
border-top: 6px solid #037cff;
}
.composer .toggle dt:hover {
color: #037cff;
}
.composer .toggle dt i {
background: #037cff;
}
.composer .toggle-alt dt {
box-shadow: inset 0 0 0 1px #037cff;
color: #037cff;
}
.composer .twitter-feed li {
background: #037cff;
}
.composer .twitter-feed-alt p {
border: 1px solid #037cff;
}
.composer .twitter-feed-alt a {
color: #037cff;
}
.composer .twitter-carousel .fa-twitter {
background: #037cff;
}
.composer .twitter-carousel .owl-buttons div {
border-color: #037cff;
color: #037cff;
}
.widget-categories a:hover {
color: #037cff;
}
.widget-categories .active {
color: #037cff;
}
.widget-recent-posts div a:hover {
color: #037cff;
}
.widget-recent-photos li a {
background: #037cff;
}
.widget-tags a {
border: 1px solid #037cff;
}
.widget-tags a:hover {
background: #037cff;
}
.widget-filter .slider div {
background: #037cff;
}
.widget-cart a:hover {
color: #037cff;
}
.widget-cart .total {
color: #037cff;
}
.widget-sellers a:hover {
color: #037cff;
}
.widget-sellers .price {
color: #037cff;
}
.widget-alt-contacts ol a:hover {
background: #037cff;
}
.widget-alt-feedback button:hover {
color: #037cff;
}
.scroll-top:hover {
background: #037cff;
}
