디웹스-홈페이지제작

<!DOCTYPE html> <html> <head>  <meta name="path_role" content="MAIN" /> <meta name="author" content="디웹스-홈페이지제작" /> <meta name="description" content="트렌디한 반응형 홈페이지제작 전문 업체, 고퀄리티 디자인, 반응형웹제작을 기본으로 기업과 단체 웹사이트제작 10년차, 빠른 견적문의 상담가능" /> <meta name="keyword" content="트렌디한 반응형 홈페이지제작 전문 업체, 고퀄리티 디자인, 반응형웹제작을 기본으로 기업과 단체 웹사이트제작 10년차, 빠른 견적문의 상담가능" /> <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="트렌디한 반응형 홈페이지제작 전문 업체, 고퀄리티 디자인, 반응형웹제작을 기본으로 기업과 단체 웹사이트제작 10년차, 빠른 견적문의 상담가능" /> <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" /> <meta name="twitter:card" content="summary_large_image" /> <meta name="twitter:title" content="디웹스-홈페이지제작" /> <meta name="twitter:description" content="트렌디한 반응형 홈페이지제작 전문 업체, 고퀄리티 디자인, 반응형웹제작을 기본으로 기업과 단체 웹사이트제작 10년차, 빠른 견적문의 상담가능" /> <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" /> <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="KWdDDfHyTZp2V9pdzB3pEhu3bFaAfZo0VgUd6HdG"> <link rel="alternate" type="application/atom+xml" title="News" href="/feed"> <link rel="alternate" type="application/rss+xml" href="https://www.dwebs.kr/feed" title="디웹스"> <link rel="alternate" type="application/rss+xml" href="https://www.dwebs.kr/rss" title="디웹스"> <title>디웹스-홈페이지제작</title> <link rel="canonical" href="https://www.dwebs.kr">  <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">  <link rel="stylesheet" href="https://www.dwebs.kr/themes/dwebs2023/css/daummap.css?v=240321a" /> <style> /* 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; } .main_title span { font-weight: normal; } a:hover, a:focus { text-decoration: none; color:inherit; } /* 리셋 */ /* main(home) */ #container.main { padding: 200px 0 0; } /* visual */ #main_visual .vis_con { display: flex; align-items: center; justify-content: center; } #main_visual .vis_con .txt { margin-left: 60px; } #main_visual .vis_con .txt h2 { font-size: 70px; font-family: 'Play', sans-serif; font-weight: bold; letter-spacing: -1.75px; } #main_visual .vis_con .txt h3 { margin:20px 0; font-size: 38px; font-weight: 300; letter-spacing: -0.95px; } #main_visual .vis_con .txt p { font-size: 18px; font-weight: 300; color: rgba(0, 0, 0, 0.8); } /* portfolio */ #main_portfolio { margin:120px 0 0; padding:0 0 85px; } #main_portfolio .top { display: flex; align-items: flex-end; justify-content: space-between; } #main_portfolio .tab_btn_list { display: flex; } #main_portfolio .tab_btn_list li { position:relative; } #main_portfolio .tab_btn_list li::before { content:""; position:absolute; left:-20px; width:1px; top:0; height:17px; background:#ddd; } #main_portfolio .tab_btn_list li:first-child::before { display: none; } #main_portfolio .tab_btn_list li + li { margin-left: 40px; } #main_portfolio .tab_btn_list a { display: block; font-size: 19px; font-weight: 600; color:#000; line-height: 1; transition: color .3s; cursor: pointer; } #main_portfolio .tab_btn_list a.active, #main_portfolio .tab_btn_list a:hover { color:#e40613; } #main_portfolio .tab_wrap { margin:60px 0 0; } #main_portfolio .tab { display: none; } #main_portfolio .tab.active { display: block; } #main_portfolio .portfolio_list { display: flex; flex-wrap: wrap; text-align: center; } #main_portfolio .portfolio_list > li { width:calc(33.3% - 20px); margin-right: 30px; margin-bottom: 45px; } #main_portfolio .portfolio_list > li:nth-child(3n) { margin-right: 0; } #main_portfolio .portfolio_list .thumb_img { position:relative; display: block; overflow: hidden; } #main_portfolio .portfolio_list .thumb_img .cover { position:absolute; left:0; width:100%; top:0; height: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; background:rgba(0,0,0,0.4); backdrop-filter: blur(5px); -webkit-backdrop-filter: blur(5px); opacity:0; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; } #main_portfolio .portfolio_list .thumb_img .cover .arrow { position:absolute; right:30px; top:30px; } #main_portfolio .portfolio_list .thumb_title { font-size: 18px; font-weight: 500; color:#000; margin:20px 0 0; } #main_portfolio .portfolio_list .cover_name { font-size: 24px; font-weight: 800; color:#fff; } #main_portfolio .portfolio_list .cover_type { font-size: 14px; font-weight: 300; color:#fff; margin:5px 0 0; } #main_portfolio .btn_more { text-align: center; margin:30px 0 0; } #main_portfolio .btn_more a { position:relative; display: inline-block; text-transform: uppercase; font-family: 'Play', sans-serif; font-size: 18px; color: #000; font-weight: bold; height: 45px; line-height: 45px; padding-right: 33px; z-index: 1; transition: all .3s; } #main_portfolio .btn_more a::after { content:""; position:absolute; right:0; top:0; width:45px; height: 45px; border:1px solid #000; z-index: -1; } #main_portfolio .btn_more .arrow { position:relative; display: inline-block; background:#fff; top:-8px; font-size: 0; padding-left: 7px; line-height: 22px; transition: all .3s; } #main_portfolio .btn_more a:hover { color:#e40613; } #main_portfolio .btn_more a:hover .arrow { transform: translateX(13px); } /* review & news */ #main_flexbox { display: flex; } #main_flexbox > div { padding:110px 0; } #main_flexbox .main_title { color:#fff; } #main_flexbox .top { display: flex; justify-content: space-between; align-items: flex-end; margin:0 0 40px; } #main_flexbox .top .btn_more { display: inline-block; font-size: 18px; font-weight: bold; color: #fff; font-family: 'Play', sans-serif; text-transform: uppercase; } #main_flexbox .top .btn_more img { margin-left: 5px; position:relative; top:-2px; } #main_news { width:calc(50% - 260px); background:#000; } #main_news .inner { width: 550px; padding-left: 95px; } #main_news .news_list li + li { margin:37px 0 0; } #main_news .news_list a { display: flex; } #main_news .news_list a .img { width:142px; } #main_news .news_list a .txt { width:calc(100% - 142px); padding-left: 23px; } #main_news .news_list a .txt h3 { font-size: 18px; font-weight: bold; color:#fff; display: block; width:100%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } #main_news .news_list a .txt p { margin:10px 0 0; font-size: 13px; font-weight: 300; letter-spacing: -0.13px; line-height: 1.54; color: rgba(255, 255, 255, 0.4); display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; text-overflow: ellipsis; overflow: hidden; } /* map */ #main_map { padding:110px 0 0; } #main_map .top { display: flex; justify-content: space-between; align-items: flex-end; } #main_map .l_side { display: flex; align-items: center; } #main_map .l_side p { margin-left: 65px; font-size: 16px; font-weight: 300; color: #000; line-height: 1.63; word-break: keep-all; } #main_map .r_side { display: flex; align-items: center; } #main_map .r_side p { font-size: 40px; font-weight: 300; letter-spacing: -1px; line-height: 1; word-break: keep-all; } #main_map .r_side p + p { margin-left: 60px; } #main_map .map_btn_wrap { width: 100%; height: 55px; margin: 50px auto 0; } #main_map .map_btn_wrap button:focus { outline: none; } #main_map .btn-dribbble { color: #fff!important; background-color: #000 !important;} #main_map .btn-secondary { height: 55px; } #main_map .btn-secondary:hover { background-color: #d2d2d2 !important;} #main_map .btn-dribbble:hover{ background-color: #000 !important; } #main_map .map_area { width: 100%; height: 600px; background: #f7f7f7; margin: 25px auto 0; border:20px solid #f7f7f7; } /* process */ #main_process { padding:280px 0 160px; background:url('/themes/dwebs2023/img/main/main_prcs_bg.jpg') no-repeat center / cover; margin-top: -130px; } #main_process .main_title { color:#fff; } #main_process .main_title + p { margin:25px 0 0; font-size: 30px; font-weight: 300; color: #bdbdbd; } #main_process .main_title + p b { font-weight: 600; color: #fff; } #main_process .prcs_list { margin:65px 0 0; position:relative; display: flex; z-index: 1; } #main_process .prcs_list::before { content:""; position:absolute; left:0; width:100%; top:32px; height: 1px; background:rgba(255,255,255,0.3); z-index: -1; } #main_process .prcs_list li { flex:1; text-align: left; padding-right: 20px; } #main_process .prcs_list .num { text-align: center; line-height: 63px; width: 65px; height: 65px; border: solid 1px rgba(255,255,255,0.3); background-color: #1e1e1e; border-radius: 50%; font-family: 'Play', sans-serif; font-size: 28px; letter-spacing: -0.7px; color: #fff; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; font-family: 'Play', sans-serif; } #main_process .prcs_list .txt { margin:40px 0 0; } #main_process .prcs_list .txt h3 { font-size: 22px; font-weight: 600; color: #fff; } #main_process .prcs_list .txt p { font-size: 15px; font-weight: 300; letter-spacing: -0.24px; color: rgba(255, 255, 255, 0.6); line-height: 1.6; margin:18px 0 0; word-break: keep-all; } #main_process .prcs_list li.active .num { border-color: #e30613; background-color: #e30613; } /* maintenance */ #maintenance{ background-image: linear-gradient(to right, #e5121e, #f53066); font-weight: 300; padding: 100px 0;} #maintenance .fs_16{font-size: 16px; line-height: 2.06; color: #fff; margin-bottom: 53px;} #maintenance h2{color: #fff; margin-bottom: 21px;} #maintenance .con_inner{display: flex; justify-content: space-between;} #maintenance .mt_left{width: 49%;} #maintenance .list{display: flex; max-width: 715px; border-top: solid 1px rgba(211,211,211,0.5); align-items: center; padding: 0 50px 0 30px;} #maintenance .list:last-of-type{border-bottom: solid 1px rgba(211,211,211,0.5);} #maintenance .list li{padding: 25px 0; margin-right: 30px;} #maintenance .list li:last-child{margin: 0;} #maintenance .list li:last-child p{margin-right: 0;} #maintenance .list li p{font-size:18px; text-align: center; color: #fff;} #maintenance .list li.name{width: 110px;} #maintenance .list li.name p{white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 83px; } #maintenance .list li.price{max-width: 34px;} #maintenance .list li.date{max-width: 160px;} #maintenance .list li.type{flex-grow: 1;} #maintenance .list li.status{display: flex !important; align-items: center; width: 76px;} #maintenance .list li.status p{font-size: 18px; font-weight: 500;} #maintenance .list li.status img{margin-right: 8px;} #maintenance .list li.price span{border-radius: 5px; padding: 3px 5px; background-color: #fff; color: #e91430; font-size: 13px;} #maintenance .list li.price span.cost{background-color: #000; color: #fff;} #maintenance .list li.date p{font-size: 16px;} #maintenance .mt_right{display: flex; flex-direction: column; align-items: flex-end; width: 51%;} #maintenance .mt_right .img{position: relative; height: 400px; } #maintenance .mt_right .img img{position: absolute; bottom: 0; right: -17px; } #maintenance .mtbtn{width: 100%; max-width: 820px; display: flex; justify-content: space-between; text-align: left;} #maintenance .mtbtn li{width: 49%; max-width: 400px;} #maintenance .mtbtn li a{display: block; position: relative; background-color: #000; min-height: 110px; padding: 22px 40px; transition: .3s ease all;} #maintenance .mtbtn li a:hover{background-color: rgba(0,0,0,0.5);} #maintenance .mtbtn li a >span{font-size: 16px; line-height: 2.06; font-weight: 300; color: rgba(255, 255, 255, 0.7); word-break: keep-all;} #maintenance .mtbtn li a >img{position: absolute; bottom: 0; right: 0;} #maintenance .mtbtn li a div{display: flex; align-items: center; margin-bottom: 5px;} #maintenance .mtbtn li a div span{font-size: 24px; line-height: 1.38; font-weight: 700; color: #fff; margin-right: 14px;} #maintenance .slick-slider button{position: absolute; top: -40px; background-color: transparent; color: #fff; opacity: .5; transition: all .3s;} #maintenance .slick-slider button:hover{opacity: 1;} #maintenance .slick-slider .slick-prev{right: 100px;} #maintenance .slick-slider .slick-next{right: 80px;} /*service*/ #service{padding: 100px 0;} #service .ser_list{border: solid 1px #ddd; display: flex; flex-wrap: wrap; margin-top: 45px;} #service .ser_list li{width: 20%; border-right: solid 1px #ddd; overflow: hidden; padding: 60px 35px 170px; position: relative; transition: all .3s;} #service .ser_list li:nth-child(5n){border-right: 0;} #service .ser_list li:nth-child(n+5){border-top: solid 1px #ddd;} #service .ser_list li::before{content: ''; display: block; background-image: linear-gradient(110deg, #e40613, #f52f66); width: 0; height: 500px; position: absolute; top: 0; left: 0; z-index: -1; opacity: 0; transition: .3s ease;} #service .ser_list li:hover::before{opacity: 1; width: 100%;} #service .ser_list li:hover .line_title::before{background-color: #fff;} #service .ser_list li:hover span{color: #fff;} #service .ser_list li:hover .imgbox img{opacity: 0;} #service .ser_list li:hover .imgbox img.hv{opacity: 1;} #service .ser_list li:hover .line_title span{color: #fff;} #service .ser_list li .line_title{display: block; font-size: 22px; line-height: 1.32; font-weight: 700; word-break: keep-all; transition: all .3s;} #service .ser_list li .line_title::before{content: ''; display:block; background-color: #e40613; width: 15px; height: 2px; position: relative; top: 0; transition: .3s; margin-bottom: 10px;} #service .ser_list li .line_title span{color: #e40613; transition: all .3s;} #service .ser_list li >span{display: block; font-size: 16px; font-weight: 300; color: #000; line-height: 1.63; transition: all .3s;} #service .ser_list li >span:last-of-type{margin-top: 25px; word-break: keep-all;} #service .ser_list li .imgbox{position: absolute; bottom: 75px; left: 35px; width: 39px; height: 43px;} #service .ser_list li .imgbox img{position: absolute; top: 0; left: 0; transition: .3s;} #service .ser_list li .imgbox img.hv{opacity: 0; z-index: -1; transition: all .3s;} #review_2{background-color: #f7f7f7; padding: 100px 0;} #review_2 .review_list{ margin-top: 43px; width: calc(100% + 30px); position: relative; left: -15px;} #review_2 .slick-slide{margin: 0 15px;} #review_2 .review_list li{margin-bottom: 25px; position: relative;} #review_2 .review_list li:nth-child(n+5){margin: 0;} #review_2 .review_list li a{display: block; background-color: #fff; border: solid 1px #ddd; padding: 35px 40px 82px; cursor: pointer; transition: all .3s;} #review_2 .review_list li a:hover{border-color: #e40613;} #review_2 .review_list li .img{display: none;} #review_2 .review_list .star{display: flex; align-items: center; margin-bottom: 5px;} #review_2 .review_list .star i{color: #ffa200; font-size: 17px; margin-right: 7px;} #review_2 .review_list p{font-size: 16px; line-height: 1.75; font-weight: 200; color: #666; overflow: hidden; text-overflow: ellipsis; height: 58px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;} #review_2 .review_list h4{font-size: 18px; line-height: 3.5; font-weight: 700; color: #000; position: absolute; left: 38px; bottom: 0;} #review_2 .review_list h4 i{font-size: 22px; vertical-align: middle; margin-right: 3px;} #review_2 .slick-dots {display: flex; justify-content: center; width: 70px; position: absolute; right: 0; top: -80px;} #review_2 .slick-dots li {margin-right:10px;} #review_2 .slick-dots li:last-child {margin-right: 0;} #review_2 .slick-dots button {font-size: 0; width: 10px; height: 10px; background: rgba(153,153,153,.35); border-radius: 50%; transition: all .3s; } #review_2 .slick-dots .slick-active button {background-color: #e40613; width: 25px; border-radius: 5px; } #newside.ft {position: absolute; top:auto; bottom:-1000px; } /* media query */ @media screen and (max-width: 1780px) { /* common */ .con_inner { max-width: 100%; padding:0 80px; } /* portfolio */ #main_portfolio .portfolio_list .thumb_img img { width:100%; } /* review & news */ #main_news .inner { width: 100%; padding:0 80px; } #main_news .news_list a .img { width: 35%; max-width: 142px; } #main_news .news_list a .img img { width:100%; } #main_news .news_list a .txt { width: 65%; } /* map */ #main_map .l_side { flex-direction: column; align-items: flex-start; } #main_map .l_side p { margin: 30px 0 0; } /* process */ #main_process .prcs_list li br { display: none; } /* sidenav */ #newside{display: none;} #maintenance .mt_right{width: 46%;} #maintenance .mt_right .img img{position: relative; width: 110%; bottom: 85px; right: 50px;} #maintenance .mtbtn li a{padding: 20px;} #maintenance .mtbtn li a >span{font-size: 14px;} #maintenance .list{padding: 0 30px;} #maintenance .list li p{font-size: 16px;} #service .ser_list li{padding: 60px 25px 150px;} #service .ser_list li >span:last-of-type br{display: none;} } @media screen and (max-width: 1600px){ #maintenance .mt_right .img img{bottom: 20px;} #maintenance .mtbtn li a{height: 100%;} #maintenance .list{padding: 0;} #maintenance .slick-slider .slick-prev{right: 20px;} #maintenance .slick-slider .slick-next{right: 0px;} #service .ser_list li br{display: none;} #service .ser_list li .line_title{font-size: 18px;} #service .ser_list li >span{font-size: 14px;} #service .ser_list li{padding: 60px 35px 140px;} #service .ser_list li .imgbox{bottom: 46px;} } @media screen and (max-width: 1500px) { /* common */ .con_inner { padding:0 60px; } /* review & news */ #main_news .inner { padding:0 60px; } #maintenance .list li{margin-right: 15px;} #maintenance .list li.status p{font-size: 16px;} #maintenance .list li p{font-size: 14px;} #maintenance .list li.date p{font-size: 14px;} #maintenance .mt_right .img{height: initial;} } @media screen and (max-width: 1400px){ #service .ser_list{border-bottom: 0; border-right: 0;} #service .ser_list li{width: 25%;} #service .ser_list li:nth-child(5n){border-right: solid 1px #ddd;} #service .ser_list li:nth-child(n+7){border-bottom: solid 1px #ddd;} } @media screen and (max-width: 1300px) { /* common */ .main_title { font-size: 50px; } /* visual */ #main_visual .vis_con .txt h2 { font-size: 58px; } #main_visual .vis_con .txt h3 { font-size: 30px; } /* portfolio */ #main_portfolio { margin: 150px 0 0; } #main_portfolio .portfolio_list .cover_name { font-size: 21px; } /* review & news */ #main_news { width:calc(50% - 155px); } /* map */ #main_map .r_side p { font-size: 30px; } #main_map .r_side p + p { margin-left: 30px; } /* process */ #main_process .main_title + p { font-size: 28px; } #main_process .prcs_list .txt h3 { font-size: 20px; } #maintenance .mtbtn li a div span{font-size: 17px;} #maintenance .list li.name{width: 85px;} #maintenance .list li.status{width: 70px;} #maintenance .list li.status p{font-size: 14px;} #maintenance .list li p{font-size: 12px;} #maintenance .list li.date p{font-size: 12px;} #maintenance .list li.price span{font-size: 11px;} } /* hover */ @media screen and (max-width: 1140px) { #service .ser_list li{width: 33%;} #service .ser_list li:nth-child(n+4){border-top: solid 1px #ddd;} #service .ser_list li:last-child{border-top: 0;} } @media screen and (min-width: 1101px) { #main_portfolio .portfolio_list .thumb_img:hover .cover { opacity: 1; } } @media screen and (max-width: 1100px) { /* common */ .con_inner { padding:0 40px; } .main_title { font-size: 45px; } #container.main { padding: 150px 0 0; } /* visual */ #main_visual .vis_con img { height: 150px; } #main_visual .vis_con .txt { margin-left: 40px; } #main_visual .vis_con .txt h2 { font-size: 48px; } #main_visual .vis_con .txt h3 { font-size: 25px; margin: 15px 0; } #main_visual .vis_con .txt p { font-size: 17px; } /* portfolio */ #main_portfolio { margin: 120px 0 0; } #main_portfolio .top { flex-direction: column; align-items: center; } #main_portfolio .tab_btn_list { margin:30px 0 0; } #main_portfolio .tab_btn_list a { font-size: 18px; } #main_portfolio .portfolio_list > li { width: calc(33.3% - 13.5px); margin-right: 20px; } #main_portfolio .portfolio_list > li:nth-child(3n) { margin-right: 0; } #main_portfolio .portfolio_list .thumb_title { font-size: 17px; } /* review & news */ #main_flexbox > div { padding: 80px 0; } #main_news { width: 50%; } #main_news .inner { padding:0 40px; } /* map */ #main_map { padding: 80px 0 0; } #main_map .top { flex-direction: column; justify-content: center; align-items: center; } #main_map .l_side { align-items: center; text-align: center; } #main_map .r_side { margin:30px 0 0; } #main_map .map_btn_wrap .btn { padding:0; } #main_map .map-section-btn>.btn-secondary { font-size: 15px; } #main_map .map_area { height: 400px; } /* process */ #main_process { padding: 220px 0 100px; margin-top: -100px; } #main_process .main_title + p { font-size: 25px; } #main_process .prcs_list { margin: 40px 0 0; } #main_process .prcs_list .txt h3 { font-size: 18px; word-break: keep-all; } #main_process .prcs_list .txt p { font-size: 14px; } #service .main_title{text-align: center;} .review_modal .rev_inner {width: calc(100% - 40px); padding-right: 0;} .review_modal .close_area {left:calc(100% - 50px); top:-60px;} .review_modal .close_area b { display: none; } .review_modal .close_area .close_btn {width: 50px; height: 50px; position: relative; z-index: 2;} .review_modal .con_area {padding: 50px 30px; max-width: 100%;} .review_modal .con_area .cont h2 {font-size: 20px;} .review_modal .con_area .cont p {font-size: 16px; line-height: 26px; } .review_modal .close_btn i{line-height: 50px;} #review_2 .review_list{width: calc(100% + 10px); left: -5px;} #review_2 .slick-slide{margin: 0 5px;} #review_2 .review_list li{margin-bottom: 10px;} #review_2 .review_list li a{padding: 25px 25px 65px;} #review_2 .review_list h4{left: 25px; font-size: 15px;} #review_2 .review_list p{font-size: 15px;} } @media screen and (max-width:1024px){ #maintenance .mt_right .img{display: none;} #maintenance .mt_left, #maintenance .mt_right {width: 100%;} #maintenance .con_inner{flex-direction: column;} #maintenance .list{max-width: 100%; width: 100%;} #maintenance .mtbtn{flex-direction: row; width: 100%; justify-content: space-between; max-width: 100%; } #maintenance .mtbtn li{width: 49%; max-width: none; margin-top: 50px;} #maintenance .fs_16{font-size: 14px; text-align: center;} #maintenance h2{text-align: center;} #maintenance .list li{margin-right: 70px;} #service .ser_list li{padding: 50px 25px 120px;} #service .ser_list li .imgbox{bottom: 40px; left: 25px;} } @media screen and (max-width:767px) { /* common */ .con_inner { padding:0 20px; } .main_title { font-size: 30px; } #container.main { padding: 120px 0 0; } /* visual */ #main_visual .vis_con { flex-direction: column; } #main_visual .vis_con img { height: 100px; } #main_visual .vis_con .txt { margin: 30px 0 0; text-align: center; } #main_visual .vis_con .txt h2 { font-size: 35px; } #main_visual .vis_con .txt h3 { font-size: 17px; margin: 15px 0; word-break: keep-all; line-height: 1.5; } #main_visual .vis_con .txt p { font-size: 15px; word-break: keep-all; letter-spacing: -1px; } /* portfolio */ #main_portfolio { margin: 50px 0 0; padding: 0 0 60px; } #main_portfolio .tab_btn_list { flex-wrap: wrap; justify-content: center; } #main_portfolio .tab_btn_list li + li { margin-left: 5px; } #main_portfolio .tab_btn_list li::before { left: initial; right:-2px; height: 15px; top:8px; } #main_portfolio .tab_btn_list li:first-child::before { display: block; } #main_portfolio .tab_btn_list li:last-child::before { display: none; } #main_portfolio .tab_btn_list a { font-size: 14px; margin:8px 4px; } #main_portfolio .tab_wrap { margin:30px 0 0; } #main_portfolio .portfolio_list > li { width: calc(50% - 5px); margin-right: 10px; margin-bottom: 35px; } #main_portfolio .portfolio_list > li:nth-child(3n) { margin-right: 10px; } #main_portfolio .portfolio_list > li:nth-child(2n) { margin-right: 0; } #main_portfolio .portfolio_list .thumb_title { font-size: 16px; margin: 17px 0 0; display: block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } #main_portfolio .btn_more { margin: 10px 0 0; } #main_portfolio .btn_more a { font-size: 15px; height: 40px; line-height: 40px; padding-right: 27px; } #main_portfolio .btn_more a::after { top:-2px; width: 40px; height: 40px; } /* review & news */ #main_flexbox { flex-wrap: wrap; } #main_flexbox > div { padding: 60px 0; } #main_flexbox .top { margin: 0 0 30px; } #main_flexbox .top .btn_more { font-size: 16px; } #main_review { width: 100%; } #main_review .inner { padding:0 20px; } #main_review .slick-prev { display: none; } #main_review .slick-next { display: none; } #main_review .review_slide .txt h3 { font-size: 20px; } #main_news { width: 100%; } #main_news .inner { padding:0 20px; } #main_news .news_list a { align-items: center; } #main_news .news_list a .img { width: 142px; } #main_news .news_list a .txt { width: calc(100% - 142px); } #main_news .news_list a .txt h3 { font-size: 17px; } /* map */ #main_map { padding: 60px 0; } #main_map .l_side p br { display: none; } #main_map .r_side p { font-size: 23px; } #main_map .map_btn_wrap { display: none; } #main_map .map_area { height: 300px; border: 10px solid #f7f7f7; } /* process */ #main_process { display: none; } #maintenance .list li{margin-right: 20px;} #maintenance .list li.date{display: none;} #maintenance .list li.type{margin: 0;} #maintenance .list li.price span{font-size: 10px;} #maintenance .list li.status p{font-size: 13px;} #review_2 .review_list p{font-size: 14px; height: 53px;} .review_modal .close_area {top: -50px; left: auto;} .review_modal .close_area .close_btn, .review_modal .close_area .close_btn:hover {background:transparent; width: 25px; padding: 0;} .review_modal .close_area .close_btn:hover i {color:#fff;} .review_modal .con_area {padding: 40px 20px;} .review_modal .con_area .cont { margin-bottom: 25px; padding-bottom: 25px;} .review_modal .con_area .cont h2 {font-size: 18px; margin:20px 0 15px;} .review_modal .con_area .cont p {font-size: 14px; line-height: 22px;} .review_modal .con_area .star h3 {font-size: 14px;} .review_modal .con_area .star > div i {font-size: 20px; margin-right: 5px; } } @media screen and (max-width:640px){ #maintenance .mtbtn{flex-direction: column;} #maintenance .mtbtn li{width: 100%; margin-top: 30px;} #maintenance .mtbtn li:last-child{margin-top: 10px;} #maintenance .mtbtn li a{ height: fit-content; min-height: fit-content;} #service .ser_list li {width: 50%; padding: 30px 20px 90px;} #service .ser_list li .imgbox{width: 35px; bottom: 20px; left: 20px;} #service .ser_list li .imgbox img{width: 100%;} #service .ser_list li:hover .imgbox img{width: 100%;} #service .ser_list li .line_title{font-size: 15px;} #service .ser_list li >span:last-of-type{font-size: 13px;} #service .ser_list li:nth-child(3){border-top: solid 1px #ddd;} #service .ser_list li:nth-child(9){border-top: 0;} #review_2 .review_list li{margin-bottom: 10px;} } @media screen and (max-width:390px) { /* visual */ #main_visual .vis_con .txt h3 { font-size: 17px; margin: 15px 0; word-break: keep-all; line-height: 1.5; } #main_visual .vis_con .txt p { font-size: 14px; word-break: keep-all; letter-spacing: -1px; } /* portfolio */ #main_portfolio .tab_btn_list li + li { margin-left: 4px; } #main_portfolio .tab_btn_list li::before { left: initial; right:-4px; height: 15px; top:8px; } #main_portfolio .tab_btn_list a { font-size: 13px; margin:8px 6px; letter-spacing: -1px;} #maintenance .list li{margin-right: 10px;} #service .ser_list li{ padding: 30px 20px;} #service .ser_list li .imgbox{display: none;} } </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 main_wrap">  <header> <div class="container-fluid"> <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="continer-fluid"> <div class="row"> <div class="row"> <section id="container" class="main"> <div id="main_visual" class="main_section"> <div class="con_inner"> <div class="vis_con"> <div class="img"><img src="/themes/dwebs2023/img/main/vis_img.png" alt="디웹스 ALL IN ONE SERVICE" /></div> <div class="txt"> <h2>ALL IN ONE SERVICE</h2> <h3>홈페이지제작, 도메인, 호스팅, 유지보수 까지 한곳에서 OK!</h3> <p>트렌디한 홈페이지 제작을 원하신다면 디웹스에서 한번에 해결 하세요.</p> </div> </div> </div> </div> <div id="main_portfolio" class="main_section"> <div class="con_inner"> <div class="top"> <h2 class="main_title">Portfolio</h2> <ul class="tab_btn_list"> <li class="display_tab"><a data-tab-area=".tab" data-target="#port_tab0" data-tab-number="0" class="active">All</a></li> <li class="display_tab"><a data-tab-area=".tab" data-target="#port_tab1" data-tab-number="1">IT</a></li> <li class="display_tab"><a data-tab-area=".tab" data-target="#port_tab2" data-tab-number="2">프랜차이즈</a></li> <li class="display_tab"><a data-tab-area=".tab" data-target="#port_tab3" data-tab-number="3">건설·건축사사무소</a></li> <li class="display_tab"><a data-tab-area=".tab" data-target="#port_tab4" data-tab-number="4">대학교</a></li> <li class="display_tab"><a data-tab-area=".tab" data-target="#port_tab5" data-tab-number="5">바이오</a></li> <li class="display_tab"><a data-tab-area=".tab" data-target="#port_tab6" data-tab-number="6">회사소개</a></li> </ul> </div> <div class="tab_wrap"> <div id="port_tab0" class="tab active"> <ul class="portfolio_list"> <li> <a href="https://www.dwebs.kr/portfolios?q=%EC%95%8C%EB%94%94%EC%97%90%EC%8A%A4%28%EC%A3%BC%29" class="thumb_img"> <img src="/storage/2306/conversions/01638f5d63add15191b286cdaf70ea41-thumb-main-portfolio.jpg" alt="알디에스(주) 반응형 홈페이지제작" class="center-block" data-src="holder.js/520x285"> <div class="cover"> <p class="cover_name">알디에스(주)</p> <p class="cover_type">반응형 홈페이지제작</p> <div class="arrow"><img src="/themes/dwebs2023/img/common/thumb_arrow.png" alt="알디에스(주) 반응형 포트폴리오 자세히보기" /></div> </div> </a> <p class="thumb_title">알디에스(주)</p> </li> <li> <a href="https://www.dwebs.kr/portfolios?q=%28%EC%A3%BC%29%EC%86%8C%ED%94%84%ED%8A%B8%EC%84%BC" class="thumb_img"> <img src="/storage/2275/conversions/af47b3bebc06b135e31e368c43bddce4-thumb-main-portfolio.jpg" alt="(주)소프트센 PC & MOBILE SET 홈페이지제작" class="center-block" data-src="holder.js/520x285"> <div class="cover"> <p class="cover_name">(주)소프트센</p> <p class="cover_type">PC & MOBILE SET 홈페이지제작</p> <div class="arrow"><img src="/themes/dwebs2023/img/common/thumb_arrow.png" alt="(주)소프트센 PC & MOBILE SET 포트폴리오 자세히보기" /></div> </div> </a> <p class="thumb_title">(주)소프트센</p> </li> <li> <a href="https://www.dwebs.kr/portfolios?q=%28%EC%A3%BC%29%ED%85%8C%ED%81%AC%EB%8D%B0%EC%9D%B4%ED%83%80%EA%B8%80%EB%A1%9C%EB%B2%8C" class="thumb_img"> <img src="/storage/2294/conversions/f54ae50002d31019b8d13b2860e6b71d-thumb-main-portfolio.jpg" alt="(주)테크데이타글로벌 반응형 홈페이지제작" class="center-block" data-src="holder.js/520x285"> <div class="cover"> <p class="cover_name">(주)테크데이타글로벌</p> <p class="cover_type">반응형 홈페이지제작</p> <div class="arrow"><img src="/themes/dwebs2023/img/common/thumb_arrow.png" alt="(주)테크데이타글로벌 반응형 포트폴리오 자세히보기" /></div> </div> </a> <p class="thumb_title">(주)테크데이타글로벌</p> </li> <li> <a href="https://www.dwebs.kr/portfolios?q=%28%EC%A3%BC%29%ED%8C%9C%EC%95%A4%EB%93%A4" class="thumb_img"> <img src="/storage/2296/conversions/1fb092da69b0846b714de6fa503d2e56-thumb-main-portfolio.jpg" alt="(주)팜앤들 반응형 홈페이지제작" class="center-block" data-src="holder.js/520x285"> <div class="cover"> <p class="cover_name">(주)팜앤들</p> <p class="cover_type">반응형 홈페이지제작</p> <div class="arrow"><img src="/themes/dwebs2023/img/common/thumb_arrow.png" alt="(주)팜앤들 반응형 포트폴리오 자세히보기" /></div> </div> </a> <p class="thumb_title">(주)팜앤들</p> </li> <li> <a href="https://www.dwebs.kr/portfolios?q=%EC%A3%BC%EC%8B%9D%ED%9A%8C%EC%82%AC+%EC%8D%AC%EB%8D%94%EC%B9%98%ED%82%A8" class="thumb_img"> <img src="/storage/2761/conversions/d9b9a5f05e3c47b458cab450a1b66ed4-thumb-main-portfolio.jpg" alt="주식회사 썬더치킨 반응형 홈페이지제작" class="center-block" data-src="holder.js/520x285"> <div class="cover"> <p class="cover_name">주식회사 썬더치킨</p> <p class="cover_type">반응형 홈페이지제작</p> <div class="arrow"><img src="/themes/dwebs2023/img/common/thumb_arrow.png" alt="주식회사 썬더치킨 반응형 포트폴리오 자세히보기" /></div> </div> </a> <p class="thumb_title">주식회사 썬더치킨</p> </li> <li> <a href="https://www.dwebs.kr/portfolios?q=%ED%94%BC%EC%97%94%ED%94%BC%EC%97%90%EB%84%88%EC%A7%80%ED%85%8D%28%EC%A3%BC%29" class="thumb_img"> <img src="/storage/2559/conversions/c488f76d2c54a7a89951fbb8274b4f73-thumb-main-portfolio.jpg" alt="피엔피에너지텍(주) 반응형 홈페이지제작" class="center-block" data-src="holder.js/520x285"> <div class="cover"> <p class="cover_name">피엔피에너지텍(주)</p> <p class="cover_type">반응형 홈페이지제작</p> <div class="arrow"><img src="/themes/dwebs2023/img/common/thumb_arrow.png" alt="피엔피에너지텍(주) 반응형 포트폴리오 자세히보기" /></div> </div> </a> <p class="thumb_title">피엔피에너지텍(주)</p> </li> <li> <a href="https://www.dwebs.kr/portfolios?q=%EB%94%94%ED%85%8C%EC%9D%BC%EB%9F%AC+%EB%AA%85" class="thumb_img"> <img src="/storage/2267/conversions/8a9b7a0be3898a3c6cf957c23dbf233f-thumb-main-portfolio.jpg" alt="디테일러 명 PC & MOBILE SET 홈페이지제작" class="center-block" data-src="holder.js/520x285"> <div class="cover"> <p class="cover_name">디테일러 명</p> <p class="cover_type">PC & MOBILE SET 홈페이지제작</p> <div class="arrow"><img src="/themes/dwebs2023/img/common/thumb_arrow.png" alt="디테일러 명 PC & MOBILE SET 포트폴리오 자세히보기" /></div> </div> </a> <p class="thumb_title">디테일러 명</p> </li> <li> <a href="https://www.dwebs.kr/portfolios?q=%EC%95%84%EC%9D%B4%EC%95%A4%EC%97%90%ED%94%84%EC%BB%A8%EC%84%A4%ED%8C%85+%EC%9C%A0%ED%95%9C%ED%9A%8C%EC%82%AC" class="thumb_img"> <img src="/storage/2574/conversions/7be0dfd812acc63b7d2de2293bab979e-thumb-main-portfolio.jpg" alt="아이앤에프컨설팅 유한회사 PC & MOBILE SET 홈페이지제작" class="center-block" data-src="holder.js/520x285"> <div class="cover"> <p class="cover_name">아이앤에프컨설팅 유한회사</p> <p class="cover_type">PC & MOBILE SET 홈페이지제작</p> <div class="arrow"><img src="/themes/dwebs2023/img/common/thumb_arrow.png" alt="아이앤에프컨설팅 유한회사 PC & MOBILE SET 포트폴리오 자세히보기" /></div> </div> </a> <p class="thumb_title">아이앤에프컨설팅 유한회사</p> </li> <li> <a href="https://www.dwebs.kr/portfolios?q=%EC%8B%9C%EB%84%88%EC%8A%A4%E3%88%9C" class="thumb_img"> <img src="/storage/2277/conversions/95e9432aa0e9acfbeca2b7523336e6e2-thumb-main-portfolio.jpg" alt="시너스㈜ PC & MOBILE SET 홈페이지제작" class="center-block" data-src="holder.js/520x285"> <div class="cover"> <p class="cover_name">시너스㈜</p> <p class="cover_type">PC & MOBILE SET 홈페이지제작</p> <div class="arrow"><img src="/themes/dwebs2023/img/common/thumb_arrow.png" alt="시너스㈜ PC & MOBILE SET 포트폴리오 자세히보기" /></div> </div> </a> <p class="thumb_title">시너스㈜</p> </li> <li> <a href="https://www.dwebs.kr/portfolios?q=%EC%A3%BC%EC%8B%9D%ED%9A%8C%EC%82%AC+%ED%8E%9C%ED%83%80%ED%81%AC%EB%A6%AC%EB%93%9C" class="thumb_img"> <img src="/storage/2311/conversions/01747ac6e18d604216399d484f605a5d-thumb-main-portfolio.jpg" alt="주식회사 펜타크리드 PC & MOBILE SET 홈페이지제작" class="center-block" data-src="holder.js/520x285"> <div class="cover"> <p class="cover_name">주식회사 펜타크리드</p> <p class="cover_type">PC & MOBILE SET 홈페이지제작</p> <div class="arrow"><img src="/themes/dwebs2023/img/common/thumb_arrow.png" alt="주식회사 펜타크리드 PC & MOBILE SET 포트폴리오 자세히보기" /></div> </div> </a> <p class="thumb_title">주식회사 펜타크리드</p> </li> <li> <a href="https://www.dwebs.kr/portfolios?q=%EB%B0%94%EC%86%8C%EA%B1%B4%EC%B6%95%EC%82%AC%EC%82%AC%EB%AC%B4%EC%86%8C" class="thumb_img"> <img src="/storage/2271/conversions/45750ec268b5e93566fe011ad750f684-thumb-main-portfolio.jpg" alt="바소건축사사무소 PC & MOBILE SET 홈페이지제작" class="center-block" data-src="holder.js/520x285"> <div class="cover"> <p class="cover_name">바소건축사사무소</p> <p class="cover_type">PC & MOBILE SET 홈페이지제작</p> <div class="arrow"><img src="/themes/dwebs2023/img/common/thumb_arrow.png" alt="바소건축사사무소 PC & MOBILE SET 포트폴리오 자세히보기" /></div> </div> </a> <p class="thumb_title">바소건축사사무소</p> </li> <li> <a href="https://www.dwebs.kr/portfolios?q=%EC%A3%BC%EC%8B%9D%ED%9A%8C%EC%82%AC+%EC%94%A8%ED%94%BC%EC%95%8C%EC%97%90%EC%8A%A4%EC%95%A4%ED%8B%B0" class="thumb_img"> <img src="/storage/2280/conversions/a92cd0f5920f39aea854bf697466d05e-thumb-main-portfolio.jpg" alt="주식회사 씨피알에스앤티 PC & MOBILE SET 홈페이지제작" class="center-block" data-src="holder.js/520x285"> <div class="cover"> <p class="cover_name">주식회사 씨피알에스앤티</p> <p class="cover_type">PC & MOBILE SET 홈페이지제작</p> <div class="arrow"><img src="/themes/dwebs2023/img/common/thumb_arrow.png" alt="주식회사 씨피알에스앤티 PC & MOBILE SET 포트폴리오 자세히보기" /></div> </div> </a> <p class="thumb_title">주식회사 씨피알에스앤티</p> </li> <li> <a href="https://www.dwebs.kr/portfolios?q=%EC%A3%BC%EC%8B%9D%ED%9A%8C%EC%82%AC+%EC%97%90%EC%8A%A4%EC%95%A4%EC%9D%B8%ED%8F%AC%ED%85%8D" class="thumb_img"> <img src="/storage/2281/conversions/97c4d31f676b6ecf618f6a8887a9b4d2-thumb-main-portfolio.jpg" alt="주식회사 에스앤인포텍 PC & MOBILE SET 홈페이지제작" class="center-block" data-src="holder.js/520x285"> <div class="cover"> <p class="cover_name">주식회사 에스앤인포텍</p> <p class="cover_type">PC & MOBILE SET 홈페이지제작</p> <div class="arrow"><img src="/themes/dwebs2023/img/common/thumb_arrow.png" alt="주식회사 에스앤인포텍 PC & MOBILE SET 포트폴리오 자세히보기" /></div> </div> </a> <p class="thumb_title">주식회사 에스앤인포텍</p> </li> <li> <a href="https://www.dwebs.kr/portfolios?q=%ED%95%9C%EA%B5%AD%EA%B3%BC%ED%95%99%EA%B8%B0%EC%88%A0%EC%9B%90+KAIST+-+%EB%B0%94%EC%9D%B4%EC%98%A4%EB%82%98%EB%85%B8+%EC%9D%98%EC%95%BD%EC%8B%A4%ED%97%98%EC%8B%A4" class="thumb_img"> <img src="/storage/2293/conversions/d71266fd56ba69412675fea5b1d2cd7b-thumb-main-portfolio.jpg" alt="한국과학기술원 KAIST - 바이오나노 의약실험실 PC & MOBILE SET 홈페이지제작" class="center-block" data-src="holder.js/520x285"> <div class="cover"> <p class="cover_name">한국과학기술원 KAIST - 바이오나…</p> <p class="cover_type">PC & MOBILE SET 홈페이지제작</p> <div class="arrow"><img src="/themes/dwebs2023/img/common/thumb_arrow.png" alt="한국과학기술원 KAIST - 바이오나노 의약실험실 PC & MOBILE SET 포트폴리오 자세히보기" /></div> </div> </a> <p class="thumb_title">한국과학기술원 KAIST - 바이오나…</p> </li> <li> <a href="https://www.dwebs.kr/portfolios?q=%ED%95%9C%EC%96%91%EB%8C%80%ED%95%99%EA%B5%90+%EC%8B%9D%EB%AC%BC%EC%8B%A0%ED%98%B8%EC%A0%84%EB%8B%AC%EC%97%B0%EA%B5%AC%EC%8B%A4" class="thumb_img"> <img src="/storage/2302/conversions/2dcecb52baa394e8a0d77ad12241091f-thumb-main-portfolio.jpg" alt="한양대학교 식물신호전달연구실 PC 단독형 홈페이지제작" class="center-block" data-src="holder.js/520x285"> <div class="cover"> <p class="cover_name">한양대학교 식물신호전달연구실</p> <p class="cover_type">PC 단독형 홈페이지제작</p> <div class="arrow"><img src="/themes/dwebs2023/img/common/thumb_arrow.png" alt="한양대학교 식물신호전달연구실 PC 단독형 포트폴리오 자세히보기" /></div> </div> </a> <p class="thumb_title">한양대학교 식물신호전달연구실</p> </li> <li> <a href="https://www.dwebs.kr/portfolios?q=%28%EC%A3%BC%29%ED%81%90%ED%86%A0%ED%94%84" class="thumb_img"> <img src="/storage/2389/conversions/d0b9d7be37f524a85110d733ee1ba3b5-thumb-main-portfolio.jpg" alt="(주)큐토프 PC & MOBILE SET 홈페이지제작" class="center-block" data-src="holder.js/520x285"> <div class="cover"> <p class="cover_name">(주)큐토프</p> <p class="cover_type">PC & MOBILE SET 홈페이지제작</p> <div class="arrow"><img src="/themes/dwebs2023/img/common/thumb_arrow.png" alt="(주)큐토프 PC & MOBILE SET 포트폴리오 자세히보기" /></div> </div> </a> <p class="thumb_title">(주)큐토프</p> </li> <li> <a href="https://www.dwebs.kr/portfolios?q=%EC%A3%BC%EC%8B%9D%ED%9A%8C%EC%82%AC+%ED%95%9C%EB%B0%B1%EA%B1%B4%EC%B6%95%EC%82%AC%EC%82%AC%EB%AC%B4%EC%86%8C" class="thumb_img"> <img src="/storage/2343/conversions/15b9b6feb5273889d1b5a3ff3f8f0316-thumb-main-portfolio.jpg" alt="주식회사 한백건축사사무소 반응형 홈페이지제작" class="center-block" data-src="holder.js/520x285"> <div class="cover"> <p class="cover_name">주식회사 한백건축사사무소</p> <p class="cover_type">반응형 홈페이지제작</p> <div class="arrow"><img src="/themes/dwebs2023/img/common/thumb_arrow.png" alt="주식회사 한백건축사사무소 반응형 포트폴리오 자세히보기" /></div> </div> </a> <p class="thumb_title">주식회사 한백건축사사무소</p> </li> <li> <a href="https://www.dwebs.kr/portfolios?q=%28%EC%A3%BC%29%EC%A0%9C%EC%9D%B4%EC%BC%80%EC%9D%B4%EC%97%90%EC%8A%A4%EA%B1%B4%EC%84%A4" class="thumb_img"> <img src="/storage/2316/conversions/4bbf581d3d93a93b01f0c762c40b00df-thumb-main-portfolio.jpg" alt="(주)제이케이에스건설 PC & MOBILE SET 홈페이지제작" class="center-block" data-src="holder.js/520x285"> <div class="cover"> <p class="cover_name">(주)제이케이에스건설</p> <p class="cover_type">PC & MOBILE SET 홈페이지제작</p> <div class="arrow"><img src="/themes/dwebs2023/img/common/thumb_arrow.png" alt="(주)제이케이에스건설 PC & MOBILE SET 포트폴리오 자세히보기" /></div> </div> </a> <p class="thumb_title">(주)제이케이에스건설</p> </li> </ul> <div class="btn_more"> <a href="https://www.dwebs.kr/portfolios?q=IT">More view <i class="arrow"><img src="/themes/dwebs2023/img/common/more_red.png" /></i></a> </div> </div> <div id="port_tab1" class="tab"></div> <div id="port_tab2" class="tab"></div> <div id="port_tab3" class="tab"></div> <div id="port_tab4" class="tab"></div> <div id="port_tab5" class="tab"></div> <div id="port_tab6" class="tab"></div> </div> </div> </div> <div id="maintenance" class="main_section"> <div class="con_inner"> <div class="mt_left"> <h2 class="main_title">Maintenance</h2> <p class="fs_16"> 제작보다 중요한 것은 유지보수 이며, 디웹스는 실시간으로 고객사 유지보수 현황을 공개하고 있습니다. </p> <div class="testslide"> <ul class="list"> <li class="status"> <img src="/themes/dwebs2023/img/ascenter/aslist/aslist_blue_icon.png" style="animation: rota_ani 3s infinite linear;" alt="진행중"> <p> 진행중</p> </li> <li class="name"> <p>서울***원센터</p> </li> <li class="price"> <p><span class="free">무상</span></p> </li> <li class="type"> <p>페이지 수정</p> </li> <li class="date"> <p>2024-11-22 17:41:31</p> </li> </ul> <ul class="list"> <li class="status"> <img src="/themes/dwebs2023/img/ascenter/aslist/aslist_blue_icon.png" style="animation: rota_ani 3s infinite linear;" alt="진행중"> <p> 진행중</p> </li> <li class="name"> <p>㈜정***컴퍼니</p> </li> <li class="price"> <p><span class="free">무상</span></p> </li> <li class="type"> <p>(퍼블리싱) PC</p> </li> <li class="date"> <p>2024-11-22 17:20:19</p> </li> </ul> <ul class="list"> <li class="status"> <img src="/themes/dwebs2023/img/ascenter/aslist/aslist_blue_icon.png" style="animation: rota_ani 3s infinite linear;" alt="진행중"> <p> 진행중</p> </li> <li class="name"> <p>OP***우드)</p> </li> <li class="price"> <p><span class="free">무상</span></p> </li> <li class="type"> <p>기타</p> </li> <li class="date"> <p>2024-11-22 16:02:14</p> </li> </ul> <ul class="list"> <li class="status"> <img src="/themes/dwebs2023/img/ascenter/aslist/aslist_blue_icon.png" style="animation: rota_ani 3s infinite linear;" alt="진행중"> <p> 진행중</p> </li> <li class="name"> <p>주식***허브콘</p> </li> <li class="price"> <p><span class="free">무상</span></p> </li> <li class="type"> <p>(디자인) -서브</p> </li> <li class="date"> <p>2024-11-22 13:40:00</p> </li> </ul> <ul class="list"> <li class="status"> <img src="/themes/dwebs2023/img/ascenter/aslist/aslist_green_icon.png" style="" alt="완료"> <p> 완료</p> </li> <li class="name"> <p>㈜정***컴퍼니</p> </li> <li class="price"> <p><span class="free">무상</span></p> </li> <li class="type"> <p>페이지 수정</p> </li> <li class="date"> <p>2024-11-22 15:10:20</p> </li> </ul> <ul class="list"> <li class="status"> <img src="/themes/dwebs2023/img/ascenter/aslist/aslist_green_icon.png" style="" alt="완료"> <p> 완료</p> </li> <li class="name"> <p>㈜정***컴퍼니</p> </li> <li class="price"> <p><span class="free">무상</span></p> </li> <li class="type"> <p>페이지 수정</p> </li> <li class="date"> <p>2024-11-22 13:41:14</p> </li> </ul> <ul class="list"> <li class="status"> <img src="/themes/dwebs2023/img/ascenter/aslist/aslist_green_icon.png" style="" alt="완료"> <p> 완료</p> </li> <li class="name"> <p>㈜***랩</p> </li> <li class="price"> <p><span class="free">무상</span></p> </li> <li class="type"> <p>페이지 수정</p> </li> <li class="date"> <p>2024-11-22 10:44:20</p> </li> </ul> <ul class="list"> <li class="status"> <img src="/themes/dwebs2023/img/ascenter/aslist/aslist_green_icon.png" style="" alt="완료"> <p> 완료</p> </li> <li class="name"> <p>㈜***랩</p> </li> <li class="price"> <p><span class="free">무상</span></p> </li> <li class="type"> <p>페이지 수정</p> </li> <li class="date"> <p>2024-11-21 13:05:50</p> </li> </ul> <ul class="list"> <li class="status"> <img src="/themes/dwebs2023/img/ascenter/aslist/aslist_green_icon.png" style="" alt="완료"> <p> 완료</p> </li> <li class="name"> <p>(***운</p> </li> <li class="price"> <p><span class="free">무상</span></p> </li> <li class="type"> <p>페이지 수정</p> </li> <li class="date"> <p>2024-11-20 16:07:00</p> </li> </ul> <ul class="list"> <li class="status"> <img src="/themes/dwebs2023/img/ascenter/aslist/aslist_green_icon.png" style="" alt="완료"> <p> 완료</p> </li> <li class="name"> <p>그리***(주)</p> </li> <li class="price"> <p><span class="free">무상</span></p> </li> <li class="type"> <p>페이지 수정</p> </li> <li class="date"> <p>2024-11-20 09:55:07</p> </li> </ul> <ul class="list"> <li class="status"> <img src="/themes/dwebs2023/img/ascenter/aslist/aslist_green_icon.png" style="" alt="완료"> <p> 완료</p> </li> <li class="name"> <p>그리***(주)</p> </li> <li class="price"> <p><span class="free">무상</span></p> </li> <li class="type"> <p>페이지 수정</p> </li> <li class="date"> <p>2024-11-19 16:33:07</p> </li> </ul> <ul class="list"> <li class="status"> <img src="/themes/dwebs2023/img/ascenter/aslist/aslist_green_icon.png" style="" alt="완료"> <p> 완료</p> </li> <li class="name"> <p>인히***기학원</p> </li> <li class="price"> <p><span class="free">무상</span></p> </li> <li class="type"> <p>페이지 수정</p> </li> <li class="date"> <p>2024-11-19 15:11:03</p> </li> </ul> <ul class="list"> <li class="status"> <img src="/themes/dwebs2023/img/ascenter/aslist/aslist_green_icon.png" style="" alt="완료"> <p> 완료</p> </li> <li class="name"> <p>㈜***랩</p> </li> <li class="price"> <p><span class="free">무상</span></p> </li> <li class="type"> <p>페이지 수정</p> </li> <li class="date"> <p>2024-11-19 15:31:43</p> </li> </ul> <ul class="list"> <li class="status"> <img src="/themes/dwebs2023/img/ascenter/aslist/aslist_green_icon.png" style="" alt="완료"> <p> 완료</p> </li> <li class="name"> <p>㈜정***컴퍼니</p> </li> <li class="price"> <p><span class="free">무상</span></p> </li> <li class="type"> <p>페이지 수정</p> </li> <li class="date"> <p>2024-11-21 15:25:02</p> </li> </ul> <ul class="list"> <li class="status"> <img src="/themes/dwebs2023/img/ascenter/aslist/aslist_green_icon.png" style="" alt="완료"> <p> 완료</p> </li> <li class="name"> <p>일산***의료원</p> </li> <li class="price"> <p><span class="free">무상</span></p> </li> <li class="type"> <p>페이지 수정</p> </li> <li class="date"> <p>2024-11-19 12:35:02</p> </li> </ul> <ul class="list"> <li class="status"> <img src="/themes/dwebs2023/img/ascenter/aslist/aslist_green_icon.png" style="" alt="완료"> <p> 완료</p> </li> <li class="name"> <p>태신***식회사</p> </li> <li class="price"> <p><span class="free">무상</span></p> </li> <li class="type"> <p>페이지 수정</p> </li> <li class="date"> <p>2024-11-18 16:11:15</p> </li> </ul> <ul class="list"> <li class="status"> <img src="/themes/dwebs2023/img/ascenter/aslist/aslist_green_icon.png" style="" alt="완료"> <p> 완료</p> </li> <li class="name"> <p>(주***어테크</p> </li> <li class="price"> <p><span class="free">무상</span></p> </li> <li class="type"> <p>페이지 수정</p> </li> <li class="date"> <p>2024-11-18 15:59:10</p> </li> </ul> <ul class="list"> <li class="status"> <img src="/themes/dwebs2023/img/ascenter/aslist/aslist_green_icon.png" style="" alt="완료"> <p> 완료</p> </li> <li class="name"> <p>무등***양병원</p> </li> <li class="price"> <p><span class="free">무상</span></p> </li> <li class="type"> <p>페이지 수정</p> </li> <li class="date"> <p>2024-11-18 15:59:14</p> </li> </ul> <ul class="list"> <li class="status"> <img src="/themes/dwebs2023/img/ascenter/aslist/aslist_green_icon.png" style="" alt="완료"> <p> 완료</p> </li> <li class="name"> <p>태신***식회사</p> </li> <li class="price"> <p><span class="free">무상</span></p> </li> <li class="type"> <p>페이지 수정</p> </li> <li class="date"> <p>2024-11-18 13:48:22</p> </li> </ul> <ul class="list"> <li class="status"> <img src="/themes/dwebs2023/img/ascenter/aslist/aslist_green_icon.png" style="" alt="완료"> <p> 완료</p> </li> <li class="name"> <p>(주***리뉴얼</p> </li> <li class="price"> <p><span class="free">무상</span></p> </li> <li class="type"> <p>페이지 수정</p> </li> <li class="date"> <p>2024-11-18 11:26:09</p> </li> </ul> </div> </div> <div class="mt_right"> <div class="img"> <img src="/themes/dwebs2023/img/mt/s2_monitor_img.png" /> </div> <ul class="mtbtn"> <li> <a href="https://www.dwebs.kr/price/as?type=1"> <div class="arrow"> <span>정기 유지보수 A/S</span> <img src="/themes/dwebs2023/img/mt/arrow.png" /> </div> <span>유지보수 횟수와 내용이 많을 때, 폭 넓은 유지보수</span> <img src="/themes/dwebs2023/img/mt/s2_icon2.png" /> </a> </li> <li> <a href="https://www.dwebs.kr/price/as?type=2"> <div class="arrow"> <span>건별 유지보수 A/S</span> <img src="/themes/dwebs2023/img/mt/arrow.png" /> </div> <span>단순 텍스트,이미지 교체 / 개별 견적 유지보수</span> <img src="/themes/dwebs2023/img/mt/s2_icon2.png" /> </a> </li> </ul> </div> </div> </div> <div id="service" class="main_section"> <div class="con_inner"> <h2 class="main_title">Services</h2> <ul class="ser_list"> <li> <span class="line_title">안정적인 <span>유지보수</span>운영</span> <span>정기 유지보수, 건별 등 고객사가 직접 선택한 서비스 제공, 실시간 공개</span> <div class="imgbox"> <img src="/themes/dwebs2023/img/service/service_icon10.png" /> <img src="/themes/dwebs2023/img/service/service_icon10_hv.png" class="hv"/> </div> </li> <li> <span class="line_title">프로젝트 <span>100%</span> 내부진행</span> <span>디웹스 본사 근무 정직원 100% <br /> 프로젝트 진행</span> <div class="imgbox"> <img src="/themes/dwebs2023/img/service/service_icon3.png" /> <img src="/themes/dwebs2023/img/service/service_icon3_hv.png" class="hv"/> </div> </li> <li> <span class="line_title"><span>이미지,폰트 라이선스</span> 보호</span> <span>국내외 이미지, 폰트 기업과 라이선스 <br /> 계약을 통해 라이선스 문제 해결</span> <div class="imgbox"> <img src="/themes/dwebs2023/img/service/service_icon1.png" /> <img src="/themes/dwebs2023/img/service/service_icon1_hv.png" class="hv"/> </div> </li> <li> <span class="line_title">홈페이지 파일<span> 소유권</span> 양도</span> <span>제작한 테마 파일, 게시판 DATA/DB파일<br /> 무료제공으로 자체 운영, 유지관리 가능</span> <div class="imgbox"> <img src="/themes/dwebs2023/img/service/service_icon4.png" /> <img src="/themes/dwebs2023/img/service/service_icon4_hv.png" class="hv"/> </div> </li> <li> <span class="line_title"><span>웹표준</span> 및 크로스브라우징</span> <span>다양한 브라우저 환경에서도 <br /> 동일하게 보이도록 최적화</span> <div class="imgbox"> <img src="/themes/dwebs2023/img/service/service_icon2.png" /> <img src="/themes/dwebs2023/img/service/service_icon2_hv.png" class="hv"/> </div> </li> <li> <span class="line_title">카카오맵 <span>API 연동</span></span> <span>카카오 지도 API를 연동해<br/>고객사 오시는 길 정보 제공</span> <div class="imgbox"> <img src="/themes/dwebs2023/img/service/service_icon5.png" /> <img src="/themes/dwebs2023/img/service/service_icon5_hv.png" class="hv"/> </div> </li> <li> <span class="line_title"><span>검색엔진</span> 등록</span> <span>네이버, 구글 등 포털사이트 <br />사이트 등록 접수 대행</span> <div class="imgbox"> <img src="/themes/dwebs2023/img/service/service_icon6.png" /> <img src="/themes/dwebs2023/img/service/service_icon6_hv.png" class="hv"/> </div> </li> <li> <span class="line_title">웹문서, 검색엔진 <span>최적화</span></span> <span>네이버, 구글 등 검색엔진의 원활한 수집,<br /> 처리 가능하도록 SEO 최적화</span> <div class="imgbox"> <img src="/themes/dwebs2023/img/service/service_icon7.png" /> <img src="/themes/dwebs2023/img/service/service_icon7_hv.png" class="hv"/> </div> </li> <li> <span class="line_title"><span>팝업 관리</span> 프로그램 제공</span> <span>고객사 직접 운영이 가능한 팝업 관리 <br />프로그램 제공</span> <div class="imgbox"> <img src="/themes/dwebs2023/img/service/service_icon8.png" /> <img src="/themes/dwebs2023/img/service/service_icon8_hv.png" class="hv"/> </div> </li> <li> <span class="line_title"><span>접속통계</span> 프로그램 제공</span> <span>사이트 이용자들의 접속현황 및 통계<br /> 데이터 프로그램 연동</span> <div class="imgbox"> <img src="/themes/dwebs2023/img/service/service_icon9.png" /> <img src="/themes/dwebs2023/img/service/service_icon9_hv.png" class="hv"/> </div> </li> </ul> </div> </div> <div id="review_2" class="main_section"> <div class="con_inner"> <h2 class="main_title">Review</h2> <ul class="review_list"> <li> <a class="btn_review" data-review-id="1"> <div> <div class="img"><img id="dreview_img1" src="/themes/dwebs2023/img/review/dreview_logo1.jpg" alt="(주)…이테크" /></div> <div class="star"> <span><i class="xi-star"></i></span> <span><i class="xi-star"></i></span> <span><i class="xi-star"></i></span> <span><i class="xi-star"></i></span> <span><i class="xi-star"></i></span> </div> <p id="review_content1">디웹스를 통해 홈페이지를 제작 후 지금까지 3년정도 이용 중인데 모든 면에서 만족하고 있습니다. 유지보수 또한 완벽하고 변경을 원하여 문의 드리면 항상 친절하게 대응해주셔서 정말 만족하고 있습니다. 홈페이지의 디자인과 퀄리티 또한 타업체와 비교해도 훨씬 깔끔하고 이쁘다고 생각합니다. 항상 감사드립니다 ^^</p> <h4 id="review_subject1"><i class="xi-user-o"></i>(주)…이테크</h4> </div> </a> </li> <li> <a class="btn_review" data-review-id="2"> <div> <div class="img"><img id="dreview_img2" src="/themes/dwebs2023/img/review/dreview_logo2.jpg" alt="피앤…루션" /></div> <div class="star"> <span><i class="xi-star"></i></span> <span><i class="xi-star"></i></span> <span><i class="xi-star"></i></span> <span><i class="xi-star"></i></span> <span><i class="xi-star"></i></span> </div> <p id="review_content2">홈페이지를 사용하면서 크게 불편한점은 느끼지 못했습니다. 유지보수 및 A/S 는 상당히 만족하고 있습니다. 담당자 대응관련해서는 각각 하시는 업무가 달라서 담당자가 별도 지정되어 있는걸로 아는데요. 한분한테 요청을 드리고 홈페이지 관련 수정 및 변동사항 저장등 요청드렸으면 합니다. 앞으로도 잘 부탁드리며 1년 동안 고생많으셨습니다.</p> <h4 id="review_subject2"><i class="xi-user-o"></i>피앤…루션</h4> </div> </a> </li> <li> <a class="btn_review" data-review-id="3"> <div> <div class="img"><img id="dreview_img3" src="/themes/dwebs2023/img/review/dreview_logo3.jpg" alt="메이…스큐브" /></div> <div class="star"> <span><i class="xi-star"></i></span> <span><i class="xi-star"></i></span> <span><i class="xi-star"></i></span> <span><i class="xi-star"></i></span> <span><i class="xi-star"></i></span> </div> <p id="review_content3">홈페이지를 제작 후 운영하는 동안 몇가지 수정사항을 전달드렸는데 그때마다 굉장히 빠르게 수정이 진행되어서 아주 만족했습니다. 기존에 사용하던 업체가 연락이 한번에 되지 않는 경우도 많고 이메일을 통해서도 답변이 늦는 경우가 많았었는데 디웹스로 변경후에는 이메일로 전달드렸을 때 별다른 통화가 없어도 요청한대로 수정사항이 빠르게 진행되어 좋았습니다. 그 외에도 도메인 운영 등 문의사항에도 친절히 답변해주셔서 감사했습니다.</p> <h4 id="review_subject3"><i class="xi-user-o"></i>메이…스큐브</h4> </div> </a> </li> <li> <a class="btn_review" data-review-id="4"> <div> <div class="img"><img id="dreview_img4" src="/themes/dwebs2023/img/review/dreview_logo4.jpg" alt="(주…나코스" /></div> <div class="star"> <span><i class="xi-star"></i></span> <span><i class="xi-star"></i></span> <span><i class="xi-star"></i></span> <span><i class="xi-star"></i></span> <span><i class="xi-star"></i></span> </div> <p id="review_content4">먼저 유지보수, A/S에 대하여 말씀드리고 싶습니다. 확실하고 정확한 작업물을 보이기 위한 노력을 확인하였습니다. 고객의 입장에서 보았을 때 작은 트러블이 확인되어 수정요청을 하여도 친절히 작업해주시고 계십니다. 퀄리티 또한 전문가의 입장에서 이쪽 분야에 얕은 지식을 가진 고객에게 또다른 방법을 제시하며 실질적으로 추구했던 방향으로 홈페이지가 완성되게끔 만들어주셨습니다.</p> <h4 id="review_subject4"><i class="xi-user-o"></i>(주…나코스</h4> </div> </a> </li> <li> <a class="btn_review" data-review-id="5"> <div> <div class="img"><img id="dreview_img5" src="/themes/dwebs2023/img/review/dreview_logo5.jpg" alt="선…속" /></div> <div class="star"> <span><i class="xi-star"></i></span> <span><i class="xi-star"></i></span> <span><i class="xi-star"></i></span> <span><i class="xi-star"></i></span> <span><i class="xi-star"></i></span> </div> <p id="review_content5">처음 여러 홈페이지 개설 을 위해 알아보았지만 그중 담당자 분이 너무나 친절하게 설명해 주시고 홈페이지 변경 관련하여서도 여러번 수정 요청드려도 잘 대응 해주셔서 지금도 매년 연장 하고 있읍니다. 또한 홈페이지 처음 제작에서도 신경을 많이 써 주시다보니 거래처에서도 홈페이지 보고 잘 만들었다고들 말하기도 합니다. 그 덕분에 아주 효과를 많이 보고 있읍니다. 홈페이지 개설 하시는 분 있다면 디웹스 강력 추천 합니다.</p> <h4 id="review_subject5"><i class="xi-user-o"></i>선…속</h4> </div> </a> </li> <li> <a class="btn_review" data-review-id="6"> <div> <div class="img"><img id="dreview_img6" src="/themes/dwebs2023/img/review/dreview_logo6.jpg" alt="세무…지사" /></div> <div class="star"> <span><i class="xi-star"></i></span> <span><i class="xi-star"></i></span> <span><i class="xi-star"></i></span> <span><i class="xi-star"></i></span> <span><i class="xi-star"></i></span> </div> <p id="review_content6">소속 세무사들의 이력사항이 추가보완되는 때 마다 지체되지않고 바로바로 수정반영을 해주셔서 감사했습니다.</p> <h4 id="review_subject6"><i class="xi-user-o"></i>세무…지사</h4> </div> </a> </li> </ul> </div> </div> <div id="review_modal" class="review_modal"> <div id="rev_dimmed" class="rev_dimmed"></div> <div class="rev_inner"> <div class="close_area"> <button type="button" class="close_btn"><i class="xi-close"></i></button> <b>close window</b> </div> <div class="con_area"> <div class="cont"> <h2 id="review_modal_subject">메이…스큐브</h2> <p id="review_modal_content">문제가 발생하거나 문의가 있을 때 신속한 연락 및 대응이 되어 매우 좋았습니다. 또한 홈페이지 유지보수에 있어서도 아주 만족스러웠습니다. </p> <div class="img"><img id="dreview_modal_img" src="/themes/dwebs2023/img/review/dreview_logo1.jpg" alt="메이…스큐브" /></div> </div> <div class="star"> <h3>별점</h3> <div> <i class="xi-star"></i> <i class="xi-star"></i> <i class="xi-star"></i> <i class="xi-star"></i> <i class="xi-star"></i> </div> </div> </div> </div> </div> <div id="main_map" class="main_section"> <div class="con_inner"> <div class="top"> <div class="l_side"> <h2 class="main_title"><span>Works</span> Map</h2> <p>전국 어디든 전화만 주시면 친절히 안내해드리겠습니다.<br> 수 많은 홈페이지제작 경험과 디웹스의 노하우를 바탕으로 성공적인 홈페이지제작을 약속드립니다. </p> </div> <div class="r_side"> <p>Since <b>2015</b></p> <p>Projects <b>650</b>+</p> </div> </div> <div class="map_btn_wrap"> <div class="btn-group map-section-btn " role="group" aria-label="첫번째 그룹"> <button type="button" class="btn btn-secondary" data-y="36.598654" data-x="126.904164" data-lv="13">전국</button> <button type="button" class="btn btn-secondary btn-dribbble" data-y="37.530650" data-x="126.991311" data-lv="8">서울</button> <button type="button" class="btn btn-secondary" data-y="37.4562557" data-x="126.705206" data-lv="8">인천</button> <button type="button" class="btn btn-secondary" data-y="37.4138" data-x="127.5183" data-lv="10">경기</button> <button type="button" class="btn btn-secondary" data-y="37.8228" data-x="128.1555" data-lv="11">강원</button> <button type="button" class="btn btn-secondary" data-y="36.3504119" data-x="127.3845475" data-lv="11">대전</button> <button type="button" class="btn btn-secondary" data-y="36.4800984" data-x="127.2890354" data-lv="10">세종</button> <button type="button" class="btn btn-secondary" data-y="35.871435" data-x="128.60144" data-lv="8">대구</button> <button type="button" class="btn btn-secondary" data-y="35.1595454" data-x="126.8526012" data-lv="10">광주</button> <button type="button" class="btn btn-secondary" data-y="35.179554" data-x="129.075641" data-lv="8">부산</button> <button type="button" class="btn btn-secondary" data-y="35.5383773" data-x="129.311359" data-lv="10">울산</button> <button type="button" class="btn btn-secondary" data-y="36.8" data-x="127.7" data-lv="10">충북</button> <button type="button" class="btn btn-secondary" data-y="36.5184" data-x="126.8" data-lv="10">충남</button> <button type="button" class="btn btn-secondary" data-y="35.7175" data-x="127.153" data-lv="11">전북</button> <button type="button" class="btn btn-secondary" data-y="34.8679" data-x="126.991" data-lv="11">전남</button> <button type="button" class="btn btn-secondary" data-y="36.4919" data-x="128.8889" data-lv="11">경북</button> <button type="button" class="btn btn-secondary" data-y="35.4606" data-x="128.2132" data-lv="11">경남</button> </div> </div> <div class="map_area" id="map"></div> </div> </div> <div id="main_process" class="main_section"> <div class="con_inner"> <h2 class="main_title"><span>Works</span> Process</h2> <p>제작가이드만 작성해 주시면 <b>나머지는 디웹스가 진행해드립니다.</b></p> <ul class="prcs_list"> <li> <div class="num"><span>1</span></div> <div class="txt"> <h3>견적요청</h3> <p>홈페이지하단 견적요청을 통해 어떤 사이트를<br> 만들려고 하시는지 간략하게 작성해주세요.<br> 참고사이트를 기재하시면 더욱 좋습니다. </p> </div> </li> <li> <div class="num"><span>2</span></div> <div class="txt"> <h3>제작가이드양식 작성</h3> <p>제공해드리는 제작가이드 양식을 작성하여,<br> 실제 홈페이지제작에 필요한 메뉴명과 자료를<br> 정리해주세요. </p> </div> </li> <li> <div class="num"><span>3</span></div> <div class="txt"> <h3>시안 전달 및 컨펌</h3> <p>디웹스는 제작가이드양식을 토대로 사이트를<br> 기획하여 메인 및 서브페이지 일부 시안을<br> 전달해 드립니다. </p> </div> </li> <li> <div class="num"><span>4</span></div> <div class="txt"> <h3>홈페이지제작</h3> <p>시안을 토대로 디자이너, 개발자등이 투입되어<br> 실제 홈페이지 구축작업을 진행 합니다. </p> </div> </li> <li> <div class="num"><span>5</span></div> <div class="txt"> <h3>제작완료</h3> <p>홈페이지 완성 후 검토 하신 후 문제가 없을시<br> 모두가 볼수 있도록 홈페이지를 오픈합니다. </p> </div> </li> </ul> </div> </div> <div id="newside"> <ul> <li> <a class="active" id="quick_btn1" href="javascript:move_scroll_y('#main_visual', 190)" onfocus="this.blur();">포트폴리오</a> </li> <li> <a class="" id="quick_btn2" href="javascript:move_scroll_y('#maintenance', -190)" onfocus="this.blur();">유지보수</a> </li> <li> <a class="" id="quick_btn3" href="javascript:move_scroll_y('#service', 0)" onfocus="this.blur();">서비스</a> </li> <li> <a class="" id="quick_btn4" href="javascript:move_scroll_y('#review_2', 0)" onfocus="this.blur();">고객리뷰</a> </li> <li> <a class="" id="quick_btn5" href="javascript:move_scroll_y('#main_map', 0)" onfocus="this.blur();">제작현황</a> </li> <li> <a class="" id="quick_btn6" href="javascript:move_scroll_y('#main_process', 0)" onfocus="this.blur();">프로세스</a> </li> <li> <a class="" id="quick_btn7" href="javascript:move_scroll_y('#contact_us', 0)" onfocus="this.blur();">문의하기</a> </li> </ul> </div> </section> </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="KWdDDfHyTZp2V9pdzB3pEhu3bFaAfZo0VgUd6HdG"> <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 type="text/javascript" src="//dapi.kakao.com/v2/maps/sdk.js?appkey=5449b7956059f15891f0c4ed18a9e62a&libraries=services,clusterer,drawing"></script> <script src="https://www.dwebs.kr/themes/dwebs2023/js/daummap.js?v=240321a"></script> <script> $(document).ready(function () { // 기본 첫번째 탭 출력 /* (async ()=>{ let tab_area = '.tab'; let target = '#port_tab1'; let tab_number = 1; await getPortfolioMainData(tab_number, target); $(tab_area).hide(); $(target).fadeIn("fast"); })(); */ $('#review_2 .review_list').slick({ dots: true, infinite:true, arrows:false, rows: 3, slidesToShow: 2, slidesToScroll: 2, responsive: [ {breakpoint: 768, settings: { slidesToShow: 1, slidesToScroll: 1, rows: 2 }} ] }); $('.testslide').slick({ slidesToShow: 4, dots: false, arrows : true, prevArrow : "<button type='button' class='slick-prev'><i class='xi-arrow-up'></i> </button>", nextArrow : "<button type='button' class='slick-next'><i class='xi-arrow-down'></i> </button>", infinite: true, autoplay: true, autoplaySpeed: 1000, slidesToScroll: 1, pauseOnHover:false, vertical:true, verticalSwiping:true, }); // tab $('.display_tab').find('a').click(function(){ let tab_area = $(this).data('tab-area'); let target = $(this).data('target'); let tab_number = $(this).data('tab-number'); let siblings = $('.display_tab').find('a'); let atag = $(this); // main 탭은 기본 노출 if (tab_number === 0) { $(tab_area).hide(); $(target).fadeIn("fast"); $(siblings).removeClass('active'); $(atag).addClass('active'); } else { // async await 처리하여 데이터가 완전히 처리된 후 탭 액션을 작동시킨다. (async ()=>{ await getPortfolioMainData(tab_number, target); $(tab_area).hide(); $(target).fadeIn("fast"); $(siblings).removeClass('active'); $(atag).addClass('active'); })(); } }); // process loop_active("#main_process .prcs_list", 3); // location $('#footer').waypoint({ handler: function() { if($("#newside").hasClass('ft')) { $('#newside').removeClass('ft'); }else{ $('#newside').addClass('ft'); } }, offset: '540px' }); }); $(window).scroll(function(){ const this_scroll_top = $(this).scrollTop(); const fix_top_value = 0; const m01_y = $('#main_portfolio').offset().top; const m02_y = $('#maintenance').offset().top -490; const m03_y = $('#service').offset().top -420; const m04_y = $('#review_2').offset().top -420; const m05_y = $('#main_map').offset().top -420; const m06_y = $('#main_process').offset().top -420; const m07_y = $('#contact_us').offset().top -420; let this_pass = "1"; if (this_scroll_top >= (m01_y - fix_top_value) || this_scroll_top < (m02_y - fix_top_value)) { this_pass = "1"; } if (this_scroll_top >= (m02_y - fix_top_value)) { this_pass = "2"; } if (this_scroll_top >= (m03_y - fix_top_value)) { this_pass = "3"; } if (this_scroll_top >= (m04_y - fix_top_value)) { this_pass = "4"; } if (this_scroll_top >= (m05_y - fix_top_value)) { this_pass = "5"; } if (this_scroll_top >= (m06_y - fix_top_value)) { this_pass = "6"; } if (this_scroll_top >= (m07_y - fix_top_value)) { this_pass = "7"; } fn_menu_on(this_pass); }); function fn_menu_on(n){ // console.log(n); if (n==2 || n==6) { $('#newside').addClass('color'); } else { $('#newside').removeClass('color'); } $('#newside').find('a').removeClass('active'); $('#quick_btn'+n).addClass('active'); } /* * Get Portfolio Data and Display * */ function getPortfolioMainData(tab_number, target) { return axios.get("/home/portfolios-main/"+tab_number) .then(res => { // 데이터 엘리먼트에 그려넣기 displayPortfolioMainHtml(res.data, target); }) .catch(err => { console.log(err); }); } /* * Make HTML Element From Data * */ function displayPortfolioMainHtml(data, target) { let result = ''; // console.log(data['portfolios'].length); result = '<ul class="portfolio_list">'; for (let i=0; i<data['portfolios'].length; i++) { result += '<li>' + '<a href="'+data['portfolios'][i].link+'" class="thumb_img">' + '<img src="'+data['portfolios'][i].img_src+'" alt="'+data['portfolios'][i].business_name+' '+data['portfolios'][i].package_type+'" class="center-block">' + '<div class="cover">' + '<p class="cover_name">'+data['portfolios'][i].business_name+'</p>' + '<p class="cover_type">'+data['portfolios'][i].package_type+'</p>' + '<div class="arrow">' + '<img src="/themes/dwebs2023/img/common/thumb_arrow.png" alt="'+data['portfolios'][i].business_name+' '+data['portfolios'][i].package_type+' 포트폴리오 자세히보기">' + '</div>' + '</div>' + '</a>' + '<p class="thumb_title">'+data['portfolios'][i].business_name+'</p>' + '</li>'; } result += '</ul>'; result += '<div class="btn_more"><a href="'+data.more_link+'">More view <i class="arrow"><img src="/themes/dwebs2023/img/common/more_red.png" /></i></a></div>'; return $(target).html(result); } function displayReviewLayer(review_id) { let img_src = $("#dreview_img"+review_id).attr("src"); let subject = $("#review_subject"+review_id).text(); let content = $("#review_content"+review_id).text(); $("#dreview_modal_img").attr("src", img_src); $("#review_modal_subject").html(subject); $("#review_modal_content").html(content); $("#rev_dimmed").fadeIn('fast'); $("#review_modal").fadeIn('fast'); } function hideReviewLayer() { let img_src = ''; let subject = 'loading..'; let content = 'loading..'; $("#dreview_modal_img").attr("src", img_src); $("#review_modal_subject").html(subject); $("#review_modal_content").html(content); $("#rev_dimmed").fadeOut('fast'); $("#review_modal").fadeOut('fast'); } $(document).ready(function () { $(".btn_review").on("click", function () { displayReviewLayer($(this).data('review-id')); }); $(".rev_dimmed, .close_btn").on("click", function () { hideReviewLayer(); }); }); </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 src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script> <script> window.max_index = 10000; $(document).ready(function() { make_bootstrap_reactive_img('.popup'); $(".popup").draggable({ drag: function(){ $(this).css("opacity",0.1); }, stop: function() { $(this).css("opacity",1); } }); $( ".popup" ).click(function(){ window.max_index += 10; let new_index = parseInt(max_index); $(this).css("z-index",new_index); // console.log(new_index); }); }); function save_popup_cookie(selector, checkbox) { const checkbox_status = $(checkbox).prop("checked"); if (checkbox_status) { let cookie_name = selector; let cookie_value = $(checkbox).attr('value'); let cookie_time = $(checkbox).attr("cookie_time"); axios.post('https://www.dwebs.kr/popup/cookie', { name: cookie_name, value: cookie_value, cookie_time: cookie_time, }).then(function (res) { close_popup(selector); }); } } function close_popup(selector) { $(selector).remove(); } </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

디웹스-홈페이지제작