디웹스-홈페이지제작무상적용서비스안내 | 홈페이지공통적용서비스(무상)안내 | 사이트공통적용서비스(무상)안내

<!DOCTYPE html> <html> <head>  <meta name="path_role" content="PRICE_COMMON" /> <meta name="author" content="디웹스-홈페이지제작" /> <meta name="description" content="디웹스에서 기본으로 제공하는 무상 서비스 내역을 안내합니다. 도메인 1년 포함, 웹호스팅 1년 포함, 유지보수 1년 포함, 고해상도 유료 이미지 사용, 검색엔진등록 최적화 서비스." /> <meta name="keyword" content="디웹스에서 기본으로 제공하는 무상 서비스 내역을 안내합니다. 도메인 1년 포함, 웹호스팅 1년 포함, 유지보수 1년 포함, 고해상도 유료 이미지 사용, 검색엔진등록 최적화 서비스." /> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" /> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="viewport" content="width=device-width,initial-scale=1"> <meta name="robots" content="index,follow" /> <meta name="generator" content="디웹스-홈페이지제작" /> <meta property="og:type" content="website" /> <meta property="og:title" content="디웹스-홈페이지제작무상적용서비스안내 | 홈페이지공통적용서비스(무상)안내 | 사이트공통적용서비스(무상)안내 | 웹사이트공통적용서비스(무상)안내" /> <meta property="og:description" content="디웹스에서 기본으로 제공하는 무상 서비스 내역을 안내합니다. 도메인 1년 포함, 웹호스팅 1년 포함, 유지보수 1년 포함, 고해상도 유료 이미지 사용, 검색엔진등록 최적화 서비스." /> <meta property="og:image" content="https://www.dwebs.kr/themes/dwebs2023/img/og_img_w.png" /> <meta property="og:url" content="https://www.dwebs.kr/price/common" /> <meta name="twitter:card" content="summary_large_image" /> <meta name="twitter:title" content="디웹스-홈페이지제작무상적용서비스안내 | 홈페이지공통적용서비스(무상)안내 | 사이트공통적용서비스(무상)안내 | 웹사이트공통적용서비스(무상)안내" /> <meta name="twitter:description" content="디웹스에서 기본으로 제공하는 무상 서비스 내역을 안내합니다. 도메인 1년 포함, 웹호스팅 1년 포함, 유지보수 1년 포함, 고해상도 유료 이미지 사용, 검색엔진등록 최적화 서비스." /> <meta name="twitter:image" content="https://www.dwebs.kr/themes/dwebs2023/img/og_img_w.png" /> <meta name="twitter:domain" content="https://www.dwebs.kr/price/common" /> <meta name="naver-site-verification" content="95a67ba2d99c233aecafde485e2e237fa5d25737" /> <meta name="google-site-verification" content="aBqY_Y8t_wf-EMxqpcV6qxXK85h1uffOZUEyMc7aPYY" /> <meta name="msvalidate.01" content="4AB5DCBA39AED4133D2B9362A617CF6B" />  <meta name="csrf-token" content="wKZihcS0MvKzdVr38ekwIZbL4IL35VWBSw0E8FjL"> <link rel="alternate" type="application/atom+xml" title="News" href="/feed"> <link rel="alternate" type="application/rss+xml" href="https://www.dwebs.kr/feed" title="디웹스"> <link rel="alternate" type="application/rss+xml" href="https://www.dwebs.kr/rss" title="디웹스"> <title>디웹스-홈페이지제작무상적용서비스안내 | 홈페이지공통적용서비스(무상)안내 | 사이트공통적용서비스(무상)안내 | 웹사이트공통적용서비스(무상)안내</title> <link rel="canonical" href="https://www.dwebs.kr/price/common">  <link rel="icon" href="https://www.dwebs.kr/themes/dwebs2023/img/dwebs_ico.ico">   <link rel="stylesheet" href="/common/bootstrap3/css/app.css?id=3ed56ff471f2140aaed3" /> <link rel="stylesheet" href="/common/css/spacing.css?id=65c8034a07baa976a305" /> <link rel="stylesheet" href="https://www.dwebs.kr/common/css/reset.css" /> <link rel="stylesheet" href="https://www.dwebs.kr/common/css/form.css" /> <link rel="stylesheet" href="https://www.dwebs.kr/themes/dwebs2023/css/style.css?v=240321a" /> <link rel="stylesheet" href="https://www.dwebs.kr/themes/dwebs2023/css/layout.css?v=240321a" /> <link rel="stylesheet" href="https://www.dwebs.kr/lib/plugin/bootstrap-datetimepicker/bootstrap-datetimepicker.min.css" /> <link rel="stylesheet" href="https://www.dwebs.kr/lib/plugin/fontium/css/fontium.css" /> <link rel="stylesheet" href="https://www.dwebs.kr/lib/plugin/colorbox-master/example1/colorbox.css" /> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.8.1/css/all.min.css" /> <link href="https://fonts.googleapis.com/css?family=Noto+Sans+KR:100,300,400,500,700,900&display=swap&subset=korean" rel="stylesheet"> <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/pretendard/1.3.9/static/pretendard.css"> <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Play:wght@400;700&family=Waterfall&display=swap"> <link rel="stylesheet" href="//cdn.jsdelivr.net/npm/xeicon@2.3.3/xeicon.min.css"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css" integrity="sha512-c42qTSw/wPZ3/5LBzD+Bw5f7bSF2oxou6wEb+I/lqeaKV5FDIfMvvRp772y4jcJLKuGUOpbJMdg/BTl50fJYAw==" crossorigin="anonymous" referrerpolicy="no-referrer" /> <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick.css">  <style> /* common */ .h1, .h2, .h3, h1, h2, h3 { margin:0; } /* 부트스트랩 리셋 */ a:focus, a:hover { text-decoration: none; color:inherit; outline: none; } button { margin:0; padding:0; background:none; } .big_title { text-align: center; font-size: 54px; font-weight: 800; letter-spacing: -1.35px; color: #000; word-break: keep-all; } .big_title span{ font-weight: 300;} .red { color: #e20612; } .flex { display: flex; } .type_b { background:#000; } .type_r { background:#e20612; } .btn_type { display: block; width: 240px; height: 50px; text-align: center; line-height: 48px; font-size: 14px; letter-spacing: -0.35px; color: #fff !important; transition: all .3s; } .btn_type i { margin-left: 8px; } .subpage { color:#000; margin-top: 210px; padding-bottom:120px; overflow: hidden; } .sub_inner { width:100%; max-width: 1740px; padding:0 60px; margin:0 auto; } .subpage .top_title h2 {font-size: 40px; font-weight: 300; color:#000; word-break: keep-all; } .subpage .top_title h2 b {font-weight:700;} .subpage .top_title h3 {font-size: 21px; font-weight: 600; color:#000; word-break: keep-all; margin-top: 40px; } .subpage .top_title p {font-size: 19px; font-weight: 300; line-height: 33px; color:#000; word-break: keep-all; margin: 35px 0 60px; } #common img { -webkit-user-select: none; user-select: none; -webkit-user-drag: none; user-drag: none;} #common .sub_p {font-size: 17px; font-weight: 200; line-height: 33px; color:#666; word-break: keep-all; letter-spacing: -.5px; } /* top */ #top .flex { justify-content: space-between; align-items: center;} #top .link_list { display: flex; } #top .link_list li + li { margin-left: 13px; } #top .link_list a { display: block; width: 240px; height: 50px; text-align: center; line-height: 48px; color:#fff; font-size: 14px; letter-spacing: -0.35px; font-weight: normal; } #top .link_list a i { margin-left: 10px; } #top .icon_cont {border-bottom: 1px solid #ddd; padding:0 0 90px; margin:80px 0 90px; text-align: center; } #top .icon_cont ul { display: flex; background: #fff; box-shadow: 0 0 29px 0 rgba(51, 51, 51, 0.11);} #top .icon_cont li {flex:1; border-right:1px solid #ddd; padding:50px 20px ; } #top .icon_cont i {display: block; height: 57px; line-height: 57px; transition: all .5s ease; } #top .icon_cont h3 {font-size: 18px; font-weight: 700; color:#000; letter-spacing: -.5px; margin:35px 0 10px; word-break: keep-all; line-height:1.3; } #top .icon_cont p {font-size: 15px; font-weight: 300; color:#666; letter-spacing: -.4px; line-height: 25px; word-break: keep-all;} #top .icon_cont li:hover i {transform: rotateY(180deg);} /* sec1 */ #sec1 .top_title p {margin-bottom: 0;} #sec1 .gallery_list {margin-top: 80px; } #sec1 .gallery_item {overflow: hidden; box-shadow: 0 0 29px 0 rgba(51, 51, 51, 0.11); margin-bottom: 40px; width: 375px;} #sec1 .gallery_item img { max-width: 100%; } #sec1 .gallery_item a {display: block; } #sec1 .gallery_item .txt {width: 100%; position: absolute; left: 0; bottom: 0; text-align: center; display: flex; justify-content: center; align-items: flex-end; padding:0 0 30px; z-index: 2; height: 150px;} #sec1 .gallery_item::before {content: ''; display: block; width: 100%; background-image: linear-gradient(to top, rgba(0,0,0,.35), rgba(255,255,255,.35)); height: 150px; mix-blend-mode: multiply; position: absolute; left: 0; bottom: 0; } #sec1 .gallery_item .txt h4 {font-size: 18px; font-weight: 500; color:#fff; } #sec1 .gallery_item a .hv_plus {position: absolute; left: 0; bottom: 0; text-align: center; display: flex; justify-content: center; align-items:center; z-index: 3; background: rgba(0,0,0,0.3); backdrop-filter: blur(2px); transition: all .3s ease; width: 100%; height: 100%; opacity: 0; font-size: 50px; color:#fff; } #sec1 .gallery_item a:hover .hv_plus {opacity: 1; } @media screen and (max-width: 1740px) { #top .icon_cont p br {display: none; } #sec1 .gallery_item {width: calc(25% - 30px);} } @media screen and (max-width: 1300px) { #top .icon_cont li {padding:30px 15px;} #top .icon_cont h3 { margin:25px 0 10px; font-size: 17px;} } @media screen and (max-width: 1100px) { .subpage {margin: 130px 0 0; padding: 0 0 100px;} .sub_inner {padding:0 40px;} .big_title {font-size: 45px; } .subpage .top_title {text-align: center;} .subpage .top_title h2 {font-size: 30px; } .subpage .top_title h3 {font-size: 19px; margin-top: 30px;} .subpage .top_title p {font-size: 17px; line-height: 28px; margin: 20px 0 40px;} #top .flex {flex-direction: column; align-items: center; text-align: center;} #top .link_list {margin-top: 50px;} #top .link_list a {width: 210px;} #top .icon_cont { padding: 0 0 70px; margin: 60px 0 70px;} #top .icon_cont ul {flex-wrap:wrap; } #top .icon_cont li {flex:auto ; width: 33.3%; padding: 40px 20px;} #top .icon_cont li:nth-child(3), #top .icon_cont li:last-child {border-right: 0; } #top .icon_cont li:nth-child(n+4) {width: 50%; border-top:1px solid #ddd; } #top .icon_cont li:nth-child(n+4) p br {display:block; } #top .icon_cont h3 {font-size: 16px; margin: 20px 0 10px;} #top .icon_cont p {font-size: 14px; line-height: 22px;} #sec1 .gallery_list {margin-top: 60px;} #sec1 .gallery_item {width: calc(33.3% - 27px);} #sec1 .gallery_item .txt h4 {font-size: 16px; } } @media screen and (max-width: 767px) { .subpage {margin: 100px 0 0; padding: 0 0 60px;} .sub_inner {padding:0 20px;} .big_title {font-size: 35px; } .subpage .top_title h2 {font-size: 26px; } .subpage .top_title h3 {font-size: 17px; line-height: 26px; margin-top: 20px;} .subpage .top_title p {font-size: 15px; line-height: 26px; } .subpage .top_title p br {display: none; } #top .link_list {margin-top: 40px; width: 100%; justify-content: center;} #top .link_list li { width: 50%; max-width: 180px; } #top .link_list a {width: 100%; font-size: 13px; height: 45px; line-height: 45px;} #top .link_list li + li {margin-left: 10px;} #top .icon_cont {padding: 0 0 60px; margin:50px 0 60px;} #top .icon_cont li {width: 50%; padding: 30px 15px; } #top .icon_cont li:nth-child(even) {border-right: 0; } #top .icon_cont li:nth-child(3) {border-right: 1px solid #ddd;} #top .icon_cont li:nth-child(n+3) { border-top:1px solid #ddd; } #top .icon_cont li:nth-child(n+4) p br {display:none; } #top .icon_cont h3 {font-size: 15px; margin:20px 0 5px;} #top .icon_cont p {font-size: 13px; line-height: 20px; letter-spacing: -.5px;} #sec1 .gallery_list {margin-top: 40px;} #sec1 .gallery_item {width: calc(50% - 20px);} #sec1 .gallery_item .txt {padding: 0 0 20px;} #sec1 .gallery_item .txt h4 {font-size: 15px;} #sec1 .gallery_item a .hv_plus {font-size: 40px;} } </style> <style> /* 사이트맵 */ #sitemap_wrap { position:fixed; left:0; width:100%; top:0; height: 100vh; z-index: 200; display: none; } #sitemap_wrap a { color:inherit; } #sitemap_wrap a:focus, #sitemap_wrap a:hover { text-decoration: none; outline: none; } #sitemap_wrap .dimmed { position:absolute; left:0; width:100%; top:0; height: 100%; background:rgba(0,0,0,0.6); z-index: 1; display: none; } #sitemap_wrap .sitemap_inner { position:absolute; left:50%; transform: translate(-50%,-50%); top:50%; z-index: 2; width:100%; max-width: calc(1400px + 110px); padding-right: 110px; } #sitemap_wrap .close_area { position:absolute; right:0; top:0; display: flex; flex-direction: column; align-items: center; } #sitemap_wrap .close_area b { display: block; margin:35px 0 0; font-family: 'Play', sans-serif; writing-mode: vertical-rl; text-orientation: mixed; text-transform: uppercase; color:#fff; font-weight: 400; font-size: 18px; letter-spacing:1.2px; } #sitemap_wrap .map_close { width:70px; height: 70px; border-radius: 50%; background:rgba(255,255,255,0.3); opacity: 1; font-weight: normal; text-shadow:none; transition: all .3s; } #sitemap_wrap .map_close i { font-size:25px; color:#fff; transition: all .3s; } #sitemap_wrap .map_close:hover { background:#fff; } #sitemap_wrap .map_close:hover i { color:#000; } #sitemap_wrap .con_area { background:#fff; width:100%; max-width: 1400px; max-height: calc(100vh - 50px); overflow-y: auto; } #sitemap_wrap .con_area .flex_wrap { display: flex; } #sitemap_wrap .con_area .l_side { width:1110px; padding:75px 80px 75px 100px; border-right: 1px solid #ddd; } #sitemap_wrap .con_area .r_side { width:290px; padding:45px 50px 60px; } #sitemap_wrap .l_side .logo { margin:0 0 95px; } #sitemap_wrap .l_side .gnb { display: flex; flex-wrap: wrap; } #sitemap_wrap .l_side .gnb > li { width:calc(25% - 30px); margin-right: 40px; } #sitemap_wrap .l_side .gnb > li:nth-child(4n) { margin-right: 0; } #sitemap_wrap .l_side .gnb > li:nth-child(n+5) { margin-top: 100px; } #sitemap_wrap .l_side .gnb > li > a { display: block; border-bottom: 1px solid #000; color:#000; font-weight: bold; font-size: 20px; letter-spacing: -0.5px; padding:0 0 23px; line-height: 1; transition: all .3s; word-break: keep-all; } #sitemap_wrap .l_side .gnb > li > a:hover { color:#e20612; } #sitemap_wrap .l_side .snb { margin:20px 0 0; } #sitemap_wrap .l_side .snb li { margin:0 0 10px; } #sitemap_wrap .l_side .snb a { display:inline-block; font-size: 16px; font-weight: 300; color: #666; line-height: 1.5; transition: all .3s; word-break: keep-all; } #sitemap_wrap .l_side .snb a:hover { color:#000; font-weight:500; } #sitemap_wrap .l_side .mob_only { display: none; } #sitemap_wrap .top_btn li + li { margin:15px 0 0; } #sitemap_wrap .top_btn a { display: block; width:100%; max-width: 180px; height: 45px; text-align: center; line-height: 45px; font-size: 14px; letter-spacing: -0.35px; color:#fff; } #sitemap_wrap .top_btn a img { margin-left: 8px; } #sitemap_wrap .top_btn li:first-child a { background:#e20612; } #sitemap_wrap .top_btn li:last-child a { background:#000; } #sitemap_wrap .r_side .bot_info { margin:170px 0 0; } #sitemap_wrap .r_side .num_list strong { font-size: 16px; font-weight: bold; color: #000; text-transform: uppercase; } #sitemap_wrap .r_side .num_list p { margin:5px 0; font-size: 19px; font-weight: normal; color: #666; } #sitemap_wrap .r_side .num_list small { display: block; font-size: 14px; font-weight: 300; color: #666; } #sitemap_wrap .r_side .num_list li:nth-child(2) { margin-top: 40px; } #sitemap_wrap .r_side .num_list li:nth-child(2) p { font-size: 28px; } #sitemap_wrap .r_side .policy_btn_list { margin:50px 0 0; border-top: 1px solid #ddd; } #sitemap_wrap .r_side .policy_btn_list li { border-bottom: 1px solid #ddd; } #sitemap_wrap .r_side .policy_btn_list li a { display: block; padding:12px 20px 12px 12px; font-size: 14px; font-weight: 300; letter-spacing: -0.35px; color: #a2a2a2; background:url('/themes/dwebs2023/img/common/arrow_g.png') no-repeat right 12px center; } /* 스크롤 */ @media screen and (min-width: 1101px) { } /* media query */ @media screen and (max-width: 1780px) { } @media screen and (max-width: 1500px) { /* 사이트맵 */ #sitemap_wrap .con_area .l_side { padding: 75px 50px 75px 50px; } #sitemap_wrap .l_side .logo { margin: 0 0 70px; } #sitemap_wrap .r_side .num_list li p { white-space: nowrap; } } @media screen and (max-width: 1300px) { } @media screen and (max-width: 1100px) { /* 사이트맵 */ #sitemap_wrap .sitemap_inner { padding-right: 0; transform: translate(-50%, 0); top:0; padding-top: 80px; } #sitemap_wrap .map_close { width: 50px; height: 50px; position: relative; z-index: 2; } #sitemap_wrap .close_area { right:50%; transform: translateX(50%); top:20px; } #sitemap_wrap .close_area b { display: none; } #sitemap_wrap .con_area { max-height: calc(100vh - 80px); } #sitemap_wrap .con_area .l_side { padding: 60px 30px; } #sitemap_wrap .con_area .r_side { padding: 45px 30px; } #sitemap_wrap .l_side .gnb > li { width: calc(33% - 20px); margin-right: 30px; } #sitemap_wrap .l_side .gnb > li:nth-child(4n) { margin-right: 30px; } #sitemap_wrap .l_side .gnb > li:nth-child(3n) { margin-right: 0; } #sitemap_wrap .l_side .gnb > li:nth-child(n+4) { margin-top: 60px; } #sitemap_wrap .l_side .logo { margin: 0 0 50px; } #sitemap_wrap .l_side .gnb > li > a { font-size: 18px; padding: 0 0 18px; } #sitemap_wrap .l_side .snb a { font-size: 15px; } #sitemap_wrap .r_side .bot_info { margin: 70px 0 0; } #sitemap_wrap .r_side .num_list li:nth-child(2) p { font-size: 23px; } } @media screen and (max-width: 767px) { #sitemap_wrap .l_side .mob_only { display: block; } #sitemap_wrap .r_side .top_btn { display: none; } #sitemap_wrap .sitemap_inner { left:initial; transform: translate(0); right:0; padding-top:0; width: 300px; } #sitemap_wrap .con_area { max-height: 100vh; } #sitemap_wrap .close_area { right: 5px; transform: translate(0); top: 5px; } #sitemap_wrap .map_close { background:transparent !important; } #sitemap_wrap .map_close i { color:#000; } #sitemap_wrap .con_area .flex_wrap { flex-wrap: wrap; } #sitemap_wrap .con_area .l_side { width:100%; padding:40px 45px 0; border:0; } #sitemap_wrap .con_area .r_side { width:100%; padding:0 45px 45px; } #sitemap_wrap .l_side .logo { text-align: center; margin:0 0 30px; } #sitemap_wrap .l_side .logo img { width:100px; } #sitemap_wrap .l_side .mob_only { width:calc(100% + 90px); margin-left: -45px; margin-bottom: 50px; } #sitemap_wrap .top_btn { display: flex; } #sitemap_wrap .top_btn li { width:50%; } #sitemap_wrap .top_btn li + li { margin:0 } #sitemap_wrap .top_btn a { max-width: 100%; } #sitemap_wrap .l_side .gnb > li { width:100%; margin:0 0 40px !important; } #sitemap_wrap .r_side .bot_info { margin:0; } } </style> <style> /* 리셋 */ .h1, .h2, .h3, h1, h2, h3 { margin:0; font-size: 0; } a:focus, a:hover { color:inherit; text-decoration: none; outline: none; } /* css */ #header { position:fixed; left:0; width:100%; top:0; height: 90px; background:#fff; border-bottom: 1px solid #ddd; z-index: 100; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; } #header .header_inner { display: flex; justify-content: space-between; height: 100%; } #hd_left { height: 100%; display: flex; align-items: center; } #hd_left .hd_logo { padding-left: 150px; } #hd_nav { height: 100%; } #hd_nav .gnb { display: flex; align-items: center; } #hd_nav .gnb > li { position:relative; margin-left:75px; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } #hd_nav .gnb > li > a { position: relative; display:flex; align-items: center; height: 90px; color:#000; font-size:18px; text-decoration:none; white-space: nowrap; transition: all .3s ease; font-weight:500; } #hd_nav .gnb > li:first-child { margin-left:0; } #hd_nav .gnb > li.active > a { color:#e40613; } #hd_nav .gnb .snb { display: none; position: absolute; width: 160px; top:100%; z-index:2; left:50%; transform: translateX(-50%); box-shadow: 0 10px 20px 0 rgba(14, 26, 41, 0.33); } #hd_nav .gnb .snb::before { display: block; content:''; position:absolute; left:50%; bottom:100%; width:20px; height: 0; transform:translateX(-50%); background:url('/themes/dwebs2023/img/common/navi_tri.png') no-repeat center; transition: all .35s; transition-delay: .07s; } #hd_nav .gnb .active .snb::before { height: 11px; } #hd_nav .gnb .snb > li a { position:relative; z-index: 3; display:block; width:100%; text-align: center; font-size:14px; font-weight: 300; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; padding:15px 10px; background:#e40613; border-top:1px solid rgba(255,255,255,0.3); color: rgba(255,255,255,0.8); } #hd_nav .gnb .snb > li:first-child a { border-top:0; } #hd_nav .gnb .snb > li a:hover { background:#fff; color:#e40613; } #hd_right { display: flex; } #hd_right .hd_contact a { position:relative; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; background-color: #e40613; text-align: center; width: 222px; } #hd_right .hd_contact a b { margin-left: -22px; font-size: 18px; font-weight: 500; color: #fff; } #hd_right .hd_contact a .icon_arrow { margin-left: 10px; transition: all .3s; } #hd_right .hd_contact a:hover .icon_arrow { margin-left: 20px; } #hd_right #btn_sitemap { width: 108px; height: 100%; background:url('/themes/dwebs2023/img/common/icon_sitemap.png') no-repeat center #000; } /* 스크롤 */ @media screen and (min-width: 1101px) { .scrolled #header { height: 70px; } .scrolled #hd_left .hd_logo img { width: 110px; } .scrolled #hd_nav .gnb > li > a { height: 70px; font-size: 17px; } .scrolled #hd_right .hd_contact .icon_sq { height: 45px; } .scrolled #hd_right .hd_contact b { font-size: 17px; } } /* media query */ @media screen and (max-width: 1780px) { #hd_left .hd_logo { padding-left: 80px; } } @media screen and (max-width: 1500px) { /* 헤더 */ #hd_left .hd_logo { padding-left: 60px; } #hd_nav .gnb > li { margin-left: 45px; } #hd_right #btn_sitemap { width: 90px; } #hd_right .hd_contact a { width: 185px; } } @media screen and (max-width: 1300px) { #hd_left .hd_logo img { width:90px !important; } #hd_nav .gnb > li { margin-left: 39px; } #hd_nav .gnb > li > a { font-size: 16px !important; } #hd_right .hd_contact a { width: 165px; } #hd_right .hd_contact a b { font-size: 16px !important; margin-left: 0; } #hd_right .hd_contact .icon_sq { display: none !important; } } @media screen and (max-width: 1100px) { #hd_nav { display: none; } #header { height: 60px; } #header .header_inner { justify-content: center; } #hd_left .hd_logo { padding-left: 0; } /* #hd_right .hd_contact { position:absolute; left:0; top:0; height: 100%; } #hd_right .hd_contact a { width:80px; } #hd_right .hd_contact a b { font-size: 14px !important; } #hd_right .hd_contact a span { display: none; } #hd_right .hd_contact a .icon_arrow { display: none; } */ #hd_right .hd_contact { display: none; } #hd_right #btn_sitemap { position:absolute; right:0; top:0; height:100%; width: 60px; background:url('/themes/dwebs2023/img/common/mob_sitemap.png') no-repeat center #fff; z-index: 10; } } @media screen and (max-width: 767px) { } </style> <style> /* 리셋 */ .h1, .h2, .h3, h1, h2, h3 { margin:0; } a:focus, a:hover { color:inherit; text-decoration: none; outline: none; } /* common */ .con_inner { width:100%; max-width: 1620px; margin:0 auto; color:#000; } .sm_inner { width:100%; max-width: 1400px; margin:0 auto; color:#000; } .main_title { font-size: 55px; font-weight: bold; letter-spacing: -1.38px; font-family: 'Play', sans-serif; line-height: 1; } /* contact */ #contact_us { padding:100px 0; border-top: 1px solid #ddd; background-color: #f1f1f1} #contact_us .title_area { text-align: center; } #contact_us .title_area p { margin:35px 0 0; font-size: 30px; font-weight: 200; } #contact_us .form_area { margin:50px 0 0; } /* mj 추가 */ #contact_us .percentBox {position: absolute; z-index:5; left:125px; bottom: 20px; padding:3px 6px; background-color: #000; color: #fff; font-weight: bold; font-size: 10px; border-radius: 5px;} #contact_us .percentBox .arrow{position: absolute;z-index:10;width: 0;height: 0;top:17px;left:9px; border-bottom: 5px solid transparent; border-top: 5px solid #000; border-left: 5px solid transparent; border-right: 5px solid transparent;} #contact_us .contact_form h3 { position:relative; font-size: 24px; font-weight: bold; margin:0 0 28px; } #contact_us .contact_form h3.per0::before { content:""; position:absolute; z-index: 10; right:0; width:calc(100% - 140px); top:50%; transform: translateY(-50%); height: 2px; background-color:#000526; } #contact_us .contact_form h3.per20::before { content:""; position:absolute; z-index: 10; right:0; width:calc(80% - 112px); top:50%; transform: translateY(-50%); height: 2px; background-color:#000526; } #contact_us .contact_form h3.per40::before { content:""; position:absolute; z-index: 10; right:0; width:calc(60% - 84px); top:50%; transform: translateY(-50%); height: 2px; background-color:#000526; } #contact_us .contact_form h3.per60::before { content:""; position:absolute; z-index: 10; right:0; width:calc(40% - 56px); top:50%; transform: translateY(-50%); height: 2px; background-color:#000526; } #contact_us .contact_form h3.per80::before { content:""; position:absolute; z-index: 10; right:0; width:calc(20% - 28px); top:50%; transform: translateY(-50%); height: 2px; background-color:#000526; } #contact_us .contact_form h3.per100::before { content:""; position:absolute; z-index: 10; right:0; width:calc(0%); top:50%; transform: translateY(-50%); height: 2px; background-color:#000526; } /* mj 추가 끝 */ #contact_us .contact_form h3::after { content:""; position:absolute; right:0; width:calc(100% - 140px); top:50%; transform: translateY(-50%); height: 2px; background:#ffffff; } #contact_us .input_list { display: flex; flex-wrap: wrap; justify-content: space-between; } #contact_us .input_list li { font-size: 16px; width:calc(25% - 18px); } #contact_us .input_list input[type="text"] { display: inline-block; width:100%; border:1px solid #ddd; padding:0 20px; height: 52px; } #contact_us .input_list input[type="text"]::placeholder { font-size: 16px; font-weight: 300; color: #a9a9a9; } #contact_us .input_list input[type="text"]:focus { outline: 0; } #contact_us .input_list li select {display: inline-block; width:100%; border:1px solid #ddd; padding:0 20px; height: 52px; appearance: none; position: relative;background-color: #fff; /*background:url('/themes/dwebs2023/img/common/select_arrow.png') no-repeat right 20px center;*/ } #contact_us .check_list { display: flex; margin:35px 0 30px; } #contact_us .check_list li + li { margin-left: 57px; } /* #contact_us .check_list input[type="checkbox"] { position:absolute; left:-9999px; } */ #contact_us .check_list input[type="checkbox"] + label { position:relative; display: inline-block; font-size: 16px; color: #000; padding-left: 38px; white-space: nowrap; cursor: pointer; font-weight: 500; } #contact_us .check_list input[type="checkbox"] + label::before { content:""; position:absolute; left:0; top:0; width:25px; height: 25px; border: solid 1px #ddd; border-radius: 5px;} #contact_us .check_list input[type="checkbox"]:checked + label::before { background:url('/themes/dwebs2023/img/common/checked.png') no-repeat center #e30613; border-color:#e30613; } #contact_us textarea { display: inline-block; width: 100%; height: 150px; padding:20px; border:1px solid #ddd; } #contact_us textarea::placeholder { font-size: 16px; font-weight: 300; color: #a9a9a9; } #contact_us textarea:focus { outline: 0; } #contact_us .form_opt { margin:30px 0 60px; } #contact_us .form_submit { display: block; margin:0 auto; width: 380px; height: 70px; background: #e30613; font-size: 24px; font-weight: 500; color: #fff; text-align: center; line-height: 68px; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } #contact_us .form_submit img { margin-left: 15px; } #contact_us .form_submit:hover { background:#000; } /* footer */ #footer { border-top: 1px solid #ddd; } #footer .con_inner { font-size: 14px; font-weight: 300; color: #a2a2a2; } #footer .con_inner a { color:inherit; } /* 리셋 */ #footer .ft_tit { font-size: 20px; font-weight: bold; color: #000; margin:0 0 20px; } #footer .ft_top { padding:65px 0 50px; display: flex; justify-content: space-between; } #footer .ft_left { display: flex; margin-right: 80px; flex-shrink: 0; } #footer .ft_left .ft_cs { margin-right: 80px; } #footer .ft_cs .cs_tel { font-size: 30px; line-height: 1; margin:0 0 10px; } #footer .ft_cs .btn_cs { margin:30px 0 0; display: block; width: 194px; height: 45px; background-color: #e40613; text-align: center; font-size: 14px; color: #fff; line-height: 43px; transition: all .3s; } #footer .ft_cs .btn_cs i { font-size:22px; margin-left: 10px; position:relative; top:5px; } #footer .ft_cs .btn_cs:hover { background:#000; } #footer .ft_bank p { font-size: 16px; line-height: 1.5; color: #666; } #footer .ft_bank li + li { border-top: 1px solid #ddd; margin:30px 0 0; padding:30px 0 0; } #footer .ft_sitemap { display: flex; flex-wrap: wrap; flex-shrink: 0; } #footer .ft_sitemap > li { margin:0 60px 40px 0; } #footer .ft_sitemap > li:last-child { margin-right: 0; } #footer .ft_sitemap > li > a { display: inline-block; font-size: 16px; font-weight: bold; color:#000; margin:0 0 20px; } #footer .ft_sitemap > li li { margin:0 0 7px; } #footer .ft_sitemap > li li a { letter-spacing: -0.35px; } #footer .ft_sitemap > li a:hover { color:#e40613; } #footer .ft_box { display: flex; } #footer .ft_box li + li { margin-left: 15px; } #footer .ft_box a { display: block; text-indent: 20px; width: 180px; height: 35px; line-height: 33px; border: solid 1px #ddd; background:url('/themes/dwebs2023/img/common/arrow_g.png') no-repeat right 20px center; transition: all .3s; } #footer .ft_box a:hover { border-color:#000; color:#000; } #footer .ft_bot { padding:30px 0 70px; border-top: 1px solid #ddd; display: flex; justify-content: space-between; } #footer .ft_info { width: 996px; } #footer .ft_info ul { display: flex; flex-wrap: wrap; } #footer .ft_info ul li { position:relative; line-height: 2.14; } #footer .ft_info ul li::after { content:""; display: inline-block; width:1px; height: 13px; background:#a2a2a2; margin:0 10px; position:relative; top:1px; } #footer .ft_info ul li:nth-last-child(2)::after { display: none; } #footer .ft_info ul li:last-child::after { display: none; } #top_btn { position:fixed; bottom:20px; right:20px; width:50px; height:50px; line-height:46px; border:1px solid #000; color:#000; text-align:center; font-size:15px; z-index:90; background:rgba(255,255,255,0.5); transition: all 0.3s ease; } #top_btn:hover { border-color:#e30613; background:#e30613; color:#fff} /* media query */ @media screen and (max-width: 1780px) { /* common */ .con_inner { max-width: 100%; padding:0 80px; } } @media screen and (max-width: 1520px) { /* common */ .sm_inner { max-width: 100%; padding:0 60px; } /* contact */ #contact_us .check_list { justify-content: space-between; } #contact_us .check_list li + li { margin-left: 20px; } } @media screen and (max-width: 1500px) { /* common */ .con_inner { padding:0 60px; } /* footer */ #footer .ft_box a { width: 150px; } #footer .ft_info { width: calc(100% - 330px); } #footer .ft_info ul li:last-child::before { display: inline-block; } } @media screen and (max-width: 1300px) { /* common */ .main_title { font-size: 50px; } /* contact */ #contact_us .check_list { flex-wrap: wrap; justify-content: flex-start; } #contact_us .check_list li { margin:5px 10px; } #contact_us .check_list input[type="checkbox"] + label { padding-left: 28px; } #contact_us .check_list input[type="checkbox"] + label::before { width: 20px; height: 20px; top:2px; } /* footer */ #footer .ft_left { flex-direction: column; } #footer .ft_left .ft_cs { margin:0 50px 50px 0; } #footer .ft_info ul li:nth-last-child(2)::after { display: inline-block; } } @media screen and (max-width: 1100px) { /* common */ .con_inner { padding:0 40px; } .sm_inner { padding:0 40px; } .main_title { font-size: 45px; } /* contact */ #contact_us { padding: 80px 0; } #contact_us .title_area p { margin: 30px 0 0; font-size: 26px; } #contact_us .form_submit { width: 300px; height: 60px; font-size: 20px; line-height: 58px; } #contact_us .form_submit img { width: 15px; } /* footer */ #footer .ft_sitemap { display: none; } #footer .ft_top { flex-direction: column; padding: 40px 0; align-items: center; justify-content: center; } #footer .ft_left { margin: 0 0 20px; text-align: center; flex-direction: row; } #footer .ft_left .ft_cs { margin: 0; padding:0 30px; } #footer .ft_cs .btn_cs { display: none; } #footer .ft_bank ul { display: flex; } #footer .ft_bank li { padding:0 30px !important; border-left: 1px solid #ddd; } #footer .ft_bank li + li { border-top: 0; margin:0; text-align: center; } #footer .ft_bot { padding: 30px 0 40px; flex-wrap: wrap; justify-content: center; } #footer .ft_info { width: 100%; margin:0 0 20px; order:1; } #footer .ft_info ul { justify-content: center; } #footer .ft_copy { order:2; } } @media screen and (max-width: 767px) { /* common */ .con_inner { padding:0 20px; } .sm_inner { padding:0 20px; } .main_title { font-size: 38px; } /* contact */ #contact_us { padding: 60px 0; } #contact_us .title_area p { margin: 20px 0 0; font-size: 18px; word-break: keep-all; letter-spacing: -1.2px} #contact_us .title_area h5 { font-size: 14px; word-break: keep-all; letter-spacing: -1.2px; margin-bottom: 60px;} #contact_us .form_area { margin: 35px 0 0; } #contact_us .contact_form h3 { font-size: 20px; margin: 0 0 20px; } #contact_us .input_list li { width: calc(50% - 5px) !important; margin:0 0 10px !important; font-size: 15px; } #contact_us .input_list input[type="text"] { padding: 0 15px; height: 48px; } #contact_us .input_list input[type="text"]::placeholder { font-size: 15px; } #contact_us textarea { height: 120px; padding:15px; } #contact_us textarea::placeholder { font-size: 15px; } #contact_us .check_list { margin: 20px 0; justify-content: flex-start; } #contact_us .check_list li { width:50%; margin:0 0 5px !important; } #contact_us .check_list input[type="checkbox"] + label { font-size: 14px; padding-left: 22px; } #contact_us .check_list input[type="checkbox"] + label::before { width: 15px; height: 15px; } #contact_us .check_list input[type="checkbox"]:checked + label::before { background-size: 8px auto; } #contact_us .check_list .mob { display: none; } #contact_us .form_opt { margin:30px 0; } #contact_us .form_submit { width: 200px; height: 50px; font-size: 17px; line-height: 48px; } /* footer */ #footer .con_inner { font-size: 13px; } #footer .ft_tit { font-size: 16px; margin: 0 0 10px; } #footer .ft_top { padding: 30px 0 20px; } #footer .ft_left { flex-direction: column; width: 100%; margin: 0 0 30px } #footer .ft_left .ft_cs { margin: 0 0 25px; padding: 0; } #footer .ft_cs .cs_tel { font-size: 20px; margin: 0 0 8px; } #footer .ft_bank ul { } #footer .ft_bank li { width: 50%; padding: 0 15px !important; } #footer .ft_bank li:first-child { border-left: 0; } #footer .ft_bank p { font-size: 14px; } #footer .ft_box { flex-wrap: wrap; justify-content: center; } #footer .ft_box li + li { margin-left: 0; } #footer .ft_box li { width:calc(50% - 10px); margin-right: 10px; margin-bottom: 10px; } #footer .ft_box a { width: 100%; } #footer .ft_box li:nth-child(2n) { margin-right: 0; } #footer .ft_bot { text-align: center; padding: 20px 0 30px; } #footer .ft_info ul li { line-height: 23px; } #top_btn { width:45px; height:45px; line-height:41px; } } @media screen and (max-width:390px) { #contact_us .title_area p { margin: 20px 0 50px; font-size: 17px; word-break: keep-all; letter-spacing: -1.2px;} #contact_us .contact_form h3 { font-size: 16px; margin: 0 0 20px; letter-spacing: -1px;} #contact_us .title_area h5 { display:none; } } </style> </head> <body oncontextmenu="return false;"> <div id="wrap" class="container-fluid">  <header> <div class="container-fluid" style="background:#5c00e4; "> <div id="header" class="main"> <div class="header_inner"> <div id="hd_left"> <div class="hd_logo"> <a href="/"><img src="/themes/dwebs2023/img/common/logo.png" alt="홈으로 이동" /></a> </div> </div> <div id="hd_center"> <nav id="hd_nav"> <ul class="gnb"> <li> <a href="https://www.dwebs.kr/about">회사소개</a> <ul class="snb"> <li><a href="https://www.dwebs.kr/about?section=about">About</a></li> <li><a href="https://www.dwebs.kr/about?section=ci">CI</a></li> <li><a href="https://www.dwebs.kr/about?section=info">Business Info</a></li> <li><a href="https://www.dwebs.kr/about?section=about_history">History</a></li> <li><a href="https://www.dwebs.kr/about?section=location">오시는 길</a></li> </ul> </li> <li> <a href="https://www.dwebs.kr/portfolios">포트폴리오</a> <ul class="snb"> <li><a href="https://www.dwebs.kr/portfolios?category=1">기업</a></li> <li><a href="https://www.dwebs.kr/portfolios?category=11">건설/건축/인테리어</a></li> <li><a href="https://www.dwebs.kr/portfolios?category=8">프랜차이즈</a></li> <li><a href="https://www.dwebs.kr/portfolios?category=9">대학교/연구실/학과</a></li> <li><a href="https://www.dwebs.kr/portfolios?category=10">병원/동물병원/한의원</a></li> <li><a href="https://www.dwebs.kr/portfolios?category=2">공공/단체/협회/학원</a></li> <li><a href="https://www.dwebs.kr/portfolios?category=6">템플릿 (샘플시안 선택형)</a></li> <li><a href="https://www.dwebs.kr/portfolios?category=7">템플릿 (카페24 쇼핑몰)</a></li> </ul> </li> <li> <a href="https://www.dwebs.kr/homepage">홈페이지제작</a> <ul class="snb"> <li><a href="https://www.dwebs.kr/homepage">홈페이지제작 방식 안내</a></li> <li><a href="https://www.dwebs.kr/homepage/process">계약 및 진행 절차</a></li> <li><a href="https://www.dwebs.kr/homepage/guide">자료 전달 방법</a></li> </ul> </li> <li> <a href="https://www.dwebs.kr/price/homepage">비용안내</a> <ul class="snb"> <li><a href="https://www.dwebs.kr/price/homepage">홈페이지제작 비용</a></li> <li><a href="https://www.dwebs.kr/price/as">유지보수 비용 (유상)</a></li> <li><a href="https://www.dwebs.kr/price/common">공통적용 서비스 (무상)</a></li> </ul> </li> <li> <a href="https://www.dwebs.kr/ascenter">유지보수 신청</a> <ul class="snb"> <li><a href="https://www.dwebs.kr/ascenter">실시간 유지보수 현황</a></li> <li><a href="https://www.dwebs.kr/ascenter/guide">A/S 유지보수 접수 방법</a></li> </ul> </li> <li> <a href="https://www.dwebs.kr/cscenter">고객센터</a> <ul class="snb"> <li><a href="https://www.dwebs.kr/cscenter">고객센터</a></li> <li><a href="https://www.dwebs.kr/notice">공지사항</a></li> </ul> </li> </ul> </nav> </div> <div id="hd_right"> <div class="hd_contact"> <a href="javascript:move_scroll_y('#contact_us', 0);"> <img src="/themes/dwebs2023/img/common/hd_squ.png" class="icon_sq" /> <b><span>빠른 </span>견적문의</b> <img src="/themes/dwebs2023/img/common/arrow_w.png" class="icon_arrow"/> </a> </div> <div class="hd_sitemap"> <button type="button" id="btn_sitemap"></button> </div> </div> </div> </div> <div id="sitemap_wrap"> <div class="dimmed"></div> <div class="sitemap_inner"> <div class="close_area"> <button type="button" class="map_close"><i class="xi-close"></i></button> <b>close window</b> </div> <div class="con_area"> <div class="flex_wrap"> <div class="l_side"> <div class="logo"><img src="/themes/dwebs2023/img/common/logo.png" /></div> <div class="mob_only"> <ul class="top_btn"> <li><a href="https://www.dwebs.kr/login">로그인 <img src="/themes/dwebs2023/img/common/arrow_w.png" /></a></li> <li><a href="https://www.dwebs.kr/agree">회원가입 <img src="/themes/dwebs2023/img/common/arrow_w.png" /></a></li> </ul> </div> <nav id="map_nav"> <ul class="gnb"> <li> <a href="https://www.dwebs.kr/about">회사소개</a> <ul class="snb"> <li><a href="https://www.dwebs.kr/about?section=about">About</a></li> <li><a href="https://www.dwebs.kr/about?section=ci">CI</a></li> <li><a href="https://www.dwebs.kr/about?section=info">Business Info</a></li> <li><a href="https://www.dwebs.kr/about?section=about_history">History</a></li> <li><a href="https://www.dwebs.kr/about?section=location">오시는 길</a></li> </ul> </li> <li> <a href="https://www.dwebs.kr/portfolios">포트폴리오</a> <ul class="snb"> <li><a href="https://www.dwebs.kr/portfolios?category=1">기업</a></li> <li><a href="https://www.dwebs.kr/portfolios?category=11">건설/건축/인테리어</a></li> <li><a href="https://www.dwebs.kr/portfolios?category=8">프랜차이즈</a></li> <li><a href="https://www.dwebs.kr/portfolios?category=9">대학교/연구실/학과</a></li> <li><a href="https://www.dwebs.kr/portfolios?category=10">병원/동물병원/한의원</a></li> <li><a href="https://www.dwebs.kr/portfolios?category=2">공공/단체/협회/학원</a></li> <li><a href="https://www.dwebs.kr/portfolios?category=6">템플릿 (샘플시안 선택형)</a></li> <li><a href="https://www.dwebs.kr/portfolios?category=7">템플릿 (카페24 쇼핑몰)</a></li> </ul> </li> <li> <a href="https://www.dwebs.kr/homepage">홈페이지제작</a> <ul class="snb"> <li><a href="https://www.dwebs.kr/homepage">홈페이지제작 방식 안내</a></li> <li><a href="https://www.dwebs.kr/homepage/process">계약 및 진행 절차</a></li> <li><a href="https://www.dwebs.kr/homepage/guide">자료 전달 방법</a></li> </ul> </li> <li> <a href="https://www.dwebs.kr/price/homepage">비용안내</a> <ul class="snb"> <li><a href="https://www.dwebs.kr/price/homepage">홈페이지제작 비용</a></li> <li><a href="https://www.dwebs.kr/price/as">유지보수 비용 (유상)</a></li> <li><a href="https://www.dwebs.kr/price/common">공통적용 서비스 (무상)</a></li> </ul> </li> <li> <a href="https://www.dwebs.kr/ascenter">유지보수 신청</a> <ul class="snb"> <li><a href="https://www.dwebs.kr/ascenter">실시간 유지보수 현황</a></li> <li><a href="https://www.dwebs.kr/ascenter/guide">A/S 유지보수 접수 방법</a></li> </ul> </li> <li> <a href="https://www.dwebs.kr/cscenter">고객센터</a> <ul class="snb"> <li><a href="https://www.dwebs.kr/cscenter">고객센터</a></li> <li><a href="https://www.dwebs.kr/notice">공지사항</a></li> </ul> </li> </ul> </nav> </div> <div class="r_side"> <ul class="top_btn"> <li><a href="https://www.dwebs.kr/login">로그인 <img src="/themes/dwebs2023/img/common/arrow_w.png" /></a></li> <li><a href="https://www.dwebs.kr/agree">회원가입 <img src="/themes/dwebs2023/img/common/arrow_w.png" /></a></li> </ul> <div class="bot_info"> <ul class="num_list"> <li> <strong>Bank Info</strong> <p>신한 110-452-924992</p> <small>예금주: 최명진(디웹스)</small> </li> <li> <strong>Customer Center</strong> <p>02-2135-2305</p> <small>AM 10:00 ~ PM 06:00</small> </li> </ul> <ul class="policy_btn_list"> <li><a href="https://www.dwebs.kr/agreement/terms">이용약관</a></li> <li><a href="https://www.dwebs.kr/agreement/privacypolicy">개인정보취급방침</a></li> <li><a href="https://www.dwebs.kr/cscenter">이용안내</a></li> <li><a href="javascript:popup_window('/tosspayments', 'payment', '760px', '670px', '100px', '10px' );">결제하기</a></li> </ul> </div> </div> </div> </div> </div> </div> </div> </header>  <article> <div class="container-fluid"> <div class="row container_wrap"> <div class="row"> <div id="common" class="subpage"> <section id="top"> <article class="sub_inner"> <div class="flex"> <h2 class="big_title"><span>공통적용</span> 서비스</h2> <ul class="link_list"> <li><a href="https://www.dwebs.kr/homepage/guide" class="btn_type type_b">자료 전달 방법 안내 <i><img src="/themes/dwebs2023/img/common/ico_dcmt.png"></i></a></li> <li><a href="https://www.dwebs.kr/homepage/process" class="btn_type type_r">계약 진행 절차 및 안내 <i><img src="/themes/dwebs2023/img/common/arrow_w.png"></i></a></li> </ul> </div> <div class="icon_cont"> <ul > <li> <i><img src="/themes/dwebs2023/img/price/common/common_icon1.png" /></i> <h3>도메인 1년 기본 포함</h3> <p> .com, .co.kr 등의 국제도메인 비용<br /> 1년치가 제작비에 포함되어 있습니다. </p> </li> <li> <i><img src="/themes/dwebs2023/img/price/common/common_icon2.png" /></i> <h3>웹호스팅 1년 기본 포함</h3> <p> 처음 1년치 웹호스팅 비용이 제작비에<br /> 포함되어 있습니다. </p> </li> <li> <i><img src="/themes/dwebs2023/img/price/common/common_icon3.png" /></i> <h3>유지보수, A/S 1년 기본 포함</h3> <p> 처음 1년치 유지보수 및 A/S 비용이<br /> 제작비에 포함되어 있습니다. </p> </li> <li> <i><img src="/themes/dwebs2023/img/price/common/common_icon4.png" /></i> <h3>고해상도 유료 이미지사용</h3> <p> 정식라이선스 계약을 맺은 이미지 공급사의<br /> 고해상도 유료 이미지를 사용합니다. </p> </li> <li> <i><img src="/themes/dwebs2023/img/price/common/common_icon5.png" /></i> <h3>검색엔진 최적화(등록) 서비스</h3> <p> 검색엔진 사이트 등록 서비스를 무료로<br /> 진행해 드립니다. </p> </li> </ul> </div> </article> </section> <section id="sec1"> <article class="top_title sub_inner"> <h2><b>다양한 게시판 스킨</b></h2> <h3>일반 리스트형, 겔러리형, 개발형 등등 다양한 게시판 샘플이 준비되어 있습니다.</h3> <p> 다양한 업종의 홈페이지 제작 경험을 바탕으로 업체분들이 가장 선호하시는 유형의 게시판 스킨을 미리 준비하였습니다.<br /> 제작 진행시 원하시는 게시판으로 세팅해 드립니다. (추가비용 없음) </p> </article> <article class="content sub_inner"> <ul class="gallery_list"> <li class="gallery_item"> <a class="colorbox_img" href="/themes/dwebs2023/img/price/common/co_s1_img1.jpg"> <img src="/themes/dwebs2023/img/price/common/co_s1_img1.jpg" /> <div class="txt"> <h4>게시판 샘플 1</h4> </div> <div class="hv_plus"><i class="xi-expand "></i></div> </a> </li> <li class="gallery_item"> <a class="colorbox_img" href="/themes/dwebs2023/img/price/common/co_s1_img2.jpg"> <img src="/themes/dwebs2023/img/price/common/co_s1_img2.jpg" /> <div class="txt"> <h4>게시판 샘플 2</h4> </div> <div class="hv_plus"><i class="xi-expand "></i></div> </a> </li> <li class="gallery_item"> <a class="colorbox_img" href="/themes/dwebs2023/img/price/common/co_s1_img3.jpg"> <img src="/themes/dwebs2023/img/price/common/co_s1_img3.jpg" /> <div class="txt"> <h4>게시판 샘플 3</h4> </div> <div class="hv_plus"><i class="xi-expand "></i></div> </a> </li> <li class="gallery_item"> <a class="colorbox_img" href="/themes/dwebs2023/img/price/common/co_s1_img4.jpg"> <img src="/themes/dwebs2023/img/price/common/co_s1_img4.jpg" /> <div class="txt"> <h4>게시판 샘플 4</h4> </div> <div class="hv_plus"><i class="xi-expand "></i></div> </a> </li> <li class="gallery_item"> <a class="colorbox_img" href="/themes/dwebs2023/img/price/common/co_s1_img5.jpg"> <img src="/themes/dwebs2023/img/price/common/co_s1_img5.jpg" /> <div class="txt"> <h4>게시판 샘플 5</h4> </div> <div class="hv_plus"><i class="xi-expand "></i></div> </a> </li> <li class="gallery_item"> <a class="colorbox_img" href="/themes/dwebs2023/img/price/common/co_s1_img6.jpg"> <img src="/themes/dwebs2023/img/price/common/co_s1_img6.jpg" /> <div class="txt"> <h4>게시판 샘플 6</h4> </div> <div class="hv_plus"><i class="xi-expand "></i></div> </a> </li> <li class="gallery_item"> <a class="colorbox_img" href="/themes/dwebs2023/img/price/common/co_s1_img7.jpg"> <img src="/themes/dwebs2023/img/price/common/co_s1_img7.jpg" /> <div class="txt"> <h4>게시판 샘플 7</h4> </div> <div class="hv_plus"><i class="xi-expand "></i></div> </a> </li> <li class="gallery_item"> <a class="colorbox_img" href="/themes/dwebs2023/img/price/common/co_s1_img8.jpg"> <img src="/themes/dwebs2023/img/price/common/co_s1_img8.jpg" /> <div class="txt"> <h4>게시판 샘플 8</h4> </div> <div class="hv_plus"><i class="xi-expand "></i></div> </a> </li> <li class="gallery_item"> <a class="colorbox_img" href="/themes/dwebs2023/img/price/common/co_s1_img9.jpg"> <img src="/themes/dwebs2023/img/price/common/co_s1_img9.jpg" /> <div class="txt"> <h4>게시판 샘플 A</h4> </div> <div class="hv_plus"><i class="xi-expand "></i></div> </a> </li> <li class="gallery_item"> <a class="colorbox_img" href="/themes/dwebs2023/img/price/common/co_s1_img10.jpg"> <img src="/themes/dwebs2023/img/price/common/co_s1_img10.jpg" /> <div class="txt"> <h4>게시판 샘플 B</h4> </div> <div class="hv_plus"><i class="xi-expand "></i></div> </a> </li> <li class="gallery_item"> <a class="colorbox_img" href="/themes/dwebs2023/img/price/common/co_s1_img11.jpg"> <img src="/themes/dwebs2023/img/price/common/co_s1_img11.jpg" /> <div class="txt"> <h4>게시판 샘플 C</h4> </div> <div class="hv_plus"><i class="xi-expand "></i></div> </a> </li> <li class="gallery_item"> <a class="colorbox_img" href="/themes/dwebs2023/img/price/common/co_s1_img12.jpg"> <img src="/themes/dwebs2023/img/price/common/co_s1_img12.jpg" /> <div class="txt"> <h4>게시판 샘플 D</h4> </div> <div class="hv_plus"><i class="xi-expand "></i></div> </a> </li> <li class="gallery_item"> <a class="colorbox_img" href="/themes/dwebs2023/img/price/common/co_s1_img13.jpg"> <img src="/themes/dwebs2023/img/price/common/co_s1_img13.jpg" /> <div class="txt"> <h4>게시판 샘플 E</h4> </div> <div class="hv_plus"><i class="xi-expand "></i></div> </a> </li> <li class="gallery_item"> <a class="colorbox_img" href="/themes/dwebs2023/img/price/common/co_s1_img14.jpg"> <img src="/themes/dwebs2023/img/price/common/co_s1_img14.jpg" /> <div class="txt"> <h4>게시판 샘플 F</h4> </div> <div class="hv_plus"><i class="xi-expand "></i></div> </a> </li> </ul> </article> </section> </div> </div> </div> </div> </article>  <footer> <div class="container-fluid"> <div id="contact_us"> <div class="sm_inner"> <div class="title_area"> <h2 class="main_title">Contact Us</h2> <p>견적요청, 홈페이지제작, 기타 문의, <b>무엇이든 물어보세요 :)</b></p> <h5 class="mt15" style="color:#999"><span class="fonti um-envelope-minus-o" style="font-size:18px;"></span> 문의를 남겨주시면 최대한 빠르게 답변을 드리겠습니다.</h5> </div> <div class="form_area"> <form role="form" id="contact_form" class="contact_form" name="form" method="post" action="/form" enctype="multipart/form-data" onsubmit="return form_check(this);"> <input type="hidden" name="_token" value="wKZihcS0MvKzdVr38ekwIZbL4IL35VWBSw0E8FjL"> <div class="form_rqd"> <h3 id="form_rqd_title" class="per0">필수입력<div class="percentBox"><span>0/5</span><div class="arrow"></div></div></h3> <ul class="input_list"> <li><input type="text" name="business_name" value="" id="business_name" class="form-data-point" onkeyup="sum_contact_form_point()" required placeholder="상호" tabindex="1" /></li> <li><input type="text" name="writer" value="" id="writer" class="form-data-point" onkeyup="sum_contact_form_point()" required placeholder="담당자" tabindex="2" /></li> <li><input type="text" name="email" value="" id="email" class="form-data-point" onkeyup="sum_contact_form_point()" required placeholder="이메일 입력 예: test@naver.com" tabindex="3" /></li> <li><input type="text" name="phone" value="" id="phone" class="form-data-point" onkeyup="formatPhoneNumber(this); sum_contact_form_point();" required placeholder="휴대폰 번호 입력 예: 010-1234-5678" tabindex="4" /></li> </ul> <ul class="check_list"> <li> <input type="checkbox" class="css-checkbox" name="subject[]" value="반응형홈페이지" id="checkbox_1" checked/> <label for="checkbox_1">반응형 홈페이지</label> </li> <li> <input type="checkbox" class="css-checkbox" name="subject[]" value="PC + MOBILE 홈페이지 제작" id="checkbox_2" /> <label for="checkbox_2">PC + MOBILE 홈페이지 <span class="mob">제작</span></label> </li> <li> <input type="checkbox" class="css-checkbox" name="subject[]" value="PC 단독 홈페이지 제작" id="checkbox_3" /> <label for="checkbox_3">PC 단독 홈페이지 제작</label> </li> <li> <input type="checkbox" class="css-checkbox" name="subject[]" value="쇼핑몰 제작" id="checkbox_4" /> <label for="checkbox_4">쇼핑몰 제작</label> </li> <li> <input type="checkbox" class="css-checkbox" name="subject[]" value="템플릿 홈페이지제작" id="checkbox_5" /> <label for="checkbox_5">템플릿 홈페이지제작</label> </li> <li> <input type="checkbox" class="css-checkbox" name="subject[]" value="OnePage 제작" id="checkbox_6" /> <label for="checkbox_6">OnePage 제작</label> </li> <li> <input type="checkbox" class="css-checkbox" name="subject[]" value="기타문의" id="checkbox_7" /> <label for="checkbox_7">기타문의</label> </li> </ul> <div class="txt_area"> <textarea name="content" id="content" class="form-data-point" onkeyup="sum_contact_form_point()" required placeholder="문의내용" tabindex="5"></textarea> </div> </div> <div class="form_opt"> <h3 class="per0">선택입력</h3> <ul class="input_list"> <li><input type="text" name="ex1" value="" placeholder="기존 사이트 URL" tabindex="6" /></li> <li><input type="text" name="ex2" value="" placeholder="참고 사이트 URL" tabindex="7" /></li> <li> <select name="ex3" id="ex3" tabindex="8"> <option value="" selected>가용 예산</option> <option value="1000 만원 이상" >1000 만원 이상</option> <option value="500 만원 ~ 1000 만원" >500 만원 ~ 1000 만원</option> <option value="300 만원 ~ 500 만원" >300 만원 ~ 500 만원</option> <option value="100 만원 ~ 300 만원" >100 만원 ~ 300 만원</option> <option value="100 만원 이하" >100 만원 이하</option> </select> </li> <li> <select name="ex4" id="ex4" tabindex="9"> <option value="" selected>예상 페이지 수</option> <option value="30 ~ 페이지 이상" >30 ~ 페이지 이상</option> <option value="20 ~ 30 페이지" >20 ~ 30 페이지</option> <option value="10 ~ 20 페이지" >10 ~ 20 페이지</option> <option value="5 ~ 10 페이지" >5 ~ 10 페이지</option> <option value="1 ~ 5 페이지" >1 ~ 5 페이지</option> </select> </li> </ul> </div> <button type="submit" id="contact_form_submit_btn" class="form_submit">견적 문의하기<img src="/themes/dwebs2023/img/common/arrow_big_w.png" class="icon_arrow"/></button> </form> </div> </div> </div> <div id="footer"> <div class="con_inner"> <div class="ft_top"> <div class="ft_left"> <div class="ft_cs"> <h2 class="ft_tit">CUSTOMER CENTER</h2> <p class="cs_tel">02-2135-2305</p> <p>AM 10:00 ~ PM 06:00</p> <a href="#" class="btn_cs">프로젝트 의뢰하기 <i class="xi-devices"></i></a> </div> <div class="ft_bank"> <ul> <li> <h2 class="ft_tit">BANK INFO</h2> <p>신한 110-452-924992<br>예금주: 최명진(디웹스)</p> </li> <li> <h2 class="ft_tit">Tax bill</h2> <p>세금계산서 발행/요청</p> <p>dwebs1@naver.com</p> </li> </ul> </div> </div> <div class="ft_right"> <ul class="ft_sitemap"> <li> <a href="https://www.dwebs.kr/about">회사소개</a> <ul> <li><a href="https://www.dwebs.kr/about?section=about">About</a></li> <li><a href="https://www.dwebs.kr/about?section=ci">CI</a></li> <li><a href="https://www.dwebs.kr/about?section=info">Business Info</a></li> <li><a href="https://www.dwebs.kr/about?section=about_history">History</a></li> <li><a href="https://www.dwebs.kr/about?section=location">오시는 길</a></li> </ul> </li> <li> <a href="https://www.dwebs.kr/portfolios">포트폴리오</a> <ul> <li><a href="https://www.dwebs.kr/portfolios?category=1">기업</a></li> <li><a href="https://www.dwebs.kr/portfolios?category=11">건설/건축/인테리어</a></li> <li><a href="https://www.dwebs.kr/portfolios?category=8">프랜차이즈</a></li> <li><a href="https://www.dwebs.kr/portfolios?category=9">대학교/연구실/학과</a></li> <li><a href="https://www.dwebs.kr/portfolios?category=10">병원/동물병원/한의원</a></li> <li><a href="https://www.dwebs.kr/portfolios?category=2">공공/단체/협회/학원</a></li> <li><a href="https://www.dwebs.kr/portfolios?category=6">템플릿 (샘플시안 선택형)</a></li> <li><a href="https://www.dwebs.kr/portfolios?category=7">템플릿 (카페24 쇼핑몰)</a></li> </ul> </li> <li> <a href="https://www.dwebs.kr/homepage">홈페이지제작</a> <ul> <li><a href="https://www.dwebs.kr/homepage">홈페이지제작 방식 안내</a></li> <li><a href="https://www.dwebs.kr/homepage/process">계약 및 진행 절차</a></li> <li><a href="https://www.dwebs.kr/homepage/guide">자료 전달 방법</a></li> </ul> </li> <li> <a href="https://www.dwebs.kr/price/homepage">비용안내</a> <ul> <li><a href="https://www.dwebs.kr/price/homepage">홈페이지제작 비용</a></li> <li><a href="https://www.dwebs.kr/price/as">유지보수 비용 (유상)</a></li> <li><a href="https://www.dwebs.kr/price/common">공통적용 서비스 (무상)</a></li> </ul> </li> <li> <a href="https://www.dwebs.kr/ascenter">유지보수 신청</a> <ul> <li><a href="https://www.dwebs.kr/ascenter">실시간 유지보수 현황</a></li> <li><a href="https://www.dwebs.kr/ascenter/guide">A/S 유지보수 접수 방법</a></li> </ul> </li> <li> <a href="https://www.dwebs.kr/cscenter">고객센터</a> <ul> <li><a href="https://www.dwebs.kr/cscenter">고객센터</a></li> <li><a href="https://www.dwebs.kr/notice">공지사항</a></li> </ul> </li> <li> <a href="https://www.dwebs.kr/mypage">가입서비스</a> <ul> <li> <a href="https://www.dwebs.kr/login">로그인</a> </li> <li> <a href="https://www.dwebs.kr/agree">회원가입</a> </li> <li> <a href="https://www.dwebs.kr/password/reset">비밀번호 찾기</a> </li> </ul> </li> </ul> <ul class="ft_box"> <li><a href="https://www.dwebs.kr/agreement/terms">이용약관</a></li> <li><a href="https://www.dwebs.kr/agreement/privacypolicy">개인정보취급방침</a></li> <li><a href="https://www.dwebs.kr/cscenter">이용안내</a></li> <li><a href="javascript:popup_window('/tosspayments', 'payment', '760px', '670px', '100px', '10px' );">결제하기</a></li> </ul> </div> </div> <div class="ft_bot"> <div class="ft_copy"> COPYRIGHTⓒ 디웹스 All rights reserved. </div> <div class="ft_info"> <ul> <li>상호 : 디웹스</li> <li>사업자 등록번호 : 292-18-00185</li> <li>Mail : dwebs1@naver.com</li> <li>Fax : 02-6442-2304</li> <li>통신판매번호 : 2016-서울금천-0167</li> <li>주소 : 서울 금천구 서부샛길 606 대성디폴리스 A동 1011-2 DWEBS</li> </ul> </div> </div> </div> </div> <button type="button" id="top_btn" onclick="move_scroll_y('html',0)"><i class="xi-arrow-up"></i></button> </div> </footer> </div> <script src='/common/bootstrap3/js/app.js?id=d4c55ba660431586ff8a'></script> <script src='https://www.dwebs.kr/common/js/common.js?v=240321a'></script> <script src='https://www.dwebs.kr/lib/plugin/bootstrap-datetimepicker/moment-with-locales.js'></script> <script src='https://www.dwebs.kr/lib/plugin/bootstrap-datetimepicker/bootstrap-datetimepicker.min.js'></script> <script src='https://www.dwebs.kr/lib/plugin/colorbox-master/jquery.colorbox.js'></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/holder/2.9.6/holder.min.js"></script> <script src='https://www.dwebs.kr/themes/dwebs2023/js/scrollAnimation.js'></script> <script src="//cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/waypoints/4.0.1/jquery.waypoints.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/smoothscroll/1.4.10/SmoothScroll.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/sweetalert/2.1.2/sweetalert.min.js" integrity="sha512-AA1Bzp5Q0K1KanKKmvN/4d3IRKVlv9PYgwFPvm32nPO6QS8yH1HO7LbgB1pgiOxPtfeg5zEn2ba64MUcqJx6CA==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>  <script src="https://unpkg.com/masonry-layout@4/dist/masonry.pkgd.min.js"></script> <script> $('.gallery_list').masonry({ itemSelector: '.gallery_item', columnWidth: '.gallery_item', percentPosition: true, gutter: 40, horizontalOrder: true, // originLeft: false //왼쪽부터 정렬 // originTop: false //바닥부터 // transitionDuration: '0.2s' //위치 전환 시간 }); var cboxOptions = { // width: '100%', // height: '100%', maxWidth: '100%', // maxHeight: '100%', rel:'colorbox_img', //slideshow:true } $(".colorbox_img").colorbox(cboxOptions); $(window).resize(function(){ $.colorbox.resize({ width: window.innerWidth > parseInt(cboxOptions.maxWidth) ? cboxOptions.maxWidth : cboxOptions.width, height: window.innerHeight > parseInt(cboxOptions.maxHeight) ? cboxOptions.maxHeight : cboxOptions.height }); }); </script> <script> $(document).ready(function () { $("#btn_sitemap").on("click", function () { $(".dimmed").fadeIn('fast'); $("#sitemap_wrap").fadeIn('fast'); }); $(".dimmed, .map_close").on("click", function () { $(".dimmed").fadeOut('fast'); $("#sitemap_wrap").fadeOut('fast'); }); }); </script> <script> $(window).scroll(function(e) { /* if($(this).scrollTop() > 1) { $('body').addClass('scrolled'); } else { $('body').removeClass('scrolled'); } */ setTimeout(function() { if($(this).scrollTop() > 1) { $('body').addClass('scrolled'); } else { $('body').removeClass('scrolled'); } // console.log('timeout 500'); }, 500); }); $(document).ready(function () { $('#header .gnb > li').mouseenter(function(e) { $(this).find('.snb').stop().slideDown(200); $(this).addClass('active'); }); $('#header .gnb > li').mouseleave(function(e) { $(this).find('.snb').stop().slideUp(200); $(this).removeClass('active'); }); }); </script> <script> // 폼 서브밋 function form_check(form){ if (!form.business_name.value) { swal("상호를 입력하세요."); form.business_name.focus(); return false; } if (!form.writer.value) { swal("담당자명을 입력하세요."); form.writer.focus(); return false; } if (!checkEmail(form.email.value)) { swal("E-mail 주소를 올바르게 입력하세요."); form.email.focus(); return false; } if (!checkPhonNumber(form.phone.value)) { swal("휴대전화번호를 010-1234-5678과 같이 - 기호를 포함하여 입력해 주세요."); form.phone.focus(); return false; } if (get_checkbox_checked_count('css-checkbox') <= 0) { swal("문의 유형을 최소 한가지는 선택하세요."); $("#checkbox_1").focus(); return false; } if (!form.content.value) { swal("내용을 입력하세요."); form.content.focus(); return false; } return true; } function auto_check_form(form, selector, msg = '') { move_scroll_y('#contact_us', 0); checkbox_all_check(false, form+" "+"input"); $(selector).trigger('click'); if(msg !=='') { if($(form).find("textarea").val() !=='') { swal({ title: "작성 하시던 문의가 있습니다.", text: "OK를 선택하시면 문의 하시던 항목중 내용란이 지워지고 선택하신 내용으로 다시 채워집니다.", icon: "warning", buttons: true, dangerMode: true, }).then((willDelete) => { if (willDelete) { $(form).find("textarea").val(msg); } else { console.log(2); } }); } else { $(form).find("textarea").val(msg); } } } /*** * 20221214 mj */ function sum_contact_form_point() { let fully_input_count = 0; let total_input_count = 0; // 계산을 위해 특정 클래스 선언한 인풋들만 반복 $(".form-data-point").each(function (e) { if ( $(this).val()!== null && $(this).val() !== undefined && $(this).val()!== '') { fully_input_count += 1; } total_input_count += 1; }); // 값을 가지고 레벨 표시 함수 호출 form_point_gagebar(fully_input_count, total_input_count) } /*** * 20221214 mj */ function form_point_gagebar(fully_input_count, total_input_count) { let target = $("#form_rqd_title"); // 효과를 줄 h3 태그 지정 let target_after_margin_left = 140; // css 에서 선언한 h3 태그 after 라인이 그려질 left 시작 위치 let percentBoxStartX = 125; // css 에서 선언한 percentBox left 시작 위치 let target_real_width = target.width() - target_after_margin_left; let percent_value = (100 * fully_input_count) / total_input_count; let percentClassName = 'per'+String(percent_value); //'.per20, per40, per60' 등과 같은 css 에서 선언한 클래스 문자열을 addClass 하기 위한 문자열 생성. // let percentText = String(percent_value)+'%'; //'20%' let percentText = String((percent_value * total_input_count) / 100)+"/"+String(total_input_count); // 출력 문자열 생성 '1/5' let move_px = ((target_real_width * percent_value) / 100) + percentBoxStartX; // 이동값 계산 target.removeClass().addClass(percentClassName).find(".percentBox>span").text(percentText); target.find(".percentBox").css("left", String(move_px)+"px"); // $("#contact_form_submit_btn").removeClass("animate__animated animate__rubberBand"); $("#contact_form_submit_btn").removeClass("animate__animated animate__bounce"); if (percent_value === 100) { animateFormBtn(); } } function animateFormBtn(){ // $("#contact_form_submit_btn").addClass("animate__animated animate__rubberBand"); $("#contact_form_submit_btn").addClass("animate__animated animate__bounce"); } </script> <div id="javascript" style="font-size:0px; border:0px;"> <p align="center"> <a href="https://www.dwebs.kr" target="_blank">웹사이트제작</a> -웹사이트제작 </p> <p align="center"> <a href="https://www.dwebs.kr" target="_blank">웹사이트제작회사</a> -웹사이트제작회사 </p> <p align="center"> <a href="https://www.dwebs.kr" target="_blank">웹사이트제작업체</a> -웹사이트제작업체 </p> <p align="center"> <a href="https://www.dwebs.kr" target="_blank">반응형웹사이트제작</a> -반응형웹사이트제작 </p> <p align="center"> <a href="https://www.dwebs.kr" target="_blank">반응형기업사이트제작</a> -반응형기업사이트제작 </p> <p align="center"> <a href="https://www.dwebs.kr" target="_blank">반응형웹제작</a> -반응형웹제작 </p> <p align="center"> <a href="https://www.dwebs.kr" target="_blank">반응형웹제작사이트</a> -반응형웹제작사이트 </p> <p align="center"> <a href="https://www.dwebs.kr" target="_blank">반응형웹제작업체</a> -반응형웹제작업체 </p> <p align="center"> <a href="https://www.dwebs.kr" target="_blank">반응형디자인회사</a> -반응형디자인회사 </p> <p align="center"> <a href="https://www.dwebs.kr" target="_blank">반응형디자인업체</a> -반응형디자인업체 </p> <p align="center"> <a href="https://www.dwebs.kr" target="_blank">맞춤형홈페이지제작</a> -맞춤형홈페이지제작 </p> <p align="center"> <a href="https://www.dwebs.kr" target="_blank">맞춤형웹사이트제작</a> -맞춤형웹사이트제작 </p> <p align="center"> <a href="https://www.dwebs.kr" target="_blank">기업홈페이지제작</a> -기업홈페이지제작 </p> <p align="center"> <a href="https://www.dwebs.kr" target="_blank">회사홈페이지제작</a> -회사홈페이지제작 </p> <p align="center"> <a href="https://www.dwebs.kr" target="_blank">홍보용홈페이지제작</a> -홍보용홈페이지제작 </p> <p align="center"> <a href="https://www.dwebs.kr" target="_blank">홍보용웹사이트제작</a> -홍보용웹사이트제작 </p> <p align="center"> <a href="https://www.dwebs.kr" target="_blank">홈페이지디자인회사</a> -홈페이지디자인회사 </p> <p align="center"> <a href="https://www.dwebs.kr" target="_blank">홈페이지디자인업체</a> -홈페이지디자인업체 </p> <p align="center"> <a href="https://www.dwebs.kr" target="_blank">반응형홈페이지</a> -반응형홈페이지 </p> <p align="center"> <a href="https://www.dwebs.kr" target="_blank">일회성홈페이지제작</a> -일회성홈페이지제작 </p> <p align="center"> <a href="https://www.dwebs.kr" target="_blank">전시회홈페이지제작</a> -전시회홈페이지제작 </p> <p align="center"> <a href="https://www.dwebs.kr" target="_blank">원페이지홈페이지제작</a> -원페이지홈페이지제작 </p> <p align="center"> <a href="https://www.dwebs.kr" target="_blank">템플릿홈페이지제작</a> -템플릿홈페이지제작 </p> <p align="center"> <a href="https://www.dwebs.kr" target="_blank">사무실홈페이지제작</a> -사무실홈페이지제작 </p> <p align="center"> <a href="https://www.dwebs.kr" target="_blank">건설회사홈페이지제작</a> -건설회사홈페이지제작 </p> <p align="center"> <a href="https://www.dwebs.kr" target="_blank">제조회사홈페이지제작</a> -제조회사홈페이지제작 </p> <p align="center"> <a href="https://www.dwebs.kr" target="_blank">건축회사홈페이지제작</a> -건축회사홈페이지제작 </p> <p align="center"> <a href="https://www.dwebs.kr" target="_blank">인테리어회사홈페이지제작</a> -인테리어회사홈페이지제작 </p> <p align="center"> <a href="https://www.dwebs.kr" target="_blank">인테리어업체홈페이지제작</a> -인테리어업체홈페이지제작 </p> <p align="center"> <a href="https://www.dwebs.kr" target="_blank">물류회사홈페이지제작</a> -물류회사홈페이지제작 </p> <p align="center"> <a href="https://www.dwebs.kr" target="_blank">유통회사홈페이지제작</a> -유통회사홈페이지제작 </p> <p align="center"> <a href="https://www.dwebs.kr" target="_blank">물류업체홈페이지제작</a> -물류업체홈페이지제작 </p> <p align="center"> <a href="https://www.dwebs.kr" target="_blank">유통업체홈페이지제작</a> -유통업체홈페이지제작 </p> <p align="center"> <a href="https://www.dwebs.kr" target="_blank">무역회사홈페이지제작</a> -무역회사홈페이지제작 </p> <p align="center"> <a href="https://www.dwebs.kr" target="_blank">무역업체홈페이지제작</a> -무역업체홈페이지제작 </p> <p align="center"> <a href="https://www.dwebs.kr" target="_blank">무역업체사이트제작</a> -무역업체사이트제작 </p> <p align="center"> <a href="https://www.dwebs.kr" target="_blank">무역회사사이트제작</a> -무역회사사이트제작 </p> <p align="center"> <a href="https://www.dwebs.kr" target="_blank">프렌차이즈홈페이지제작</a> -프렌차이즈홈페이지제작 </p> <p align="center"> <a href="https://www.dwebs.kr" target="_blank">가맹점홈페이지제작</a> -가맹점홈페이지제작 </p> <p align="center"> <a href="https://www.dwebs.kr" target="_blank">가맹점웹사이트제작</a> -가맹점웹사이트제작 </p> <p align="center"> <a href="https://www.dwebs.kr" target="_blank">필라테스홈페이지제작</a> -필라테스홈페이지제작 </p> <p align="center"> <a href="https://www.dwebs.kr" target="_blank">필라테스웹사이트제작</a> -필라테스웹사이트제작 </p> <p align="center"> <a href="https://www.dwebs.kr" target="_blank">헬스장웹사이트제작</a> -헬스장웹사이트제작 </p> <p align="center"> <a href="https://www.dwebs.kr" target="_blank">헬스장홈페이지제작</a> -헬스장홈페이지제작 </p> <p align="center"> <a href="https://www.dwebs.kr" target="_blank">청소업체홈페이지제작</a> -청소업체홈페이지제작 </p> <p align="center"> <a href="https://www.dwebs.kr" target="_blank">서울홈페이지제작</a> -서울홈페이지제작 </p> <p align="center"> <a href="https://www.dwebs.kr" target="_blank">금천구홈페이지제작</a> -금천구홈페이지제작 </p> <p align="center"> <a href="https://www.dwebs.kr" target="_blank">가산동홈페이지제작</a> -가산동홈페이지제작 </p> <p align="center"> <a href="https://www.dwebs.kr" target="_blank">전국홈페이지제작</a> -전국홈페이지제작 </p> <p align="center"> <a href="https://www.dwebs.kr" target="_blank">인천홈페이지제작</a> -인천홈페이지제작 </p> <p align="center"> <a href="https://www.dwebs.kr" target="_blank">부산홈페이지제작</a> -부산홈페이지제작 </p> <p align="center"> <a href="https://www.dwebs.kr" target="_blank">대구홈페이지제작</a> -대구홈페이지제작 </p> <p align="center"> <a href="https://www.dwebs.kr" target="_blank">대전홈페이지제작</a> -대전홈페이지제작 </p> <p align="center"> <a href="https://www.dwebs.kr" target="_blank">장비대여홈페이지제작</a> -장비대여홈페이지제작 </p> <br>https://www.dwebs.kr - 웹사이트제작 <br>https://www.dwebs.kr - 웹사이트제작회사 <br>https://www.dwebs.kr - 웹사이트제작업체 <br>https://www.dwebs.kr - 반응형웹사이트제작 <br>https://www.dwebs.kr - 반응형기업사이트제작 <br>https://www.dwebs.kr - 반응형웹제작 <br>https://www.dwebs.kr - 반응형웹제작사이트 <br>https://www.dwebs.kr - 반응형웹제작업체 <br>https://www.dwebs.kr - 반응형디자인회사 <br>https://www.dwebs.kr - 반응형디자인업체 <br>https://www.dwebs.kr - 맞춤형홈페이지제작 <br>https://www.dwebs.kr - 맞춤형웹사이트제작 <br>https://www.dwebs.kr - 기업홈페이지제작 <br>https://www.dwebs.kr - 회사홈페이지제작 <br>https://www.dwebs.kr - 홍보용홈페이지제작 <br>https://www.dwebs.kr - 홍보용웹사이트제작 <br>https://www.dwebs.kr - 홈페이지디자인회사 <br>https://www.dwebs.kr - 홈페이지디자인업체 <br>https://www.dwebs.kr - 반응형홈페이지 <br>https://www.dwebs.kr - 일회성홈페이지제작 <br>https://www.dwebs.kr - 전시회홈페이지제작 <br>https://www.dwebs.kr - 원페이지홈페이지제작 <br>https://www.dwebs.kr - 템플릿홈페이지제작 <br>https://www.dwebs.kr - 사무실홈페이지제작 <br>https://www.dwebs.kr - 건설회사홈페이지제작 <br>https://www.dwebs.kr - 제조회사홈페이지제작 <br>https://www.dwebs.kr - 건축회사홈페이지제작 <br>https://www.dwebs.kr - 인테리어회사홈페이지제작 <br>https://www.dwebs.kr - 인테리어업체홈페이지제작 <br>https://www.dwebs.kr - 물류회사홈페이지제작 <br>https://www.dwebs.kr - 유통회사홈페이지제작 <br>https://www.dwebs.kr - 물류업체홈페이지제작 <br>https://www.dwebs.kr - 유통업체홈페이지제작 <br>https://www.dwebs.kr - 무역회사홈페이지제작 <br>https://www.dwebs.kr - 무역업체홈페이지제작 <br>https://www.dwebs.kr - 무역업체사이트제작 <br>https://www.dwebs.kr - 무역회사사이트제작 <br>https://www.dwebs.kr - 프렌차이즈홈페이지제작 <br>https://www.dwebs.kr - 가맹점홈페이지제작 <br>https://www.dwebs.kr - 가맹점웹사이트제작 <br>https://www.dwebs.kr - 필라테스홈페이지제작 <br>https://www.dwebs.kr - 필라테스웹사이트제작 <br>https://www.dwebs.kr - 헬스장웹사이트제작 <br>https://www.dwebs.kr - 헬스장홈페이지제작 <br>https://www.dwebs.kr - 청소업체홈페이지제작 <br>https://www.dwebs.kr - 서울홈페이지제작 <br>https://www.dwebs.kr - 금천구홈페이지제작 <br>https://www.dwebs.kr - 가산동홈페이지제작 <br>https://www.dwebs.kr - 전국홈페이지제작 <br>https://www.dwebs.kr - 인천홈페이지제작 <br>https://www.dwebs.kr - 부산홈페이지제작 <br>https://www.dwebs.kr - 대구홈페이지제작 <br>https://www.dwebs.kr - 대전홈페이지제작 <br>https://www.dwebs.kr - 장비대여홈페이지제작 </div><script> $.ajaxSetup({ headers: { 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content') } }); // window.addEventListener('scroll', function() { SmoothScroll({ // Scrolling Core frameRate : 150, // [Hz] animationTime : 400, // [ms] stepSize : 40, // [px] // Pulse (less tweakable) // ratio of "tail" to "acceleration" pulseAlgorithm : true, pulseScale : 4, pulseNormalize : 1, // Acceleration accelerationDelta : 50, // 50 accelerationMax : 3, // 3 // Keyboard Settings keyboardSupport : true, // option arrowScroll : 40, // [px] // Other fixedBackground : false, excluded : '' // stepSize: 50, // animationTime : 400 }); // }); /*$(document).ready(function(){ SmoothScroll({ // Scrolling Core frameRate : 150, // [Hz] animationTime : 400, // [ms] stepSize : 50, // [px] // Pulse (less tweakable) // ratio of "tail" to "acceleration" pulseAlgorithm : true, pulseScale : 4, pulseNormalize : 1, // Acceleration accelerationDelta : 50, // 50 accelerationMax : 3, // 3 // Keyboard Settings keyboardSupport : true, // option arrowScroll : 50, // [px] // Other fixedBackground : false, excluded : '' // stepSize: 50, // animationTime : 400 }); });*/ </script>  <script> $(document).ready(function(){ // document.body.style.zoom = '100%'; // transBrowserScale(); }); </script>  <script> (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) })(window,document,'script','https://www.google-analytics.com/analytics.js','ga'); ga('create', 'UA-85665301-1', 'auto'); ga('send', 'pageview'); </script>  <script async src="https://www.googletagmanager.com/gtag/js?id=UA-85665301-1"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'UA-85665301-1'); </script>  <script async src="https://www.googletagmanager.com/gtag/js?id=G-JK9BVXCPLJ"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-JK9BVXCPLJ'); </script>  <script type="text/javascript" src="https://wcs.naver.net/wcslog.js"></script> <script type="text/javascript"> if(!wcs_add) var wcs_add = {}; wcs_add["wa"] = "640001a707d020"; wcs_do(); </script>  <script type="text/javascript"> var hpt_info={'_account':'UHPT-14350'}; </script> <script language="javascript" src="//a20.smlog.co.kr/smart.js" charset="utf-8"></script> <noscript><img src="//a20.smlog.co.kr/smart_bda.php?_account=14350" style="display:none;width:0;height:0;" border="0"/></noscript></body> </html>

CINXE.COM

디웹스-홈페이지제작무상적용서비스안내 | 홈페이지공통적용서비스(무상)안내 | 사이트공통적용서비스(무상)안내 | 웹사이트공통적용서비스(무상)안내