홈페이지 제작 | 이용약관 | 디웹스-홈페이지 제작

<!DOCTYPE html> <html> <head>  <meta name="path_role" content="DOC" /> <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="홈페이지 제작 | 이용약관 | 디웹스-홈페이지 제작" /> <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/agreement/terms" /> <meta name="twitter:card" content="summary_large_image" /> <meta name="twitter:title" content="홈페이지 제작 | 이용약관 | 디웹스-홈페이지 제작" /> <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/agreement/terms" /> <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="nxYd1UlXjpmeuAW0CqtlECi9WWe0D4PmSxspgHtC"> <title>홈페이지 제작 | 이용약관 | 디웹스-홈페이지 제작</title> <link rel="canonical" href="https://www.dwebs.kr/agreement/terms">  <link rel="icon" href="https://www.dwebs.kr/themes/dwebs2023/img/dwebs_ico.ico"> <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="디웹스">  <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=250306b" /> <link rel="stylesheet" href="https://www.dwebs.kr/themes/dwebs2023/css/layout.css?v=250306b" /> <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="https://fonts.googleapis.com/css2?family=Play:wght@400;700&family=Waterfall&display=swap"> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@xpressengine/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; } .subpage { color:#000; margin-top: 210px; padding-bottom:120px; overflow: hidden; font-family: 'Noto Sans KR', sans-serif; } .sub_inner { width:100%; max-width: 1420px; padding:0 60px; margin:0 auto; } .agreements_btn {margin-top: 0; display: flex;} .agreements_btn > div {flex:1; width: auto ;} @media screen and (max-width: 1100px) { .subpage {margin: 130px 0 0; padding: 0 0 100px;} .sub_inner {padding:0 40px;} } @media screen and (max-width: 767px) { .subpage {margin: 100px 0 0; padding: 0 0 60px;} .sub_inner {padding:0 20px;} .agreements_btn {flex-direction: column;} .agreements_btn > div {flex:auto; width: 100%; } .agree_btn a {font-size: 14px;} } </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: 28px; 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; font-weight: 400; line-height: 1.5; color: #000000; } #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: 400;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; font-weight: 400; 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.btn_pay { color: #e40613; border: solid 1px #e40613; } #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 subpage"> <div class="sub_inner"> <div class="row agreements_btn"> <div class="agree_btn"> <a href="https://www.dwebs.kr/agreement/terms" class="active">이용약관</a> </div> <div class="agree_btn"> <a href="https://www.dwebs.kr/agreement/privacypolicy" class="">개인정보취급방침</a> </div> <div class="agree_btn"> <a href="https://www.dwebs.kr/cscenter">이용안내</a> </div> </div> <div class=" mt50 mb50"> <p class="about_box1_t" style="text-align:center;">이용약관</p> <div class="about_box1_t_line" style="margin: 0 auto;"></div> </div> <div class="privacypolicy_wrap" > <b>1. 제1장 총 칙</b><br> 제1조 【목 적】<br> 디웹스는 안정적인 서비스를 제공할 의무가 있으며, 고객의 질문에 성실히 응답할 의무가 있다. 당사는 아래의 조건에 의거하여 이 '이용약관'을 ‘계약서‘를 정하고, 이에 따라 디웹스의 서비스를 계약자에게 제공한다.<br><br> 제2조 【용어의 정의】<br> 이 계약서에 있어서, 다음 용어들은 각각 다음과 같은 의미로 사용한다.<br> 가. 디웹스는(이하 '갑 이라 칭한다.)<br> 인터넷상에 정보를 띄울 수 있도록 홈페이지를 제공한다.<br> 나. 계약자는(이하 '을' 이라 칭한다.)<br> 당사와 서비스 이용 계약을 체결하고 있는 자.<br> 다. 서비스 셋업<br> 도메인명 등록과 서버구축을 말한다.<br><br> 제3조 【이용요금의 변경】<br> 갑은 30일전에 을에게 변경사항을 통지함으로써 당 계약서의 조항을 변경할 수 있다.<br> 그 통지에는 변경내용과 변경개시일이 포함되며, 이용요금의 변경은 통지한 달의 다음 달로부터 효력을 발생한다.<br> 단, 정해진 계약기간 동안 갑은 이용 요금을 인상할 수 없다.<br><br> 제4조 【계약의 협의】<br> 이 이용약관에 기재되지 않은 실제 필요한 세부항목에 대해서는 갑과 을의 협의에 의해 정한다.<br> 약관에 명시되지 않은 부분은 제작가이드양식에 기재되어 있음을 알린다.<br><br> <b>2. 제2장 웹호스팅 서비스내용<br></b> 제5조 【서비스의 종류 및 내용】<br> 갑의 서비스의 종류 및 내용은 인터넷 망에 연결된 서버의 일부를 할당하여 본 계약상의 서비스를 제공한다.<br><br> <b>3. 제3장 이용계약<br></b> 제6조 【계약신청】<br> 계약신청은, 갑이 을로부터 업체정보, 사업내용, 결제정보 등을 입력 완료하고 약정계약서를 보내는 것으로 별도에 “을”의 날인, 서명 없이 계약이 성립된다.<br><br> 가. 셋업 비용 및 요금<br> 도메인 시작의 표시 일은 을의 결제 완료일로부터 1일로 표시된다.<br> 갑이 을의 도메인 서버 세팅이 완료하였을 경우에 을에게 통지를 하여야 하며, 도메인 파킹서비스가 진행될 경우에는 서버와 도메인 세팅이 완료가 된 것으로 증명한다. 국제 도메인, 국내도메인 경우에는 1일 이내에 서버셋업 완료(서버셋업 완료 이후에는 변경, 수정 불가) 셋업 비용은 서비스 신청 시에 납입하여야 하며 최소 단위인 1년부터 기간을 설정한다. 지불방법은 갑이 지정한 은행에 입금하거나 카드결제를 하는 것을 원칙으로 한다.<br> 나. 홈페이지 완료 시일은 제작가이드 양식과 카테고리 50% 이상의 자료가 온 날부터 작업 기간 최대4주로 간주한다.<br> 나머지 추가 자료에 대해서는 최초 자료수집일로부터 1주일 이내로 간주한다.<br> 다. 최초 시안을 확인 한 뒤 을의 변심으로 다시 시안작업이 들어갈 경우에는 4주의 제작기간이 예외 대상이 된다.<br> 라. 을은 홈페이지 제작에 필요한 자료 준비를 해준다는 것에 대해 동의하고, 또한 을의 단순변심으로 인한 취소는 불가하다.<br> 마. 금지사항<br> 법률에 반하는 행위<br> 소프트웨어 보호법에 저촉되는 행위<br> 외설적인 정보를 제공하는 행위<br> 바. 추가 서비스상품1 (선택사항) - 네이버키워드광고<br> 갑은 서비스 계약기간 중 네이버파워링크 서비스를 1~6개월간 지속할 수 있는 지역 및 세부키워드를 갑과 을의 협의하에 선정하여 진행된다.<br> 네이버 키워드광고 계정에 대한 권한은 해당서비스(1~6개월) 진행되는 기간 동안 갑 측에게 있으며, 광고지원기간 이후에 을 측이 원할 경우 모든 계정의 권한을 인계한다.<br> 진행하던 키워드의 광고클릭 금액이 상향되어 동일 키워드로 진행이 안 될 경우에는 갑은 을에게 내용을 전달하고 대체 키워드를 협의한다.<br> 사. 추가 서비스상품2 (선택사항) - 모바일 홈페이지 제작<br> PC 홈페이지 디자인을 참고로 모바일홈페이지가 제작된다.<br><br> 제7조 【이용자 계약에 의거한 권리 양도의 금지】<br> 을은 갑이 제공하는 서비스를 원칙적으로 제 3자에게 양도할 수 없다.<br><br> 제8조 【계약자의 지위의 승계】<br> 상속 혹은 법인의 합병에 의해 을의 지위의 승계가 있는 경우는, 지위의 승계를 하는 자는, 승계를 하는 날로부터 30일 이내에 당사에 통보하여야한다.<br><br> 제9조 【계약자의 이름 등의 변경】<br> 을은 이름, 명칭, 주소, 소재지 등에 대한 변경이 있을 경우, 변경이 있었던 날로 부터 1개월 이내에 변경 사항을 당사에 통보하여야 한다.<br><br> <b>4. 제4장 고 객</b><br> 제10조 【시스템 보안 및 비밀번호의 관리책임】<br> 을은, 갑으로 부터 부여된 시스템 및 비밀번호를 제 3자에게 의도적으로 양도 혹은 이용 하거나, 판매, 명의 변경 등을 할 수 없다.<br><br> <b>5. 제5장 보 수</b><br> 제11조 【제공의 중단】<br> 갑은 다음의 경우에 서비스 제공을 일시 중단할 수 있다.<br> 가. 갑의 동의 없이 서버에 접속하여 임의로 수정 삭제를 할 경우.<br> 나. 갑의 동의 없이 FTP, DB 자료를 타 업체 또는 제 3자에게 제공하는 경우.<br> 다. 천재지변 등의 사유로 인하여 기계적인 작동불능이 발생한 경우.<br> 라. 서버의 설비의 보수 혹은 공사상 불가피한 경우.<br> 마. 전용회선 경로상의 장애가 발생한 경우.<br> 갑은 전 항의 규정에 의해 서비스 제공을 중단할 경우, 그 사항들을 을에게 알린다. 단 돌발적인 상황이 발생하여 연락이 불가피한 경우에는 알리지 못 할 수도 있다.<br><br> <b>6. 제6장 이용정지 및 이용계약의 해약</b><br> 제12조 【계약자가 행하는 이용계약의 해약】<br> 가. 을은 더 이상 서비스를 운영 못하게 될 경우에는 해당하는 서류(폐업증명서, 양도증명서, 이민증명서) 등을 첨부하여야 하며, 기간에 따른 위약금이 발생한다.<br> 나. (가)에 해당되지 않은 이유로 인한 해약요청시<br> 계약당일 해약요청 시 100% 환불<br> 익일 이후 3일 이내 해약요청 시 위약금 30% 발생<br> 3일 이후부터 7일 이내 해약요청 시 위약금 50%발생<br> 7일 이후부터 단순변심으로는 취소가 불가하며, 해당서류 제출 시 위약금 50%발생.<br> 단, 홈페이지 완료 이후 해약요청 시 해약불가<br> - 날짜 기준은 계약 당일을 1일로 한다.<br> - 7일 이내에 시안작업이 된 경우 별도에 시안 작업비 추가된다.<br><br> 제13조 【이용의 정지】<br> 갑은 을이 다음의 사항에 해당하는 경우에 해당 서비스 이용을 정지할 수 있다.<br> 가. 갑의 홈페이지 기간이 끝난 경우에도 더 이상 연장을 하지 않는 경우.<br> 나. 제 11조의 의무규정을 위반한 경우.<br> 다. 위법 혹은 명백히 미풍양속에 반하는 행위를 위해 갑의 서비스를 사용한 경우 .<br> 라. 갑이 제공하는 서비스를 직접 혹은 간접으로 이용하는 장비의 이용에 중대한 지장을 초래한 경우.<br> 마. 을이 스팸메일 발송 등으로 네트워크 장애를 유발하는 행위를 한 경우.<br> 갑은 전항의 규정에 의해 서비스의 이용을 정지 할 때에는 그 이유, 이용정지일 및 기간을 미리 을에게 통보한다.<br> 네트워크 장애 등의 긴박한 상황인 경우에 사전 통보 없이 서비스를 중지할 수 있다.<br><br> 제14조 【서비스의 폐지】<br> 가. 갑은 경우에 따라 특정 종류의 서비스를 폐지하는 경우가 있다.<br> 나. 을은 규정에 의해 서비스를 폐지하는 경우에는 갑에 대해 폐지 계획을 사전에 통지한다.<br> 다. 을이 3일 또는 7일 이내에 단순변심으로 인한 서비스 해지를 원할 경우 을은 갑 측에게 위약금을 지불해야한다.<br> (제 12조 - 3일 이내 취소 요청시 위약금 30%발생, 7일 이내 취소 요청시 위약금 50%발생)<br><br> 제15조 【당사가 행하는 이용계약의 해약】<br> 가. 갑은 제 13조의 규정에 의해 갑의 서비스의 이용을 정지당한 을이 그 이유를 해소하지 않는 경우는, 그 이용 계약을 해약할 수 있다.<br> 나. 갑은 제 1항과 제2항의 규정에 의해 이용 계약을 해약하려고 하는 경우 미리 을에게 이를 알려야 한다.<br> 다. 갑은 을의 홈페이지 자료 미 제공으로 인한 홈페이지의 미완성은 책임지지 않는다.<br><br> 제16조 【면 책】<br> 을이 서비스 이용에 과해 입힌 손해에 대해서는 불법행위책임, 기타 법률상의 책임에 대해 갑은 일체 배상의 책임을 지지 않는 다. 을은 자신이 제공하는 자료에 대하여 정보를 자신의 컴퓨터에 별도로 저장할 책임이 있으며, 서버의 정보누락 및 훼손 시에 일체 갑은 책임을 지지 않는다는 것에 동의 하여야 한다.<br><br> <b>7. 제7장 기밀유지</b><br> 제17조 【기밀 유지】<br> 갑은 서비스 제공과 관련하여 얻은 을의 기밀정보를 제 3자에게 누출할 수 없다.<br><br> <b>8. 제8장 기 타</b><br> 제18조 【계약자의 의무】<br> 이 서비스는 합법적인 목적으로만 사용되며, 한국의 법률, 규칙에 반하는 형태의 사용은 금지된다. 이로 인해 소송, 소송의 원인, 손실, 손해(법적 비용을 포함)가 발생한 경우 갑은 일절 책임을 지지 않는다.<br><br> 제19조 【권리침해】<br> 을은 갑의 서비스에 있어서 문장, 사진 소프트웨어 등을 공개하는 경우 제 3자의 저작권, 기타의 권리를 침해하지 못한다.<br><br> 제20조 【분쟁의 해결】<br> 갑과 을사이의 발생된 법정분쟁의 관할은 민사소송법상의 주소지를 관할하는 법원을 합의관할로 한다. </div> <div class="row agreements_btn2"> <a href="javascript:history.back();"><span class="fonti um-long-arrow-right"></span></a> </div> </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="nxYd1UlXjpmeuAW0CqtlECi9WWe0D4PmSxspgHtC"> <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' );" class="btn_pay">결제하기</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 () { $("#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> <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

홈페이지 제작 | 이용약관 | 디웹스-홈페이지 제작