모바일웹이란?
모바일웹이란 스마트폰에 최적화 되어 있는 홈페이지입니다. 스마트폰에서 귀사의 홈페이지를 접속했을때, 일반 홈페이지가
나타난다면 데스크탑 화면의 해상도와 스마트폰의 해상도 차이로 홈페이지를 제대로 보기 힘든점이 있습니다.
이런 문제점이 나타남에 따라, 빠르게 대응한 기업들은 이미 모바일웹을 운영하고 있습니다.
다양한 디바이스 대응
아이폰, 안드로이드등에서 홈페이지가 안정적으로 보일수 있도록 최적화 디자인을 제공합니다.
푸시알림
기본제공
모바일 환경에서의 고객대응은 PC보다 좀더 빠른 대응을 기본으로 하고 있습니다. 모바일웹에서 사용자가 문의를 하거나, 질문/답변등을 할때 관리자가 즉시 확인할수 있도록
푸시알림기능을 무료로 제공해 드립니다.
유지보수 가능한
관리자제공
관리자기능을 통하여, 일상적인 공지사항, 질문답변등의 처리를 할수 있는 관리자 기능을 기본 제공합니다.
기존 홈페이지
연동가능
기존에 PC기반의 홈페이지를 운영하고 계신다면, 모바일웹과 연동하여 운영할수 있습니다. 경우에 따라서는 PC홈페이지 수정이 필요할수 있습니다.
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;
}
