디웹스-홈페이지유지보수비용안내 | 홈페이지유지보수(A/S)비용 | 사이트유지보수(A/S)비용 | 웹사이트유지보수(A/S)비용 | 맞춤홈페이지유지보수비용 | 반응형홈페이지유지보수비용 | PC+MOBILE세트홈페이지유지보수비용 | PC단독홈페이지유지보수비용 | PC홈페이지유지보수비용 | 모바일홈페이지유지보수비용 | 적응형홈페이지유지보수비용

<!DOCTYPE html> <html> <head>  <meta name="path_role" content="PRICE_AS" /> <meta name="author" content="디웹스-홈페이지제작" /> <meta name="description" content="홈페이지제작 후 발생하는 유지보수 비용을 유지보수 상품별로 유상과 무상을 구분하여 안내 합니다. 유상:기본형/일반형/관리형 및 유상 서비스 상세 안내" /> <meta name="keyword" content="홈페이지제작 후 발생하는 유지보수 비용을 유지보수 상품별로 유상과 무상을 구분하여 안내 합니다. 유상:기본형/일반형/관리형 및 유상 서비스 상세 안내" /> <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="디웹스-홈페이지유지보수비용안내 | 홈페이지유지보수(A/S)비용 | 사이트유지보수(A/S)비용 | 웹사이트유지보수(A/S)비용 | 맞춤홈페이지유지보수비용 | 반응형홈페이지유지보수비용 | PC+MOBILE세트홈페이지유지보수비용 | PC단독홈페이지유지보수비용 | PC홈페이지유지보수비용 | 모바일홈페이지유지보수비용 | 적응형홈페이지유지보수비용 | 템플릿홈페이지유지보수비용" /> <meta property="og:description" content="홈페이지제작 후 발생하는 유지보수 비용을 유지보수 상품별로 유상과 무상을 구분하여 안내 합니다. 유상:기본형/일반형/관리형 및 유상 서비스 상세 안내" /> <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/as" /> <meta name="twitter:card" content="summary_large_image" /> <meta name="twitter:title" content="디웹스-홈페이지유지보수비용안내 | 홈페이지유지보수(A/S)비용 | 사이트유지보수(A/S)비용 | 웹사이트유지보수(A/S)비용 | 맞춤홈페이지유지보수비용 | 반응형홈페이지유지보수비용 | PC+MOBILE세트홈페이지유지보수비용 | PC단독홈페이지유지보수비용 | PC홈페이지유지보수비용 | 모바일홈페이지유지보수비용 | 적응형홈페이지유지보수비용 | 템플릿홈페이지유지보수비용" /> <meta name="twitter:description" content="홈페이지제작 후 발생하는 유지보수 비용을 유지보수 상품별로 유상과 무상을 구분하여 안내 합니다. 유상:기본형/일반형/관리형 및 유상 서비스 상세 안내" /> <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/as" /> <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="vKK33e1xBLvmYyFB4hp7nkIk9sZarHAJmknlGBig"> <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>디웹스-홈페이지유지보수비용안내 | 홈페이지유지보수(A/S)비용 | 사이트유지보수(A/S)비용 | 웹사이트유지보수(A/S)비용 | 맞춤홈페이지유지보수비용 | 반응형홈페이지유지보수비용 | PC+MOBILE세트홈페이지유지보수비용 | PC단독홈페이지유지보수비용 | PC홈페이지유지보수비용 | 모바일홈페이지유지보수비용 | 적응형홈페이지유지보수비용 | 템플릿홈페이지유지보수비용</title> <link rel="canonical" href="https://www.dwebs.kr/price/as">  <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, h4 { margin:0; } /* 부트스트랩 리셋 */ a:focus, a:hover { text-decoration: none; color:inherit; outline: none; } button { margin:0; padding:0; background:none; } .relative {position: relative; } .subpage { color:#000; margin-top: 210px; padding-bottom:120px; } .has_section > div { padding:80px 0 100px; background: #fff; } .has_section > div:first-child { padding-top: 120px; } .has_section > div:last-child { padding-bottom: 120px; } .has_section > div:nth-child(2n) { background:#f7f7f7; } .sub_inner { width:100%; max-width: 1300px; margin:0 auto; } .big_title { 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; } /* as */ .top_info .flex { justify-content: space-between; align-items: center; border-bottom: 1px solid #ddd; padding:0 0 55px; margin:0 0 50px; } .top_info .link_list { display: flex; } .top_info .link_list li + li { margin-left: 13px; } .top_info .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_info .link_list a i { margin-left: 10px; } .top_info .flex + p { font-size: 19px; font-weight: 300; line-height: 1.74; color: #000; } .btn_wrap { margin:40px 0 0 0; position: relative; z-index: 2;} .btn_wrap.tab_fixed { position:fixed; left:50%; transform: translateX(-50%); top:70px; background:#fff; margin:0; width:100%; max-width: 1300px; z-index: 20; } .btn_wrap.tab_fixed + div { padding-top: 225px; } .btn_list { border:1px solid #ddd; display: flex; } .btn_list > li { flex:1; padding:20px 30px; border-right: 1px solid #ddd; display: flex; align-items: center; justify-content: center; background-color: #fff;} .btn_list > li:last-child { border-right: 0; } .btn_list button { display: inline-block; } .btn_list button h3 { font-size: 19px; font-weight: 600; word-break: keep-all; white-space: nowrap; transition: color .3s; } .btn_list button h4 { font-size: 15px; font-weight: 300; color:#333; word-break: keep-all; white-space: nowrap; transition: color .3s; } .btn_list button:hover h3, .btn_list button:hover h4 { color:#e20612; } .btn_list .smbtn_list { display: flex; } .btn_list .smbtn_list li { position:relative; margin-left: 32px; } .btn_list .smbtn_list li::before { content:""; position:absolute; left:-15px; width:1px; top:3px; height:16px; background:#ddd; } .btn_list .smbtn_list li:first-child::before { display: none; } article + article { margin:110px 0 0; } .art_title { font-size: 40px; font-weight: 300; padding:0 0 50px; text-align: center; } .hp_table { width:100%; border-collapse: collapse; border-top: 2px solid #222; } .hp_table thead th { background:#f9f9f9; font-size: 18px; font-weight: 600; color: #222; border-bottom: 1px solid #666; padding:22px; text-align: center; } .hp_table tbody th { background:#f9f9f9; font-size: 16px; font-weight: normal; color: #222; border-bottom: 1px solid #c9c9c9; padding:22px 10px; text-align: center; vertical-align: middle; } .hp_table tbody td { background:#fff; font-size: 16px; font-weight: 500; color: #333; border-bottom: 1px solid #c9c9c9; padding:22px 10px; text-align: center; border-left: 1px solid #eee; } .hp_table tbody tr.eee td { border-bottom-color:#eee; } .hp_table .redline { border:2px solid #e30613; } .art2_list { border-top: 1px solid #ddd; padding:80px 0 0; } .art2_list h4 { text-align: center; font-size: 24px; font-weight: 600; margin:0 0 40px; } .art2_list > li { margin:0 0 80px; } .art2_list > li:last-child { margin: 0; } .art2_list .hp_table td.desc { text-align: left; line-height: 1.69; padding-left: 35px !important; } #sidebar{position: fixed; top: 300px; right: 35px;} #sidebar.ft { position: absolute; top: auto; bottom: -1000px;} #sidebar ul{position: relative;} #sidebar ul::before{display: block; position: absolute; width: 1px; height: 145px; background-color: #ededed; content: ""; top: 9px; left: 6px; transition: .3s;} #sidebar a{position: relative; display: block; padding-left: 17px; font-size: 13px; line-height: 2.15; letter-spacing: -.33px; font-weight: 300; color: #888; transition: .3s;} #sidebar a::before{display: block;position: absolute;top: 8px;left: 3px;width: 7px;height: 7px;border-radius: 7px;background: #d8d8d8;content: ""; transition: .3s;} #sidebar a.active{color: #e40613;} #sidebar a.active::before{background-color: #e40613;} #sidebar.color ul::before{background-color: rgba(255,255,255,0.3)} #sidebar.color a{color:rgba(255,255,255,0.3);} #sidebar.color a::before{background-color:rgba(255,255,255,0.3);} #sidebar.color a.active{color: #fff;} #sidebar.color a.active::before{background-color: #fff;} /* arti1 */ #art1 {background-color: #f7f7f7; padding: 100px 0; position: relative;} #art1::before {content: ''; display: block; width: 100%; height: 31px; position: absolute; left: 0; top:-31px;background-color: #f7f7f7;} #art1 .type_list {display: flex; justify-content: space-between; } #art1 .type_list > li {width: calc(33.3% - 23.3px); background-color: #fff; border:1px solid #ddd; text-align: center; position: relative; padding: 50px 35px; } #art1 .type_list > li.basic::before {content: '*초기 1년 무상지원'; font-size: 14px; font-weight: 300; color:#848484; position: absolute; position: absolute; right: 20px; top:15px;} #art1 .type_list > li.common::before {content: ''; display: block ; width: 141px; height: 0; padding-bottom: 141px; position: absolute; left: -8px; top:-7px; background:url("/themes/dwebs2023/img/as/as_recommend_img.png") 50%/contain no-repeat;} /*#art1 .type_list > li.common {border:3px solid #000; }*/ #art1 .type_list > li.manage {border-style: solid; /*border-width: 2px;*/ border-image-source: linear-gradient(to top, #6700de, #df06e2); border-image-slice: 1; } #art1 .type_list .title span {display: inline-flex; padding: 0 14px; height: 18px; justify-content: center; align-items: center; background-color: #555;border-radius: 9px; font-size: 11.5px; font-weight: 300; color:#fff; letter-spacing: -.29px;} #art1 .type_list > li.common span {background-color: #000; } #art1 .type_list > li.manage span { background-image: linear-gradient(to left, #6700de, #df06e2);} #art1 .type_list .title h5 {font-size: 30.5px; font-weight: 700; color:#000; letter-spacing: -.76px; } #art1 .type_list .line {display: flex; align-items: center; position: relative; justify-content: center; margin:25px 0 30px;} #art1 .type_list .line::before {content: ''; display: block; width: 100%; height: 1px; background: #000; position: absolute; left: 0; top:50%; } #art1 .type_list .line i {display: block; width: 50px; height: 20px; background: #fff; position: relative; z-index: 2; } #art1 .type_list .cont .box {width: 100%; background-color: #f7f7f7; padding: 20px 0 30px; margin-bottom: 25px; } #art1 .type_list .cont .box p {font-size: 16.5px; font-weight: 400; color:#000; letter-spacing: -.17px;} #art1 .type_list .cont .box h6 {display: flex; align-items: center; justify-content: center; font-size: 20px; font-weight: 500; color:#666; letter-spacing: -.2px; margin:7px 0 0;} #art1 .type_list .cont .box h6 b {font-size: 65.5px; font-weight: 700; letter-spacing: -.66px; padding: 0 10px; color:#000; font-family: 'Montserrat'; line-height: .7;} #art1 .type_list .cont .box h6 b.kr {font-size: 44.5px; font-family: 'Pretendard'; font-weight: 800; line-height: 1;} #art1 .type_list .cont .price {display: flex ;align-items: center; justify-content: center;} #art1 .type_list .cont .price p {font-size: 16.5px; font-weight: 700; color#:000; letter-spacing: -.17px; } #art1 .type_list .cont .price p b {font-size: 28px; font-weight: 800; letter-spacing: -.28px; } #art1 .type_list .cont .price p small {font-weight: 300; color:#848484; } #art1 .type_list .cont .price i {margin:0 13px; } #art1 .free {border:0; text-align: center;} #art1 .free .box_wrap {display: flex; justify-content: space-between;} #art1 .free .box_wrap .box {width: calc(20% - 16px); border:1px solid #ddd; position: relative; background-color: #fff; padding: 45px 27px; transition: border-color .3s; z-index: 1;} #art1 .free .box::before {content: ''; display: block; width: 100%; height: 100%; position: absolute; border:2px solid #000; left: 0; top:0; transition: opacity .3s; opacity: 0; z-index: -1;} #art1 .free .box:hover {border-color: #000;} #art1 .free .box:hover::before {opacity: 1;;} #art1 .free .box h4 {margin:35px 0 25px; font-weight: 700;} #art1 .free .box i {display: block; margin:0 auto; transition: transform .5s;} #art1 .free .box:hover i {transform: rotateY(180deg);} #art1 .free .box .txt {font-size: 17px; font-weight: 300; color:#333;} #art1 .free .box .txt h5 {font-size: inherit; font-weight: 600; margin:0 0 15px; padding:0 0 15px; border-bottom: 1px solid #ddd; } #art1 .free .box .txt p {font-size: 15px; color:#707070; } #art1 .free .box .txt ul {display: flex;flex-wrap: wrap; text-align: left ; padding: 7px 10px 0;} #art1 .free .box .txt ul li {position: relative; width: 55%; padding-left: 11px; } #art1 .free .box .txt ul li:nth-child(even) {width: 45%;} #art1 .free .box .txt ul li::before {content: ''; display: block ; width: 4px; height: 4px; background: #333; position: absolute; left: 0; top:11px; border-radius: 50%;} #art1 .free .box .txt ul li:nth-child(n+3) {margin-top: 5px; } @media screen and (max-width: 1600px) { #sidebar{display: none;} } @media screen and (max-width: 1420px) { .sub_inner { max-width: 100%; padding:0 60px; } .btn_wrap.tab_fixed { max-width: 100%; } /* arti1 */ #art1 .type_list > li {width: calc(33.3% - 10px); padding: 35px 25px;} /* #art1 .type_list .cont .price {flex-direction: column;} #art1 .type_list .cont .price i {margin:2px 0; transform: rotate(90deg);} */ #art1 .type_list .cont .price p {font-size: 15px; text-align: left; white-space: nowrap; } #art1 .type_list .cont .price p b {font-size: 20px;} #art1 .type_list .cont .price p small {font-size: 70%;} #art1 .free .box_wrap .box {width: calc(20% - 10px); padding: 35px 25px} #art1 .free .box .txt ul li {width: 100% !important;} #art1 .free .box .txt ul li:nth-child(n+2) {margin-top: 5px; } } @media screen and (max-width: 1100px) { .subpage { margin-top: 130px; padding-bottom: 100px; } .sub_inner { padding:0 40px; } .big_title { font-size: 45px; } .art_title { font-size: 30px; padding: 0 0 40px; } .subpage br { display: none; } .top_info .flex { flex-direction: column; } .top_info .link_list { margin:35px 0 0; } .top_info .flex + p { font-size: 18px; text-align: center; } .btn_wrap { margin: 60px 0; } .btn_list .smbtn_list { display: none; } .btn_list button h3 { font-size: 18px; } .btn_wrap.tab_fixed { top: 59px; } .btn_wrap.tab_fixed + div { padding-top: 185px; } .art2_list .hp_table td.desc br { display: block; } /* art1 */ #art1::before {display: none; } #art1 .type_list > li { padding: 30px 20px; width: calc(33.3% - 6.7px); } #art1 .type_list > li.basic::before {font-size: 12px; top:10px; right: 10px;} #art1 .type_list > li.common::before { width: 120px; padding-bottom: 120px;} #art1 .type_list .title h5 {font-size: 24px;} #art1 .type_list .line {margin:15px 0;} #art1 .type_list .cont .box {padding: 10px 0 20px; margin-bottom: 15px;} #art1 .type_list .cont .box p {font-size: 15px;} #art1 .type_list .cont .box h6 {font-size: 16px;} #art1 .type_list .cont .box h6 b {font-size: 45px;} #art1 .type_list .cont .box h6 b.kr {font-size: 30px;} #art1 .type_list .cont .price p small {display: block; } #art1 .type_list .cont .price i {margin:0 7px; transform: none; width: 17px;} #art1 .type_list .cont .price i img {width: 100%;} #art1 .free .box_wrap {flex-wrap: wrap; margin:0 auto; } #art1 .free .box_wrap .box {width: calc(33.3% - 6.7px); padding:30px 20px;} #art1 .free .box_wrap .box:nth-child(n+4) {width: calc(50% - 5px); margin-top: 10px;} } @media screen and (max-width: 767px) { .subpage { margin-top: 100px; padding-bottom: 80px; word-break: keep-all; } .sub_inner { padding:0 20px; } .big_title { font-size: 30px; } .art_title { font-size: 24px; padding: 0 0 30px; } .top_info .flex { padding: 0 0 40px; margin: 0 0 40px; } .top_info .link_list { margin: 30px 0 0; } .top_info .link_list li + li { margin-left: 10px; } .top_info .link_list a { width: 160px; font-size: 13px; } .top_info .flex + p { font-size: 16px; } .btn_wrap { margin: 40px 0; } .btn_list > li { padding: 20px 10px; } .btn_list button h3 { font-size: 13px; } .btn_wrap.tab_fixed + div { padding-top: 135px; } .hp_table thead th { font-size: 16px; padding: 15px 10px; } .hp_table tbody th { font-size: 15px; padding: 15px 10px; } .hp_table tbody td { font-size: 15px; padding: 15px 10px; } article + article { margin: 60px 0 0; } .art2_list { padding: 40px 0 0; } .art2_list > li { margin: 0 0 60px; } .art2_list h4 { font-size: 18px; margin: 0 0 30px; } .art2_list .hp_table td.desc { padding-left: 20px !important; } /* art1 */ #art1 {padding: 60px 0;} #art1 .type_list {flex-direction: column; align-items: center;} #art1 .type_list > li {width: 100%; padding: 20px; } #art1 .type_list > li.common::before { width: 141px; padding-bottom: 141px;} #art1 .type_list > li:nth-child(n+2) {margin-top:15px;} #art1 .type_list .title h5 {font-size: 22px;} #art1 .type_list .title span {font-size: 11px;} #art1 .type_list .cont .price {flex-direction: row; } #art1 .type_list .cont .price p small {display: inline;} #art1 .type_list .cont .price p {font-size: 14px;} #art1 .type_list .cont .price p b {font-size: 18px;} #art1 .type_list .cont .box p {font-size: 13px;} #art1 .type_list .cont .box h6 {font-size: 14px;} #art1 .type_list .cont .box h6 b {font-size: 35px;} #art1 .type_list .cont .box h6 b.kr {font-size: 24px;} #art1 .free .box_wrap .box {width: calc(50% - 5px); padding: 20px;} #art1 .free .box_wrap .box:nth-child(n+3) {width: calc(50% - 5px);margin-top: 10px;} #art1 .free .box h4 {margin:25px 0 20px;} #art1 .free .box .txt {font-size: 15px; } #art1 .free .box .txt p {font-size: 14px;} #art1 .free .box .txt h5 { margin: 0 0 10px; padding: 0 0 10px;} #art1 .free .box .txt ul {padding: 0; } #art1 .free .box .txt ul li::before {top:9px; } } @media screen and (max-width: 480px) { #art1 .free .box_wrap .box{ width: 100%; display: flex; align-items: center; justify-content: flex-start; text-align: left; } #art1 .free .box_wrap .box:nth-child(n+2) {width: 100%; margin-top: 10px;} #art1 .free .box i {margin:0; flex-shrink: 0; } #art1 .free .box h4 {margin:0 20px 0 10px; flex-shrink: 0;min-width: 70px; text-align: left; font-size: 16px; } #art1 .free .box .txt {width: 100%;} @media screen and (min-width: 375px) { #art1 .free .box .txt ul li {width: 50% !important;} } #art1 .free .box .txt ul li:nth-child(n+2) {margin:0;} } </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 relative"> <div id="as" class="subpage"> <div class="sub_inner"> <div class="top_info"> <div class="flex"> <h2 class="big_title"><span>유지보수</span> 비용 안내</h2> <ul class="link_list"> <li><a href="https://www.dwebs.kr/ascenter/guide" class="type_b">A/S 접수 방법 안내 <i><img src="/themes/dwebs2023/img/common/ico_dcmt.png" /></i></a></li> <li><a href="https://www.dwebs.kr/ascenter" class="type_r">A/S 유지보수 접수 <i><img src="/themes/dwebs2023/img/common/arrow_w.png" /></i></a></li> </ul> </div>  </div> <div class="btn_wrap"> <ul class="btn_list"> <li> <button type="button" onclick="move_scroll_y('#art1', -150)"><h3>정기 유지보수 계약 비용안내</h3></button> </li> <li> <button type="button" onclick="move_scroll_y('#art2', -150)"><h3>건별 유지보수 비용안내</h3></button> <ul class="smbtn_list"> <li><button type="button" onclick="move_scroll_y('#art2 .list1', -150)"><h4>메뉴 추가</h4></button></li> <li><button type="button" onclick="move_scroll_y('#art2 .list2', -150)"><h4>컨텐츠 추가</h4></button></li> <li><button type="button" onclick="move_scroll_y('#art2 .list3', -150)"><h4>동적 디자인요소 제작</h4></button></li> <li><button type="button" onclick="move_scroll_y('#art2 .list4', -150)"><h4>프로그램 수정 변경</h4></button></li> </ul> </li> </ul> </div> </div> <div class="article_wrap"> <article id="art1"> <div class="sub_inner"> <h3 class="art_title">정기 <b>유지보수 계약</b> 비용안내</h3> <ul class="type_list"> <li class="basic"> <div class="title"> <span>Basic</span> <h5>기본형</h5> <p>제작 이후 관리 비중이 낮을때 추천</p> </div> <div class="line"><i><img src="/themes/dwebs2023/img/as/as_art1_arrow.png" ></i></div> <div class="cont"> <div class="box"> <p>수정 요청 횟수</p> <h6>월<b>2</b>회</h6> </div> <div class="price"> <p><b>1</b>년</p> <i><img src="/themes/dwebs2023/img/as/as_art1_arrow2.png" ></i> <p><b>₩360,000 </b>원 <small>(VAT 별도)</small></p> </div> </div> </li> <li class="common"> <div class="title"> <span>Common</span> <h5>일반형</h5> <p>회사, 기업, 연구실등에 적절하며 대부분의 경우 추천</p> </div> <div class="line"><i><img src="/themes/dwebs2023/img/as/as_art1_arrow.png" ></i></div> <div class="cont"> <div class="box"> <p>수정 요청 횟수</p> <h6>월<b>5</b>회</h6> </div> <div class="price"> <p><b>1</b>년</p> <i><img src="/themes/dwebs2023/img/as/as_art1_arrow2.png" ></i> <p><b>₩600,000 </b>원 <small>(VAT 별도)</small></p> </div> </div> </li> <li class="manage"> <div class="title"> <span>Management</span> <h5>관리형</h5> <p>홈페이지를 통한 영업이나 실적 업데이트가 빈번한 경우 추천</p> </div> <div class="line"><i><img src="/themes/dwebs2023/img/as/as_art1_arrow.png" ></i></div> <div class="cont"> <div class="box"> <p>수정 요청 횟수</p> <h6><b class="kr">무제한</b></h6> </div> <div class="price"> <p><b>1</b>년</p> <i><img src="/themes/dwebs2023/img/as/as_art1_arrow2.png" ></i> <p><b>₩1,500,000 </b>원 <small>(VAT 별도)</small></p> </div> </div> </li> </ul> <ul class="free art2_list"> <li> <h4>정기 유지보수 무료 수정 범위</h4> <div class="box_wrap"> <div class="box"> <i><img src="/themes/dwebs2023/img/as/as_icon1.png" ></i> <h4>기본정보</h4> <div class="txt"> <ul> <li>하단 주소</li> <li>이메일</li> <li>전화번호</li> <li>운영시간</li> </ul> </div> </div> <div class="box"> <i><img src="/themes/dwebs2023/img/as/as_icon2.png" ></i> <h4>일반페이지</h4> <div class="txt"> <h5>1:1 부분 교체</h5> <p>(텍스트, 이미지)</p> </div> </div> <div class="box"> <i><img src="/themes/dwebs2023/img/as/as_icon3.png" ></i> <h4>메인비쥬얼</h4> <div class="txt"> <h5>1:1 부분 교체</h5> <p>(텍스트, 이미지)</p> </div> </div> <div class="box"> <i><img src="/themes/dwebs2023/img/as/as_icon4.png" ></i> <h4>서브비쥬얼</h4> <div class="txt"> <h5>1:1 부분 교체</h5> <p>(텍스트, 이미지)</p> </div> </div> <div class="box"> <i><img src="/themes/dwebs2023/img/as/as_icon5.png" ></i> <h4>메뉴</h4> <div class="txt"> <h5>단순 메뉴명 변경</h5> <p>(텍스트, 링크, 메뉴위치)</p> </div> </div> </div> </li> </ul> </div> </article> <article id="art2"> <div class="sub_inner"> <h3 class="art_title">유상 <b>유지보수</b> 비용안내</h3> <ul class="art2_list"> <li class="list1"> <h4>메뉴 추가</h4> <div class="table_wrap"> <table class="hp_table"> <colgroup> <col style="width:265px;"> <col style="width:510px;"> <col style="width:262px;"> <col style="width:262px;"> </colgroup> <thead> <tr> <th>작업명</th> <th>작업내용</th> <th>작업단가</th> <th>비고</th> </tr> </thead> <tbody> <tr class="eee"> <th rowspan="3">메뉴(페이지) 추가<br />(모바일 포함)</th> <td>일반페이지</td> <td>90,000원</td> <td> <small class="text-success">※자료 제공시 참고※</small><br /> 1 페이지 높이 1000px 기준,<br /> PPT, PDF, MS-Word 1 페이지 기준<br /> <small class="text-success">(1 메뉴당 최대 1~3 페이지 분량 합침 가능)</small> </td> </tr> <tr> <td>게시판 일반, 갤러리</td> <td>90,000원</td> <td>-</td> </tr> <tr> <td>인트로 페이지 추가</td> <td>150,000원</td> <td> 디스플레이 한 화면 100% 높이 1컷<br /> <small>(홈페이지 접속시 대문 페이지)</small> </td> </tr> </tbody> </table> </div> </li> <li class="list2"> <h4>컨텐츠 추가 및 변경</h4> <div class="table_wrap"> <table class="hp_table"> <colgroup> <col style="width:265px;"> <col style="width:510px;"> <col style="width:262px;"> <col style="width:262px;"> </colgroup> <thead> <tr> <th>작업명</th> <th>작업내용</th> <th>작업단가</th> <th>비고</th> </tr> </thead> <tbody> <tr class="eee"> <th rowspan="4">컨텐츠 추가/변경<br />(모바일 포함)</th> <td>메인페이지 1 파트</td> <td>150,000원</td> <td> <small class="text-success">※자료 제공시 참고※</small><br /> 컨텐츠 높이 1000px 기준,<br /> <small>PPT, PDF, MS-Word 1페이지 기준</small> </td> </tr> <tr> <td>서브페이지 1 파트</td> <td>90,000원</td> <td> <small class="text-success">※자료 제공시 참고※</small><br /> 컨텐츠 높이 1000px 기준,<br /> <small>PPT, PDF, MS-Word 1페이지 기준</small> </td> </tr> <tr> <td> 기존 페이지내 새로운 요소 추가 / 변경<br /> <ul style="font-size:14px; text-align: left; margin:15px 50px; color: #777"> <li>- 디자인 버튼</li> <li>- 기존 파트를 분할하여 새로운 항목 추가</li> <li>- 페이지내 특정 부분을 새로운 디자인과 내용으로 변경</li> <li>- 기타 디자인 후 코딩작업이 필요한 모든 요소</li> </ul> </td> <td>50,000원</td> <td> 1회 작업당 최소<br /> <span style="font-size: 14px; color: #777">(전체 작업양을 산정하여 묶어서 회수 측정)</span> </td> </tr> <tr> <td> 로고 변경<br /> <ul style="font-size:14px; text-align: left; margin:15px 50px; color: #777"> <li>- 상단 헤더 로고</li> <li>- 회사소개 페이지내 로고 or Ci</li> <li>- OG img 수정 (카카오톡 URL 전달시 보이는 로고)</li> <li>- 기타 로고 이미지 변경 및 코딩작업이 필요한 모든 요소</li> </ul> </td> <td>50,000원</td> <td> 1회 작업당 최소<br /> <span style="font-size: 14px; color: #777">(전체 작업양을 산정하여 묶어서 회수 측정)</span> </td> </tr> </tbody> </table> </div> </li> <li class="list3"> <h4>동적 디자인요소 제작</h4> <div class="table_wrap"> <table class="hp_table"> <colgroup> <col style="width:265px;"> <col style="width:510px;"> <col style="width:262px;"> <col style="width:262px;"> </colgroup> <thead> <tr> <th>작업명</th> <th>작업내용</th> <th>작업단가</th> <th>비고</th> </tr> </thead> <tbody> <tr class="eee"> <th rowspan="2">메인비주얼</th> <td>간단한 효과 및 텍스트 효과</td> <td>150,000원</td> <td></td> </tr> <tr> <td>복잡한 효과 및 난이도 중이상</td> <td>(별도견적)</td> <td>-</td> </tr> <tr class="eee"> <th rowspan="2">서브비주얼</th> <td>간단한 효과 및 텍스트 효과</td> <td>100,000원</td> <td>-</td> </tr> <tr> <td>복잡한 효과 및 난이도 중이상</td> <td>(별도견적)</td> <td>-</td> </tr> <tr> <th>동영상으로 변경</th> <td>메인 or 서브 비주얼 이미지에서 영상으로 변경</td> <td>150,000원</td> <td><small>(영상 10mb 이내로 제한)</small></td> </tr> <tr> <th>메뉴 네비게이션</th> <td>네비게이션 디자인 변경 (메인 + 서브)</td> <td>150,000원</td> <td>-</td> </tr> </tbody> </table> </div> </li> <li class="list4"> <h4>프로그램 수정 변경</h4> <div class="table_wrap"> <table class="hp_table"> <colgroup> <col style="width:265px;"> <col style="width:510px;"> <col style="width:262px;"> <col style="width:262px;"> </colgroup> <thead> <tr> <th>작업명</th> <th>작업내용</th> <th>작업단가</th> <th>비고</th> </tr> </thead> <tbody> <tr> <th>게시판 항목 수정</th> <td>조회수, 글쓴이, 작성일 등 원하시는 명칭의 항목 삭제 혹은 추가</td> <td>50,000원</td> <td>-</td> </tr> <tr> <th>로그인기능 추가</th> <td>비회원제에서 회원제 서비스로 전환</td> <td>300,000원</td> <td>-</td> </tr> <tr> <th>기타 게시판 기능 수정</th> <td>로그인 항목, 게시판 기능 추가 및 변경 등</td> <td>(별도견적)</td> <td>-</td> </tr> <tr> <th>게시판 스킨변경</th> <td>설정된 게시판의 디자인 변경 (개당)</td> <td>100,000원 ~</td> <td>-</td> </tr> <tr> <th>메인탭 추출</th> <td>메인에 추출되는 게시판을 탭형식으로 추출</td> <td>100,000원</td> <td>-</td> </tr> <tr> <th>빠른 문의폼 추가</th> <td>메인, 하단 고정, 따라다니는 문의 폼 개발</td> <td>200,000원 ~</td> <td>-</td> </tr> <tr> <th>참고사항</th> <td colspan="3" class="desc"> - 프로그램 추가 및 변경, 고난이도 디자인 작업시 비용이 추가될 수 있습니다.<br> - 프로그램이 많거나 수익기반의 사이트는 별도 협의에 의해서 결정됩니다.<br> - VAT 별도 가격이며, 유지보수는 선납을 원칙으로 하고 입금 확인 후 작업에 들어갑니다. </td> </tr> </tbody> </table> </div> </li> </ul> </div> </article> </div> </div> <div id="sidebar"> <ul> <li> <a class="active" id="asquick_btn1" href="javascript:move_scroll_y('#art1', -150)" onfocus="this.blur();">정기 유지보수 계약 비용안내</a> </li> <li> <a class="" id="asquick_btn2" href="javascript:move_scroll_y('#art2', -150)" onfocus="this.blur();">건별 유지보수 비용안내</a> </li> <li> <a class="" id="asquick_btn3" href="javascript:move_scroll_y('#art2 .list1', -150)" onfocus="this.blur();">- 메뉴 추가</a> </li> <li> <a class="" id="asquick_btn4" href="javascript:move_scroll_y('#art2 .list2', -150)" onfocus="this.blur();">- 컨텐츠 추가</a> </li> <li> <a class="" id="asquick_btn5" href="javascript:move_scroll_y('#art2 .list3', -150)" onfocus="this.blur();">- 동적 디자인요소 제작</a> </li> <li> <a class="" id="asquick_btn6" href="javascript:move_scroll_y('#art2 .list4', -150)" onfocus="this.blur();">- 프로그램 수정 변경</a> </li> </ul> </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="vKK33e1xBLvmYyFB4hp7nkIk9sZarHAJmknlGBig"> <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> $(document).ready(function () { /*let tabwr = $('.btn_wrap').waypoint({ handler: function() { $(".btn_wrap").toggleClass('tab_fixed'); }, offset: '70' });*/ // get 값을 가지고 온 경우 해당 영역으로 스크롤 let type = ''; if(type !== '' && !null) { move_scroll_y('#art'+type, -150); } // location $('#footer').waypoint({ handler: function() { if($("#sidebar").hasClass('ft')) { $('#sidebar').removeClass('ft'); }else{ $('#sidebar').addClass('ft'); } }, offset: '480px' }); }); $(window).scroll(function(){ const this_scroll_top = $(this).scrollTop(); const fix_top_value = 0; const asm01_y = $('#art1').offset().top -500; const asm02_y = $('#art2').offset().top -500; const asm03_y = $('#art2 .list1').offset().top -200; const asm04_y = $('#art2 .list2').offset().top -200; const asm05_y = $('#art2 .list3').offset().top -500; const asm06_y = $('#art2 .list4').offset().top -500; let this_pass = "1"; if (this_scroll_top >= (asm01_y - fix_top_value) || this_scroll_top < (asm02_y - fix_top_value)) { this_pass = "1"; } if (this_scroll_top >= (asm02_y - fix_top_value)) { this_pass = "2"; } if (this_scroll_top >= (asm03_y - fix_top_value)) { this_pass = "3"; } if (this_scroll_top >= (asm04_y - fix_top_value)) { this_pass = "4"; } if (this_scroll_top >= (asm05_y - fix_top_value)) { this_pass = "5"; } if (this_scroll_top >= (asm06_y - fix_top_value)) { this_pass = "6"; } fn_menu_on(this_pass); }); function fn_menu_on(n){ $('#sidebar').find('a').removeClass('active'); $('#asquick_btn'+n).addClass('active'); } </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