Showing source for: https://i-web.kr/
Duration: 1.349848s
Server: Apache
<style>
#loading {
width: 100%;
height: 100%;
top: 0;
left: 0;
position: fixed;
opacity: 0.6;
z-index: 99;
text-align: center;
background:#999;
display:none;
}
.loader {
opacity: 1;
border: 16px solid #f3f3f3;
border-top: 16px solid #3498db;
border-radius: 50%;
width: 120px;
height: 120px;
animation: spin 2s linear infinite;
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
@keyframes spin {
0% {transform: translate(-50%, -50%) rotate(0deg);}
100% {transform: translate(-50%, -50%) rotate(360deg);}
}
</style>
<div id='loading'>
<div class="loader"></div>
</div>
<!doctype html>
<html lang="ko">
<head>
<title>아이웹 - 월7,000원으로 홈페이지와 그룹웨어를 한번에 사용하세요.</title>
<!--기존-->
<script src="/module/js/common.js" type="text/JavaScript"></script>
<script src="/css/link.js" type="text/JavaScript"></script>
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.1/css/all.css">
<link rel="icon" href="https://www.i-web.kr/images/common/iweb.ico" type="image/x-icon">
<link rel="canonical" href="https://www.i-web.kr">
<meta name="naver-site-verification" content="305ae5cdfe332649a14ada524e5cda6b4c232612" />
<meta name="google-site-verification" content="ks9QNXw9W2YGU2KgvSCC_xthJCQgdJZHC53kKMcnniU" />
<meta name="description" content="홈페이지제작 전문업체, 무료홈페이지 빌더, 템플릿, 모바일, 그룹웨어">
<meta property="og:type" content="website">
<meta property="og:title" content="아이웹">
<meta property="og:description" content="홈페이지제작 전문업체, 무료홈페이지 빌더, 템플릿, 모바일, 그룹웨어">
<meta property="og:image" content="https://i-web.kr/images/sns_iweb.jpg">
<meta property="og:url" content="https://www.i-web.kr">
<meta property="al:android:app_name" content="아이웹">
<script type="application/ld+json">
{
"@context": "http://schema.org",
"@type": "Person",
"name": "아이웹",
"url": "http://i-web.kr",
"sameAs": [
"http://blog.naver.com/iwebzone",
"https://www.youtube.com/channel/UCJGY6vgBeFfiMOKS8VCTsmA",
"https://iweb.modoo.at/",
"https://play.google.com/store/apps/details?id=com.iweb.administrator.iweb&hl=ko",
"http://m.onestore.co.kr/mobilepoc/apps/appsDetail.omp?prodId=0000708602",
"https://www.facebook.com/아이웹-iweb-1883614854986468/?hc_ref=ARRNdQgUdRr4EP_iglOE2CR5wo8t_WoYbGksaUq8YZ3pleGO5cN634R5aKW8INDhZrw"
]
}
</script>
<script type="text/javascript" src="//wcs.naver.net/wcslog.js"></script>
<script type="text/javascript">
if(!wcs_add) var wcs_add = {};
wcs_add["wa"] = "15cac3ffb136ee8";
wcs_do();
</script>
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-142309327-1"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-142309327-1');
</script>
<script type="text/javascript" charset="UTF-8" src="//t1.daumcdn.net/adfit/static/kp.js"></script>
<script type="text/javascript">
kakaoPixel('1181049597740141270').pageView();
</script>
<link rel="stylesheet" href="/20231101/css/re_style.css?v=5">
<link rel="stylesheet" href="/20231101/css/re_sub.css?v=1.2">
<link rel="stylesheet" href="/css/button.css?v=1.2">
<!--font-->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600;700;800&display=swap" rel="stylesheet"><!--outfit-->
<link rel="stylesheet" as="style" crossorigin href="https://cdn.jsdelivr.net/gh/orioncactus/[email protected]/dist/web/static/pretendard.css" /><!--pretendard-->
<!--icon-->
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,[email protected],100..700,0..1,-50..200" />
<!--//-->
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.4/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/waypoints/4.0.1/jquery.waypoints.min.js"></script>
<script src="/20231101/jquery.counterup.min.js"></script>
<!-- slick 불러오기 -->
<script type="text/javascript" src="//cdn.jsdelivr.net/npm/[email protected]/slick/slick.min.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.9.0/slick-theme.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.9.0/slick.min.css">
<!--//-->
<!-- swiper -->
<link rel="stylesheet" href="https://unpkg.com/swiper@7/swiper-bundle.min.css" />
<script src="https://unpkg.com/swiper@7/swiper-bundle.min.js"></script>
<!--//-->
<!-- aos -->
<link href="https://unpkg.com/[email protected]/dist/aos.css" rel="stylesheet">
<script src="https://unpkg.com/[email protected]/dist/aos.js"></script>
<script src="/skins/js/jquery.popupoverlay.js"></script>
<link type='text/css' rel='stylesheet' href='/skins/js/popupoverlay.css'>
<!-- bx -->
<script src="/20161101/js/jquery.bxslider.js"></script>
</head>
<body>
<script>
function mySite(){
frm = document.frm_iweb;
frm.action = '//';
frm.submit();
}
function searchBox(){
userid = '';
s = $("#skin_cade01 option:selected").val();
k = $("#auto_input").val();
form = document.frm_slist_top;
if(form.skin_word_tmp2.value=='원격지원'){
url="http://757.co.kr/iwebzone";
window.open( url, // URL
"원격지원", // windowName
"width=520, height=590, toolbar=no, menubar=yes, scrollbars=no, resizable=yes" // windowFeatures
);
}else{
jQuery.post('/module/searchLog.php', {userid:userid,s:s, k:k}, function( callback ) {
form = document.frm_slist_top;
form.skin_word.value = form.skin_word_tmp2.value;
form.record_start.value = '';
form.action = '/main.php';
form.submit();
}, "json");
}
}
</script>
<script type="text/javascript" src="//wcs.naver.net/wcslog.js"></script>
<script type="text/javascript">
if(!wcs_add) var wcs_add = {};
wcs_add["wa"] = "15cac3ffb136ee8";
wcs_do();
</script>
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-142309327-1"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-142309327-1');
</script>
<script type="text/javascript" charset="UTF-8" src="//t1.daumcdn.net/adfit/static/kp.js"></script>
<script type="text/javascript">
kakaoPixel('1181049597740141270').pageView();
</script>
<form name='frm_iweb' method='post' action='' target='_blank'>
<input type='hidden' name='adminpop' value='1'>
</form>
<style>
/*20240327 임시추가*/
#header {position:relative;}
#header .logo {position:absolute; top:50%; transform:translateY(-50%); left:50px; z-index:150;}
#header .logo a {display:flex; align-items:center; justify-content:center;}
/*#header .header-inner .userMenu {margin-right:-40px;}*/
@media (max-width:1680px){
#header .header-inner .userMenu {margin-right:0;}
}
@media (max-width:1640px){
#header .logo {left:20px;}
#header .logo a {width:100px; display:flex;}
#header .logo a img {max-width:100%;}
nav .gnb {margin-left:120px;}
}
@media (max-width:1540px){
nav .gnb > li:not(:last-child) {margin-right:30px;}
#header .goMyhome {font-size:0.875rem; width:auto; padding:0 10px; box-sizing:border-box;}
#header .myMenu {font-size:1rem;}
}
@media (max-width:1460px){
#header .logo {left:20px;}
#header .logo a img {width:100px;}
nav .gnb {margin-left:150px;}
nav .gnb > li > a {font-size:1rem; text-align:center;}
#header .header-inner .userMenu {margin-right:100px;}
/*#header .header-inner .myMenu-wrap {right:-20px;}*/
}
@media (max-width:1410px){
#header .goMyhome {padding:0 5px;}
nav .gnb {margin-left:120px;}
}
@media (max-width:1365px){
#header .header-inner {justify-content:flex-start;}
}
@media (max-width:1350px){
nav .gnb {margin-left:150px;}
#header .header-inner {gap:10px;}
}
@media (max-width:1280px){
#header .header-inner .userMenu {margin-right:0;}
nav .gnb {margin-left:200px;}
#header .myMenu-wrap {display:none;}
}
</style>
<header id="header">
<h1 class="logo">
<a href="/"><img src="/20231101/images/logo_iweb.png" alt="아이웹"></a>
</h1>
<div class="header-inner">
<nav>
<ul class="gnb">
<!--
<li>
<a href="/company/sub04.php">AI 플러스 솔루션</a>
<ul class="nav-dropdown">
<li>
<a class="nav-item" href="/company/sub04.php">AI 플러스 솔루션</a>
</li>
<li>
<a class="nav-item" href="/service/sub10.php">웹빌더 AI 솔루션</a>
</li>
</ul>
</li>
-->
<li>
<a href="/company/sub01.php">주요기능</a>
<ul class="nav-dropdown">
<!--
<li>
<a class="nav-item" href="">주요 기능 소개(x)</a>
</li>
-->
<li>
<a class="nav-item" href="/company/sub01.php">아이웹 소개</a>
</li>
<li>
<a class="nav-item" href="/customer/sub04.php">최신 추가기능</a>
</li>
<li>
<a class="nav-item" href="/service/sub12.php">산업별 프로그램</a>
</li>
<!--
<li>
<a class="nav-item" href="/company/sub04.php">AI플러스 솔루션</a>
</li>
<li>
<a class="nav-item" href="/service/sub10.php">웹빌더 AI솔루션</a>
</li>
-->
</ul>
</li>
<li>
<a href="/service/sub01.php">홈페이지제작안내</a>
<ul class="nav-dropdown">
<li>
<a class="nav-item" href="/service/sub01.php">무료형홈페이지</a>
</li>
<li>
<a class="nav-item" href="/service/sub02.php">알뜰형홈페이지</a>
</li>
<li>
<a class="nav-item" href="/service/sub03.php">보급형홈페이지</a>
</li>
<li>
<a class="nav-item" href="/service/sub04.php">맞춤형홈페이지</a>
</li>
<li>
<a class="nav-item" href="/service/sub11.php">고급형홈페이지</a>
</li>
<li>
<a class="nav-item" href="/service/sub05.php">독립형홈페이지</a>
</li>
<li>
<a class="nav-item" href="/service/sub06.php">그룹웨어</a>
</li>
</ul>
</li>
<li>
<a href="/portfolio/sub01.php">포트폴리오</a>
<ul class="nav-dropdown">
<li>
<a class="nav-item" href="/portfolio/sub01.php">무료형 홈페이지</a>
</li>
<li>
<a class="nav-item" href="/portfolio/sub02.php">독립형 홈페이지</a>
</li>
</ul>
</li>
<li>
<a href="/cost/sub01.php">요금안내</a>
<ul class="nav-dropdown">
<li>
<a class="nav-item" href="/cost/sub01.php">요금안내</a>
</li>
<li>
<a class="nav-item" href="/free_payment/up_index.php">추가요금결제</a>
</li>
</ul>
</li>
<li>
<a href="/usage/sub01/sub01.php">이용가이드</a>
<ul class="nav-dropdown">
<li>
<a class="nav-item" href="/usage/sub01/sub01.php">홈페이지수정 방법</a>
</li>
<li>
<a class="nav-item" href="/usage/sub02/sub01.php">그룹웨어사용방법</a>
</li>
<li>
<a class="nav-item" href="/usage/sub03.php">포털사이트등록방법</a>
</li>
<li>
<a class="nav-item" href="/usage/sub04.php">통신판매업신고방법</a>
</li>
</ul>
</li>
<li>
<a href="/oservice/sub01.php">부가서비스</a>
<ul class="nav-dropdown">
<li>
<a class="nav-item" href="/oservice/sub01.php">전자결제서비스(PG)</a>
</li>
<li>
<a class="nav-item" href="/oservice/sub02.php">검색광고무료세팅</a>
</li>
<li>
<a class="nav-item" href="/oservice/sub04.php">전국대표전화번호</a>
</li>
<li>
<a class="nav-item" href="http://i-in4.kr/?5ynXH4qm" target="_blank">기업070전화(키폰)</a>
</li>
<li>
<a class="nav-item" href="/oservice/sub08.php">온라인세무상담</a>
</li>
<li>
<a class="nav-item" href="/oservice/sub10.php">리셀러시스템</a>
</li>
<li>
<a class="nav-item" href="/oservice/sub11.php">추천인시스템</a>
</li>
<li>
<a class="nav-item" href="/oservice/sub12.php">인스타그램 광고</a>
</li>
<li>
<a class="nav-item" href="/oservice/sub13.php">블로그 운영</a>
</li>
<li>
<a class="nav-item" href="/oservice/sub15.php">네이버톡톡 세팅</a>
</li>
</ul>
</li>
<li>
<a href="/customer/sub01.php">고객센터</a>
<ul class="nav-dropdown">
<li>
<a class="nav-item" href="/customer/sub01.php">공지사항</a>
</li>
<li>
<a class="nav-item" href="/customer/sub02.php">자주하는질문</a>
</li>
<li>
<a class="nav-item" href="/customer/sub03.php">문의하기</a>
</li>
<li>
<a class="nav-item" href="/customer/sub06.php">무료스킨제작건의</a>
</li>
<li>
<a class="nav-item" href="/customer/sub07.php">세금계산서발급</a>
</li>
<li>
<a class="nav-item" href="/customer/sub08.php">이벤트</a>
</li>
<li>
<a class="nav-item" href="/company/sub03.php">오시는길</a>
</li>
</ul>
</li>
</ul>
</nav>
<ul class="userMenu">
<li class="login"><a href="javascript:GoMenu('login');">로그인</a></li>
<li class="join"><a href="javascript:GoMenu('join');">회원가입</a></li>
</ul>
</div>
<div class="myMenu-wrap">
<a href="javascript:void(0);" class="myMenu">MY서비스</a>
<ul class="myMenu-dropdown">
<li><a href="/m_service/service.php">홈페이지 기간 연장</a></li>
<li><a href="/free_payment/up_index.php?domain_pay=1">도메인 구입</a></li>
<li><a href="/free_payment/up_index.php?domain_addpay=1">도메인 기간 연장</a></li>
<li><a href="/free_payment/up_index.php">추가요금 결제</a></li>
<li><a href="/customer/sub03.php">문의하기</a></li>
</ul>
</div>
</header>
<script>
$(function(){
$(".gnb > li").mouseenter(function(e){
e.preventDefault();
$(".nav-dropdown").stop().slideUp();
$(".gnb > li").removeClass("on");
$(this).addClass("on");
$(this).children(".nav-dropdown").stop().slideDown();
});
$(".gnb > li").mouseleave(function(e){
e.preventDefault();
$(this).removeClass("on");
$(this).children(".nav-dropdown").stop().slideUp();
});
//마이서비스
$(".myMenu-wrap .myMenu").mouseenter(function(e){
e.preventDefault();
$(".myMenu-dropdown").stop().slideDown();
});
$(".myMenu-wrap").mouseleave(function(e){
e.preventDefault();
$(".myMenu-dropdown").stop().slideUp();
});
});
</script>
<style>
.quickSide {position:fixed; top:0; left:0; width:280px; height:100%; border-right:1px solid #e1e1e1; background-color:#fff; box-shadow:3px 0px 7px rgba(0,0,0,0.15); transition:1s; z-index:999;}
.quickSide.aside-on {margin-left:-280px;}
.sideBtn-wrap {width:60px; margin-left:281px; position:absolute; top:50%; transform:translateY(-50%); display:flex; flex-wrap:wrap;}
.sideBtn-wrap p {writing-mode: vertical-rl;}
.sideBtn-wrap .sideBtn01, .sideBtn-wrap .sideBtn02 {display:flex; flex-direction:column; align-items:center; justify-content:center; gap:6px; font-size:1.125rem; font-weight:600; color:#fff; cursor:pointer; border:1px solid rgba(255,255,255,.3);}
.sideBtn-wrap .sideBtn01 {width:100%; height:160px; background-color:var(--primary); border-radius:0 8px 0 0;}
.sideBtn-wrap .sideBtn01 .material-symbols-outlined.rotate {transform:rotate(-180deg);}
.sideBtn-wrap .sideBtn02 {width:100%; height:160px; background-color:#242526; border-radius:0 0 8px 0;}
.quickSide .side-content {padding:20px; box-sizing:border-box; height:100%; overflow-y:scroll;}
.quickSide .side-content .sTel__ {display:block; margin:12px 0 8px;}
.quickSide .side-content .sContact__ {border-top:1px solid #e1e1e1; padding-top:12px; margin-top:12px; line-height:1.8;}
.quickSide .side-content .sContact__ .goBoard {display:inline-block; background-color:#e8e8e8; border-radius:4px; padding:1px 10px; box-sizing:border-box; font-size:0.875rem; font-weight:600;}
.quickSide .side-content .sContact__ .goBoard:hover {background-color:#e1e1e1; transition:.2s;}
.contBtn-wrap {margin-top:20px;}
.contBtn-wrap a {display:flex; align-items:center; justify-content:center; gap:10px; width:100%; height:45px; border-radius:4px; font-weight:600;}
.contBtn-wrap .kakaoBtn__ {background-color:#ffdd02; color:#221714; font-weight:700; margin-bottom:8px;}
.contBtn-wrap .kakaoBtn__:hover {background-color:#f7d600; transition:.2s;}
.contBtn-wrap .naverBtn__ {background-color:#03CF5D; color:#fff;}
.contBtn-wrap .naverBtn__:hover {background-color:#03b652; transition:.2s;}
.contBank-wrap {margin:32px 0;}
.contBank-wrap .bank-box {margin-top:12px; background-color:#f1f1f1; padding:20px 14px; box-sizing:border-box; border-radius:8px;}
.contBank-wrap .bank-box .goTax-btn {display:block; width:100%; height:45px; line-height:45px; text-align:center; background-color:#7F8088; color:#fff; border-radius:4px; margin:8px 0;}
.contBank-wrap .bank-box .goTax-btn:hover {background-color:#72737b; transition:.2s;}
.contSev-wrap .sev-box {margin-top:12px; border-top:1px solid #e1e1e1;}
.contSev-wrap .sev-box .box-row {display:flex; border-bottom:1px solid #e1e1e1e1;}
.contSev-wrap .sev-box .box-row .box-col {width:100%; font-size:0.9rem; padding:5px; box-sizing:border-box;}
.contSev-wrap .sev-box .box-row .box-col.th__ {display:flex; align-items:center; justify-content:center; width:20%; background-color:#f1f1f1; font-weight:600;}
.contSev-wrap .sev-box .box-row .box-col.td__ {}
.contSev-wrap .sev-box .box-row .box-col.td__ p {margin:4px 0;}
.contSev-wrap .sev-box .box-row .box-col.td__ span {display:inline-block; margin-right:4px; padding:4px; box-sizing:border-box; border-radius:2px; font-size:0.75rem; cursor:pointer;}
.contSev-wrap .sev-box .box-row .box-col.td__ .sp1 {background-color:#F17474; color:#fff;}
.contSev-wrap .sev-box .box-row .box-col.td__ .sp2 {background-color:#5D96ED; color:#fff;}
.asideBg {transition:.2s;}
.asideBg-on {position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.5); z-index:100;}
.contModal {max-width:640px; width:100%; padding:40px; box-sizing:border-box; border-radius:6px; background-color:#fff; position:fixed; top:50%; left:50%; transform:translate(-50%, -50%); z-index:101; display:none;}
.contModal .modal-inr {position:relative;}
.contModal .modal-inr .contModal-close {font-size:2rem; position:absolute; top:0; right:0; cursor:pointer;}
.contModal .modal-inr .inr-titBox {margin-bottom:20px;}
.contModal .modal-inr .form-ipBox:not(:last-child) {margin-bottom:12px;}
.contModal .modal-inr .form-ipBox label {display:block; font-size:1.125rem; font-weight:600; color:#333; width:100%; position:relative; margin-bottom:4px;}
.contModal .modal-inr .form-ipBox label.eq__:before {content:"*"; display:block; position:absolute; top:50%; transform:translateY(-50%); left:-12px; color:#aaa; font-size:0.875rem;}
.contModal .modal-inr .form-ipBox input[type="text"] {width:100%; height:30px; border:none; outline:none; font-family:"Pretendard Variable", Pretendard, 'Noto Sans KR', AppleGothic, sans-serif; font-size:1rem; border-bottom:1px solid #ddd;}
.contModal .modal-inr .form-ipBox input[type="text"]:focus {border-bottom:1px solid #333; transition:.2s;}
.contModal .modal-inr .form-ipBox input::placeholder {font-family:"Pretendard Variable", Pretendard, 'Noto Sans KR', AppleGothic, sans-serif; font-size:0.875rem;}
.contModal .modal-inr .formSummit {display:inline-block; padding:14px 60px; background-color:var(--primary); color:#fff; border-radius:50px; margin:20px 0;}
.contModal .modal-inr .formSummit:hover {background-color:#a51c20; transition:.2s;}
</style>
<script>
$(document).ready(function(){
// 폼 내의 모든 input 요소에 대해 자동완성 기능을 제거합니다.
$('#frm_left input[type="text"]').attr('autocomplete', 'off');
});
</script>
<aside class="quickSide aside-on">
<div class="sideBtn-wrap">
<div class="sideBtn01">
<p>고객센터</p>
<span class="material-symbols-outlined">
keyboard_tab
</span>
</div>
<div class="sideBtn02">
<p>간편견적</p>
<span class="material-symbols-outlined">
calculate
</span>
</div>
</div>
<div class="side-content">
<div class="sc-inr01 sc-inr">
<p class="f18 bolder color-blk1">CS CENTER</p>
<a href="tel:1661-2327" class="f_outfit f34 bolder color-primary sTel__">1661-2327</a>
<p class="f16 bolder color-blk2">
FAX : 02-6919-1759<br>
Email : [email protected]
</p>
<div class="f16 color-blk1 sContact__">
평일 : 오전 9시 ~ 오후 6시<br>
주말 : <a href="/customer/sub03.php" class="goBoard">문의하기 게시판</a>
</div>
</div>
<div class="contBtn-wrap">
<a href="https://pf.kakao.com/_xkqJxoM" target="_blank" class="kakaoBtn__"><img src="/20231101/images/c_kakao.png" alt="카카오채널">카카오 채널로 문의</a>
<script type="text/javascript" src="https://partner.talk.naver.com/banners/script"></script>
<a href="#" onclick="javascript:window.open('http://talk.naver.com/wcab53?ref=https%3A%2F%2Fi-web.kr%2F', 'talktalk', 'scrollbars=1, resizable=1, width=486, height=745');return false;" class="naverBtn__"><img src="/20231101/images/c_naver.png" alt="네이버톡톡">네이버 톡톡으로 문의</a>
</div>
<div class="contBank-wrap">
<p class="f18 bolder color-blk1">입금 계좌 안내</p>
<div class="bank-box">
<p class="f16 bolder color-blk2">국민은행 / (주)아이웹</p>
<p class="f20 bolder color-blk1">011201-04-131424</p>
<a href="/customer/sub07.php" class="goTax-btn">세금계산서 발급받기</a>
<p class="f14 color-gry1">※ 계좌 입금 시 세금계산서 발급을 신청하여 주시기 바랍니다.</p>
</div>
</div>
<div class="contSev-wrap">
<p class="f18 bolder color-blk1">네임서버 정보</p>
<div class="sev-box">
<div class="box-row">
<div class="box-col th__">1차</div>
<div class="box-col td__">
<p><span class="sp1" onclick="textCopy('ns1.i-web.kr')">호스트복사</span> ns1.i-web.kr</p>
<p><span class="sp1" onclick="textCopy('211.239.164.200')">아이피복사</span> 211.239.164.200</p>
</div>
</div>
<div class="box-row">
<div class="box-col th__">2차</div>
<div class="box-col td__">
<p><span class="sp2" onclick="textCopy('ns2.i-web.kr')">호스트복사</span> ns2.i-web.kr</p>
<p><span class="sp2" onclick="textCopy('211.239.164.201')">아이피복사</span> 211.239.164.201</p>
</div>
</div>
</div>
</div>
</div>
</aside>
<div class="contModal">
<div class="modal-inr">
<span class="material-symbols-outlined contModal-close">close</span>
<div class="inr-titBox">
<p class="f24 bolder color-blk1 m_14">간편 견적문의</p>
<p class="f16 color-gry2">*는 필수 입력 사항입니다.</p>
</div>
<div class="contForm">
<form name='frm_left' id='frm_left' method='post' action='/20231101/q_proc.php'>
<input type='hidden' name='type' value='write'>
<input type='hidden' name='table_id' value='table_1287046687'>
<input type='hidden' name='next_url' value='/'>
<input type='hidden' name='leftQuick' value='1'>
<div class="form-ipBox">
<label for="" class="eq__">회사명</label>
<input type="text" name="company">
</div>
<div class="form-ipBox">
<label for="" class="eq__">업종</label>
<input type="text" name="ctype">
</div>
<div class="form-ipBox">
<label for="" class="eq__">담당자명</label>
<input type="text" name="name">
</div>
<div class="form-ipBox">
<label for="" class="eq__">이메일</label>
<input type="text" name="email">
</div>
<div class="form-ipBox">
<label for="" class="eq__">연락처</label>
<input type="text" name="phone" class="phoneChk">
</div>
<div class="form-ipBox">
<label for="">참고사이트</label>
<input type="text" name="url" placeholder="http://">
</div>
<div class="form-ipBox">
<label for="">예산</label>
<input type="text" name="price" id="numberInput" placeholder="예) 1,000,000">
</div>
<div class="form-ipBox" style="display: flex; align-items: flex-end;margin-top:20px;">
<!-- <label for="" class="eq__">보안문자</label> -->
<img src="/skins/module/securityCode.php" style='width:120px;height:40px;border:1px solid #d8d8d8;'>
<input type="text" name="sCode" style="padding-left:20px;width: calc(100% - 130px);" placeholder="보안문자를 입력해 주세요">
</div>
<div class="txt-c">
<a href="javascript:left_form()" class="formSummit">견적문의하기</a>
<p class="f16 color-gry1">
위 양식 작성이 어려우신 경우 1661-2327로 전화 주시면<br>
친절하게 상담 도와드리겠습니다.
</p>
</div>
</form>
</div>
</div>
</div>
<div class="asideBg"></div>
<script>
$(document).on("keyup", ".phoneChk", function() {
$(this).val( $(this).val().replace(/[^0-9]/g, "").replace(/(^02|^0505|^1[0-9]{3}|^0[0-9]{2})([0-9]+)?([0-9]{4})$/,"$1-$2-$3").replace("--", "-") );
});
$(document).ready(function() {
// Function to add thousands commas to a number
function numberWithCommas(x) {
return x.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",");
}
// Function to handle input event
$('#numberInput').on('input', function() {
// Remove non-numeric characters except commas
$(this).val($(this).val().replace(/[^\d,]/g, ''));
// Add thousands commas
$(this).val(numberWithCommas($(this).val().replace(/,/g, '')));
});
});
function left_form(){
form = document.frm_left;
if(isFrmEmpty(form.company,"회사명을 입력해 주십시오")) return;
if(isFrmEmpty(form.ctype,"업종을 입력해 주십시오")) return;
if(isFrmEmpty(form.name,"담당자명을 입력해 주십시오")) return;
if(isFrmEmpty(form.email,"이메일을 입력해 주십시오")) return;
email = form.email.value;
okEmail = isEmailChk(email);
if(!okEmail){
alert('이메일을 정확히 기재해 주시기 바랍니다.');
form.email.focus();
return;
}
if(isFrmEmpty(form.phone,"연락처를 입력해 주십시오")) return;
if(isFrmEmpty(form.url,"참고사이트를 입력해 주십시오")) return;
if(isFrmEmpty(form.price,"예산을 입력해 주십시오")) return;
form.target = 'ifra_gbl';
form.action = '/20231101/q_proc.php';
form.submit();
}
function textCopy(txt){
// 텍스트를 담을 임시 요소 생성
var tempElement = document.createElement('textarea');
// 텍스트 설정 및 요소를 DOM에 추가
tempElement.value = txt;
document.body.appendChild(tempElement);
// 텍스트 선택 및 복사
tempElement.select();
document.execCommand('copy');
// 임시 요소 삭제
document.body.removeChild(tempElement);
// 복사 완료 메시지
alert('텍스트가 복사되었습니다');
}
/*
$(function(){
//좌측 고객센터 사이드 퀵 열리고 닫힘
$(".sideBtn01, .asideBg").click(function(){
$(".quickSide").toggleClass("aside-on");
$(".asideBg").toggleClass("asideBg-on");
})
//좌측 간편견적 열리고 닫힘
$(".sideBtn02").click(function(){
$(".contModal").show();
$(".asideBg").addClass("asideBg-on");
});
$(".contModal-close, .asideBg").click(function(){
$(".contModal").hide();
$(".asideBg").removeClass("asideBg-on");
});
});
*/
$(function(){
//좌측 고객센터 사이드 퀵 열리고 닫힘
$(".sideBtn01").click(function(){
$(this).children(".material-symbols-outlined").toggleClass("rotate");
if(!$(".quickSide").hasClass('aside-on')){
$(".quickSide").addClass("aside-on");
//$("html, body").css("overflow","auto");
$(".asideBg").removeClass("asideBg-on");
}else{
$(".quickSide").removeClass("aside-on");
$(".asideBg").addClass("asideBg-on");
//$("html, body").css("overflow","hidden");
}
})
//좌측 간편견적 열리고 닫힘
$(".sideBtn02").click(function(){
$(".contModal").show();
$(".asideBg").addClass("asideBg-on");
});
$(".asideBg").click(function(){
$(".asideBg").removeClass("asideBg-on");
$(".quickSide").addClass("aside-on");
$(".contModal").hide();
})
$(".contModal-close").click(function(){
$(".contModal").hide();
$(".asideBg").removeClass("asideBg-on");
$(".quickSide").addClass("aside-on");
});
});
</script><style>
.rightQuick-wrap {position:fixed; bottom:5%; right:20px; z-index:11; transition:0.5s ease;}
.rightQuick-wrap .fbBox-close-wrap {display:flex; justify-content:flex-end; margin-bottom:4px;}
.rightQuick-wrap .fbBox-close {width:24px; height:24px; border-radius:50%; background-color:rgba(0,0,0,0.30); display:flex; align-items:center; justify-content:center; cursor:pointer;display:none;}
.rightQuick-wrap .fbBox-close .material-symbols-outlined {font-size:1.125rem; color:#fff;}
.rightQuick-wrap .favorite-box {position:relative; width:248px; background-color:#fff; box-shadow:0px 4px 40px 0px rgba(0, 0, 0, 0.25); border-radius:12px;display:none;}
.rightQuick-wrap .favorite-box .fb-top {background:linear-gradient(315deg, #04A2BC 0%, #12B771 100%); padding:12px 0; border-radius:12px 12px 0 0; font-size:1.125rem; font-weight:600; color:#fff; display:flex; align-items:center; justify-content:center; gap:4px;}
.rightQuick-wrap .favorite-box .fb-top .material-symbols-outlined {font-weight:300;}
.rightQuick-wrap .favorite-box .fb-item {padding:20px 12px; box-sizing:border-box;}
.rightQuick-wrap .favorite-box .fb-item .fb-btn {display:block; width:100%; padding:10px 0; border:1px solid #ddd; box-sizing:border-box; text-align:center; font-weight:600; color:#333; border-radius:4px; margin:4px 0;}
.rightQuick-wrap .favorite-box .fb-item .fb-btn:hover {border:1px solid #04A3B7; transition:.2s;}
.rightQuick-wrap .fbBox-mini {width:62px; height:62px; border-radius:50%; background:linear-gradient(315deg, #04A2BC 0%, #12B771 100%); margin:0 auto; box-shadow: 0px 4px 40px rgba(0, 0, 0, 0.20); cursor:pointer; transition:0.5s ease; }
.rightQuick-wrap .fbBox-mini .mini-inr {width:100%; height:100%; display:flex; align-items:center; justify-content:center;}
.rightQuick-wrap .fbBox-mini .mini-inr .material-symbols-outlined {font-size:2.5rem; color:#fff;}
.rightQuick-wrap .pageTop {width:62px; height:62px; border-radius:50%; box-shadow: 0px 4px 40px rgba(0, 0, 0, 0.20); background:#fff; display:flex; align-items:center; justify-content:center; flex-direction:column; cursor:pointer; margin:20px auto 0; position:relative; transition:0.5s ease;}
.rightQuick-wrap .pageTop .material-symbols-outlined {color:#aaa;}
.rightQuick-wrap .pageTop .f_outfit.f14 {color:#333; margin-top:-2px;}
.rightQuick-wrap .pageTop .material-symbols-outlined, .rightQuick-wrap .pageTop .f_outfit.f14 {position:relative; z-index:2;}
.rightQuick-wrap .pageTop::after {content: ""; display: block; width: 100%; height: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0); z-index: 2; background: var(--primary); transition: transform .5s; border-radius: 50%; box-sizing: border-box;}
.rightQuick-wrap .pageTop:hover::after{transform:translate(-50%, -50%) scale(1); z-index:1;}
.rightQuick-wrap .pageTop:hover .material-symbols-outlined, .rightQuick-wrap .pageTop:hover .f_outfit.f14 {color:#fff}
</style>
<div class="rightQuick-wrap">
<div class="fbBox-close-wrap">
<div class="fbBox-close">
<span class="material-symbols-outlined">close</span>
</div>
</div>
<div class="favorite-box">
<div class="fb-top">
<span class="material-symbols-outlined">support_agent</span>자주 찾는 서비스
</div>
<div class="fb-item">
<a href="/m_service/service.php" class="fb-btn">홈페이지 기간 연장</a>
<a href="/free_payment/up_index.php?domain_pay=1" class="fb-btn">도메인 기간 연장</a>
<a href="/free_payment/up_index.php" class="fb-btn">홈페이지 추가 결제</a>
<a href="/usage/sub03.php" class="fb-btn">포털사이트 검색등록</a>
<a href="/usage/sub01/sub01.php" class="fb-btn">홈페이지 수정 방법</a>
<a href="/oservice/sub02.php" class="fb-btn">검색광고 무료세팅</a>
<p class="f18 txt-c bolder color-blk1 m-12">고객센터 <span class="f_outfit color-primary">1661.2327</span></p>
</div>
</div>
<div class="fbBox-mini">
<div class="mini-inr">
<span class="material-symbols-outlined">support_agent</span>
</div>
</div>
<div class="pageTop">
<span class="material-symbols-outlined">expand_less</span>
<p class="f_outfit f14 bolder">TOP</p>
</div>
</div>
<script>
$(function(){
//자주찾는서비스 열리고 닫힘
$(".fbBox-close").click(function(){
$(this).fadeOut();
$(".favorite-box").fadeOut();
$(".fbBox-mini").fadeIn();
});
$(".fbBox-mini").click(function(){
$(this).fadeOut();
$(".favorite-box, .fbBox-close").fadeIn();
});
//상단으로
$(".pageTop").click(function(){
$("html, body").stop().animate({
scrollTop:0,
}, 500);
});
});
</script><script language="JavaScript">
// 쿠키를 만듭니다. 아래 closeWin() 함수에서 호출됩니다
function setCookie( name, value, expiredays ){
var todayDate = new Date();
todayDate.setDate( todayDate.getDate() + expiredays );
document.cookie = name + "=" + escape( value ) + "; path=/; expires=" + todayDate.toGMTString() + ";"
}
// 체크후 닫기버튼을 눌렀을때 쿠키를 만들고 창을 닫습니다
function closeWin(day,no,reg){
form = document['pop'+no];
id = reg;
if(form.event1.checked){
setCookie( "Coo"+id, "done" , day); // 오른쪽 숫자는 쿠키를 유지할 기간을 설정합니다
}
var LayerClose = document.getElementById('divpop'+no);
LayerClose.style.visibility = "hidden";
}
function getCookie(name){
var nameOfCookie = name + "=";
var x = 0;
while ( x <= document.cookie.length ){
var y = (x+nameOfCookie.length);
if ( document.cookie.substring( x, y ) == nameOfCookie ) {
if ( (endOfCookie=document.cookie.indexOf( ";", y )) == -1 )
endOfCookie = document.cookie.length;
return unescape( document.cookie.substring( y, endOfCookie ) );
}
x = document.cookie.indexOf( " ", x ) + 1;
if ( x == 0 )
break;
}
return "";
}
</script>
<script language='javascript'>
function Layer_Loading(left,top,layer){
var LayerNotice = document.getElementById(layer);
LayerNotice.style.left = left;
LayerNotice.style.top = top;
LayerNotice.style.visibility = "visible";
}
</script>
<div id='divpop0' style="position:absolute; visibility:hidden; z-index:100;left:700px;top:200px;">
<table cellpadding='0' cellspacing='0' border='0' valign='top' bgcolor='ffffff'>
<form name='pop0'>
<tr>
<td align='center' style="word-break:break-all; border :1 solid #cccccc;">
<table cellpadding='0' cellspacing='0' border='0' width='500' height='620' style="TABLE-LAYOUT:fixed;">
<tr>
<td align='center'><!-- Swiper slide 불러오기-->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/Swiper/4.5.1/css/swiper.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/Swiper/4.5.1/js/swiper.js"></script>
<style>
#popupWrap {width:500px;}
@media screen and (max-width:768px){
/*테블릿 이하 넓이값 100%*/
#popupWrap {width:100%;}
}
</style>
<div id="popupWrap">
<div class="swiper-container popup-slide">
<div class="swiper-wrapper">
</div>
<!--팝업 비대면-->
<div class="swiper-slide">
<img src="https://www.i-web.kr/psamj/summernote/P240326103306.jpg" title="N230905153807ig6x4hyea0.jpg" style="max-width:940px;height:auto;">
</div>
</div>
<div class="swiper-pagination"></div><!--팝업창 페이지네이션-->
</div>
<script>
$(function(){
var swiper = new Swiper(".popup-slide", {
speed : 1000,
effect: "vertical",
autoplay: {
delay: 8000,
disableOnInteraction: false,
},
pagination: {
el: ".swiper-pagination",
clickable: true,
},
});
});
</script></td>
</tr>
<tr>
<td height='20'>
<table cellpadding='0' cellspacing='0' border='0' width='500' bgcolor='#161817' height='20'>
<tr>
<td width='10'><input type='checkbox' name='event1' value='' onclick="closeWin('1','0','1655080735');" style='border:0px;'></td>
<td style='padding-top:1px;'><span style="color:#fff;">1일 동안 열지않기</span></td>
<td align='right'><a href="javascript:closeWin('','0','1655080735')"><font color='#ffffff'>[닫기]</font></a></td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</form>
</table>
</div>
<script language='javascript'>
id = '1655080735';
if ( getCookie( "Coo"+id ) != "done" ) {
var w = '500';
var h = parseFloat('620') + 20;
var mod = 'user';
if(mod == 'left'){ //왼쪽상단
pos01 = 10;
pos02 = 10;
}else if(mod == 'center'){ //가운데
pos01 = (screen.width)?(screen.width-w)/2:100;
pos02 = (screen.height)?(screen.height-h)/2:100;
}else if(mod == 'right'){ //오른쪽상단
pos01 = screen.width-20-w;
pos02 = 10;
}else if(mod == 'user'){ //사용자 지정
pos01 = '700';
pos02 = '200';
}
var left = pos01;
var top = pos02;
Layer_Loading(left,top,'divpop0');
}
</script>
<main id="main">
<article class="main-top" style='margin-top:-170px;position:relative;z-index:1;'>
<section class="main-section">
<div style="position:relative;width:100%;height:870px;background:url('./20191106/images/bg2.jpg') center center;">
<div style='position:absolute;top:240px;left:50%;margin-left:50px;'>
<div class='mainEff' style='position:relative;top:-50px;transition-delay:0.5s'>
<img src="/20191106/images/monitor1_.png">
</div>
</div>
<div style='position:absolute;top:140px;left:50%;margin-left:-145px;'>
<div class='mainEff' style='position:relative;top:-50px;transition-delay:1s'>
<img src="/20191106/images/monitor2_.png">
</div>
</div>
<div style='position:absolute;top:30px;left:50%;margin-left:-360px;'>
<div class='mainEff' style='position:relative;top:-50px;transition-delay:1.5s'>
<img src="/20191106/images/monitor3_.png">
</div>
</div>
<div style='position:absolute;top:0;left:50%;width:100%;margin-left:-961px;'>
<img src="/20191106/images/black.png">
</div>
<div style="width:1200px;margin:0 auto;padding-top:340px;position:relative">
<div style="font-size:26px;;font-weight:500;letter-spacing:-0.03em;color:#ffffff;text-shadow:2px 2px 2px rgba(0,0,0,0.5)" class="main1 main1_1"><!--아이웹이 6년간 연속 2자리 성장에는 이유가 있습니다!-->홈페이지 제작뿐 아니라 마케팅 지원, 회사 업무관리까지!</div>
<div style="font-size:48px;;font-weight:600;letter-spacing:-0.03em;margin-top:10px;color:#ffffff;text-shadow:2px 2px 2px rgba(0,0,0,0.5)" class="main1 main1_2">홈페이지+모바일웹+그룹웨어</div>
<div style="margin:35px 0;font-size:18px;letter-spacing:8px;color:#ffffff;text-shadow:2px 2px 2px rgba(0,0,0,0.5)" class="main1 main1_3">
THE MULTI WEB PLATFORM
</div>
<div style="font-size:22px;;margin-top:10px;line-height:36px;color:#ffffff;text-shadow:2px 2px 2px rgba(0,0,0,0.5)" class="main1 main1_4">
· 가입과 동시에 바로 사용 / <b style=";">초보자</b>도 쉽게 수정 가능<br>
· <b style=";">5,097개</b>의 다양한 스킨을 언제든지 무료 변경 가능<br>
· 월 유지비 <b style=";">7,000원</b>부터 / 1개월 단위 사용 가능<br>
</div>
<!--
<div style="width:210px;;margin-top:50px;cursor:pointer;" class="main1 main1_5 clearfix" id="d_btn3">
<div style='width:158px;line-height:48px;background:#ffffff;text-align:center;float:left;font-size:14px;border:1px solid #ce0606;border-radius:25px 0 0 25px;'>
홈페이지 무료스킨보기
</div>
<div style='width:45px;height:50px;float:left;background:url(/20191106/images/arrow.png) 13px 22px no-repeat #ce0606;border-radius:0 25px 25px 0'>
</div>
</div>
-->
<a href="/service/sub01.php" style="display:inline-block; margin-top:50px; padding:10px 28px; border:1px solid #fff; color:#fff; border-radius:30px;" class="main1 main1_5">자세히 보기</a>
</div>
</div>
<div class="bar">
<div class="contents-wrap">
<div class="count-box">
<div class="inr">
<p class="f24">설립년차</p>
<p class="number">14</p>
</div>
<div class="inr">
<p class="f24">이용업체수</p>
<p class="number">19,308</p>
</div>
<div class="inr">
<p class="f24">리셀러업체수</p>
<p class="number">88</p>
</div>
<div class="inr">
<p class="f24">무료스킨수</p>
<p class="number">5,097</p>
</div>
</div>
</div>
</div>
</section>
<script src="//code.jquery.com/ui/1.12.0/jquery-ui.js"></script>
<script>
$(function(){
$('.number').counterUp({
delay: 10,
time: 2000
});
$(".mainEff").addClass("mainEff_a");
$(".main1").css("opacity",1);
//변수선언
var web_top=0;
var web_middle=1/2;
var web_bottom=1;
//변수선언
init();
function init(){/*초기화 함수*/
winw = $(window).width() //창넓이
winh = $(window).height() //창높이
st = $(window).scrollTop() //현재스크롤양
}
$(window).resize(function(){
init()
})
$(window).scroll(function(){
init();
if(st >= $('.count_num').offset().top-winh+ $('.count_num').height()*web_middle ) {
countNum();
}
if(st >= $('.count_num2').offset().top-winh+ $('.count_num2').height()*web_middle ) {
countNum2();
}
});
});
function numstrSet(numstr){
var numstr = String(numstr);
var re0 = /(\d+)(\d{3})($|\..*)/;
if(re0.test(numstr))
return numstr.replace(re0,function(str,p1,p2,p3){ return number_format(p1) + "," + p2 + p3;});
else
return numstr;
}
function countNum(){
$('.count_num').each(function () {
$(this).prop('Counter',0).stop().animate({
Counter: $(this).text()
}, {
duration: 3000,
easing: 'easeOutExpo',
step: function (now) {
n1 = Math.ceil(now);
n2 = numstrSet(n1);
$(this).text(n2);
}
});
});
countNum=function(){}
}
function countNum2(){
$('.count_num2').each(function () {
$(this).prop('Counter',0).stop().animate({
Counter: $(this).text()
}, {
duration: 3000,
easing: 'easeOutExpo',
step: function (now) {
n1 = Math.ceil(now);
n2 = numstrSet(n1);
$(this).text(n2);
}
});
});
countNum2=function(){}
}
</script>
<style>
.main-top .bar{position:relative;}
.main1{opacity:0;transition:opacity 1s;}
.main1_1{transition-delay:0.3s;}
.main1_2{transition-delay:0.6s;}
.main1_3{transition-delay:0.9s;}
.main1_4{transition-delay:1.2s;}
.main1_5{transition:opacity 1s 1.5s ,background 0.25s;}
.mainEff{
transition:all 1.5s;
opacity:0;
}
.mainEff_a{
opacity:1 !important;
top:0 !important;
left:0 !important;
}
</style>
</article>
<article class="product-price">
<section class="section01">
<div class="contents-wrap">
<h2 class="sec-tit">홈페이지 제작비용 안내</h2>
<h3 class="sec-subtit">무료 스킨으로 직접 디자인하는 무료형 상품부터 전문 디자이너가 제작해 드리는 상품까지!</h3>
<div class="product-price-box" data-aos="fade-up" data-aos-easing="ease-in-sine" data-aos-duration="600">
<a class="price-box" href="/service/sub01.php">
<p class="product-name">
무료형
</p>
<p class="name__sub">홈페이지 제작비용</p>
<p class="p-price">
0<small>원</small>
</p>
<p class="f14 color-gry3 m_10">VAT / 월 이용료 별도</p>
<p class="product-info">
원하시는 스킨 디자인에서<br>메인 및 서브 페이지<br>직접 수정 가능
</p>
<div class="bottom-box">
<p class="p-date">가입과 동시에 바로 사용!</p>
<button class="appl-btn">무료형 시작하기</button>
</div>
</a>
<a class="price-box" href="/service/sub02.php">
<p class="product-name">
알뜰형
</p>
<p class="name__sub">홈페이지 제작비용</p>
<p class="p-price">
20<small>만원</small>
</p>
<p class="f14 color-gry3 m_10">VAT / 월 이용료 별도</p>
<ul class="product-info">
<li><span class="material-symbols-outlined">check</span>서브 페이지 디자인 3P</li>
<li><span class="material-symbols-outlined">check</span>게시판 무제한</li>
</ul>
<div class="bottom-box">
<p class="p-date">제작기간 : 3~4일</p>
<button class="appl-btn">알뜰형 시작하기</button>
</div>
</a>
<a class="price-box" href="/service/sub03.php">
<p class="product-name">
보급형
</p>
<p class="name__sub">홈페이지 제작비용</p>
<p class="p-price">
40<small>만원</small>
</p>
<p class="f14 color-gry3 m_10">VAT / 월 이용료 별도</p>
<ul class="product-info">
<li><span class="material-symbols-outlined">check</span>메인화면 디자인</li>
<li><span class="material-symbols-outlined">check</span>서브 페이지 디자인 5P</li>
<li><span class="material-symbols-outlined">check</span>게시판 무제한</li>
</ul>
<div class="bottom-box">
<p class="p-date">제작기간 : 7~10일</p>
<button class="appl-btn">보급형 시작하기</button>
</div>
</a>
<a class="price-box" href="/service/sub04.php">
<div class="recommend"><img src="/20231101/images/recommend__.svg" alt="추천"></div>
<p class="product-name">
맞춤형
</p>
<p class="name__sub">홈페이지 제작비용</p>
<p class="p-price">
90<small>만원</small>
</p>
<p class="f14 color-gry3 m_10">VAT / 월 이용료 별도</p>
<ul class="product-info">
<li><span class="material-symbols-outlined">check</span>메인화면 디자인</li>
<li><span class="material-symbols-outlined">check</span>서브 페이지 디자인 10P</li>
<li><span class="material-symbols-outlined">check</span>게시판 무제한</li>
</ul>
<div class="bottom-box">
<p class="p-date">제작기간 : 20일</p>
<button class="appl-btn">맞춤형 시작하기</button>
</div>
</a>
<a class="price-box" href="/service/sub11.php">
<p class="product-name">
고급형
</p>
<p class="name__sub">홈페이지 제작비용</p>
<p class="p-price">
200<small>만원</small>
</p>
<p class="f14 color-gry3 m_10">VAT / 월 이용료 별도</p>
<ul class="product-info">
<li><span class="material-symbols-outlined">check</span>메인화면 디자인</li>
<li><span class="material-symbols-outlined">check</span>서브 페이지 디자인 20P</li>
<li><span class="material-symbols-outlined">check</span>게시판 무제한</li>
<li><span class="material-symbols-outlined">check</span>입력폼 개발</li>
</ul>
<div class="bottom-box">
<p class="p-date">제작기간 : 35일</p>
<button class="appl-btn">고급형 시작하기</button>
</div>
</a>
<a class="price-box" href="/service/sub05.php">
<p class="product-name">
독립형
</p>
<p class="name__sub">홈페이지 제작비용</p>
<p class="p-price">
상담 후
</p>
<p class="f14 color-gry3 m_10">VAT / 월 이용료 별도</p>
<p class="product-info">
메인 및 서브 페이지 디자인,<br>산업별 프로그램 등<br>원하시는 방향에 따라<br>별도 견적 후 진행
</p>
<div class="bottom-box">
<p class="p-date">제작기간 : 협의</p>
<button class="appl-btn">독립형 시작하기</button>
</div>
</a>
</div>
<div class="price-box-info" data-aos="fade-up" data-aos-easing="ease-in-sine" data-aos-duration="600">
<div class="box-info01 box-info"><span>원하시는 방향으로 직접 세팅</span></div>
<div class="box-info02 box-info"><span>전문 디자이너가 직접 제작/세팅</span></div>
<div class="box-info03 box-info"><span>전문 디자이너와 프로그래머가 직접 제작/세팅</span></div>
</div>
</div>
</section>
<script>
$(".product-price-box .price-box").mouseover(function(){
$(this).css({"background":"#bb2024","transition":".2s"});
$(this).children(".product-name, .p-price").css("color","#fff");
$(this).children(".name__sub, .product-info, .p-date").css("color","#fff");
$(this).find(".appl-btn").css({"border":"1px solid #fff" ,"background-color":"#fff", "color":"var(--primary)", "font-weight":"600"});
});
$(".product-price-box .price-box").mouseleave(function(){
$(this).css("background","#ffff");
$(this).children(".product-name").css("color","#333");
$(this).children(".name__sub").css("color","#878787");
$(this).children(".p-price").css("color","var(--primary)");
$(this).children(".product-info").css("color","#333");
$(this).children(".p-date").css("color","#666");
$(this).find(".appl-btn").css({"border":"1px solid #878787" ,"background-color":"transparent", "color":"#878787", "font-weight":"500"});
});
const boxes = document.querySelectorAll('.price-box');
boxes.forEach(box => {
const link = box.querySelector('a');
box.addEventListener('mouseover', () => {
link.classList.add('active__');
});
box.addEventListener('mouseout', () => {
link.classList.remove('active__');
});
});
</script> </article>
<article class="hompage-function">
<section class="section02">
<div class="contents-wrap">
<h2 data-aos="fade-right" data-aos-easing="ease-in-sine" data-aos-duration="600">가장 쉬운 방법으로 만드는 나만의 홈페이지</h2>
<p data-aos="fade-right" data-aos-easing="ease-in-sine" data-aos-duration="600">쉽지만 다양하고 강력한, 꼭 필요한 홈페이지 기능들을 제공합니다.</p>
<!-- Swiper -->
<div class="wrap_a" data-aos="fade-left" data-aos-easing="ease-in-sine" data-aos-duration="600">
<div class="swiper-container gallery-top">
<div class="swiper-wrapper">
<div class="swiper-slide"><img src="/20231101/images/b1_img.jpg" alt=""></div>
<div class="swiper-slide"><img src="/20231101/images/b2_img.jpg" alt=""></div>
<div class="swiper-slide"><img src="/20231101/images/b3_img.jpg" alt=""></div>
<div class="swiper-slide"><img src="/20231101/images/b4_img.jpg" alt=""></div>
<div class="swiper-slide"><img src="/20231101/images/b5_img.jpg" alt=""></div>
<div class="swiper-slide"><img src="/20231101/images/b6_img.jpg" alt=""></div>
</div>
</div>
<div class="swiper-container gallery-thumbs">
<div class="swiper-wrapper">
<div class="swiper-slide swiper_a">
<div><span class="material-symbols-outlined">desktop_windows</span></div>
<div class="swiper_a_a">
<div class="swiper_a_1">홈페이지 간편제작</div>
<div class="swiper_a_2">언제든지 변경이 가능한 다양한 템플릿 스킨을 통하여<br> 나만의 홈페이지를 가입과 동시에 사용 가능</div>
</div>
</div>
<div class="swiper-slide swiper_a">
<div><span class="material-symbols-outlined">desktop_windows</span></div>
<div class="swiper_a_a">
<div class="swiper_a_1">홈페이지 맞춤제작</div>
<div class="swiper_a_2">전문 디자이너가 고객의 요구사항을 파악하여<br> 업종과 비즈니스 목적에 맞는 홈페이지를 제작</div>
</div>
</div>
<div class="swiper-slide swiper_a">
<div><span class="material-symbols-outlined">shopping_cart</span></div>
<div class="swiper_a_a">
<div class="swiper_a_1">쉽고 빠른 쇼핑몰 구축</div>
<div class="swiper_a_2">아이웹 플랫폼에는 쇼핑몰 기능이 내장되어 있어<br> 메뉴만 쇼핑몰 형식으로 변경하면 쇼핑몰 사용이 가능 <span>(전자결제 PG가입 별도)</span></div>
</div>
</div>
<div class="swiper-slide swiper_a">
<div><span class="material-symbols-outlined">business_center</span></div>
<div class="swiper_a_a">
<div class="swiper_a_1">그룹웨어 무료 제공</div>
<div class="swiper_a_2">근태관리, 업무관리, 재직증명서, 견적서 등<br> 각종 문서관리가 편리한 업무관리 플랫폼을 무료로 제공</div>
</div>
</div>
<div class="swiper-slide swiper_a">
<div><span class="material-symbols-outlined">language</span></div>
<div class="swiper_a_a">
<div class="swiper_a_1">도메인 무료 연결</div>
<div class="swiper_a_2">홈페이지에 나만의 홈페이지 주소를 연결하세요!<br> 최대 5개까지 무료 연결이 가능합니다.</div>
</div>
</div>
<div class="swiper-slide swiper_a">
<div><span class="material-symbols-outlined">screen_search_desktop</span></div>
<div class="swiper_a_a">
<div class="swiper_a_1">무료 마케팅 지원</div>
<div class="swiper_a_2">네이버, 다음, 구글 등 포털사이트 등록을 통하여<br> 나의 홈페이지를 홍보해 보세요!</div>
</div>
</div>
</div><!--swiper-wrapper end-->
</div><!--gallery-thumbs end-->
</div><!--wrap_a end-->
</div>
</section>
<script>
var galleryThumbs = new Swiper(".gallery-thumbs", {
/*
//slidesPerView: 3,
loop: true,
//loopAdditionalSlides : 1,// 슬라이드 반복 시 마지막 슬라이드에서 다음 슬라이드가 보여지지 않는 현상 수정
//loopedSlides:4,
//loopedSlides:2,
spaceBetween: 10,
direction: 'vertical',
//watchSlidesProgress: true,
autoplay: {
delay: 2500,
disableOnInteraction: false,
},
*/
loop: true,
loopedSlides: 6,
//centeredSlides: true,
spaceBetween: 10,
slideToClickedSlide: true,
slidesPerView: 3,
watchSlidesVisibility: true,
watchSlidesProgress: true,
direction: 'vertical',
autoplay: {
delay: 2500,
disableOnInteraction: false,
},
});
//우측이미지
var galleryTop = new Swiper(".gallery-top", {
/*
loop: true,
//loopAdditionalSlides : 1,// 슬라이드 반복 시 마지막 슬라이드에서 다음 슬라이드가 보여지지 않는 현상 수정
//loopedSlides:4,
//loopedSlides:3,
spaceBetween: 10,
autoplay: {
delay:2500,
disableOnInteraction: false,
},
thumbs: {
swiper: galleryThumbs,
},
effect: 'fade',
*/
effect: 'fade',
loop: true,
loopedSlides: 12,
spaceBetween: 10,
});
galleryTop.controller.control = galleryThumbs;
galleryThumbs.controller.control = galleryTop;
</script> </article>
<article class="portfolio-free">
<!-- 무료홈페이지 이용 사례 -->
<section class="section03">
<div class="contents-wrap">
<div class="section03-tit">
<h2 data-aos="fade-right" data-aos-easing="ease-in-sine" data-aos-duration="600">
무료형 홈페이지 이용 사례
<p style="margin-top:12px; font-size:18px; font-weight:500; color:#878787;">홈페이지 스킨을 이용하여 아이웹 빌더 기능으로 만들어진 다양한 홈페이지를 확인하실 수 있습니다.</p>
</h2>
<div class="section03-stit" data-aos="fade-left" data-aos-easing="ease-in-sine" data-aos-duration="600">
<div class="stit-top">
<!--
<p class="stit-box">
<span class="material-symbols-outlined"> photo_size_select_large </span>
<span>무료 스킨 등록 수</span>
<span class='count_num'>5097</span>
</p>
-->
<p class="stit-box">
<span class="material-symbols-outlined" style="color:#2660cb;"> group </span>
<span class="bold" style="color:#2660cb;">아이웹 이용 누적 기업 수</span>
<span class='count_num' style="width:120px">19308</span>
</p>
</div>
<p class="stit-date">2024년 05월 18일 현재 </p>
</div>
</div>
<div class="section03-slide" data-aos="fade-up" data-aos-easing="ease-in-sine" data-aos-duration="600">
<div class="slide-arrow">
<p class="prev" id="arrow_prev1">
<span class="material-symbols-outlined"> arrow_back_ios_new </span>
</p>
<p class="next" id="arrow_next1">
<span class="material-symbols-outlined"> arrow_forward_ios </span>
</p>
</div>
<div class="slide-wrap">
<div class="slide-cont">
<a href='http://i-web.kr/kmieg' target='_blank' class="skin-img" style="display:block;">
<img src="./board/upfile/P231020093555.png" style='width:100%;'>
</a><!--스킨 배경 이미지-->
<div class="skin-txt">
<p class="comp-name" id="comp-name">주식회사 케이엠아이이지</p>
<p class="skin-num" id="skin-num">iweb-Vc138</p>
</div>
<div class="item-bottom">
<div class="preview-btn">
<a href='http://i-web.kr/kmieg' target='_blank'><span class="material-symbols-outlined">desktop_mac</span></a>
<a href='javascript:mobileView("kmieg","주식회사 케이엠아이이지")'><span class="material-symbols-outlined">phone_iphone</span></a>
</div>
<a class="skinView" href="/iweb-Vc138" target='_blank'>적용스킨보기</a>
</div>
</div>
<div class="slide-cont">
<a href='http://i-web.kr/platform' target='_blank' class="skin-img" style="display:block;">
<img src="./board/upfile/P231130143800.png" style='width:100%;'>
</a><!--스킨 배경 이미지-->
<div class="skin-txt">
<p class="comp-name" id="comp-name">오모션 (플랫폼앨범)</p>
<p class="skin-num" id="skin-num">iweb-Vc154</p>
</div>
<div class="item-bottom">
<div class="preview-btn">
<a href='http://i-web.kr/platform' target='_blank'><span class="material-symbols-outlined">desktop_mac</span></a>
<a href='javascript:mobileView("platform","오모션 (플랫폼앨범)")'><span class="material-symbols-outlined">phone_iphone</span></a>
</div>
<a class="skinView" href="/iweb-Vc154" target='_blank'>적용스킨보기</a>
</div>
</div>
<div class="slide-cont">
<a href='http://i-web.kr/paradive' target='_blank' class="skin-img" style="display:block;">
<img src="./board/upfile/P231020093749.png" style='width:100%;'>
</a><!--스킨 배경 이미지-->
<div class="skin-txt">
<p class="comp-name" id="comp-name">파라다이브리조트</p>
<p class="skin-num" id="skin-num">iweb-JHp040</p>
</div>
<div class="item-bottom">
<div class="preview-btn">
<a href='http://i-web.kr/paradive' target='_blank'><span class="material-symbols-outlined">desktop_mac</span></a>
<a href='javascript:mobileView("paradive","파라다이브리조트")'><span class="material-symbols-outlined">phone_iphone</span></a>
</div>
<a class="skinView" href="/iweb-JHp040" target='_blank'>적용스킨보기</a>
</div>
</div>
<div class="slide-cont">
<a href='http://i-web.kr/halal' target='_blank' class="skin-img" style="display:block;">
<img src="./board/upfile/P231020093800.png" style='width:100%;'>
</a><!--스킨 배경 이미지-->
<div class="skin-txt">
<p class="comp-name" id="comp-name">차앤쿡</p>
<p class="skin-num" id="skin-num">iweb-LYc016</p>
</div>
<div class="item-bottom">
<div class="preview-btn">
<a href='http://i-web.kr/halal' target='_blank'><span class="material-symbols-outlined">desktop_mac</span></a>
<a href='javascript:mobileView("halal","차앤쿡")'><span class="material-symbols-outlined">phone_iphone</span></a>
</div>
<a class="skinView" href="/iweb-LYc016" target='_blank'>적용스킨보기</a>
</div>
</div>
<div class="slide-cont">
<a href='http://i-web.kr/kwhrd' target='_blank' class="skin-img" style="display:block;">
<img src="./board/upfile/P231020093819.png" style='width:100%;'>
</a><!--스킨 배경 이미지-->
<div class="skin-txt">
<p class="comp-name" id="comp-name">광운대학교 국가인적자원개발센터 </p>
<p class="skin-num" id="skin-num">iweb-XKc018</p>
</div>
<div class="item-bottom">
<div class="preview-btn">
<a href='http://i-web.kr/kwhrd' target='_blank'><span class="material-symbols-outlined">desktop_mac</span></a>
<a href='javascript:mobileView("kwhrd","광운대학교 국가인적자원개발센터 ")'><span class="material-symbols-outlined">phone_iphone</span></a>
</div>
<a class="skinView" href="/iweb-XKc018" target='_blank'>적용스킨보기</a>
</div>
</div>
<div class="slide-cont">
<a href='http://i-web.kr/bnbsolution' target='_blank' class="skin-img" style="display:block;">
<img src="./board/upfile/P231020093831.png" style='width:100%;'>
</a><!--스킨 배경 이미지-->
<div class="skin-txt">
<p class="comp-name" id="comp-name">비&비솔루션 (비앤비솔루션)</p>
<p class="skin-num" id="skin-num">iweb-Vh134</p>
</div>
<div class="item-bottom">
<div class="preview-btn">
<a href='http://i-web.kr/bnbsolution' target='_blank'><span class="material-symbols-outlined">desktop_mac</span></a>
<a href='javascript:mobileView("bnbsolution","비&비솔루션 (비앤비솔루션)")'><span class="material-symbols-outlined">phone_iphone</span></a>
</div>
<a class="skinView" href="/iweb-Vh134" target='_blank'>적용스킨보기</a>
</div>
</div>
<div class="slide-cont">
<a href='http://i-web.kr/narmadr' target='_blank' class="skin-img" style="display:block;">
<img src="./board/upfile/P231020093847.png" style='width:100%;'>
</a><!--스킨 배경 이미지-->
<div class="skin-txt">
<p class="comp-name" id="comp-name">크리앙홀딩스 주식회사</p>
<p class="skin-num" id="skin-num">iweb-SYs029</p>
</div>
<div class="item-bottom">
<div class="preview-btn">
<a href='http://i-web.kr/narmadr' target='_blank'><span class="material-symbols-outlined">desktop_mac</span></a>
<a href='javascript:mobileView("narmadr","크리앙홀딩스 주식회사")'><span class="material-symbols-outlined">phone_iphone</span></a>
</div>
<a class="skinView" href="/iweb-SYs029" target='_blank'>적용스킨보기</a>
</div>
</div>
<div class="slide-cont">
<a href='http://i-web.kr/dyglobal' target='_blank' class="skin-img" style="display:block;">
<img src="./board/upfile/P231020093936.png" style='width:100%;'>
</a><!--스킨 배경 이미지-->
<div class="skin-txt">
<p class="comp-name" id="comp-name">디와이글로벌코리아</p>
<p class="skin-num" id="skin-num">iweb-Zc187</p>
</div>
<div class="item-bottom">
<div class="preview-btn">
<a href='http://i-web.kr/dyglobal' target='_blank'><span class="material-symbols-outlined">desktop_mac</span></a>
<a href='javascript:mobileView("dyglobal","디와이글로벌코리아")'><span class="material-symbols-outlined">phone_iphone</span></a>
</div>
<a class="skinView" href="/iweb-Zc187" target='_blank'>적용스킨보기</a>
</div>
</div>
<div class="slide-cont">
<a href='http://i-web.kr/safa' target='_blank' class="skin-img" style="display:block;">
<img src="./board/upfile/P231020093926.png" style='width:100%;'>
</a><!--스킨 배경 이미지-->
<div class="skin-txt">
<p class="comp-name" id="comp-name">(주)사파쿠체코리아</p>
<p class="skin-num" id="skin-num">iweb-Ws056</p>
</div>
<div class="item-bottom">
<div class="preview-btn">
<a href='http://i-web.kr/safa' target='_blank'><span class="material-symbols-outlined">desktop_mac</span></a>
<a href='javascript:mobileView("safa","(주)사파쿠체코리아")'><span class="material-symbols-outlined">phone_iphone</span></a>
</div>
<a class="skinView" href="/iweb-Ws056" target='_blank'>적용스킨보기</a>
</div>
</div>
<div class="slide-cont">
<a href='http://i-web.kr/jejudo' target='_blank' class="skin-img" style="display:block;">
<img src="./board/upfile/P231020094745.png" style='width:100%;'>
</a><!--스킨 배경 이미지-->
<div class="skin-txt">
<p class="comp-name" id="comp-name">제주송당 안가네 대농장</p>
<p class="skin-num" id="skin-num">iweb-SJs004</p>
</div>
<div class="item-bottom">
<div class="preview-btn">
<a href='http://i-web.kr/jejudo' target='_blank'><span class="material-symbols-outlined">desktop_mac</span></a>
<a href='javascript:mobileView("jejudo","제주송당 안가네 대농장")'><span class="material-symbols-outlined">phone_iphone</span></a>
</div>
<a class="skinView" href="/iweb-SJs004" target='_blank'>적용스킨보기</a>
</div>
</div>
</div>
</div>
<div class="section03-btn">
<a href="/portfolio/sub01.php" class="b-btn">무료형 이용 사례 더보기</a>
</div>
</div>
</section>
<script>
$(function(){
$('.section03-slide .slide-wrap').slick({
arrows : true,
slidesToShow: 4,
slidesToScroll: 1,
autoplay: false,
autoplaySpeed: 2000,
prevArrow: $('#arrow_prev1'),
nextArrow: $('#arrow_next1'),
});
})
</script>
</article>
<article class="portfolio-pay">
<div class="section04">
<div class="contents-wrap p_r">
<div class="section04-tit" data-aos="fade-right" data-aos-easing="ease-in-sine" data-aos-duration="600">
<h2>독립형<br>홈페이지 제작 사례</h2>
<p class="stit-box">
사업 및 용도의 방향에 맞춰 레이아웃 및 프로그램 개발<br>
고객 맞춤 디자인 및 기능을 추가 탑재하여<br>
독창적인 홈페이지로 제작해 드립니다.
</p>
<div class="section04-btn">
<a href="/portfolio/sub02.php" class="b-btn">독립형 제작 사례 더보기</a>
</div>
<div class="slide-arrow">
<p class="prev" id="arrow_prev2">
<span class="material-symbols-outlined"> arrow_back_ios_new </span>
</p>
<p class="next" id="arrow_next2">
<span class="material-symbols-outlined"> arrow_forward_ios </span>
</p>
</div>
</div>
<div class="section04-slide">
<div class="slide-wrap">
<div class="silde-cont">
<div class="skin-img-box">
<!--<div class="skin-img" style="background:url('/20231101/images/skin_sample01.png')no-repeat top center / cover"></div><!--스킨 배경 이미지-->
<div class="skin-img2">
<a class="skin-thumb" href="http://www.efac.or.kr" target='_blank'>
<img src="./board/upfile/P231130154148.jpg" style="max-width:100%">
</a>
</div>
</div>
<div class="skin-txt">
<p class="skin-tit">HOMEPAGE</p>
<p class="comp-name" id="comp-name">은평문화재단</p>
<div class="skin-info-wrap">
<p class="skin-info" id="skin-info">문화재단</p>
<a href="http://www.efac.or.kr" target='_blank' class="skin-quick-btn">바로가기</a>
</div>
</div>
</div>
<div class="silde-cont">
<div class="skin-img-box">
<!--<div class="skin-img" style="background:url('/20231101/images/skin_sample01.png')no-repeat top center / cover"></div><!--스킨 배경 이미지-->
<div class="skin-img2">
<a class="skin-thumb" href="http://ansanyouth.or.kr" target='_blank'>
<img src="./board/upfile/P231130154220.jpg" style="max-width:100%">
</a>
</div>
</div>
<div class="skin-txt">
<p class="skin-tit">HOMEPAGE</p>
<p class="comp-name" id="comp-name">안산시청소년재단</p>
<div class="skin-info-wrap">
<p class="skin-info" id="skin-info">청소년재단</p>
<a href="http://ansanyouth.or.kr" target='_blank' class="skin-quick-btn">바로가기</a>
</div>
</div>
</div>
<div class="silde-cont">
<div class="skin-img-box">
<!--<div class="skin-img" style="background:url('/20231101/images/skin_sample01.png')no-repeat top center / cover"></div><!--스킨 배경 이미지-->
<div class="skin-img2">
<a class="skin-thumb" href="http://studysense.co.kr" target='_blank'>
<img src="./board/upfile/P210409112959.png" style="max-width:100%">
</a>
</div>
</div>
<div class="skin-txt">
<p class="skin-tit">HOMEPAGE</p>
<p class="comp-name" id="comp-name">스터디센스</p>
<div class="skin-info-wrap">
<p class="skin-info" id="skin-info">교육</p>
<a href="http://studysense.co.kr" target='_blank' class="skin-quick-btn">바로가기</a>
</div>
</div>
</div>
<div class="silde-cont">
<div class="skin-img-box">
<!--<div class="skin-img" style="background:url('/20231101/images/skin_sample01.png')no-repeat top center / cover"></div><!--스킨 배경 이미지-->
<div class="skin-img2">
<a class="skin-thumb" href="http://tkhdental.com" target='_blank'>
<img src="./board/upfile/P220120162949.jpg" style="max-width:100%">
</a>
</div>
</div>
<div class="skin-txt">
<p class="skin-tit">HOMEPAGE</p>
<p class="comp-name" id="comp-name">더강한치과</p>
<div class="skin-info-wrap">
<p class="skin-info" id="skin-info">치과,병원</p>
<a href="http://tkhdental.com" target='_blank' class="skin-quick-btn">바로가기</a>
</div>
</div>
</div>
<div class="silde-cont">
<div class="skin-img-box">
<!--<div class="skin-img" style="background:url('/20231101/images/skin_sample01.png')no-repeat top center / cover"></div><!--스킨 배경 이미지-->
<div class="skin-img2">
<a class="skin-thumb" href="http://ddmac.or.kr" target='_blank'>
<img src="./board/upfile/P231130154455.jpg" style="max-width:100%">
</a>
</div>
</div>
<div class="skin-txt">
<p class="skin-tit">HOMEPAGE</p>
<p class="comp-name" id="comp-name">동대문문화재단</p>
<div class="skin-info-wrap">
<p class="skin-info" id="skin-info">문화재단</p>
<a href="http://ddmac.or.kr" target='_blank' class="skin-quick-btn">바로가기</a>
</div>
</div>
</div>
<div class="silde-cont">
<div class="skin-img-box">
<!--<div class="skin-img" style="background:url('/20231101/images/skin_sample01.png')no-repeat top center / cover"></div><!--스킨 배경 이미지-->
<div class="skin-img2">
<a class="skin-thumb" href="http://airaquila.com" target='_blank'>
<img src="./board/upfile/P231130154522.jpg" style="max-width:100%">
</a>
</div>
</div>
<div class="skin-txt">
<p class="skin-tit">HOMEPAGE</p>
<p class="comp-name" id="comp-name">아퀼라</p>
<div class="skin-info-wrap">
<p class="skin-info" id="skin-info">항공인력교육,정비사업</p>
<a href="http://airaquila.com" target='_blank' class="skin-quick-btn">바로가기</a>
</div>
</div>
</div>
<div class="silde-cont">
<div class="skin-img-box">
<!--<div class="skin-img" style="background:url('/20231101/images/skin_sample01.png')no-repeat top center / cover"></div><!--스킨 배경 이미지-->
<div class="skin-img2">
<a class="skin-thumb" href="http://www.gwanggyowc.or.kr/" target='_blank'>
<img src="./board/upfile/P231130154546.jpg" style="max-width:100%">
</a>
</div>
</div>
<div class="skin-txt">
<p class="skin-tit">HOMEPAGE</p>
<p class="comp-name" id="comp-name">광교종합사회복지관</p>
<div class="skin-info-wrap">
<p class="skin-info" id="skin-info">사회복지관</p>
<a href="http://www.gwanggyowc.or.kr/" target='_blank' class="skin-quick-btn">바로가기</a>
</div>
</div>
</div>
<div class="silde-cont">
<div class="skin-img-box">
<!--<div class="skin-img" style="background:url('/20231101/images/skin_sample01.png')no-repeat top center / cover"></div><!--스킨 배경 이미지-->
<div class="skin-img2">
<a class="skin-thumb" href="http://www.ansanfys.or.kr/" target='_blank'>
<img src="./board/upfile/P231130154640.jpg" style="max-width:100%">
</a>
</div>
</div>
<div class="skin-txt">
<p class="skin-tit">HOMEPAGE</p>
<p class="comp-name" id="comp-name">안산인재육성재단</p>
<div class="skin-info-wrap">
<p class="skin-info" id="skin-info">재단</p>
<a href="http://www.ansanfys.or.kr/" target='_blank' class="skin-quick-btn">바로가기</a>
</div>
</div>
</div>
<div class="silde-cont">
<div class="skin-img-box">
<!--<div class="skin-img" style="background:url('/20231101/images/skin_sample01.png')no-repeat top center / cover"></div><!--스킨 배경 이미지-->
<div class="skin-img2">
<a class="skin-thumb" href="http://www.relivedent.com/" target='_blank'>
<img src="./board/upfile/P211008112222.jpg" style="max-width:100%">
</a>
</div>
</div>
<div class="skin-txt">
<p class="skin-tit">HOMEPAGE</p>
<p class="comp-name" id="comp-name">리라이브치과</p>
<div class="skin-info-wrap">
<p class="skin-info" id="skin-info">치과,병원</p>
<a href="http://www.relivedent.com/" target='_blank' class="skin-quick-btn">바로가기</a>
</div>
</div>
</div>
<div class="silde-cont">
<div class="skin-img-box">
<!--<div class="skin-img" style="background:url('/20231101/images/skin_sample01.png')no-repeat top center / cover"></div><!--스킨 배경 이미지-->
<div class="skin-img2">
<a class="skin-thumb" href="http://www.epmjuccic.co.kr" target='_blank'>
<img src="./board/upfile/P231130154722.jpg" style="max-width:100%">
</a>
</div>
</div>
<div class="skin-txt">
<p class="skin-tit">HOMEPAGE</p>
<p class="comp-name" id="comp-name">은평육아종합지원센터</p>
<div class="skin-info-wrap">
<p class="skin-info" id="skin-info">육아지원종합센터</p>
<a href="http://www.epmjuccic.co.kr" target='_blank' class="skin-quick-btn">바로가기</a>
</div>
</div>
</div>
<div class="silde-cont">
<div class="skin-img-box">
<!--<div class="skin-img" style="background:url('/20231101/images/skin_sample01.png')no-repeat top center / cover"></div><!--스킨 배경 이미지-->
<div class="skin-img2">
<a class="skin-thumb" href="http://pcaf.or.kr" target='_blank'>
<img src="./board/upfile/P231130154751.png" style="max-width:100%">
</a>
</div>
</div>
<div class="skin-txt">
<p class="skin-tit">HOMEPAGE</p>
<p class="comp-name" id="comp-name">포천시농업재단</p>
<div class="skin-info-wrap">
<p class="skin-info" id="skin-info">농업재단</p>
<a href="http://pcaf.or.kr" target='_blank' class="skin-quick-btn">바로가기</a>
</div>
</div>
</div>
<div class="silde-cont">
<div class="skin-img-box">
<!--<div class="skin-img" style="background:url('/20231101/images/skin_sample01.png')no-repeat top center / cover"></div><!--스킨 배경 이미지-->
<div class="skin-img2">
<a class="skin-thumb" href="http://www.ansanedu.kr" target='_blank'>
<img src="./board/upfile/P231130154835.jpg" style="max-width:100%">
</a>
</div>
</div>
<div class="skin-txt">
<p class="skin-tit">HOMEPAGE</p>
<p class="comp-name" id="comp-name">안산환경재단</p>
<div class="skin-info-wrap">
<p class="skin-info" id="skin-info">재단</p>
<a href="http://www.ansanedu.kr" target='_blank' class="skin-quick-btn">바로가기</a>
</div>
</div>
</div>
<div class="silde-cont">
<div class="skin-img-box">
<!--<div class="skin-img" style="background:url('/20231101/images/skin_sample01.png')no-repeat top center / cover"></div><!--스킨 배경 이미지-->
<div class="skin-img2">
<a class="skin-thumb" href="http://artseco.efac.or.kr" target='_blank'>
<img src="./board/upfile/P201230200616.jpg" style="max-width:100%">
</a>
</div>
</div>
<div class="skin-txt">
<p class="skin-tit">HOMEPAGE</p>
<p class="comp-name" id="comp-name">은평생활문화플랫폼</p>
<div class="skin-info-wrap">
<p class="skin-info" id="skin-info">문화재단 </p>
<a href="http://artseco.efac.or.kr" target='_blank' class="skin-quick-btn">바로가기</a>
</div>
</div>
</div>
<div class="silde-cont">
<div class="skin-img-box">
<!--<div class="skin-img" style="background:url('/20231101/images/skin_sample01.png')no-repeat top center / cover"></div><!--스킨 배경 이미지-->
<div class="skin-img2">
<a class="skin-thumb" href="http://www.dsnfilmart.or.kr" target='_blank'>
<img src="./board/upfile/P231130154930.jpg" style="max-width:100%">
</a>
</div>
</div>
<div class="skin-txt">
<p class="skin-tit">HOMEPAGE</p>
<p class="comp-name" id="comp-name">답십리영화미디어아트센터</p>
<div class="skin-info-wrap">
<p class="skin-info" id="skin-info">문화</p>
<a href="http://www.dsnfilmart.or.kr" target='_blank' class="skin-quick-btn">바로가기</a>
</div>
</div>
</div>
<div class="silde-cont">
<div class="skin-img-box">
<!--<div class="skin-img" style="background:url('/20231101/images/skin_sample01.png')no-repeat top center / cover"></div><!--스킨 배경 이미지-->
<div class="skin-img2">
<a class="skin-thumb" href="http://pcfac.or.kr" target='_blank'>
<img src="./board/upfile/P231130155406.jpg" style="max-width:100%">
</a>
</div>
</div>
<div class="skin-txt">
<p class="skin-tit">HOMEPAGE</p>
<p class="comp-name" id="comp-name">포천문화재단</p>
<div class="skin-info-wrap">
<p class="skin-info" id="skin-info">문화재단</p>
<a href="http://pcfac.or.kr" target='_blank' class="skin-quick-btn">바로가기</a>
</div>
</div>
</div>
<div class="silde-cont">
<div class="skin-img-box">
<!--<div class="skin-img" style="background:url('/20231101/images/skin_sample01.png')no-repeat top center / cover"></div><!--스킨 배경 이미지-->
<div class="skin-img2">
<a class="skin-thumb" href="http://epccc.efac.or.kr" target='_blank'>
<img src="./board/upfile/P231130155617.jpg" style="max-width:100%">
</a>
</div>
</div>
<div class="skin-txt">
<p class="skin-tit">HOMEPAGE</p>
<p class="comp-name" id="comp-name">은평생활문화센터</p>
<div class="skin-info-wrap">
<p class="skin-info" id="skin-info">생활문화센터</p>
<a href="http://epccc.efac.or.kr" target='_blank' class="skin-quick-btn">바로가기</a>
</div>
</div>
</div>
<div class="silde-cont">
<div class="skin-img-box">
<!--<div class="skin-img" style="background:url('/20231101/images/skin_sample01.png')no-repeat top center / cover"></div><!--스킨 배경 이미지-->
<div class="skin-img2">
<a class="skin-thumb" href="http://bunyoung.org" target='_blank'>
<img src="./board/upfile/P231103093534.png" style="max-width:100%">
</a>
</div>
</div>
<div class="skin-txt">
<p class="skin-tit">HOMEPAGE</p>
<p class="comp-name" id="comp-name">분영문화재단</p>
<div class="skin-info-wrap">
<p class="skin-info" id="skin-info">재단</p>
<a href="http://bunyoung.org" target='_blank' class="skin-quick-btn">바로가기</a>
</div>
</div>
</div>
<div class="silde-cont">
<div class="skin-img-box">
<!--<div class="skin-img" style="background:url('/20231101/images/skin_sample01.png')no-repeat top center / cover"></div><!--스킨 배경 이미지-->
<div class="skin-img2">
<a class="skin-thumb" href="http://www.crob.co.kr" target='_blank'>
<img src="./board/upfile/P231113154926.png" style="max-width:100%">
</a>
</div>
</div>
<div class="skin-txt">
<p class="skin-tit">HOMEPAGE</p>
<p class="comp-name" id="comp-name">크로브 </p>
<div class="skin-info-wrap">
<p class="skin-info" id="skin-info">콘텐츠제작</p>
<a href="http://www.crob.co.kr" target='_blank' class="skin-quick-btn">바로가기</a>
</div>
</div>
</div>
<div class="silde-cont">
<div class="skin-img-box">
<!--<div class="skin-img" style="background:url('/20231101/images/skin_sample01.png')no-repeat top center / cover"></div><!--스킨 배경 이미지-->
<div class="skin-img2">
<a class="skin-thumb" href="http://다분양.kr" target='_blank'>
<img src="./board/upfile/P231130155654.jpg" style="max-width:100%">
</a>
</div>
</div>
<div class="skin-txt">
<p class="skin-tit">HOMEPAGE</p>
<p class="comp-name" id="comp-name">다분양</p>
<div class="skin-info-wrap">
<p class="skin-info" id="skin-info">분양정보</p>
<a href="http://다분양.kr" target='_blank' class="skin-quick-btn">바로가기</a>
</div>
</div>
</div>
<div class="silde-cont">
<div class="skin-img-box">
<!--<div class="skin-img" style="background:url('/20231101/images/skin_sample01.png')no-repeat top center / cover"></div><!--스킨 배경 이미지-->
<div class="skin-img2">
<a class="skin-thumb" href="http://동네꿀단지.kr" target='_blank'>
<img src="./board/upfile/P231130155739.jpg" style="max-width:100%">
</a>
</div>
</div>
<div class="skin-txt">
<p class="skin-tit">HOMEPAGE</p>
<p class="comp-name" id="comp-name">동네꿀단지</p>
<div class="skin-info-wrap">
<p class="skin-info" id="skin-info">창업정보</p>
<a href="http://동네꿀단지.kr" target='_blank' class="skin-quick-btn">바로가기</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<script>
$(function(){
$('.section04-slide .slide-wrap').slick({
arrows : true,
slidesToShow: 3,
slidesToScroll: 1,
autoplay: true,
autoplaySpeed: 2000,
prevArrow: $('#arrow_prev2'),
nextArrow: $('#arrow_next2'),
});
//무료형 썸네일
$(".skin-img").mouseenter(function(){
t = $(this).children("img").height()-350
if(t>0){
//$(this).children(".skin-thumb").addClass("scActive");
$(this).children("img").css("margin-top",-t);
}
});
$(".skin-img").mouseleave(function(){
//$(this).children(".skin-thumb").removeClass("scActive");
$(this).children("img").css("margin-top","0");
});
//독립형 썸네일
$(".skin-img2").mouseenter(function(){
t = $(this).children("a").children("img").height()-141
if(t>0){
//$(this).children(".skin-thumb").addClass("scActive");
$(this).children("a").children("img").css("margin-top",-t);
}
});
$(".skin-img2").mouseleave(function(){
//$(this).children(".skin-thumb").removeClass("scActive");
$(this).children("a").children("img").css("margin-top","0");
});
})
</script> </article>
<article class="main-skin">
<form name='frm_slist' method='post' action='/member/policy.php'>
<input type='hidden' name='skin_info' value=''>
<input type='hidden' name='skin_infotxt' value=''>
<input type='hidden' name='record_start' value=''>
<input type='text' name='' value='' style='display:none'>
<input type='hidden' name='f_skin' value=''>
<input type='hidden' name='skin_ai' value=''>
<input type='hidden' name='skin_word' value=''>
<section class="section05 skin-sec-wrap">
<div class="contents-wrap">
<h2 class="sec-tit">월 7,000원으로 사용 가능한 무료 스킨</h2>
<!--<h3 class="sec-subtit">내 비즈니스를 잘 표현해 주는 디자인을 5097개의 디자인 중에서 선택해 보세요.</h3>-->
<h3 class="sec-subtit">내 비즈니스에 맞는 홈페이지스킨을 신청하시면 바로 [홈페이지]와 [그룹웨어]를 이용하실 수 있습니다.</h3>
<div class="section03-stit" style="margin-top:2%">
<div class="stit-top" style="justify-content:flex-end">
<p class="stit-box">
<span class="material-symbols-outlined" style="color:#2660cb;"> photo_size_select_large </span>
<span class="bold" style="color:#2660cb;">무료 스킨 등록 수</span>
<span class='count_num2' style="width:120px">5097</span>
</p>
<!--
<p class="stit-box">
<span class="material-symbols-outlined"> group </span>
<span>아이웹 이용 기업 수</span>
<span class='count_num2'>19308</span>
</p>
-->
</div>
<p class="stit-date">2024년 05월 18일 현재 </p>
</div>
<div class="skin-search-wrap">
<div class="skin-search">
<p class="f24 bolder color-blk2">업종별 무료 스킨 검색</p>
<div class="search-box">
<input type="text" name="skin_word_tmp" id="auto_input" value="" OnKeyDown="if(event.keyCode==13){javascript:skin_search();}" placeholder="업종별 스킨 검색 (ex.분양, 인테리어, 파랑...)" maxlength='20'>
<a href="javascript:skin_search();" class="search-btn"><span class="material-symbols-outlined">search</span></a>
</div>
<a href="/customer/sub06.php" class="freeSkin-btn"><span class="material-symbols-outlined">brush</span>무료 스킨 요청</a>
</div>
<ul class="skin-category">
<li><a href="javascript:skin_search2('회사/기업')" class="">회사/기업</a></li>
<li><a href="javascript:skin_search2('교육/학원')" class="">교육/학원</a></li>
<li><a href="javascript:skin_search2('뷰티/미용')" class="">뷰티/미용</a></li>
<li><a href="javascript:skin_search2('대출/금융')" class="">대출/금융</a></li>
<li><a href="javascript:skin_search2('인테리어/건축')" class="">인테리어/건축</a></li>
<li><a href="javascript:skin_search2('렌터카/리스카')" class="">렌터카/리스카</a></li>
<li><a href="javascript:skin_search2('병원/의학')" class="">병원/의학</a></li>
<li><a href="javascript:skin_search2('펜션/캠핑장')" class="">펜션/캠핑장</a></li>
<li><a href="javascript:skin_search2('쇼핑몰')" class="">쇼핑몰</a></li>
<li><a href="javascript:skin_search2('분양/부동산')" class="">분양/부동산</a></li>
<li><a href="javascript:skin_search2('요식업/체인점')" class="">요식업/체인점</a></li>
<li><a href="javascript:skin_search2('이사/퀵')" class="">이사/퀵</a></li>
<li><a href="javascript:skin_search2('레저/스포츠')" class="">레저/스포츠</a></li>
<li><a href="javascript:skin_search2('웨딩/파티')" class="">웨딩/파티</a></li>
<li><a href="javascript:skin_search2('법/세무사')" class="">법/세무사</a></li>
<li><a href="javascript:skin_search2('사진관/스튜디오')" class="">사진관/스튜디오</a></li>
<li><a href="javascript:skin_search2('동아리/동창회')" class="">동아리/동창회</a></li>
<li><a href="javascript:skin_search2('추천스킨')" class="">추천스킨</a></li>
</ul>
</div>
</div>
<div class="freeSkin-zone skin-zone">
<p class="sec-tit"><span class="material-symbols-outlined">photo_size_select_large</span>무료 홈페이지 스킨<small>만들어져 있는 홈페이지를 직접 수정하여 완성이 가능한 무료 홈페이지 스킨</small></p>
<div class="freeSkin-box">
<div class="freeSkin-item">
<a href="javascript:get_url('iweb-Yc2607')" class="thumbnail" style="display:block;background:url('/skins/iweb-Yc2607/images/iweb-Yc2607_240518102440.jpg')no-repeat top center / cover"></a>
<div class="txt-box">
<p class="skinCategory">물류컨설팅</p>
<div class="skinPrice txt-r">
<span>0</span>원<small style="display:block; font-size:0.75rem; font-weight:400; color:#878787">(월 이용료 별도)</small>
</div>
</div>
<p class="skinNum">iweb-Yc2607</p>
<div class="item-bottom">
<div class="preview-btn">
<a href="javascript:get_url('iweb-Yc2607')"><span class="material-symbols-outlined">desktop_mac</span></a>
<a href="javascript:mobileView('iweb-Yc2607','Yc2607')"><span class="material-symbols-outlined">phone_iphone</span></a>
</div>
<a href="javascript:selectedSkinJoin('/skins/iweb-Yc2607/images/iweb-Yc2607_240518102440.jpg','iweb-Yc2607','1714960362','물류컨설팅');" class="payNow">
무료스킨신청
</a>
</div>
</div>
<div class="freeSkin-item">
<a href="javascript:get_url('iweb-Ya2606')" class="thumbnail" style="display:block;background:url('/skins/iweb-Ya2606/images/iweb-Ya2606_240505211142.jpg')no-repeat top center / cover"></a>
<div class="txt-box">
<p class="skinCategory">종합부동산관리</p>
<div class="skinPrice txt-r">
<span>0</span>원<small style="display:block; font-size:0.75rem; font-weight:400; color:#878787">(월 이용료 별도)</small>
</div>
</div>
<p class="skinNum">iweb-Ya2606</p>
<div class="item-bottom">
<div class="preview-btn">
<a href="javascript:get_url('iweb-Ya2606')"><span class="material-symbols-outlined">desktop_mac</span></a>
<a href="javascript:mobileView('iweb-Ya2606','Ya2606')"><span class="material-symbols-outlined">phone_iphone</span></a>
</div>
<a href="javascript:selectedSkinJoin('/skins/iweb-Ya2606/images/iweb-Ya2606_240505211142.jpg','iweb-Ya2606','1714893798','종합부동산관리');" class="payNow">
무료스킨신청
</a>
</div>
</div>
<div class="freeSkin-item">
<a href="javascript:get_url('iweb-Yc2605')" class="thumbnail" style="display:block;background:url('/skins/iweb-Yc2605/images/iweb-Yc2605_240505161725.jpg')no-repeat top center / cover"></a>
<div class="txt-box">
<p class="skinCategory">비즈니스/회사소개</p>
<div class="skinPrice txt-r">
<span>0</span>원<small style="display:block; font-size:0.75rem; font-weight:400; color:#878787">(월 이용료 별도)</small>
</div>
</div>
<p class="skinNum">iweb-Yc2605</p>
<div class="item-bottom">
<div class="preview-btn">
<a href="javascript:get_url('iweb-Yc2605')"><span class="material-symbols-outlined">desktop_mac</span></a>
<a href="javascript:mobileView('iweb-Yc2605','Yc2605')"><span class="material-symbols-outlined">phone_iphone</span></a>
</div>
<a href="javascript:selectedSkinJoin('/skins/iweb-Yc2605/images/iweb-Yc2605_240505161725.jpg','iweb-Yc2605','1714876422','비즈니스/회사소개');" class="payNow">
무료스킨신청
</a>
</div>
</div>
<div class="freeSkin-item">
<a href="javascript:get_url('iweb-Yh2604')" class="thumbnail" style="display:block;background:url('/skins/iweb-Yh2604/images/iweb-Yh2604_240505112237.jpg')no-repeat top center / cover"></a>
<div class="txt-box">
<p class="skinCategory">심리상담센터</p>
<div class="skinPrice txt-r">
<span>0</span>원<small style="display:block; font-size:0.75rem; font-weight:400; color:#878787">(월 이용료 별도)</small>
</div>
</div>
<p class="skinNum">iweb-Yh2604</p>
<div class="item-bottom">
<div class="preview-btn">
<a href="javascript:get_url('iweb-Yh2604')"><span class="material-symbols-outlined">desktop_mac</span></a>
<a href="javascript:mobileView('iweb-Yh2604','Yh2604')"><span class="material-symbols-outlined">phone_iphone</span></a>
</div>
<a href="javascript:selectedSkinJoin('/skins/iweb-Yh2604/images/iweb-Yh2604_240505112237.jpg','iweb-Yh2604','1714873290','심리상담센터');" class="payNow">
무료스킨신청
</a>
</div>
</div>
<div class="freeSkin-item">
<a href="javascript:get_url('iweb-Ye2603')" class="thumbnail" style="display:block;background:url('/skins/iweb-Ye2603/images/iweb-Ye2603_240504233444.jpg')no-repeat top center / cover"></a>
<div class="txt-box">
<p class="skinCategory">경영컨설팅/기업교육</p>
<div class="skinPrice txt-r">
<span>0</span>원<small style="display:block; font-size:0.75rem; font-weight:400; color:#878787">(월 이용료 별도)</small>
</div>
</div>
<p class="skinNum">iweb-Ye2603</p>
<div class="item-bottom">
<div class="preview-btn">
<a href="javascript:get_url('iweb-Ye2603')"><span class="material-symbols-outlined">desktop_mac</span></a>
<a href="javascript:mobileView('iweb-Ye2603','Ye2603')"><span class="material-symbols-outlined">phone_iphone</span></a>
</div>
<a href="javascript:selectedSkinJoin('/skins/iweb-Ye2603/images/iweb-Ye2603_240504233444.jpg','iweb-Ye2603','1714788724','경영컨설팅/기업교육');" class="payNow">
무료스킨신청
</a>
</div>
</div>
<div class="freeSkin-item">
<a href="javascript:get_url('iweb-HYc006')" class="thumbnail" style="display:block;background:url('/skins/iweb-HYc006/images/iweb-HYc006_240502151128.png')no-repeat top center / cover"></a>
<div class="txt-box">
<p class="skinCategory">미술 / 전시 / 재단</p>
<div class="skinPrice txt-r">
<span>0</span>원<small style="display:block; font-size:0.75rem; font-weight:400; color:#878787">(월 이용료 별도)</small>
</div>
</div>
<p class="skinNum">iweb-HYc006</p>
<div class="item-bottom">
<div class="preview-btn">
<a href="javascript:get_url('iweb-HYc006')"><span class="material-symbols-outlined">desktop_mac</span></a>
<a href="javascript:mobileView('iweb-HYc006','HYc006')"><span class="material-symbols-outlined">phone_iphone</span></a>
</div>
<a href="javascript:selectedSkinJoin('/skins/iweb-HYc006/images/iweb-HYc006_240502151128.png','iweb-HYc006','1714380028','미술 / 전시 / 재단');" class="payNow">
무료스킨신청
</a>
</div>
</div>
<div class="freeSkin-item">
<a href="javascript:get_url('iweb-Yc2602')" class="thumbnail" style="display:block;background:url('/skins/iweb-Yc2602/images/iweb-Yc2602_240428222422.jpg')no-repeat top center / cover"></a>
<div class="txt-box">
<p class="skinCategory">상조/장례</p>
<div class="skinPrice txt-r">
<span>0</span>원<small style="display:block; font-size:0.75rem; font-weight:400; color:#878787">(월 이용료 별도)</small>
</div>
</div>
<p class="skinNum">iweb-Yc2602</p>
<div class="item-bottom">
<div class="preview-btn">
<a href="javascript:get_url('iweb-Yc2602')"><span class="material-symbols-outlined">desktop_mac</span></a>
<a href="javascript:mobileView('iweb-Yc2602','Yc2602')"><span class="material-symbols-outlined">phone_iphone</span></a>
</div>
<a href="javascript:selectedSkinJoin('/skins/iweb-Yc2602/images/iweb-Yc2602_240428222422.jpg','iweb-Yc2602','1714295240','상조/장례');" class="payNow">
무료스킨신청
</a>
</div>
</div>
<div class="freeSkin-item">
<a href="javascript:get_url('iweb-Yc2601')" class="thumbnail" style="display:block;background:url('/skins/iweb-Yc2601/images/iweb-Yc2601_240428164855.jpg')no-repeat top center / cover"></a>
<div class="txt-box">
<p class="skinCategory">친환경기업</p>
<div class="skinPrice txt-r">
<span>0</span>원<small style="display:block; font-size:0.75rem; font-weight:400; color:#878787">(월 이용료 별도)</small>
</div>
</div>
<p class="skinNum">iweb-Yc2601</p>
<div class="item-bottom">
<div class="preview-btn">
<a href="javascript:get_url('iweb-Yc2601')"><span class="material-symbols-outlined">desktop_mac</span></a>
<a href="javascript:mobileView('iweb-Yc2601','Yc2601')"><span class="material-symbols-outlined">phone_iphone</span></a>
</div>
<a href="javascript:selectedSkinJoin('/skins/iweb-Yc2601/images/iweb-Yc2601_240428164855.jpg','iweb-Yc2601','1714209771','친환경기업');" class="payNow">
무료스킨신청
</a>
</div>
</div>
<div class="freeSkin-item">
<a href="javascript:get_url('iweb-Yh2600')" class="thumbnail" style="display:block;background:url('/skins/iweb-Yh2600/images/iweb-Yh2600_240427180649.jpg')no-repeat top center / cover"></a>
<div class="txt-box">
<p class="skinCategory">제약/바이오</p>
<div class="skinPrice txt-r">
<span>0</span>원<small style="display:block; font-size:0.75rem; font-weight:400; color:#878787">(월 이용료 별도)</small>
</div>
</div>
<p class="skinNum">iweb-Yh2600</p>
<div class="item-bottom">
<div class="preview-btn">
<a href="javascript:get_url('iweb-Yh2600')"><span class="material-symbols-outlined">desktop_mac</span></a>
<a href="javascript:mobileView('iweb-Yh2600','Yh2600')"><span class="material-symbols-outlined">phone_iphone</span></a>
</div>
<a href="javascript:selectedSkinJoin('/skins/iweb-Yh2600/images/iweb-Yh2600_240427180649.jpg','iweb-Yh2600','1714204298','제약/바이오');" class="payNow">
무료스킨신청
</a>
</div>
</div>
<div class="freeSkin-item">
<a href="javascript:get_url('iweb-Yc2599')" class="thumbnail" style="display:block;background:url('/skins/iweb-Yc2599/images/iweb-Yc2599_240427164744.jpg')no-repeat top center / cover"></a>
<div class="txt-box">
<p class="skinCategory">취업컨설팅</p>
<div class="skinPrice txt-r">
<span>0</span>원<small style="display:block; font-size:0.75rem; font-weight:400; color:#878787">(월 이용료 별도)</small>
</div>
</div>
<p class="skinNum">iweb-Yc2599</p>
<div class="item-bottom">
<div class="preview-btn">
<a href="javascript:get_url('iweb-Yc2599')"><span class="material-symbols-outlined">desktop_mac</span></a>
<a href="javascript:mobileView('iweb-Yc2599','Yc2599')"><span class="material-symbols-outlined">phone_iphone</span></a>
</div>
<a href="javascript:selectedSkinJoin('/skins/iweb-Yc2599/images/iweb-Yc2599_240427164744.jpg','iweb-Yc2599','1714137737','취업컨설팅');" class="payNow">
무료스킨신청
</a>
</div>
</div>
<div class="freeSkin-item">
<a href="javascript:get_url('iweb-HYc005')" class="thumbnail" style="display:block;background:url('/skins/iweb-HYc005/images/iweb-HYc005_240502154826.png')no-repeat top center / cover"></a>
<div class="txt-box">
<p class="skinCategory">보험/금융/기업</p>
<div class="skinPrice txt-r">
<span>0</span>원<small style="display:block; font-size:0.75rem; font-weight:400; color:#878787">(월 이용료 별도)</small>
</div>
</div>
<p class="skinNum">iweb-HYc005</p>
<div class="item-bottom">
<div class="preview-btn">
<a href="javascript:get_url('iweb-HYc005')"><span class="material-symbols-outlined">desktop_mac</span></a>
<a href="javascript:mobileView('iweb-HYc005','HYc005')"><span class="material-symbols-outlined">phone_iphone</span></a>
</div>
<a href="javascript:selectedSkinJoin('/skins/iweb-HYc005/images/iweb-HYc005_240502154826.png','iweb-HYc005','1713859701','보험/금융/기업');" class="payNow">
무료스킨신청
</a>
</div>
</div>
<div class="freeSkin-item">
<a href="javascript:get_url('iweb-Yc2598')" class="thumbnail" style="display:block;background:url('/skins/iweb-Yc2598/images/iweb-Yc2598_240426220504.jpg')no-repeat top center / cover"></a>
<div class="txt-box">
<p class="skinCategory">손세차/스팀세차</p>
<div class="skinPrice txt-r">
<span>0</span>원<small style="display:block; font-size:0.75rem; font-weight:400; color:#878787">(월 이용료 별도)</small>
</div>
</div>
<p class="skinNum">iweb-Yc2598</p>
<div class="item-bottom">
<div class="preview-btn">
<a href="javascript:get_url('iweb-Yc2598')"><span class="material-symbols-outlined">desktop_mac</span></a>
<a href="javascript:mobileView('iweb-Yc2598','Yc2598')"><span class="material-symbols-outlined">phone_iphone</span></a>
</div>
<a href="javascript:selectedSkinJoin('/skins/iweb-Yc2598/images/iweb-Yc2598_240426220504.jpg','iweb-Yc2598','1713786037','손세차/스팀세차');" class="payNow">
무료스킨신청
</a>
</div>
</div>
<div class="freeSkin-item">
<a href="javascript:get_url('iweb-Yc2597')" class="thumbnail" style="display:block;background:url('/skins/iweb-Yc2597/images/iweb-Yc2597_240420222010.jpg')no-repeat top center / cover"></a>
<div class="txt-box">
<p class="skinCategory">건축/종합건설</p>
<div class="skinPrice txt-r">
<span>0</span>원<small style="display:block; font-size:0.75rem; font-weight:400; color:#878787">(월 이용료 별도)</small>
</div>
</div>
<p class="skinNum">iweb-Yc2597</p>
<div class="item-bottom">
<div class="preview-btn">
<a href="javascript:get_url('iweb-Yc2597')"><span class="material-symbols-outlined">desktop_mac</span></a>
<a href="javascript:mobileView('iweb-Yc2597','Yc2597')"><span class="material-symbols-outlined">phone_iphone</span></a>
</div>
<a href="javascript:selectedSkinJoin('/skins/iweb-Yc2597/images/iweb-Yc2597_240420222010.jpg','iweb-Yc2597','1713606528','건축/종합건설');" class="payNow">
무료스킨신청
</a>
</div>
</div>
<div class="freeSkin-item">
<a href="javascript:get_url('iweb-Yc2596')" class="thumbnail" style="display:block;background:url('/skins/iweb-Yc2596/images/iweb-Yc2596_240420184120.jpg')no-repeat top center / cover"></a>
<div class="txt-box">
<p class="skinCategory">아웃소싱/인재파견</p>
<div class="skinPrice txt-r">
<span>0</span>원<small style="display:block; font-size:0.75rem; font-weight:400; color:#878787">(월 이용료 별도)</small>
</div>
</div>
<p class="skinNum">iweb-Yc2596</p>
<div class="item-bottom">
<div class="preview-btn">
<a href="javascript:get_url('iweb-Yc2596')"><span class="material-symbols-outlined">desktop_mac</span></a>
<a href="javascript:mobileView('iweb-Yc2596','Yc2596')"><span class="material-symbols-outlined">phone_iphone</span></a>
</div>
<a href="javascript:selectedSkinJoin('/skins/iweb-Yc2596/images/iweb-Yc2596_240420184120.jpg','iweb-Yc2596','1713603007','아웃소싱/인재파견');" class="payNow">
무료스킨신청
</a>
</div>
</div>
<div class="freeSkin-item">
<a href="javascript:get_url('iweb-Yc2595')" class="thumbnail" style="display:block;background:url('/skins/iweb-Yc2595/images/iweb-Yc2595_240412225840.jpg')no-repeat top center / cover"></a>
<div class="txt-box">
<p class="skinCategory">회사/기업/비즈니스</p>
<div class="skinPrice txt-r">
<span>0</span>원<small style="display:block; font-size:0.75rem; font-weight:400; color:#878787">(월 이용료 별도)</small>
</div>
</div>
<p class="skinNum">iweb-Yc2595</p>
<div class="item-bottom">
<div class="preview-btn">
<a href="javascript:get_url('iweb-Yc2595')"><span class="material-symbols-outlined">desktop_mac</span></a>
<a href="javascript:mobileView('iweb-Yc2595','Yc2595')"><span class="material-symbols-outlined">phone_iphone</span></a>
</div>
<a href="javascript:selectedSkinJoin('/skins/iweb-Yc2595/images/iweb-Yc2595_240412225840.jpg','iweb-Yc2595','1712926178','회사/기업/비즈니스');" class="payNow">
무료스킨신청
</a>
</div>
</div>
<div class="freeSkin-item">
<a href="javascript:get_url('iweb-Yc2594')" class="thumbnail" style="display:block;background:url('/skins/iweb-Yc2594/images/iweb-Yc2594_240412214213.jpg')no-repeat top center / cover"></a>
<div class="txt-box">
<p class="skinCategory">청소/크리닝</p>
<div class="skinPrice txt-r">
<span>0</span>원<small style="display:block; font-size:0.75rem; font-weight:400; color:#878787">(월 이용료 별도)</small>
</div>
</div>
<p class="skinNum">iweb-Yc2594</p>
<div class="item-bottom">
<div class="preview-btn">
<a href="javascript:get_url('iweb-Yc2594')"><span class="material-symbols-outlined">desktop_mac</span></a>
<a href="javascript:mobileView('iweb-Yc2594','Yc2594')"><span class="material-symbols-outlined">phone_iphone</span></a>
</div>
<a href="javascript:selectedSkinJoin('/skins/iweb-Yc2594/images/iweb-Yc2594_240412214213.jpg','iweb-Yc2594','1712923936','청소/크리닝');" class="payNow">
무료스킨신청
</a>
</div>
</div>
<div class="freeSkin-item">
<a href="javascript:get_url('iweb-HWc028')" class="thumbnail" style="display:block;background:url('/skins/iweb-HWc028/images/iweb-HWc028_240408092552.jpg')no-repeat top center / cover"></a>
<div class="txt-box">
<p class="skinCategory">비즈니스/기업</p>
<div class="skinPrice txt-r">
<span>0</span>원<small style="display:block; font-size:0.75rem; font-weight:400; color:#878787">(월 이용료 별도)</small>
</div>
</div>
<p class="skinNum">iweb-HWc028</p>
<div class="item-bottom">
<div class="preview-btn">
<a href="javascript:get_url('iweb-HWc028')"><span class="material-symbols-outlined">desktop_mac</span></a>
<a href="javascript:mobileView('iweb-HWc028','HWc028')"><span class="material-symbols-outlined">phone_iphone</span></a>
</div>
<a href="javascript:selectedSkinJoin('/skins/iweb-HWc028/images/iweb-HWc028_240408092552.jpg','iweb-HWc028','1712496725','비즈니스/기업');" class="payNow">
무료스킨신청
</a>
</div>
</div>
<div class="freeSkin-item">
<a href="javascript:get_url('iweb-HYc003')" class="thumbnail" style="display:block;background:url('/skins/iweb-HYc003/images/iweb-HYc003_240416152422.png')no-repeat top center / cover"></a>
<div class="txt-box">
<p class="skinCategory">펜션/숙소</p>
<div class="skinPrice txt-r">
<span>0</span>원<small style="display:block; font-size:0.75rem; font-weight:400; color:#878787">(월 이용료 별도)</small>
</div>
</div>
<p class="skinNum">iweb-HYc003</p>
<div class="item-bottom">
<div class="preview-btn">
<a href="javascript:get_url('iweb-HYc003')"><span class="material-symbols-outlined">desktop_mac</span></a>
<a href="javascript:mobileView('iweb-HYc003','HYc003')"><span class="material-symbols-outlined">phone_iphone</span></a>
</div>
<a href="javascript:selectedSkinJoin('/skins/iweb-HYc003/images/iweb-HYc003_240416152422.png','iweb-HYc003','1712210964','펜션/숙소');" class="payNow">
무료스킨신청
</a>
</div>
</div>
<div class="freeSkin-item">
<a href="javascript:get_url('iweb-HYc002')" class="thumbnail" style="display:block;background:url('/skins/iweb-HYc002/images/iweb-HYc002_240415143501.png')no-repeat top center / cover"></a>
<div class="txt-box">
<p class="skinCategory">인테리어</p>
<div class="skinPrice txt-r">
<span>0</span>원<small style="display:block; font-size:0.75rem; font-weight:400; color:#878787">(월 이용료 별도)</small>
</div>
</div>
<p class="skinNum">iweb-HYc002</p>
<div class="item-bottom">
<div class="preview-btn">
<a href="javascript:get_url('iweb-HYc002')"><span class="material-symbols-outlined">desktop_mac</span></a>
<a href="javascript:mobileView('iweb-HYc002','HYc002')"><span class="material-symbols-outlined">phone_iphone</span></a>
</div>
<a href="javascript:selectedSkinJoin('/skins/iweb-HYc002/images/iweb-HYc002_240415143501.png','iweb-HYc002','1712039913','인테리어');" class="payNow">
무료스킨신청
</a>
</div>
</div>
<div class="freeSkin-item">
<a href="javascript:get_url('iweb-EJc047')" class="thumbnail" style="display:block;background:url('/skins/iweb-EJc047/images/iweb-EJc047_240424091634.jpg')no-repeat top center / cover"></a>
<div class="txt-box">
<p class="skinCategory">베이커리</p>
<div class="skinPrice txt-r">
<span>0</span>원<small style="display:block; font-size:0.75rem; font-weight:400; color:#878787">(월 이용료 별도)</small>
</div>
</div>
<p class="skinNum">iweb-EJc047</p>
<div class="item-bottom">
<div class="preview-btn">
<a href="javascript:get_url('iweb-EJc047')"><span class="material-symbols-outlined">desktop_mac</span></a>
<a href="javascript:mobileView('iweb-EJc047','EJc047')"><span class="material-symbols-outlined">phone_iphone</span></a>
</div>
<a href="javascript:selectedSkinJoin('/skins/iweb-EJc047/images/iweb-EJc047_240424091634.jpg','iweb-EJc047','1711959886','베이커리');" class="payNow">
무료스킨신청
</a>
</div>
</div>
</div>
<style type='text/css'>
.pageNum *{-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}
.pageNum{display:flex; align-items:center; justify-content:center; margin:60px 0;}
.pageNum a,.pageNum strong{display:flex;align-items:center; justify-content:center; width:32px; height:32px; border-radius:4px; border:1px solid #e1e1e1; background-color:#fff;}
.pageNum a{color:#999;text-decoration:none!important; margin:0 4px;}
.pageNum .this,.pageNum a:hover{border:1px solid var(--primary); color:var(--primary); transition:.2s;}
.pageNum .frst_last{background-color:var(--primary); color:#fff !important;}
.pageNum .direction{margin:0 4px;color:#555;letter-spacing:0;font-weight:400}
.pageNum strong.direction{color:#999}
</style>
<div class="pageNum">
<a href=javascript:page('');><span class='material-symbols-outlined'>keyboard_double_arrow_left</span></a> <a href=javascript:page(''); class='direction'><span class='material-symbols-outlined'>navigate_before</span></a> <a href=javascript:page('0'); class='frst_last this'>1</a> <a href=javascript:page('20');>2</a> <a href=javascript:page('40');>3</a> <a href=javascript:page('60');>4</a> <a href=javascript:page('80');>5</a> <a href=javascript:page('100');>6</a> <a href=javascript:page('120');>7</a> <a href=javascript:page('140');>8</a> <a href=javascript:page('160');>9</a> <a href=javascript:page('180');>10</a> <a href=javascript:page('20'); class='direction'><span class='material-symbols-outlined'>navigate_next</span></a> <a href=javascript:page('200');><span class='material-symbols-outlined'>keyboard_double_arrow_right</span></a> </div>
</div>
<!--스페셜스킨-->
<div class="paySkin-zone skin-zone">
<p class="sec-tit">
<span class="material-symbols-outlined">photo_size_select_large</span>나만의 홈페이지 '스페셜 스킨' <small>전문 디자이너가 업종과 비즈니스 목적에 맞게 커스터마이징하여 완성해놓은 나만의 홈페이지</small>
</p>
<div class="paySkin-box">
<div class="paySkin-item">
<div class="thumbnail">
<a href='/special/detail.php?sid=5072' class="thumb">
<img src="/skins/iweb-KJs034/images/iweb-KJs034_230915155010.png" style="max-width:100%">
</a>
</div>
<div class="txt-box">
<p class="skinCategory">갤러리/졸업작품</p>
<div class="skinPrice txt-r">
<span>22,000원</span><small style="display:block; font-size:0.75rem; font-weight:400; color:#878787">(월 이용료 별도)</small>
</div>
</div>
<p class="skinNum">iweb-KJs034</p>
<div class="item-bottom">
<div class="preview-btn">
<a href="javascript:get_url('iweb-KJs034')"><span class="material-symbols-outlined">desktop_mac</span></a>
<a href="javascript:mobileView('iweb-KJs034','갤러리/졸업작품')"><span class="material-symbols-outlined">phone_iphone</span></a>
</div>
<a href="/special/detail.php?sid=5072" class="payNow">
스킨 구매하기
</a>
</div>
</div>
<div class="paySkin-item">
<div class="thumbnail">
<a href='/special/detail.php?sid=5045' class="thumb">
<img src="/skins/iweb-KKe060/images/iweb-KKe060_230811183740.jpg" style="max-width:100%">
</a>
</div>
<div class="txt-box">
<p class="skinCategory">캠핑/글램핑</p>
<div class="skinPrice txt-r">
<span>20,000원</span><small style="display:block; font-size:0.75rem; font-weight:400; color:#878787">(월 이용료 별도)</small>
</div>
</div>
<p class="skinNum">iweb-KKe060</p>
<div class="item-bottom">
<div class="preview-btn">
<a href="javascript:get_url('iweb-KKe060')"><span class="material-symbols-outlined">desktop_mac</span></a>
<a href="javascript:mobileView('iweb-KKe060','캠핑/글램핑')"><span class="material-symbols-outlined">phone_iphone</span></a>
</div>
<a href="/special/detail.php?sid=5045" class="payNow">
스킨 구매하기
</a>
</div>
</div>
<div class="paySkin-item">
<div class="thumbnail">
<a href='/special/detail.php?sid=5044' class="thumb">
<img src="/skins/iweb-KJb032/images/iweb-KJb032_240226092016.png" style="max-width:100%">
</a>
</div>
<div class="txt-box">
<p class="skinCategory">아트/포트폴리오</p>
<div class="skinPrice txt-r">
<span>13,000원</span><small style="display:block; font-size:0.75rem; font-weight:400; color:#878787">(월 이용료 별도)</small>
</div>
</div>
<p class="skinNum">iweb-KJb032</p>
<div class="item-bottom">
<div class="preview-btn">
<a href="javascript:get_url('iweb-KJb032')"><span class="material-symbols-outlined">desktop_mac</span></a>
<a href="javascript:mobileView('iweb-KJb032','아트/포트폴리오')"><span class="material-symbols-outlined">phone_iphone</span></a>
</div>
<a href="/special/detail.php?sid=5044" class="payNow">
스킨 구매하기
</a>
</div>
</div>
<div class="paySkin-item">
<div class="thumbnail">
<a href='/special/detail.php?sid=5025' class="thumb">
<img src="/skins/iweb-KJs030/images/iweb-KJs030_240226091844.png" style="max-width:100%">
</a>
</div>
<div class="txt-box">
<p class="skinCategory">라이프스타일/생활용품</p>
<div class="skinPrice txt-r">
<span>10,000원</span><small style="display:block; font-size:0.75rem; font-weight:400; color:#878787">(월 이용료 별도)</small>
</div>
</div>
<p class="skinNum">iweb-KJs030</p>
<div class="item-bottom">
<div class="preview-btn">
<a href="javascript:get_url('iweb-KJs030')"><span class="material-symbols-outlined">desktop_mac</span></a>
<a href="javascript:mobileView('iweb-KJs030','라이프스타일/생활용품')"><span class="material-symbols-outlined">phone_iphone</span></a>
</div>
<a href="/special/detail.php?sid=5025" class="payNow">
스킨 구매하기
</a>
</div>
</div>
<div class="paySkin-item">
<div class="thumbnail">
<a href='/special/detail.php?sid=5022' class="thumb">
<img src="/skins/iweb-SJs016/images/iweb-SJs016_230901181011.jpg" style="max-width:100%">
</a>
</div>
<div class="txt-box">
<p class="skinCategory">분양/부동산</p>
<div class="skinPrice txt-r">
<span>12,000원</span><small style="display:block; font-size:0.75rem; font-weight:400; color:#878787">(월 이용료 별도)</small>
</div>
</div>
<p class="skinNum">iweb-SJs016</p>
<div class="item-bottom">
<div class="preview-btn">
<a href="javascript:get_url('iweb-SJs016')"><span class="material-symbols-outlined">desktop_mac</span></a>
<a href="javascript:mobileView('iweb-SJs016','분양/부동산')"><span class="material-symbols-outlined">phone_iphone</span></a>
</div>
<a href="/special/detail.php?sid=5022" class="payNow">
스킨 구매하기
</a>
</div>
</div>
<div class="paySkin-item">
<div class="thumbnail">
<a href='/special/detail.php?sid=4911' class="thumb">
<img src="/skins/iweb-Vc151/images/iweb-Vc151_230524180542.jpg" style="max-width:100%">
</a>
</div>
<div class="txt-box">
<p class="skinCategory">배달대행</p>
<div class="skinPrice txt-r">
<span>20,000원</span><small style="display:block; font-size:0.75rem; font-weight:400; color:#878787">(월 이용료 별도)</small>
</div>
</div>
<p class="skinNum">iweb-Vc151</p>
<div class="item-bottom">
<div class="preview-btn">
<a href="javascript:get_url('iweb-Vc151')"><span class="material-symbols-outlined">desktop_mac</span></a>
<a href="javascript:mobileView('iweb-Vc151','배달대행')"><span class="material-symbols-outlined">phone_iphone</span></a>
</div>
<a href="/special/detail.php?sid=4911" class="payNow">
스킨 구매하기
</a>
</div>
</div>
<div class="paySkin-item">
<div class="thumbnail">
<a href='/special/detail.php?sid=4909' class="thumb">
<img src="/skins/iweb-Vc150/images/iweb-Vc150_230512184923.jpg" style="max-width:100%">
</a>
</div>
<div class="txt-box">
<p class="skinCategory">인테리어, 시공</p>
<div class="skinPrice txt-r">
<span>20,000원</span><small style="display:block; font-size:0.75rem; font-weight:400; color:#878787">(월 이용료 별도)</small>
</div>
</div>
<p class="skinNum">iweb-Vc150</p>
<div class="item-bottom">
<div class="preview-btn">
<a href="javascript:get_url('iweb-Vc150')"><span class="material-symbols-outlined">desktop_mac</span></a>
<a href="javascript:mobileView('iweb-Vc150','인테리어, 시공')"><span class="material-symbols-outlined">phone_iphone</span></a>
</div>
<a href="/special/detail.php?sid=4909" class="payNow">
스킨 구매하기
</a>
</div>
</div>
<div class="paySkin-item">
<div class="thumbnail">
<a href='/special/detail.php?sid=4863' class="thumb">
<img src="/skins/iweb-SYb033/images/iweb-SYb033_230511103010.jpg" style="max-width:100%">
</a>
</div>
<div class="txt-box">
<p class="skinCategory">아이웹 청소/청소서비스/스페셜 스킨</p>
<div class="skinPrice txt-r">
<span>20,000원</span><small style="display:block; font-size:0.75rem; font-weight:400; color:#878787">(월 이용료 별도)</small>
</div>
</div>
<p class="skinNum">iweb-SYb033</p>
<div class="item-bottom">
<div class="preview-btn">
<a href="javascript:get_url('iweb-SYb033')"><span class="material-symbols-outlined">desktop_mac</span></a>
<a href="javascript:mobileView('iweb-SYb033','아이웹 청소/청소서비스/스페셜 스킨')"><span class="material-symbols-outlined">phone_iphone</span></a>
</div>
<a href="/special/detail.php?sid=4863" class="payNow">
스킨 구매하기
</a>
</div>
</div>
<div class="paySkin-item">
<div class="thumbnail">
<a href='/special/detail.php?sid=4826' class="thumb">
<img src="/skins/iweb-SYs027/images/iweb-SYs027_230331134528.jpg" style="max-width:100%">
</a>
</div>
<div class="txt-box">
<p class="skinCategory">아이웹 이사/용달 스페셜 스킨</p>
<div class="skinPrice txt-r">
<span>10,000원</span><small style="display:block; font-size:0.75rem; font-weight:400; color:#878787">(월 이용료 별도)</small>
</div>
</div>
<p class="skinNum">iweb-SYs027</p>
<div class="item-bottom">
<div class="preview-btn">
<a href="javascript:get_url('iweb-SYs027')"><span class="material-symbols-outlined">desktop_mac</span></a>
<a href="javascript:mobileView('iweb-SYs027','아이웹 이사/용달 스페셜 스킨')"><span class="material-symbols-outlined">phone_iphone</span></a>
</div>
<a href="/special/detail.php?sid=4826" class="payNow">
스킨 구매하기
</a>
</div>
</div>
<div class="paySkin-item">
<div class="thumbnail">
<a href='/special/detail.php?sid=4746' class="thumb">
<img src="/skins/iweb-JHc030/images/iweb-JHc030_230331135215.png" style="max-width:100%">
</a>
</div>
<div class="txt-box">
<p class="skinCategory">아이웹 경영/인증/컨설팅 스페셜스킨</p>
<div class="skinPrice txt-r">
<span>20,000원</span><small style="display:block; font-size:0.75rem; font-weight:400; color:#878787">(월 이용료 별도)</small>
</div>
</div>
<p class="skinNum">iweb-JHc030</p>
<div class="item-bottom">
<div class="preview-btn">
<a href="javascript:get_url('iweb-JHc030')"><span class="material-symbols-outlined">desktop_mac</span></a>
<a href="javascript:mobileView('iweb-JHc030','아이웹 경영/인증/컨설팅 스페셜스킨')"><span class="material-symbols-outlined">phone_iphone</span></a>
</div>
<a href="/special/detail.php?sid=4746" class="payNow">
스킨 구매하기
</a>
</div>
</div>
<div class="paySkin-item">
<div class="thumbnail">
<a href='/special/detail.php?sid=4741' class="thumb">
<img src="/skins/iweb-SYh018/images/iweb-SYh018_230331135546.jpg" style="max-width:100%">
</a>
</div>
<div class="txt-box">
<p class="skinCategory">아이웹 심리/상담 스페셜스킨</p>
<div class="skinPrice txt-r">
<span>12,000원</span><small style="display:block; font-size:0.75rem; font-weight:400; color:#878787">(월 이용료 별도)</small>
</div>
</div>
<p class="skinNum">iweb-SYh018</p>
<div class="item-bottom">
<div class="preview-btn">
<a href="javascript:get_url('iweb-SYh018')"><span class="material-symbols-outlined">desktop_mac</span></a>
<a href="javascript:mobileView('iweb-SYh018','아이웹 심리/상담 스페셜스킨')"><span class="material-symbols-outlined">phone_iphone</span></a>
</div>
<a href="/special/detail.php?sid=4741" class="payNow">
스킨 구매하기
</a>
</div>
</div>
<div class="paySkin-item">
<div class="thumbnail">
<a href='/special/detail.php?sid=4700' class="thumb">
<img src="/skins/iweb-SJc014/images/iweb-SJc014_230811164208.jpg" style="max-width:100%">
</a>
</div>
<div class="txt-box">
<p class="skinCategory">건축/회사/기업</p>
<div class="skinPrice txt-r">
<span>15,000원</span><small style="display:block; font-size:0.75rem; font-weight:400; color:#878787">(월 이용료 별도)</small>
</div>
</div>
<p class="skinNum">iweb-SJc014</p>
<div class="item-bottom">
<div class="preview-btn">
<a href="javascript:get_url('iweb-SJc014')"><span class="material-symbols-outlined">desktop_mac</span></a>
<a href="javascript:mobileView('iweb-SJc014','건축/회사/기업')"><span class="material-symbols-outlined">phone_iphone</span></a>
</div>
<a href="/special/detail.php?sid=4700" class="payNow">
스킨 구매하기
</a>
</div>
</div>
</div>
<div class="slide-arrow">
<p class="prev" id="arrow_prev4">
<span class="material-symbols-outlined"> arrow_back_ios_new </span>
</p>
<p class="next" id="arrow_next4">
<span class="material-symbols-outlined"> arrow_forward_ios </span>
</p>
</div>
</div></section>
<script>
$(function(){
$('.paySkin-box').slick({
arrows : true,
slidesToShow: 4,
slidesToScroll: 1,
autoplay: false,
autoplaySpeed: 2000,
prevArrow: $('#arrow_prev4'),
nextArrow: $('#arrow_next4'),
responsive: [ // 반응형 웹 구현 옵션
{
breakpoint: 1640, //화면 사이즈 1640px
settings: {
//위에 옵션이 디폴트 , 여기에 추가하면 그걸로 변경
slidesToShow:3
}
}
]
});
//스페셜 스킨 썸네일
$(".thumbnail").mouseenter(function(){
//$(this).children(".thumb").addClass("scActive");
t = $(this).children("a").children("img").height()-220
if(t>0){
//$(this).children(".skin-thumb").addClass("scActive");
$(this).children("a").children("img").css("margin-top",-t);
}
});
$(".thumbnail").mouseleave(function(){
//$(this).children(".thumb").removeClass("scActive");
$(this).children("a").children("img").css("margin-top","0");
});
});
</script>
<script language='javascript'>
function isEnterKey(){
if(event.keyCode==13) skin_search();
}
function selectedSkin(img,snum,sreg,stit){
skin_info = snum+'{/}'+sreg;
opener.document.MEM.skin_info.value = skin_info;
skin_infotxt = img+'{/}'+stit;
opener.document.MEM.skin_infotxt.value = skin_infotxt;
snum = snum.replace("jonnyd-skin", "iweb-jd");
snum = snum.replace("korea-skin", "iweb-ko");
opener.document.getElementById("simgDiv01").innerHTML = "<img src='"+img+"' width='220' height='165'></td><td style='padding-left:5px;' width='235'>";
opener.document.getElementById("simgDiv02").innerText = stit;
opener.document.getElementById("simgDiv03").innerText = snum;
self.close();
}
function selectedSkinJoin(img,snum,sreg,stit){
form = document.frm_slist;
skin_info = snum+'{/}'+sreg;
form.skin_info.value = skin_info;
skin_infotxt = img+'{/}'+stit;
form.skin_infotxt.value = skin_infotxt;
form.action = '/member/policy.php';
form.submit();
}
function get_url(site){
window.open('http://i-web.kr/'+site,'skin1');
return;
}
function mobileView(site,stxt){
if("443" == '443'){
//openCenterWin('http://m.i-web.kr/?SITE_ID='+site,'skin2','340','600','','');
document.getElementById("mobile_ttl2").innerHTML = '모바일 샘플 ('+stxt+')';
document.getElementById("mobileFrame2").innerHTML = "<iframe src='https://m.i-web.kr/?SITE_ID="+site+"' width='377' height='640' frameborder='0' scrolling='no' style='border-radius:0 0 30px 30px;background:#ffffff' ></iframe>";
$(".mobileBox2_open").click();
}else{
document.getElementById("mobile_ttl2").innerHTML = '모바일 샘플 ('+stxt+')';
document.getElementById("mobileFrame2").innerHTML = "<iframe src='http://m.i-web.kr/?SITE_ID="+site+"' width='377' height='640' frameborder='0' scrolling='no' style='border-radius:0 0 30px 30px;background:#ffffff' ></iframe>";
$(".mobileBox2_open").click();
}
}
function page(rs){
form = document.frm_slist;
form.record_start.value = rs;
form.action = "/index.php";
form.submit();
}
function skin_search(){
userid = '';
s = $("#skin_cade01 option:selected").val();
k = $("#auto_input").val();
form = document.frm_slist;
form.skin_ai.value = '';
form.skin_word.value = form.skin_word_tmp.value;
if(form.skin_word_tmp.value=='원격지원'){
window.open( "http://757.co.kr/iwebzone", // URL
"원격지원", // windowName
"width=520, height=590, toolbar=no, menubar=yes, scrollbars=no, resizable=yes" // windowFeatures
);
}else{
jQuery.post('./module/searchLog.php', {userid:userid,s:s, k:k}, function( callback ) {
form = document.frm_slist;
form.f_skin.value = '';
form.record_start.value = '';
form.action = "/index.php";
form.submit();
}, "json");
}
}
function skin_search2(f){
userid = '';
form = document.frm_slist;
form.skin_ai.value = '';
if(form.f_skin.value == f){
form.f_skin.value = '';
form.record_start.value = '';
form.action = "/index.php";
form.submit();
}else{
s = f;
k = $("#auto_input").val();
form.f_skin.value = f;
jQuery.post('./module/searchLog.php', {userid:userid,s:s, k:k}, function( callback ) {
form.skin_word.value = form.skin_word_tmp.value;
form.record_start.value = '';
form.action = "/index.php";
form.submit();
}, "json");
}
}
function skin_search3(){
form = document.frm_slist;
skinList = form.f_skin.value;
if(!skinList){
alert("하단 분류를 선택해주세요")
}else{
form.skin_ai.value = '1';
form.skin_word.value = '';
form.record_start.value = '';
form.action = "/index.php";
form.submit();
}
}
</script>
</article>
<article class="main-partners">
<section class="section06" data-aos="fade-up" data-aos-easing="ease-in-sine" data-aos-duration="600">
<div class="contents-wrap">
<h2>아이웹과 함께하는 제휴사</h2>
<p>앞으로 더 많은 업체들이 아이웹의 더 높은 성장과 발전을 위해 함께할 예정입니다.</p>
<div class="partners-logo">
<div class="partners-logo-a">
<div><img src="/20231101/images/pt_logo01.png" alt="동네꿀단지"></div>
<div><img src="/20231101/images/pt_logo02.png" alt="다분양건설정보"></div>
<div><img src="/20231101/images/pt_logo03.png" alt="아이인포"></div>
<div><img src="/20231101/images/pt_logo04.png" alt="광운대학교"></div>
<div><img src="/20231101/images/pt_logo05.png" alt="그린컴퓨터학원"></div>
</div>
<div class="partners-logo-a">
<div><img src="/20231101/images/pt_logo06.png" alt="한국인터넷진흥원"></div>
<div><img src="/20231101/images/pt_logo07.png" alt="kcp"></div>
<div><img src="/20231101/images/pt_logo08.png" alt="toss"></div>
<div><img src="/20231101/images/pt_logo09.png" alt="인공지능고등학교"></div>
<div><img src="/20231101/images/pt_logo10.png" alt="catenoid"></div>
</div>
</div>
</div>
</section> </article>
<article class="main-reseller">
<section class="section07 reseller-sec">
<div class="contents-wrap">
<div class="both-box">
<div class="inr">
<p class="f24 bolder color-wht">아이웹의 리셀러</p>
<p class="f34 bolder color-wht">홈페이지 제작 사업, 시작하세요!</p>
</div>
<div class="inr">
<p class="f20">
<!--
웹 지식이 없어도, 홈페이지를 몰라도, 홈페이지 리셀러는 가능합니다.<br>
영업 활동만으로 수익을 창출해보세요.
-->
디자인과 코딩을 못해도, 프로그램을 몰라도 아이웹과 함께라면 홈페이지 리셀러로 활동할 수 있습니다.<br>
기본적인 웹 지식만으로 수익을 창출해 보세요.
</p>
<a href="/oservice/sub10.php">자세히 보기</a>
</div>
</div>
</div>
</section>
<script>
// 페이지 스크롤 이벤트를 감지합니다.
$(window).scroll(function () {
// "section05" 요소의 높이를 가져옵니다.
var section05Height = $(".section05").height();
// "section05" 요소의 시작점 위치를 가져옵니다.
var section05Start = $(".section05").offset().top;
// "section07" 요소를 선택합니다.
var section07 = $(".section07");
// 현재 스크롤 위치를 가져옵니다.
var scrollPosition = $(window).scrollTop();
// "section05" 영역의 끝에 도달하면 "on" 클래스를 추가합니다.
if (scrollPosition >= section05Start + section05Height) {
section07.addClass("on");
} else {
section07.removeClass("on");
}
});
</script> </article>
<article class="main-qna">
<section class="section08 qna-sec" data-aos="fade-up" data-aos-easing="ease-in-sine" data-aos-duration="600">
<div class="contents-wrap">
<div class="more-cont">
<p class="f34 color-blk2 bolder">더 궁금한 게 있으신가요?</p>
<p class="f18 color-gry2">홈페이지/쇼핑몰 구축부터 운영까지, 무엇이든 물어보세요.</p>
</div>
<div class="faq-wrap">
<div class="faq-item">
<div class="faq-q">
<div class="q-st">Q</div>
<div class="faq-tit">아이웹에서 홈페이지를 2개 이상 만들려면 어떻게 해야 하나요?</div>
<span class="material-symbols-outlined">
expand_more
</span>
</div>
<div class="faq-a">
ID 1개당 1개의 홈페이지만 생성할 수 있기 때문에, 2개 이상 홈페이지 제작을 원하실 경우<br>
새로운 ID로 회원가입을 하셔야 하며, 기존에 등록된 ID 고객 정보와 동일한 정보로도 가입이 가능합니다.
</div>
</div>
<div class="faq-item">
<div class="faq-q">
<div class="q-st">Q</div>
<div class="faq-tit">무료형 홈페이지가 무엇인가요?</div>
<span class="material-symbols-outlined">
expand_more
</span>
</div>
<div class="faq-a">
아이웹에서는 다양한 업종에 맞는 홈페이지 디자인 스킨을 제작해두고 있으며,<br>
가입 후 원하시는 스킨을 선택하여 월 이용료만 납부하며 사용하는 홈페이지가 무료형 홈페이지입니다.<br>
스킨은 언제든지 다른 스킨으로 변경이 가능하시며, 홈페이지는 직접 수정이 가능합니다.
</div>
</div>
<div class="faq-item">
<div class="faq-q">
<div class="q-st">Q</div>
<div class="faq-tit">보안서버(https://)와 SSL 보안서버 인증서가 무엇인가요?</div>
<span class="material-symbols-outlined">
expand_more
</span>
</div>
<div class="faq-a">
사용자의 PC와 웹서버 간에 인터넷을 통해 송수신되는 정보를 암호화하는 기능을 가진 웹서버를 보안서버라고 합니다.<br>
보안서버를 구축하면 웹서버와 사용자 PC가 송수신하는 정보를 중간에서 악의적으로 가로챘을 경우에도<br>
해당 정보가 암호화되어 있어 해독이 불가능하므로 정보 유출의 위험을 제거할 수 있습니다.
</div>
</div>
<div class="faq-item">
<div class="faq-q">
<div class="q-st">Q</div>
<div class="faq-tit">도메인, 월 이용료는 무엇인가요?</div>
<span class="material-symbols-outlined">
expand_more
</span>
</div>
<div class="faq-a">
거주지로 예시를 들면, 도메인은 집 주소입니다. (www.i-web.kr)<br>
월 이용료(호스팅 비용)은 건물주에게 내는 월세입니다.<br><br>
*도메인 : ~com / ~co.kr 등
*월 이용료(호스팅) : 서버 이용 및 플랫폼 빌더 사용료
</div>
</div>
</div>
<div class="txt-c m-40">
<a href="/customer/sub02.php" class="moreBtn__">자주 하는 질문 더보기</a>
<a href="/customer/sub03.php" class="moreBtn__ active">아이웹에 문의하기</a>
</div>
</div>
</section>
<script>
$(".faq-q").click(function(){
$(".faq-a").hide();
$(this).next(".faq-a").slideDown();
});
</script> </article>
<article class="main-banner">
<!-- 배너 슬라이드 -->
<section class="section09 banner-sec">
<div class="contents-wrap">
<div class="slide-arrow">
<p class="prev" id="arrow_prev3">
<span class="material-symbols-outlined"> arrow_back_ios_new </span>
</p>
<p class="next" id="arrow_next3">
<span class="material-symbols-outlined"> arrow_forward_ios </span>
</p>
</div>
<div class="banner-slide">
<div class="banner-box">
<div class="b-img">
<img src="/20231101/images/slide_banner01.png" alt="광운대학교">
</div>
<p class="b-tit">광운대학교 협력</p>
<p class="b-stit">산학협력연구</p>
</div>
<div class="banner-box">
<div class="b-img">
<img src="/20231101/images/slide_banner02.png" alt="서울경제진흥원(SBA)">
</div>
<p class="b-tit">서울경제진흥원(SBA)</p>
<p class="b-stit">DMC산학협력연구센터 입주</p>
</div>
<div class="banner-box">
<div class="b-img">
<img src="/20231101/images/slide_banner03.png" alt="Kibo 벤처기업인증">
</div>
<p class="b-tit">Kibo 벤처기업인증</p>
<p class="b-stit">연구개발유형</p>
</div>
<div class="banner-box">
<div class="b-img">
<img src="/20231101/images/slide_banner04.png" alt="기업부설연구소 인증기업">
</div>
<p class="b-tit">기업부설연구소 인증기업</p>
<p class="b-stit">과학기술정보통신부</p>
</div>
<div class="banner-box">
<div class="b-img">
<img src="/20231101/images/slide_banner05.png" alt="산업디자인 전문 회사">
</div>
<p class="b-tit">산업디자인 전문 회사</p>
<p class="b-stit">한국디자인진흥원 등록</p>
</div>
<div class="banner-box">
<div class="b-img">
<img src="/20231101/images/slide_banner06.png" alt="바우처 수행기업">
</div>
<p class="b-tit">바우처 수행기업</p>
<p class="b-stit">혁신, 수출, 데이터, 비대면, AI</p>
</div>
<div class="banner-box">
<div class="b-img">
<img src="/20231101/images/slide_banner07.png" alt="LG U+ 공식대리점">
</div>
<p class="b-tit">LG U+ 공식대리점</p>
<p class="b-stit">전국대표번호, 기업070전화 </p>
</div>
</div>
</div>
</section>
<script>
$(function(){
$('.banner-slide').slick({
arrows : true,
slidesToShow: 5,
slidesToScroll: 1,
autoplay: true,
autoplaySpeed: 2000,
prevArrow: $('#arrow_prev3'),
nextArrow: $('#arrow_next3'),
});
})
</script> </article>
</main>
<footer class="footer">
<div class="foot-bnr">
<div class="contents-wrap">
<a href="/oservice/sub01.php"><img src="/20231101/images/fb_icon01.png">전자결제 PG</a>
<a href="http://i-in4.kr/?5ynXH4qm" target="_blank"><img src="/20231101/images/fb_icon02.png">기업/매장전용 상품판매</a>
<a href="/oservice/sub02.php"><img src="/20231101/images/fb_icon03.png">온라인 광고 운영대행</a>
<a href="/customer/sub02.php?type=view&uid=29186"><img src="/20231101/images/fb_icon04.png">카카오 알림톡</a>
<a href="https://xn--3v0bj0a12bq1ad54e.kr/" target="_blank"><img src="/20231101/images/fb_icon05.png">무료 홍보</a>
</div>
</div>
<div class="foot-info">
<div class="contents-wrap">
<div class="both">
<div class="inr">
<img src="/20231101/images/foot_logo_w.png" alt="아이웹">
<ul class="foot-menu">
<li><a href="/member/useweb.php" class="bold">개인정보처리방침</a></li>
<li><a href="/member/protect.php">서비스이용약관</a></li>
<li><a href="/member/emailCollectionRefuse.php">이메일무단수집거부</a></li><!--수정해야함-->
<li><a href="/company/sub03.php">오시는길</a></li>
</ul>
<p class="f16">
상호 : (주)아이웹 / 대표자 : 조 준<br>
서울 마포구 매봉산로 37 (상암동, DMC 산학협력연구센터) 605호<br>
사업자등록번호 : 110-81-95050 / 통신판매업신고번호 : 제2021-서울마포-0819호<br>
직업정보제공사업 등록번호:서울서부 - 제2017-12호 / 개인정보책임자 : 김상현
</p>
<p class="f14">
Copyright (c) i-web.kr All Rights Reserved.
</p>
</div>
<div class="inr">
<div class="contact-top">
<p class="f28 bolder color-wht">Contact us</p>
<div class="foot-sns">
<a href="https://www.instagram.com/iwebzone" target="_blank"><img src="/20231101/images/foot_sns01.png" alt="인스타그램">Instagram</a>
<a href="https://blog.naver.com/iwebzone" target="_blank"><img src="/20231101/images/foot_sns02.png" alt="블로그">Blog</a>
<a href="https://www.youtube.com/@user-rv8pz2lj9c/videos" target="_blank"><img src="/20231101/images/foot_sns03.png" alt="유튜브">Youtube</a>
</div>
</div>
<div class="contact-info">
<p class="f18 bold color-wht">
대표번호 1661-2327 / 팩스 02-6919-1759<br>
이메일 [email protected]
</p>
</div>
<div class="allat-pay">
<div class="inr01 inr">
<div><img src="/20231101/images/foot_allat.png" alt="올앳"></div>
<p class="f14">
(주)올앳 구매안전(에스크로) 서비스 가맹점<br>
금융감독원 등록번호 : 02-006-00003
</p>
</div>
<div class="inr02 inr">
<p class="f14">
고객님들께 안전한 거래를 제공하기 위해<br>
(주)올앳의 구매안전(에스크로) 서비스에 가입하여 서비스를 제공하고 있습니다.
</p>
<a href="https://www.allatpay.com/servlet/AllatBizV2/svcinfo/SvcInfoMainCL?menu_id=m010602&action_flag=SEARCH&search_no=biz_no&es_business_no=1108195050" target="_blank">
가입확인 바로가기
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</footer>
</body>
</html>
<script>
$(function(){
AOS.init();
});
</script>
<script language='javascript'>
//벤쳐기업인증
function venture(){
document.getElementById("OnlyFrame").innerHTML = "<a class='OnlyBox_close'><img src='/html_editor/uploaded/img/1324636168.jpg'></a>";
$(".OnlyBox_open").click();
}
//기업부설연구소
function lab(){
document.getElementById("OnlyFrame").innerHTML = "<a class='OnlyBox_close'><img src='/20191106/images/lab_pop.jpg'></a>";
$(".OnlyBox_open").click();
}
//이메일무단수집거부
function EmailRefusal(){
document.getElementById("multi_ttl").innerHTML = '이메일주소 무단 수집 거부';
document.getElementById("multiFrame").innerHTML = "<iframe src='/email_refusal.php' width='460' height='200' frameborder='0' scrolling='no'></iframe>";
$(".multiBox_open").click();
}
//사업자정보확인
function bizinfo(){
openCenterWin('http://www.ftc.go.kr/info/bizinfo/communicationViewPopup.jsp?wrkr_no=1108195050','fpop','750','700','','');
}
/*아이디/비밀번호찾기
function userinfo(){
document.getElementById("OnlyFrame").innerHTML = "<iframe src='/member/find.php' width='410' height='230' frameborder='0' scrolling='no'></iframe>";
$(".OnlyBox_open").click();
}
*/
//아이디/비밀번호찾기
function userinfo(){
document.getElementById("mobile_ttl").innerHTML = ' 아이디 / 비밀번호 찾기';
document.getElementById("mobileFrame").innerHTML = "<iframe src='/member/find2.php' name='findz' id='findz' width='420' height='200' frameborder='0' onload=\"iFrameHeight2('findz');\"></iframe>";
$(".mobileBox_open").click();
}
</script>
<!-- 알림 메세지 -->
<a id="GblNotice_open" class="GblNotice_open"></a>
<div id="GblNotice" class="popup_background" style="min-width:250px;display:none;">
<div class="cls_buttonali" id="alertCloseBtn"><button class="GblNotice_close close_button_pop"></button></div>
<div class="popup_notice">
<div class="clearfix"><div class="img_clear"><img src="/skins/program_gbl/sms/img/ico_notice.gif"></div><div class="pop_ttl0">알림</div></div>
<div class="pop_div_dotted"></div>
<div class="write_it"><span id="alertTxt" class="txt_bold"></span></div>
<div class="btn_ali_pop2" id="alertBtn"><input type="button" class="btn_notice_reg GblNotice_close" value="확인" /></div>
</div>
</div>
<!-- confirm창 -->
<a id="conFirm_open" class="conFirm_open"></a>
<div id="conFirm" class="popup_background" style="min-width:250px;display:none;">
<div class="cls_buttonali"><button class="conFirm_close close_button_pop"></button></div>
<div class="popup_notice">
<div class="clearfix"><div class="img_clear"><img src="/skins/program_gbl/sms/img/ico_notice.gif"></div><div class="pop_ttl0">확인</div></div>
<div class="pop_div_dotted"></div>
<div class="write_it"><span id="confirmTxt" class="txt_bold"></span></div>
<a class="conFirm_close" href="#">
<div class="btn2_wrap">
<div class="btn_ali_pop3"><input type="button" class="btn_notice_reg_cancel" value="취소" /></div>
<div class="btn_ali_pop3" id="confirmBtn"><input type="button" class="btn_notice_reg_add" value="확인"></div>
</div>
</a>
</div>
</div>
<!-- 멀티팝업 -->
<a id="multiBox_open" class="multiBox_open"></a>
<div id="multiBox" class="popup_background" style="min-width:250px;display:none;">
<div class="popup_notice">
<div class="clearfix"><div class="img_clear"><img src="/skins/program_gbl/sms/img/ico_notice.gif"></div><div class="pop_ttl0" id='multi_ttl'>팝업제목</div><div class="cls_buttonali2"><button class="multiBox_close close_button_pop"></button></div></div>
<div class="pop_div_dotted"></div>
<div class="write_it">
<div id='multiFrame' style="background:#fff;overflow:hidden;position:relative;"></div>
</div>
</div>
</div>
<!-- 멀티팝업2 -->
<a id="OnlyBox_open" class="OnlyBox_open"></a>
<div id="OnlyBox" class="popup_background" style="min-width:250px;display:none;">
<div style="margin:10px 10px 0 0;float:right;"><button class="OnlyBox_close close_button_pop"></button></div>
<div class="popup_notice">
<div style='margin:10px 0;'></div>
<div class="write_it">
<div id='OnlyFrame' style="background:#fff;overflow:hidden;position:relative;"></div>
</div>
</div>
</div>
<!-- 모바일팝업 -->
<a id="mobileBox_open" class="mobileBox_open"></a>
<div id="mobileBox" class="popup_background" style="min-width:250px;display:none;">
<div class="popup_notice">
<div class="clearfix"><div class="img_clear"><img src="/skins/program_gbl/sms/img/ico_notice.gif"></div><div class="pop_ttl0" id='mobile_ttl'>팝업제목</div><div class="cls_buttonali2"><button class="mobileBox_close close_button_pop"></button></div></div>
<div class="pop_div_dotted"></div>
<div class="write_it">
<div id='mobileFrame' style="background:#fff;overflow:hidden;position:relative;"></div>
</div>
</div>
</div>
<!-- 모바일팝업_임지호 -->
<a id="mobileBox2_open" class="mobileBox2_open"></a>
<div id="mobileBox2" style="display:none;">
<div class="popup_notice">
<div class="clearfix" style="background:#ffffff;border-radius:15px;height:35px;margin-bottom:10px;width:390px;margin-left:10px;">
<div class="img_clear2">
<img src="/skins/program_gbl/sms/img/ico_notice.gif">
</div>
<div class="pop_ttl1" id='mobile_ttl2'>팝업제목</div>
<div class="cls_buttonali3">
<button class="mobileBox2_close close_button_pop2"></button>
</div>
</div>
<div style="width:420px;height:720px;padding-left:30px;padding-top:58px;background:url('/20161101/images/skinbg2.png') no-repeat;">
<div id='mobileFrame2' style="overflow:hidden;position:relative;width:360px;border-radius:0 0 30px 30px;"></div>
</div>
</div>
</div>
<!-- 팝업 스크립트 -->
<script>
$(document).ready(function () {
$('#GblNotice,#conFirm,#multiBox').popup({
transition: 'all 0.3s',
blur: false,
escape:false
});
$('#mobileBox').popup({
transition: 'all 0.3s',
blur: true,
escape:true
});
$('#mobileBox2').popup({
transition: 'all 0.3s',
blur: true,
escape:true
});
$('#OnlyBox').popup({
transition: 'all 0.3s',
blur: true
});
});
</script>
<!-- 팝업 스크립트 -->
<iframe name='ifra_gbl' src='about:blank' width='0' height='0' frameborder='0' scrolling='no' style='display:none;'></iframe>