PageSourceSearch

https://www.creatorlink.net/template

html creatorlink.net collected 2026-09-24 09:19:30 UTC 115,586 bytes, 2,184 lines download raw bytes

1<!DOCTYPE html>
2<html lang="ko" id="no-fouc">
3<head>
4<title>무료 템플릿 | 크리에이터링크</title>
5
6<!-- ig-cl-gen03 : live-creatorlink  -->
7<link rel="dns-prefetch" href="//www.creatorlink.net">
8
9<link rel="preconnect" href="//fonts.googleapis.com">
10<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
11<link rel="preconnect" href="https://ajax.googleapis.com">
12<link rel="preconnect" href="https://lh3.googleusercontent.com" crossorigin>
13<link rel="preconnect" href="https://storage.googleapis.com" crossorigin>
14<link rel="preload" as="script" href="https://ajax.googleapis.com/ajax/libs/webfont/1.4.10/webfont.js" crossorigin="anonymous">
15
16<link rel="dns-prefetch" href="//storage.googleapis.com">
17<link rel="dns-prefetch" href="//connect.facebook.net">
18<link rel="dns-prefetch" href="//www.google-analytics.com">
19<link rel="dns-prefetch" href="//pagead2.googlesyndication.com">
20<link rel="dns-prefetch" href="//googleads.g.doubleclick.net">
21
22
23<meta charset="utf-8">
24<meta name="author" content="CREATORLINK" />
25<meta name="title" content="무료 템플릿 | 크리에이터링크"/>
26<meta name="description" content="전문 디자이너가 제작한 무료 템플릿을 고르기만 하면 끝. 초보자도 손쉽게 감각적인 웹사이트를 만들 수 있어요."/>
27<meta name="keywords" content="크리에이터링크 템플릿, 전문 디자이너 템플릿, 무료 템플릿으로 손쉬운 홈페이지 제작, 다양한 무료 템플릿, 템플릿 상시 업데이트."/>
28<link rel="alternate" hreflang="en" href="https://www.creatorlink.net/template">
29<link rel="alternate" hreflang="ko" href="https://www.creatorlink.net/ko/template">
30<link rel="alternate" hreflang="x-default" href="https://www.creatorlink.net/template">
31
32<meta property="og:type" content="website" data-dynamic="true"/>
33<meta property="og:title" content="무료 템플릿 | 크리에이터링크" data-dynamic="true"/>
34<meta property="og:description" content="전문 디자이너가 제작한 무료 템플릿을 고르기만 하면 끝. 초보자도 손쉽게 감각적인 웹사이트를 만들 수 있어요." data-dynamic="true"/>
35<meta property="og:keywords" content="크리에이터링크 템플릿, 전문 디자이너 템플릿, 무료 템플릿으로 손쉬운 홈페이지 제작, 다양한 무료 템플릿, 템플릿 상시 업데이트." data-dynamic="true"/>
36<meta property="og:url" content="https://www.creatorlink.net/template" data-dynamic="true"/>
37<meta property="og:image" content="https://storage.googleapis.com/i.addblock.net/default_share.jpg" data-dynamic="true"/>
38
39
40
41
42<meta http-equiv="X-UA-Compatible" content="IE=edge, chrome=1" />
43<META http-equiv="Expires" content="-1" />
44<META http-equiv="Pragma" content="no-cache" />
45<META http-equiv="Cache-Control" content="No-Cache" />
46<META http-equiv="content-type" content="text/html; charset=UTF-8"/>
47<META name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
48
49<link rel="icon" href="//storage.googleapis.com/i.addblock.net/default-favicon.ico?" id="dynamic-favicon" type="image/x-icon" />
50<link rel="shortcut icon" href="//storage.googleapis.com/i.addblock.net/default-favicon.ico?" id="user-favicon" type="image/x-icon" />
51<link rel="apple-touch-icon" href="//storage.googleapis.com/i.addblock.net/default-favicon.ico?"/>
52<link rel="apple-touch-icon-precomposed" sizes="128x128" href="//storage.googleapis.com/i.addblock.net/default-favicon.ico?">
53<meta name="mobile-web-app-capable" content="yes">
54
55 
56
57<link rel="stylesheet" href="/css/coloris.1772670554.css" type="text/css"/>
58<link rel="stylesheet" href="/css/bootstrap.1784510473.css" type="text/css"/>
59<link rel="stylesheet" href="/css/font-awesome.min.css" type="text/css"/>
60<link rel="stylesheet" href="/css/cl_icons.css?_20211022" type="text/css"/>
61 
62<link rel="stylesheet" href="/css/blueimp-gallery.1768376739.css" type="text/css"/>
63<link rel="stylesheet" href="/css/keyframe.1692755555.css" type="text/css"/>
64<link rel="stylesheet" href="/css/forum.1789630159.css" type="text/css"/>
65<link rel="stylesheet" href="/css/common.1788239150.css" type="text/css"/> 
66<link rel="stylesheet" href="/css/bootstrap-select.1661918750.css" type="text/css"/>
67
68<link rel="stylesheet" href="/css/template.1784164476.css" type="text/css"/>
69<link rel="stylesheet" href="/css/main.1787037064.css" type="text/css"/>
70<!--[if IE 6]>
71<style type="text/css">
72html { filter: expression(document.execCommand('BackgroundImageCache', false, true)); }
73</style>
74<![endif]-->
75
76
77
78<link rel="stylesheet" href="/css/main.1787037064.css" type="text/css">
79
80<script type="text/javascript">
81	
82	var this_page = 'template';
83	if(this_page == '' || this_page == 'dashboard' || this_page == 'shoppingevent' || this_page == 'shoppingevent2') {
84		var abtest = ('' == '1')  ? 'true' : 'false';
85	}
86</script>
vendor: 1 bytes, line 86
86
87<script type="text/javascript">
88//<![CDATA[
89var rt_path = '';
90var rt_charset = 'UTF-8';
91var rt_admin = '';
92var rt_service = 'cr';
93//]]>
94</script>
94
95
96<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
vendor: 1 bytes, line 96
96
97<script>window.jQuery || document.write('
97<script src="/js/jquery-1.11.2.min.1783317359.js"><\/script>');</script>
vendor: 1 bytes, line 97
97
98<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.4/jquery-ui.min.js"></script>
vendor: 1 bytes, line 98
98
99<script>window.jQuery && window.jQuery.ui || document.write('
99<script src="/js/jquery-ui-1.10.4.min.1783317359.js"><\/script>');</script>
vendor: 1 bytes, line 99
99
100<script src="https://cdn.lightwidget.com/widgets/lightwidget.js"></script>
vendor: 1 bytes, line 100
100
101<script type="text/javascript" src="/js/block/index.global.min.1757573416.js"></script>
vendor: 1 bytes, line 101
101
102<script type="text/javascript" src="/js/coloris.1782346944.js"></script>
vendor: 1 bytes, line 102
102
103<script src="https://cdn.jsdelivr.net/npm/@fullcalendar/[email protected]/index.global.min.js"></script>
vendor: 1 bytes, line 103
103
104<script type="text/javascript" src="/js/output.1763597128.js"></script>
vendor: 1 bytes, line 104
104
105<script type="text/javascript" src="/js/block/common.1786425508.js"></script>
vendor: 1 bytes, line 105
105
106<script type="text/javascript" src="/js/common.1789971769.js"></script>
vendor: 1 bytes, line 106
106
107<script type="text/javascript" src="/js/module/ModalPlugin.1789633812.js"></script>
vendor: 1 bytes, line 107
107
108<script type="text/javascript" src="/js/lang.1789622904.js" ></script>
vendor: 1 bytes, line 108
108
109<script type="text/javascript" src="/js/jquery.ui.touch-punch-0.2.3.min.1622184802.js" ></script>
vendor: 1 bytes, line 109
109
110<script type="text/javascript" src="/js/robots.1785394132.js"></script>
110
111
112
113
114 
115
116<script src="https://t1.kakaocdn.net/kakao_js_sdk/2.6.0/kakao.min.js" integrity="sha384-6MFdIr0zOira1CHQkedUqJVql0YtcZA1P0nbPrQYJXVJZUkTk/oX4U9GhUIs3/z8" crossorigin="anonymous"></script>
vendor: 1 bytes, line 116
116
117<script type="text/javascript" src="https://static.nid.naver.com/js/naveridlogin_js_sdk_2.0.0.js" charset="utf-8"></script>
vendor: 1 bytes, line 117
117
118<script type="text/javascript" src="https://static.nid.naver.com/js/naverLogin_implicit-1.0.3.js" charset="utf-8"></script>
vendor: 1 bytes, line 118
118
119<script type="text/javascript" src="/js/uadmin.1776744583.js"></script>
119
120
121
122
123<link rel="stylesheet" href="/css/summernote.1622184802.css" type="text/css"/>
124<link rel="stylesheet" href="/js/swiper/css/swiper.min.css">
125<script type="text/javascript" src="/js/swiper/js/swiper.min.js"></script>
125
126    
126<script src="/js/helpdesk_user.1786682252.js"></script>
vendor: 1 bytes, line 126
126
127<script>
128$(document).ready(function() {
129    var helpdeskUserConfig = {"channelId":"","legacyChannelId":"","actorChannelId":"","actorType":"","actorKey":"","actorNo":"","actorSid":"","myId":""};
130    var helpdeskSocketPrefix = "";
131	var myLoginId = helpdeskUserConfig.myId || '';
132    	var isCsAdmin = false;
133
134    if (!isCsAdmin && !helpdeskUserConfig.actorKey) {
135        return; 
136    }
137		
138    var targetChannel = '';
139    if (isCsAdmin) {
140        targetChannel = helpdeskSocketPrefix + 'admin_group';
141    } else if (helpdeskUserConfig.actorChannelId || helpdeskUserConfig.channelId) {
142        helpdeskUserConfig.channelId = helpdeskUserConfig.actorChannelId || helpdeskUserConfig.channelId;
143        targetChannel = helpdeskUserConfig.channelId;
144    }
145
146    if (isCsAdmin) {
147        var helpdeskAdminConfig = { apiUrl: '/helpdesk', myId: myLoginId };
148        if (targetChannel) helpdeskAdminConfig.channelId = targetChannel;
149        $.helpdesk.init(helpdeskAdminConfig); 
150    } else {
151        (targetChannel) ? $.userHelpdesk.init(helpdeskUserConfig) : $.userHelpdesk.init();
152	}
153});
154</script>
vendor: 1 bytes, line 154
154
155<script type="text/javascript" src="/js/bootstrap-select.1631076146.js"></script>
155
156
157<!-- use for contact block -->
158<link rel="stylesheet" href="/css/bootstrap.slider.css" type="text/css"/>
159<script type="text/javascript" src="/js/bootstrap.slider.js?2"></script>
159
160
161
162<link rel="stylesheet" href="/css/bootstrap-override.1789622174.css">
163
164<!-- Facebook Pixel Code -->
165<script>
vendor: 396 bytes, lines 165-172
165
166!function(f,b,e,v,n,t,s){if(f.fbq)return;n=f.fbq=function(){n.callMethod?
167n.callMethod.apply(n,arguments):n.queue.push(arguments)};if(!f._fbq)f._fbq=n;
168n.push=n;n.loaded=!0;n.version='2.0';n.queue=[];t=b.createElement(e);t.async=!0;
169t.src=v;s=b.getElementsByTagName(e)[0];s.parentNode.insertBefore(t,s)}(window,
170document,'script','https://connect.facebook.net/en_US/fbevents.js');
171
172fbq('init', '
172256796588050321
vendor: 30 bytes, lines 172-173
172');
173fbq('track', "PageView");
174fbq('track', 'TemplatePage');</script>
174
175<noscript><img height="1" width="1" style="display:none" src="https://www.facebook.com/tr?id=256796588050321&ev=PageView&noscript=1"/></noscript>
176<!-- End Facebook Pixel Code -->
177
178<script>
179</script>
179
180<!-- 크리에이터링크 Kakao 픽셀 -->
181<script type="text/javascript" charset="UTF-8" src="//t1.daumcdn.net/adfit/static/kp.js"></script>
vendor: 1 bytes, line 181
181
182<script type="text/javascript">
183	console.log('kakaoPixel Start');
184
185      kakaoPixel('6608645775572775786').pageView();
186    </script>
186
187
188
189<!--[if lt IE 9]>
190<script type="text/javascript" src="/js/html5shiv.js"></script>
190
191<![endif]-->
192
193<script type="text/javascript">
194  //<![CDATA[
195			var LANG = 'en';
196	
197	var WebFontConfig = {
198		google: {
199			families: ['Abel','Archivo:100,400','Abril+Fatface','Alegreya:400,400i','Belleza','Black+Han+Sans','Cardo:400,400i','Chakra+Petch:400,700','Caveat:400,500,600,700','Cookie','Cutive+Mono','Dancing+Script:400','Dosis:400','Droid+Serif:400,400i','Fredoka+One','Great+Vibes','Ibarra+Real+Nova','IBM+Plex+Sans+KR','Inter:400,500,700','Jost','Krona+One','Lato:400,400i','League+Spartan','Libre+Baskerville:400,400i','Lora:400,400i','Montserrat:300,300i,400,400i,600,600i,800,800i,900,900i','Muli:400,400i','Nanum+Gothic','Nixie+One','Noto+Sans+JP','Noto+Sans+KR:100,300,400,500,700,900','Noto+Sans+SC:400','Noto+Sans+TC:400','Noto+Sans:400,400i','Noto+Serif+JP','Noto+Serif+SC:400','Noto+Serif+TC:400','Open+Sans:100,400,400i','Oswald:400','Parisienne','Playball','Playfair+Display:400,400i','Poppins','PT+Sans:400,400i','PT+Serif:400,400i','Questrial','Quicksand:400','Raleway:400,400i','Roboto:400,400i','Roboto+Slab:200,400,600','Space+Mono','Source+Code+Pro:200,400','Spartan','Staatliches','Stalemate','Titillium+Web:400,400i,700'],
200			display: 'swap'
201		}
202	};
203
204	(function() {
205		var wf = document.createElement('script');
206		wf.src = (document.location.protocol === 'https:' ? 'https' : 'http') + '://ajax.googleapis.com/ajax/libs/webfont/1.4.10/webfont.js';
207		wf.type = 'text/javascript';
208		wf.async = true;
209		wf.crossOrigin = 'anonymous';
210		var s = document.getElementsByTagName('script')[0];
211		s.parentNode.insertBefore(wf, s);
212	})();
213    //]]>
214</script>
214
215
216<!-- Page hiding snippet (recommended) -->
217	<style>.async-hide { opacity: 0 !important} </style>
218	
218<script>
219	(function(a,s,y,n,c,h,i,d,e){s.className+=' '+y;
220	h.end=i=function(){s.className=s.className.replace(RegExp(' ?'+y),'')};
221	(a[n]=a[n]||[]).hide=h;setTimeout(function(){i();h.end=null},c);
222	})(window,document.documentElement,'async-hide','dataLayer',4000,{'GTM-M53KTB':true});
223	</script>
223
224
225	
225<script>
226	window.dataLayer = window.dataLayer || [];
227	if(typeof localStorage.getItem('googleAnalyticsMID') != 'undefined' && localStorage.getItem('googleAnalyticsMID')) {
228		dataLayer.push({ 'user_id': localStorage.getItem('googleAnalyticsMID') });
229	}
230	</script>
230
231
232	<!-- Global site tag (gtag.js) - Google Ads: AW-867586208 -->
vendor: 65 bytes, lines 232-233
232
233	<script async src="https://www.googletagmanager.com/gtag/js?id=
233AW-867586208
vendor: 13 bytes, lines 233-234
233"></script>
234	
234<script>
235	
vendor: 131 bytes, lines 235-238
235window.dataLayer = window.dataLayer || [];
236	function gtag(){ dataLayer.push(arguments); }
237	gtag('js', new Date());
238	gtag('config','
238AW-867586208
vendor: 41 bytes, lines 238-239
238',{'allow_enhanced_conversions':true});
239	
239</script>
239
240
241	<!-- Google Tag Manager -->
242	
242<script>
vendor: 331 bytes, lines 242-246
242(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
243	new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
244	j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
245	'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
246	})(window,document,'script','dataLayer','
246GTM-M53KTB
vendor: 3 bytes, line 246
246');
246</script>
246
247	<!-- End Google Tag Manager -->
248
249
250<!-- payment done -->
251
252<script type="text/javascript">
253	if(typeof(wcs) != "undefined") {
254		if(!wcs_add) var wcs_add = {};
255		wcs_add["wa"] = "s_3ee3b01ff4c6"; 
256		if (!_nasa) var _nasa={};
257		wcs.inflow("creatorlink.net"); 
258		wcs_do(_nasa);
259	}
260</script>
260
261
262<script type="application/ld+json">
263{
264 "@context": "http://schema.org",
265 "@type": "Organization",
266 "name": "크리에이터링크",
267 "url": "https://creatorlink.net",
268 "sameAs": [
269   "https://www.youtube.com/c/%ED%81%AC%EB%A6%AC%EC%97%90%EC%9D%B4%ED%84%B0%EB%A7%81%ED%81%AC",
270   "https://www.facebook.com/creatorlink",
271   "https://www.instagram.com/creatorlink/",
272   "https://twitter.com/creatorlink"
273 ]
274}
275</script>
275
276
277
278 
279
280
281</head>
282
283<body class="pace-disable ">
284 
285<!-- Channel Plugin Scripts -->
286<style>
287body .dashboard._admin_dashboard.not_edit ~ #ch-plugin,
288body header._admin ~ #ch-plugin {display:none !important;}
289#ch-plugin { --ch-plugin-move: -50px; }
290#ch-plugin * { opacity: 0!important; }
291#ch-plugin.show * { opacity: 1!important; }
292#ch-plugin > #ch-plugin-core > div { 
293  -webkit-transform: translateY(0); 
294  -moz-transform: translateY(0); 
295  -ms-transform: translateY(0); 
296  -o-transform: translateY(0); 
297  transform: translateY(0); 
298  -webkit-transition: all .3s ease-in-out!important;
299  -moz-transition: all .3s ease-in-out!important;
300  -ms-transition: all .3s ease-in-out!important;
301  -o-transition: all .3s ease-in-out!important;
302  transition: all .3s ease-in-out!important;
303  z-index: 10!important;
304}
305#ch-plugin.up > #ch-plugin-core > div {
306  -webkit-transform: translateY(var(--ch-plugin-move));
307  -moz-transform: translateY(var(--ch-plugin-move));
308  -ms-transform: translateY(var(--ch-plugin-move));
309  -o-transform: translateY(var(--ch-plugin-move));
310  transform: translateY(var(--ch-plugin-move));
311}
312.cl-cts-banner .cl-cts-banner-icon {
313  transform: scale(1.61);
314  height: 70px;
315}
316.cl-cts-banner .cl-cts-banner-icon .st0 {
317  fill: #4886E3;
318}
319.cl-cts-banner .cl-cts-banner-icon .st1 {
320  fill: #FFFFFF;
321}
322
323@media (max-width: 480px) {
324  #ch-plugin.up { --ch-plugin-move: -65px; }
325}
326</style>
327<script>
328	// var cts_link = '/help',
329	var cts_link = '#helpdeskopen',
330		cts_btn = '\
331        <a href="' + cts_link + '">\
332            <svg class="cl-cts-banner-icon" version="1.1" x="0px" y="0px" viewBox="0 0 128 128" xml:space="preserve" role="img" aria-label="문의하기">\
333                <title>문의하기</title>\
334                <g><g><path class="st0" d="M25.2,62.4c0,17.3,4.5,31.3,38,31.3c3.9,0,7.9-0.2,11.8-0.7c1.2-0.2,2.4,0.1,3.4,0.7l12.3,7.6c2.1,1.2,3.7,0.6,3.3-2.3l-1.8-8.7c-0.3-1.8,0.4-3.7,1.7-4.9c6.1-5.7,7.3-13.9,7.3-23c0-17.3-4.5-31.3-38-31.3S25.2,45.1,25.2,62.4z"></path><circle class="st1" cx="63.2" cy="62.1" r="6"></circle><circle class="st1" cx="81.2" cy="62.1" r="6"></circle><circle class="st1" cx="45.2" cy="62.1" r="6"></circle></g></g>\
335            </svg>\
336            <span>문의하기</span>\
337        </a>\
338	';
339
340	$('body').append('<div class="cl-cts-banner" style="display: none;">'+cts_btn+'</div>');
341
342	$(window).load(function(argument) {
343		$('.cl-cts-banner').fadeIn(200);
344		
345		if ($(window).scrollTop() > 50) {
346			$('.cl-cts-banner').addClass('up');
347		} else {
348			$('.cl-cts-banner').removeClass('up');
349		}
350	});
351
352if(LANG == 'ko' && 'false' == 'true') {
353	(function() {
354		var w = window;
355		if (w.ChannelIO) {
356			return (window.console.error || window.console.log || function(){})('ChannelIO script included twice.');
357		}
358		var ch = function() {
359			ch.c(arguments);
360		};
361		ch.q = [];
362		ch.c = function(args) {
363			ch.q.push(args);
364		};
365		w.ChannelIO = ch;
366		function l() {
367			if (w.ChannelIOInitialized) {
368				return;
369			}
370			w.ChannelIOInitialized = true;
371			var s = document.createElement('script');
372			s.type = 'text/javascript';
373			s.async = true;
374			s.src = 'https://cdn.channel.io/plugin/ch-plugin-web.js';
375			s.charset = 'UTF-8';
376			var x = document.getElementsByTagName('script')[0];
377			x.parentNode.insertBefore(s, x);
378		}
379		if (document.readyState === 'complete') {
380			l();
381		} else if (window.attachEvent) {
382			window.attachEvent('onload', l);
383		} else {
384			window.addEventListener('DOMContentLoaded', l, false);
385			window.addEventListener('load', l, false);
386		}
387	})();
388
389
390	ChannelIO('boot', JSON.parse(''), function onBoot(error, user) {
391		if (error) {
392			console.log(error);
393		} else {
394			$('#ch-plugin').addClass('show');
395			$('.site-cts-banner').removeClass('ready').addClass('show');
396			if ($(window).scrollTop() > 50) {
397				$('.site-cts-banner, #ch-plugin').addClass('up');
398				$('#goto-top-m, #goto-top-s').addClass('show');
399			} else {
400				$('.site-cts-banner, #ch-plugin').removeClass('up');
401				$('#goto-top-m, #goto-top-s').removeClass('show');
402			}
403		}
404
405	});
406}
407</script>
407
408<!-- End Channel Plugin -->
409<meta name="naver-site-verification" content="dee8b618e3585a2a01f78c122c5de8cb11415d5a"/>
410<meta name="msvalidate.01" content="F344E0A75A08C2D7671774B609CA2BE7" />
411<script type="text/javascript" src="https://static.nid.naver.com/js/naverLogin_implicit-1.0.3.js" charset="utf-8"></script>
411 
412  
413
414<header id="nav" class="intro nomember_main " role="navigation" data-name="menu" data-page="template">
415	<div class="header">
416		<div class="navbar-header">
417			<a type="button" class="navbar-toggle hand"> <!-- data-toggle="collapse" data-target=".menu" -->
418				<span class="sr-only">Toggle navigation</span>
419				<span class="cl-icon cl_icon_menu"></span>
420			</a>
421						<a class="navbar-brand" href="/" id="site-home">
422							<!--<img src="<svg viewBox="0 0 168 38" role="img" class="logo-svg logo-b" alt="Creatorlink logo"><path class="st11" d="M70.71 12.36c-3.48 0-5.9 2.19-5.9 5.34v4.11c0 3.34 2.17 5.25 5.96 5.25 2.06 0 3.98-0.58 5.41-1.64l0.14-0.11 -1.03-1.95 -0.2 0.1c-1.67 0.85-2.74 1.15-4.11 1.15 -2.23 0-3.23-0.87-3.23-2.83v-0.94h8.62v-3.08C76.37 14.13 74.52 12.36 70.71 12.36zM73.52 18.45h-5.77v-0.92c0-1.91 1.53-2.78 2.96-2.78 2.02 0 2.81 0.78 2.81 2.78V18.45z"></path><path class="st11" d="M84.38 12.36c-1.52 0-3.34 0.55-4.87 1.47l-0.17 0.1 1.11 1.95 0.19-0.1c1.41-0.69 2.48-0.98 3.59-0.98 2.22 0 2.93 0.51 2.93 2.1v1.29h-3.64c-3.09 0-4.65 1.47-4.65 4.37 0 1.22 0.39 2.33 1.09 3.12 0.76 0.85 1.84 1.3 3.12 1.3 0.09 0 0.18 0 0.26-0.01 1.37-0.06 2.71-0.51 3.97-0.99l0.04 0.79h2.76v-9.76C90.11 13.76 88.39 12.36 84.38 12.36zM87.17 23.79l-0.01 0c-0.83 0.32-1.87 0.72-3.2 0.73h-0.06c-1.46 0-2.08-0.6-2.08-2.01 0-1.37 0.55-1.92 1.89-1.92h3.47V23.79z"></path><path class="st11" d="M101.06 24.31c-0.95 0.23-1.63 0.33-2.26 0.33 -1.16 0-1.27-0.36-1.27-1.31v-8.47h3.9l0-2.22h-3.9V9.26l-2.94 0.01v3.38h-2.56v2.22h2.56v8.86c0 2.31 1.18 3.34 3.82 3.34 1.04 0 2.14-0.18 3.11-0.52l0.17-0.06 -0.4-2.23L101.06 24.31z"></path><path class="st11" d="M109.95 12.36c-3.88 0-6.11 1.96-6.11 5.36v3.97c0 3.41 2.23 5.36 6.11 5.36 3.88 0 6.11-1.96 6.11-5.36v-3.97C116.06 14.32 113.84 12.36 109.95 12.36zM113.12 21.78c0 1.89-1.04 2.8-3.17 2.8 -2.13 0-3.17-0.92-3.17-2.8v-4.14c0-1.89 1.04-2.8 3.17-2.8 2.13 0 3.17 0.92 3.17 2.8V21.78z"></path><path class="st11" d="M59.07 14.72l0.01-2.07H56.3v14.13h2.94v-9.04c1.75-1.89 4.2-3.24 4.2-3.24l-1.4-1.84C62.04 12.65 60.26 13.76 59.07 14.72z"></path><path class="st11" d="M121.93 14.72l0.01-2.07h-2.77v14.13h2.94v-9.04c1.75-1.89 4.2-3.24 4.2-3.24l-1.4-1.84C124.91 12.65 123.12 13.76 121.93 14.72z"></path><path class="st11" d="M51.54 22.93c-0.96 1.11-2.12 1.66-3.56 1.66 -2.13 0-3.17-0.92-3.17-2.8v-4.14c0-1.89 1.04-2.8 3.17-2.8 1.73 0 2.83 0.77 3.68 1.52l0.13 0.12 1.99-1.39 -0.13-0.17c-0.76-0.95-2.5-2.55-5.67-2.55 -3.88 0-6.11 1.96-6.11 5.36v3.97c0 3.41 2.23 5.36 6.11 5.36 3.03 0 4.76-1.58 5.68-2.91l0.13-0.18 -2.13-1.18L51.54 22.93z"></path><rect x="128.71" y="6.68" class="st11" width="1.2" height="20.07"></rect><rect x="134.41" y="12.69" class="st11" width="1.2" height="14.06"></rect><rect x="134.41" y="8.29" class="st11" width="1.2" height="2.18"></rect><path class="st11" d="M148.67 13.44c-1.68-0.98-5.06-0.52-7.21 0.71V12.5h-1.2v14.25h1.2V15.33c1.74-1.3 5.26-1.79 6.61-1 1.38 0.81 1.38 2.37 1.38 2.43v9.99h1.2v-9.99C150.65 16.67 150.63 14.59 148.67 13.44z"></path><polygon class="st11" points="158.27 18.97 164.05 12.69 162.6 12.69 156 19.89 156 6.68 154.8 6.68 154.8 26.75 156 26.75 156 21.44 157.54 19.77 163.6 26.75 165 26.75 "></polygon><path class="st11" d="M3 10.79L3 10.79l0 16.42 14.22 8.21 14.22-8.21V10.79L17.22 2.58 3 10.79zM26.7 13.53L26.7 13.53 26.7 13.53l-4.74 2.74h0l-4.74-2.74 -4.74 2.74v5.47l4.74 2.74 4.74-2.74 4.74 2.74 -9.48 5.47 -9.48-5.47V13.53l9.48-5.47L26.7 13.53 26.7 13.53z"></path></svg>" class="logo-img" data-attach="true" alt="Creatorlink logo">-->
423				<svg viewBox="0 0 168 38" role="img" class="logo-svg logo-b" data-attach="true" alt="Creatorlink logo"><path class="st11" d="M70.71 12.36c-3.48 0-5.9 2.19-5.9 5.34v4.11c0 3.34 2.17 5.25 5.96 5.25 2.06 0 3.98-0.58 5.41-1.64l0.14-0.11 -1.03-1.95 -0.2 0.1c-1.67 0.85-2.74 1.15-4.11 1.15 -2.23 0-3.23-0.87-3.23-2.83v-0.94h8.62v-3.08C76.37 14.13 74.52 12.36 70.71 12.36zM73.52 18.45h-5.77v-0.92c0-1.91 1.53-2.78 2.96-2.78 2.02 0 2.81 0.78 2.81 2.78V18.45z"/><path class="st11" d="M84.38 12.36c-1.52 0-3.34 0.55-4.87 1.47l-0.17 0.1 1.11 1.95 0.19-0.1c1.41-0.69 2.48-0.98 3.59-0.98 2.22 0 2.93 0.51 2.93 2.1v1.29h-3.64c-3.09 0-4.65 1.47-4.65 4.37 0 1.22 0.39 2.33 1.09 3.12 0.76 0.85 1.84 1.3 3.12 1.3 0.09 0 0.18 0 0.26-0.01 1.37-0.06 2.71-0.51 3.97-0.99l0.04 0.79h2.76v-9.76C90.11 13.76 88.39 12.36 84.38 12.36zM87.17 23.79l-0.01 0c-0.83 0.32-1.87 0.72-3.2 0.73h-0.06c-1.46 0-2.08-0.6-2.08-2.01 0-1.37 0.55-1.92 1.89-1.92h3.47V23.79z"/><path class="st11" d="M101.06 24.31c-0.95 0.23-1.63 0.33-2.26 0.33 -1.16 0-1.27-0.36-1.27-1.31v
423-8.47h3.9l0-2.22h-3.9V9.26l-2.94 0.01v3.38h-2.56v2.22h2.56v8.86c0 2.31 1.18 3.34 3.82 3.34 1.04 0 2.14-0.18 3.11-0.52l0.17-0.06 -0.4-2.23L101.06 24.31z"/><path class="st11" d="M109.95 12.36c-3.88 0-6.11 1.96-6.11 5.36v3.97c0 3.41 2.23 5.36 6.11 5.36 3.88 0 6.11-1.96 6.11-5.36v-3.97C116.06 14.32 113.84 12.36 109.95 12.36zM113.12 21.78c0 1.89-1.04 2.8-3.17 2.8 -2.13 0-3.17-0.92-3.17-2.8v-4.14c0-1.89 1.04-2.8 3.17-2.8 2.13 0 3.17 0.92 3.17 2.8V21.78z"/><path class="st11" d="M59.07 14.72l0.01-2.07H56.3v14.13h2.94v-9.04c1.75-1.89 4.2-3.24 4.2-3.24l-1.4-1.84C62.04 12.65 60.26 13.76 59.07 14.72z"/><path class="st11" d="M121.93 14.72l0.01-2.07h-2.77v14.13h2.94v-9.04c1.75-1.89 4.2-3.24 4.2-3.24l-1.4-1.84C124.91 12.65 123.12 13.76 121.93 14.72z"/><path class="st11" d="M51.54 22.93c-0.96 1.11-2.12 1.66-3.56 1.66 -2.13 0-3.17-0.92-3.17-2.8v-4.14c0-1.89 1.04-2.8 3.17-2.8 1.73 0 2.83 0.77 3.68 1.52l0.13 0.12 1.99-1.39 -0.13-0.17c-0.76-0.95-2.5-2.55-5.67-2.55 -3.88 0-6.11 1.96-6.11 5.36v3.97c0 3.41 2.23 5.36 6.11 5.36 3.03 0 4.76-1.58 5.68-2.91l0.13-0.18 -2.13-1.18L51.54 22.93z"/><rect x="128.71" y="6.68" class="st11" width="1.2" height="20.07"/><rect x="134.41" y="12.69" class="st11" width="1.2" height="14.06"/><rect x="134.41" y="8.29" class="st11" width="1.2" height="2.18"/><path class="st11" d="M148.67 13.44c-1.68-0.98-5.06-0.52-7.21 0.71V12.5h-1.2v14.25h1.2V15.33c1.74-1.3 5.26-1.79 6.61-1 1.38 0.81 1.38 2.37 1.38 2.43v9.99h1.2v-9.99C150.65 16.67 150.63 14.59 148.67 13.44z"/><polygon class="st11" points="158.27 18.97 164.05 12.69 162.6 12.69 156 19.89 156 6.68 154.8 6.68 154.8 26.75 156 26.75 156 21.44 157.54 19.77 163.6 26.75 165 26.75 "/><path class="st11" d="M3 10.79L3 10.79l0 16.42 14.22 8.21 14.22-8.21V10.79L17.22 2.58 3 10.79zM26.7 13.53L26.7 13.53 26.7 13.53l-4.74 2.74h0l-4.74-2.74 -4.74 2.74v5.47l4.74 2.74 4.74-2.74 4.74 2.74 -9.48 5.47 -9.48-5.47V13.53l9.48-5.47L26.7 13.53 26.7 13.53z"/></svg>
424				<span id="ptl-logo-text" class="hide">CREATORLINK</span>
425			</a>
426						<div class="navbar-link">
427				<a href="/upgrade/site" class="">요금제</a>
428				<a href="/template" class="active">템플릿</a>
429				<a href="/bestlist" class="">고객사례</a>
430							</div>
431									<div class="mainmenu-mjoin">
432				<a href="/member/join/select" class="mjoinbtn" id="m_join_btn_head" style="color:#fff">무료로 시작하기</a>
433			</div>
434					</div>
435		
436		<div class="collapse navbar-collapse main-menu col-md-6 col-xs-12 pull-right">
437						<ul class="nav navbar-nav navbar-right main-menubox">
438				<li>
439											<a href="/member/login" id="login_btn_head">로그인</a>
440									</li>
441								<li><a href="/member/join/select" id="join_btn_head">무료로 시작하기</a></li>
442											</ul>
443					</div>		
444	</div>
445</header>
446<div class="m-header_user menu"></div>
447<div class="btn-box m-headerClose hide"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="16px" height="16px"><polygon points="16 1 15 0 8 7 1 0 0 1 7 8 0 15 1 16 8 9 15 16 16 15 9 8 "/></svg></div>
448
449<form id="flogin" name="flogin" method="post" action="/member/login/in">
450 <input type="hidden" name="url" value=template/> <div class="main-login modal fade" id="loginModal" tabindex="-1" role="dialog" data-backdrop="static" aria-labelledby="loginModalLabel" aria-hidden="true">
451  <div class="modal-dialog">
452    <div class="modal-content">
453      <div class="modal-header">
454        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true"><img src="https://storage.googleapis.com/i.addblock.net/fa-close-modal.png" alt="close"></span></button>
455        <h4 class="modal-title" id="myModalLabel">&nbsp;</h4>
456      </div>
457      <div class="modal-body">
458        <div class="text-center"><svg viewBox="0 0 168 38" role="img" class="logo-svg logo-b" data-attach="true" alt="Creatorlink logo"><path class="st11" d="M70.71 12.36c-3.48 0-5.9 2.19-5.9 5.34v4.11c0 3.34 2.17 5.25 5.96 5.25 2.06 0 3.98-0.58 5.41-1.64l0.14-0.11 -1.03-1.95 -0.2 0.1c-1.67 0.85-2.74 1.15-4.11 1.15 -2.23 0-3.23-0.87-3.23-2.83v-0.94h8.62v-3.08C76.37 14.13 74.52 12.36 70.71 12.36zM73.52 18.45h-5.77v-0.92c0-1.91 1.53-2.78 2.96-2.78 2.02 0 2.81 0.78 2.81 2.78V18.45z"/><path class="st11" d="M84.38 12.36c-1.52 0-3.34 0.55-4.87 1.47l-0.17 0.1 1.11 1.95 0.19-0.1c1.41-0.69 2.48-0.98 3.59-0.98 2.22 0 2.93 0.51 2.93 2.1v1.29h-3.64c-3.09 0-4.65 1.47-4.65 4.37 0 1.22 0.39 2.33 1.09 3.12 0.76 0.85 1.84 1.3 3.12 1.3 0.09 0 0.18 0 0.26-0.01 1.37-0.06 2.71-0.51 3.97-0.99l0.04 0.79h2.76v-9.76C90.11 13.76 88.39 12.36 84.38 12.36zM87.17 23.79l-0.01 0c-0.83 0.32-1.87 0.72-3.2 0.73h-0.06c-1.46 0-2.08-0.6-2.08-2.01 0-1.37 0.55-1.92 1.89-1.92h3.47V23.79z"/><path class="st11" d="M101.06 24.31c-0.95 0.23-1.63 0.33-2.26 0.33 -1.16 0-1.27-0.36-1.27-1.31v
458-8.47h3.9l0-2.22h-3.9V9.26l-2.94 0.01v3.38h-2.56v2.22h2.56v8.86c0 2.31 1.18 3.34 3.82 3.34 1.04 0 2.14-0.18 3.11-0.52l0.17-0.06 -0.4-2.23L101.06 24.31z"/><path class="st11" d="M109.95 12.36c-3.88 0-6.11 1.96-6.11 5.36v3.97c0 3.41 2.23 5.36 6.11 5.36 3.88 0 6.11-1.96 6.11-5.36v-3.97C116.06 14.32 113.84 12.36 109.95 12.36zM113.12 21.78c0 1.89-1.04 2.8-3.17 2.8 -2.13 0-3.17-0.92-3.17-2.8v-4.14c0-1.89 1.04-2.8 3.17-2.8 2.13 0 3.17 0.92 3.17 2.8V21.78z"/><path class="st11" d="M59.07 14.72l0.01-2.07H56.3v14.13h2.94v-9.04c1.75-1.89 4.2-3.24 4.2-3.24l-1.4-1.84C62.04 12.65 60.26 13.76 59.07 14.72z"/><path class="st11" d="M121.93 14.72l0.01-2.07h-2.77v14.13h2.94v-9.04c1.75-1.89 4.2-3.24 4.2-3.24l-1.4-1.84C124.91 12.65 123.12 13.76 121.93 14.72z"/><path class="st11" d="M51.54 22.93c-0.96 1.11-2.12 1.66-3.56 1.66 -2.13 0-3.17-0.92-3.17-2.8v-4.14c0-1.89 1.04-2.8 3.17-2.8 1.73 0 2.83 0.77 3.68 1.52l0.13 0.12 1.99-1.39 -0.13-0.17c-0.76-0.95-2.5-2.55-5.67-2.55 -3.88 0-6.11 1.96-6.11 5.36v3.97c0 3.41 2.23 5.36 6.11 5.36 3.03 0 4.76-1.58 5.68-2.91l0.13-0.18 -2.13-1.18L51.54 22.93z"/><rect x="128.71" y="6.68" class="st11" width="1.2" height="20.07"/><rect x="134.41" y="12.69" class="st11" width="1.2" height="14.06"/><rect x="134.41" y="8.29" class="st11" width="1.2" height="2.18"/><path class="st11" d="M148.67 13.44c-1.68-0.98-5.06-0.52-7.21 0.71V12.5h-1.2v14.25h1.2V15.33c1.74-1.3 5.26-1.79 6.61-1 1.38 0.81 1.38 2.37 1.38 2.43v9.99h1.2v-9.99C150.65 16.67 150.63 14.59 148.67 13.44z"/><polygon class="st11" points="158.27 18.97 164.05 12.69 162.6 12.69 156 19.89 156 6.68 154.8 6.68 154.8 26.75 156 26.75 156 21.44 157.54 19.77 163.6 26.75 165 26.75 "/><path class="st11" d="M3 10.79L3 10.79l0 16.42 14.22 8.21 14.22-8.21V10.79L17.22 2.58 3 10.79zM26.7 13.53L26.7 13.53 26.7 13.53l-4.74 2.74h0l-4.74-2.74 -4.74 2.74v5.47l4.74 2.74 4.74-2.74 4.74 2.74 -9.48 5.47 -9.48-5.47V13.53l9.48-5.47L26.7 13.53 26.7 13.53z"/></svg></div>
459        <div class="bottom-box">
460            <span data-lang="page.member.login-modal.jointext">Not a member yet?</span> <a href="/member/join" data-lang="page.member.login-modal.join">Register now</a>
461        </div>
462        <div class="login form-group">
463            <input type="text" id="mb_id" name="mb_id" class="form-control" placeholder="Email Address">
464            <input type="password" id="mb_password" name="mb_password" class="form-control" placeholder="Password">
465        	<div class="row">
466	        	<label class="remember col-md-6 col-sm-6 col-xs-6"><input type="checkbox"/> <span data-lang="page.member.login-modal.reId">Stay signed in</span></label>
467	        	<label class="forget col-md-6 col-sm-6 col-xs-6"><a href="/member/support/password_reset" data-lang="page.member.login-modal.password-reset">Forgot password?</a></label>
468        	</div>
469        </div>
470        <div class="btn-wrap">
471        	<a href="#" class="btn btn-primary btn-lg btn-block" onclick="goSubmit()" data-lang="config.modal.login">LOGIN</a>
472        	<div class="hr-box"><hr/></div>
473        	        	<a href="#" class="btn btn-lg btn-block btn-fblogin" onclick="FaceBookLoginNewAPI()" data-lang="config.modal.fblogin"><i class="fa fa-facebook"></i> FACEBOOK</a>
474        </div>
475      </div>
476    </div>
477  </div>
478</div>
479</form>
480
481<script type="text/javascript" src="/js/jvalidate.js"></script>
vendor: 1 bytes, line 481
481
482<script type="text/javascript" src="/js/jvalid_reg.js"></script>
482
483<div id="fb-root"></div>
484<script>
485	window.fbAsyncInit = function() {
486		FB.init({
487			version : 'v19.0',
488			appId : '590704662264509',		// [ creatorlink ] Facebook App
489			// appId : '398865637129551',	// [ creatorlinkdev ] Facebook Test App
490			status	: true,		//check login status
491			cookie	: true,
492			xfbml	: true
493		});
494
495		FB.getLoginStatus(function(response) {
496			if(response.status == 'connected') {
497				// Logged into your app and Facebook.
498				if( response.authResponse.userID && (typeof $.cookie('_ck_mb_id') != 'undefined')) {
499					$.post('/member/fblogin/in', { userid: response.authResponse.userID }, function(data){
500						if(data.login) {
501							location.replace('/');
502						}
503					},'json');
504				}
505			}
506		});
507	};
508
509	(function(d, s, id){
510		var js, fjs = d.getElementsByTagName(s)[0];
511		if (d.getElementById(id)) {return;}
512		js = d.createElement(s); js.id = id; js.async = true;
513		js.src = 'https://connect.facebook.net/en_KR/all.js';
514		fjs.parentNode.insertBefore(js, fjs);
515	}(document, 'script', 'facebook-jssdk'));
516
517
518	function FaceBookLoginNewAPI() {
519	    FB.login(function(response) {
520			if (response.authResponse) {
521				FB.api('/me', 'GET', {'fields':'id,name,email'}, function(response) {
522					if(	typeof response.id != 'undefined' && response.id && 
523						typeof response.email != 'undefined' && response.email
524					) {
525						fblogin(response);
526					} else {
527						var more_data = `${(typeof response.id != 'undefined' && response.id) ? '(login error code: '+response.id+')' : ''}`;
528						alert('Facebook에서 필요한 정보가 부족합니다. 관리자에게 문의하세요 '+more_data);
529					}
530				});
531			} else {
532				console.log('User cancelled login or did not fully authorize.');
533			}
534	    }, {scope: 'public_profile,email'});
535	}
536
537	var fblogin = function(auth) {
538		$.post('/member/fblogin', { name: auth.name, id: auth.id, email: auth.email, facebook:'facebook'}, function(data){
539			if(typeof data.msg != 'undefined' && data.msg) {
540				alert(data.msg);
541			}
542			if(data.login) {
543				location.replace('/');
544			}
545		},'json');
546	}
547</script>
547
548
549<script>
550var rollingEvId, rollingId;
551var rollingEvStart = function() {
552    var $topbanner = $('#eCommerceOpen').find('ul'),
553        $topWidth = $topbanner.children().outerWidth(),
554        $topHeight = $topbanner.children().outerHeight(),
555        $length = $topbanner.children().length;
556
557    $topbanner.css('height', $topHeight + 'px');
558    $topbanner.animate({top: -$topHeight + 'px'}, 1000, 'easeInOutQuart',function() { 
559        $(this).append($(this).find("li:first").clone().wrapAll('<li/>').parent().html());
560
561        $(this).find('li:first').remove();
562        $(this).css('top', 0);
563    });
564}
565var rollingStart = function() {
566    var $topbanner = $('#eventNotice').find('ul'),
567        $topWidth = $topbanner.children().outerWidth(),
568        $topHeight = $topbanner.children().outerHeight(),
569        $length = $topbanner.children().length;
570
571    $topbanner.css('height', $topHeight + 'px');
572    $topbanner.animate({top: -$topHeight + 'px'}, 1000, 'easeInOutQuart',function() { 
573        $(this).append($(this).find("li:first").clone().wrapAll('<li/>').parent().html());
574
575        $(this).find('li:first').remove();
576        $(this).css('top', 0);
577    });
578}
579$(document).ready(function() {
580	$('#login_btn_head').click(function(){
581		$(this).css('color', '#4789e7');
582	});
583	
584	if(window.innerWidth <= 760) {
585		$('.newCount .badge').text('');
586		if($.mobileToggleMenu && typeof $.mobileToggleMenu.setSignIn == 'function') $.mobileToggleMenu.setSignIn();
587
588		$('#mb_id').unbind('focus').on('focus', function(e) {
589		    var id = $(this).attr('id');
590		    $(this).attr('readonly', true);
591		    setTimeout(function() {
592		      	$("#" + id).attr('readonly', false);
593		    }, 10);
594	  	});
595	}
596	$('#mb_id').attr('placeholder', $.lang[LANG]['config.modal.emailaddress']);
597	$('#mb_password').attr('placeholder', $.lang[LANG]['config.modal.password']);
598
599	$('.newCount').click(function(){
600		location.href='/message/lists';
601	});
602
603	$('.popvers').popover(
604		{ 
605			html: true,
606			trigger: 'focus'
607		}
608	);
609
610	$('#flogin').validate({
611		rules: {
612			mb_id: { required:true },
613			mb_password: { required:true },
614		},
615		messages: {
616			mb_id: { required: $.lang[LANG]['error.required.email']},
617			mb_password: { required: $.lang[LANG]['error.required.password']}
618		},
619		success: function(label) {
620			label.parents('p.errormsg').hide();
621		},		
622		errorPlacement: function(error, element) {
623			//error.appendTo(element.after()).wrap('<p class="errormsg"></p>');
624			var $p = $('<p class="errormsg"></p>');
625			$p.append(error);
626			element.after($p);
627		}
628	});
629
630	$('#loginModal').keyup(function(e)  {
631		if(e.keyCode == 13) {
632			goSubmit();
633		}
634	});
635    	
636		var awardStr = '<div id="awardNotice" class="ev-intro">\
637							<div class="aw-content">\
638								<img src="https://storage.googleapis.com/i.addblock.net/intro/reddotaward.png" alt="Reddot Award" />\
639							</div>\
640						</div>';
641		$('header').append(awardStr);
642        /*if((typeof $.cookie('shoppingEvHide') == 'undefined') && (LANG == 'ko')) {
643                var str = '<div class="ev-content shoppingEv">\
644						        <div class="eventpage-ban">\
645						            <div class="btn-box betasm-close">\
646						                <span>오늘 그만 보기</span>\
647						                <img src="//storage.googleapis.com/i.addblock.net/icon/fa-close-modal-xs_fff.png" alt="" class="btn-en-close small-close">\
648						                <img src="//storage.googleapis.com/i.addblock.net/icon/fa-close-modal_fff.png" alt="close" class="btn-en-close big-close">\
649						            </div>\
650						            <div class="text-box">\
651						                <a class="shoppingOp_banner" href="/shoppingevent" id="shoppingEv-title"><img src="//storage.googleapis.com/i.addblock.net/sm_topbanner_new.png?1" alt="eCommerce shopping open" class="shopping_evpopup img-responsive"><img src="//storage.googleapis.com/i.addblock.net/sm_eventgobtn.png?1" alt="eCommerce shopping open" class="shopping_evpopup img-responsive shopping_evlink"></a>\
652						            </div>\
653						        </div>\
654						    </div>',
655            	ev_openSm = '<div id="eCommerceOpen">\
656                                ' + str + '\
657                            </div>';*/
658		if((typeof $.cookie('shoppingEvHide') == 'undefined') && (LANG == 'ko')) {
659        		var str = '<li class="ev-content shoppingEv">\
660						        <div class="eventpage-ban">\
661						            <div class="btn-box betasm-close" data-type="shopping">\
662						                <span>오늘 그만 보기</span>\
663						                <svg fill="#222428" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="16" height="16"><path d="M8.71 8l7.15-7.15c0.2-0.2 0.2-0.51 0-0.71s-0.51-0.2-0.71 0L8 7.29 0.85 0.15c-0.2-0.2-0.51-0.2-0.71 0s-0.2 0.51 0 0.71L7.29 8l-7.15 7.15c-0.2 0.2-0.2 0.51 0 0.71C0.24 15.95 0.37 16 0.5 16s0.26-0.05 0.35-0.15L8 8.71l7.15 7.15c0.1 0.1 0.23 0.15 0.35 0.15s0.26-0.05 0.35-0.15c0.2-0.2 0.2-0.51 0-0.71L8.71 8z"></path></svg>\
664						            </div>\
665						            <div class="text-box">\
666						                <a class="shoppingOp_banner" href="/shoppingevent" id="shoppingEv-title">\
667						                	<p><span>쇼핑몰,</span> 크리에이터링크로 시작하는 <span>3가지 이유!</span></p>\
668						                </a>\
669						            </div>\
670						        </div>\
671						    </li>';
672	        	ev_openSm = '<div id="eCommerceOpen" class="rolling">\
673					        	<ul>\
674                                ' + str + '\
675                                </ul>\
676                            </div>';
677            //$('header').before($(ev_openSm).outerHTML()).prev('#eCommerceOpen');
678        }
679            	
680        if((window.innerWidth <= 991) || ($('#eCommerceOpen').length == 0)) $('#nav').removeAttr('style'); 
681    
682 	// $('.betasm-close').click(function() {
683 	$(document).off('click', '.betasm-close').on('click', '.betasm-close', function(e) {
684        var beta_close_date = new Date();
685        beta_close_date.setTime(beta_close_date.getTime() + (24 * 60 * 60 * 1000));
686        if(window.innerWidth > 1440) $('#eCommerceOpen').slideToggle(300);
687        $.cookie('shoppingEvHide', true, { path: '/', expires: beta_close_date});
688        setTimeout(function() {
689            $('#eCommerceOpen').remove();
690            $('#eventNotice li.ev-content.shoppingEv').remove();
691            $('#eventNotice li.ev-content.graduEv').remove();
692            if($('#eventNotice').hasClass('ev-intro')) $('#eventNotice').addClass('bnHide');
693        }, 500);
694        $('#nav').removeAttr('style'); 
695    });
696
697    $(window).resize(function() {
698					if((window.innerWidth > 1440) && (LANG == 'ko')) {
699				if($('#eCommerceOpen li').length > 1) {
700			        if(rollingEvId.isRunning() == false) rollingEvId.start();
701			        if(rollingId.isRunning()) rollingId.stop();
702		        }
703		    } else {
704		    	if($('#eventNotice li').length > 1) {
705			    	if(rollingId.isRunning() == false) rollingId.start();
706			        if(rollingEvId.isRunning()) rollingEvId.stop();
707			    }
708		    }
709			});
710});	
711function goSubmit() {
712	$('#flogin').submit();
713}
714</script>
714
715
716
717
718<script>	
719	$(window).on('scroll',function() {
720		var nav = $('#nav').attr('data-page'); //비로그인헤더체크
721		if ($(this).scrollTop() > 35) {
722			$('#nav').css({'zIndex':'99' });
723			if(nav) {
724				$('#nav').css('background-color', 'rgba(255,255,255,0.6)');
725				$('#nav').css('backdrop-filter', 'blur(12px)');
726			}
727		} else {
728			$('#nav').css({'zIndex':'20' }).removeClass('fixed');
729			if(nav) {
730				$('#nav').css('background-color', '#f3f4f9');
731				$('#nav').css('backdrop-filter', 'none');
732			}
733		}
734	});
735
736	$(window).load(function () {
737		var check_user_dash = ("") ? "" : false;
738    
739		if(check_user_dash) {
740			var button_str = '\
741							<div class="user_session_refresh hand">\
742								<span>사용자 관리페이지 종료</span>\
743							</div>\
744							';
745			if($('.user_session_refresh').length==0) {
746				$('.dashboard,.sub-page.sub-plan,.container-fluid.help_page').not('#eventNotice').append(button_str);
747				// $('.sub-page.sub-plan,.container-fluid.help_page').append(button_str);
748			}
749
750			$('.user_session_refresh').on('click',function(){
751				$.ajax({
752						type: 'POST',
753						url: '/dashboard',
754						data: {
755							'path' : 'reset_user'
756						},
757						datatype: "JSON",
758						success:function(data){
759							location.href='/';
760						}
761
762					})
763			}); 
764			
765			var no_active_btn = 'ss_user_noActive';
766
767			$('.dashbottom-wrap').attr('data-ssuser',no_active_btn);
768			if(no_active_btn=='ss_user_noActive') {
769				$('.submenu_navWrap .setting-button, .settingBtnSaveWrap .setting-button, .kakaoemail-setting-button,\
770				.payment-popup .paybtn-mobile, #admin-memo,\
771				.info-subject .delivery-edit, .info-subject .pccc-edit,\
772				.payment-popup #submit-change, .sub-order-title.exchange-disabled').removeClass(no_active_btn).addClass(no_active_btn);
773			}
774		}
775	});
776
777</script>
777
778<!-- www.creatorlink.net -->
779<!-- <section class="customer-interview-section">
780	<div class="container">
781		<div class="row">
782			<div class="carousel slide" id="carousel-interview" data-ride="carousel" data-loop="true" data-interval="1000000">
783			    <div class="carousel-inner" role="listbox" data-loop="true">
784			    	<div class="item bg bg-1 active">
785			            <div class="carousel-caption text-center">
786			                <div class="caption-txt">
787			                	<img class="quot-start" src="//storage.googleapis.com/i.addblock.net/template/interview/double_quot_small.png">
788			                    <p>저는 홈페이지를 제작하는 <br class="hidden-sm hidden-xs">전문가는 아니에요.<br>하지만 초보자들도 쉽게 쓸 수가 있더라고요.<br>주변에서 ‘어디서 만들었냐’ <br class="hidden-sm hidden-xs">소리를 들을 정도로 <br class="hidden-sm hidden-xs">예쁘게 만들 수 있어 좋았습니다.</p>
789			                	<img class="quot-end" src="//storage.googleapis.com/i.addblock.net/template/interview/double_quot_small.png">
790			                </div>
791			                <div class="carousel-link">
792			                    <p>해튼 헤리티지 (HATTON heritage)<br><span style="font-weight: 500; color: rgb(71, 137, 231);"><a href="/template/interview/hatton-heritage"><u>자세히 보기 <i class="fa fa-angle-right"></i></u></a></span></p>
793			                </div>
794			            </div>
795			        </div>
796			        <div class="item bg bg-2">
797			            <div class="carousel-caption text-center">
798			            	<div class="caption-txt">
799			                	<img class="quot-start" src="//storage.googleapis.com/i.addblock.net/template/interview/double_quot_small.png">
800			                    <p>16년 반 정도 웹 기획자로 일을 했었지만,<br>‘어쩜 이렇게 쉽게 잘 만들어 뒀을까?’<br>‘쉽게 편집할 수 있게 해줘서 고맙다’<br>생각할 정도로 굉장히 편했습니다.</p>
801			                	<img class="quot-end" src="//storage.googleapis.com/i.addblock.net/template/interview/double_quot_small.png">
802			                </div>
803			                <div class="carousel-link">
804			                    <p>마크앤케이트 (MARK & KATE)<br><span style="font-weight: 500; color: rgb(71, 137, 231);"><a href="/template/interview/mark-and-kate"><u>자세히 보기 <i class="fa fa-angle-right"></i></u></a></span></p>
805			                </div>
806			            </div>
807			        </div>
808			        <div class="item bg bg-3">
809			            <div class="carousel-caption text-center">
810			                <div class="caption-txt">
811			                	<img class="quot-start" src="//storage.googleapis.com/i.addblock.net/template/interview/double_quot_small.png">
812			                    <p>컴알못인 저희도 <br class="hidden-sm hidden-xs">자사몰 홈페이지를 만들었습니다.<br>홈페이지 만드는 게 무조건 <br class="hidden-sm hidden-xs">어렵다고만 생각하시는 분들께 <br class="hidden-sm hidden-xs">강력 추천해요.</p>
813			                	<img class="quot-end" src="//storage.googleapis.com/i.addblock.net/template/interview/double_quot_small.png">
814			                </div>
815			                <div class="carousel-link">
816			                    <p>에이에이 세라믹 스튜디오 (aa ceramic studio)<br><span style="font-weight: 500; color: rgb(71, 137, 231);"><a href="/template/interview/aa-ceramic-studio"><u>자세히 보기 <i class="fa fa-angle-right"></i></u></a></span></p>
817			                </div>
818			            </div>
819			        </div>
820			    </div>
821			    <ol class="carousel-indicators" data-nav="true" data-navigation="true">
822                    <li data-target="#carousel-interview" data-slide-to="0" class="active"></li>
823                    <li data-target="#carousel-interview" data-slide-to="1" class=""></li>
824                    <li data-target="#carousel-interview" data-slide-to="2" class=""></li>
825                </ol>
826			</div>
827		    <div class="carousel-control-wrap">
828		        <a class="carousel-control left" href="#carousel-interview" data-sli
828de="prev"><svg viewBox="0 0 54 54" width="54" height="54"><path d="M39.25 52c-.13 0-.25-.05-.35-.14L14.4 27.35a.489.489 0 0 1 0-.69L38.91 2.14a.489.489 0 0 1 .69.69L15.44 27 39.6 51.16c.19.19.19.5 0 .69a.47.47 0 0 1-.35.15z" /></svg></a>
829		        <a class="carousel-control right" href="#carousel-interview" data-slide="next"><svg viewBox="0 0 54 54" width="54" height="54"><path d="M14.75 52c-.13 0-.25-.05-.35-.14a.489.489 0 0 1 0-.69L38.56 27 14.4 2.84a.489.489 0 0 1 .69-.69l24.51 24.5c.19.19.19.5 0 .69L15.09 51.86c-.09.09-.22.14-.34.14z" /></svg></a>                 
830		    </div>
831		</div>
832	</div>
833</section> -->
834<section class="hero-template">
835	<div class="container">
836		<div class="signupForm">
837			<h1 data-lang="page.template.title">템플릿을 선택하여 사이트를 제작하세요!</h1>
838			<!-- <p data-lang="page.template.caption">모든 템플릿들은 20여 개 블럭들의 조합으로 구성되어 있습니다1111111.<br> 원하는 스타일의 템플릿을 선택하신 후, 필요 없는 블럭들은 삭제하고 다른 디자인의 블럭들을 추가하면서 <br class="visible-md visible-lg">자신만의 개성 있는 사이트를 만들어보세요!</p> -->
839			<p data-lang="page.template.caption">원하는 스타일의 템플릿을 선택하신 후,<br>블럭을 추가해 자신만의 개성 있는 사이트를 만들어보세요!</p>
840		</div>
841	</div>
842</section>
843
844
845<section class="template-cate-list">
846	<div class="container catebox">
847		<a class="cate active" data-cate="" href="javascript:;">전체</a>
848		<a class="cate" data-cate="company" href="javascript:;">기업</a>
849		<a class="cate" data-cate="construct" href="javascript:;">분양/건설/인테리어</a>
850		<a class="cate" data-cate="product" href="javascript:;">제품</a>
851		<a class="cate" data-cate="culture" href="javascript:;">공연/전시/행사</a>
852		<a class="cate" data-cate="shopping" href="javascript:;">쇼핑</a>
853		<a class="cate" data-cate="beauty" href="javascript:;">패션/뷰티</a>
854		<a class="cate" data-cate="cafe" href="javascript:;">카페/레스토랑</a>
855				<a class="cate" data-cate="franchise" href="javascript:;">프랜차이즈</a>
856		<a class="cate" data-cate="sports" href="javascript:;">레저/스포츠/여행</a>
857		<a class="cate" data-cate="studio" href="javascript:;">포트폴리오/스튜디오</a>
858		<a class="cate" data-cate="expo" href="javascript:;">졸업전시회</a>
859		<a class="cate" data-cate="edu" href="javascript:;">학원(교육)/취미</a>
860		<!-- <a class="cate" data-cate="hotel" href="javascript:;">숙박/펜션</a> -->
861		<!-- <a class="cate" data-cate="hospital" href="javascript:;">병원</a> -->
862	</div>
863</section>
864<section class="template-list">
865	<div class="container">
866		
867		<div class="row rowbox">
868						<div class="col-md-4 col-sm-6 col-xs-12 category">
869				<a href="javascript:;">
870					<div class="imgbox">
871						<input type="hidden" class="sid" value="acinonyx_en">
872						<img src="https://storage.googleapis.com/i.addblock.net/sample/tpl_acinonyx_eng_renew.jpg" class="img-responsive">
873						<div class="overbox view-template" data-sid="acinonyx_en" data-stag="" data-stempname="real estate" data-cate="construct"><span>미리보기</span></div>
874												<img src="//storage.googleapis.com/i.addblock.net/icon-new-template.png" class="icon-new-template">
875																	</div>
876										 <!-- 라이브-->
877													<div class="bar">real estate</div>
878															</a>
879			</div>
880						<div class="col-md-4 col-sm-6 col-xs-12 category">
881				<a href="javascript:;">
882					<div class="imgbox">
883						<input type="hidden" class="sid" value="company04_en">
884						<img src="//storage.googleapis.com/i.addblock.net/sample/temp_company04_thumb_ko.png?1" class="img-responsive">
885						<div class="overbox view-template" data-sid="company04_en" data-stag="" data-stempname="company profile 02" data-cate="company"><span>미리보기</span></div>
886												<img src="//storage.googleapis.com/i.addblock.net/icon-new-template.png" class="icon-new-template">
887																	</div>
888										 <!-- 라이브-->
889													<div class="bar">
889company profile 02</div>
890															</a>
891			</div>
892						<div class="col-md-4 col-sm-6 col-xs-12 category">
893				<a href="javascript:;">
894					<div class="imgbox">
895						<input type="hidden" class="sid" value="company05_en">
896						<img src="//storage.googleapis.com/i.addblock.net/sample/temp_company05_thumb_en.png?1" class="img-responsive">
897						<div class="overbox view-template" data-sid="company05_en" data-stag="" data-stempname="company profile 03" data-cate="company"><span>미리보기</span></div>
898												<img src="//storage.googleapis.com/i.addblock.net/icon-new-template.png" class="icon-new-template">
899																	</div>
900										 <!-- 라이브-->
901													<div class="bar">company profile 03</div>
902															</a>
903			</div>
904						<div class="col-md-4 col-sm-6 col-xs-12 category">
905				<a href="javascript:;">
906					<div class="imgbox">
907						<input type="hidden" class="sid" value="portfolio22_en">
908						<img src="//storage.googleapis.com/i.addblock.net/sample/temp_portfolio_22_en_thumb.jpg?1" class="img-responsive">
909						<div class="overbox view-template" data-sid="portfolio22_en" data-stag="" data-stempname="illustrator 01" data-cate="studio"><span>미리보기</span></div>
910												<img src="//storage.googleapis.com/i.addblock.net/icon-new-template.png" class="icon-new-template">
911																	</div>
912										 <!-- 라이브-->
913													<div class="bar">illustrator 01</div>
914															</a>
915			</div>
916						<div class="col-md-4 col-sm-6 col-xs-12 category">
917				<a href="javascript:;">
918					<div class="imgbox">
919						<input type="hidden" class="sid" value="company06_en">
920						<img src="//storage.googleapis.com/i.addblock.net/sample/temp_company06_thumb_en.png?1" class="img-responsive">
921						<div class="overbox view-template" data-sid="company06_en" data-stag="" data-stempname="company profile 04" data-cate="company"><span>미리보기</span></div>
922												<img src="//storage.googleapis.com/i.addblock.net/icon-new-template.png" class="icon-new-template">
923																	</div>
924										 <!-- 라이브-->
925													<div class="bar">company profile 04</div>
926															</a>
927			</div>
928						<div class="col-md-4 col-sm-6 col-xs-12 category">
929				<a href="javascript:;">
930					<div class="imgbox">
931						<input type="hidden" class="sid" value="portfolio23_en">
932						<img src="//storage.googleapis.com/i.addblock.net/sample/temp_portfolio_23_en_thumb.jpg" class="img-responsive">
933						<div class="overbox view-template" data-sid="portfolio23_en" data-stag="" data-stempname="illustrator 02" data-cate="studio"><span>미리보기</span></div>
934												<img src="//storage.googleapis.com/i.addblock.net/icon-new-template.png" class="icon-new-template">
935																	</div>
936										 <!-- 라이브-->
937													<div class="bar">illustrator 02</div>
938															</a>
939			</div>
940						<div class="col-md-4 col-sm-6 col-xs-12 category">
941				<a href="javascript:;">
942					<div class="imgbox">
943						<input type="hidden" class="sid" value="mysticetus_en">
944						<img src="//storage.googleapis.com/i.addblock.net/sample/tpl_mysticetus_eng.jpg" class="img-responsive">
945						<div class="overbox view-template" data-sid="mysticetus_en" data-stag="" data-stempname="company profile 07" data-cate="company"><span>미리보기</span></div>
946																	</div>
947										 <!-- 라이브-->
948													<div class="bar">company profile 07</div>
949															</a>
950			</div>
951						<div class="col-md-4 col-sm-6 col-xs-12 category">
952				<a href="javascript:;">
953					<div class="imgbox">
954						<input type="hidden" class="sid" value="academy04_en">
955						<img src="//storage.googleapis.com/i.addblock.net/sample/temp_academy_04_en_thumb.jpg" class="img-responsive">
956						<div class="overbox view-template" data-sid="academy04_en" data-stag="" data-stempname="art academy" data-cate="edu"><span>미리보기</span></div>
957												<img src="//storage.googleapis.com/i.addblock.net/icon-new-template.png" class="icon-new-template">
958																	</div>
959										 <!-- 라이브-->
960													<div class="bar">art academy</div>
961															</a>
962			</div>
963						<div class="col-md-4 col-sm-6 col-xs-12 category">
964				<a href="javascript:;">
965					<div class="imgbox">
966						<input type="hidden" class="sid" value="rourei_en">
967						<img src="//storage.googleapis.com/i.addblock.net/sample/temp_portfolio09_thumb_en.png" class="img-responsive">
968						<div class="overbox view-template" data-sid="rourei_en" data-stag="" data-stempname="brand designer" data-cate="studio"><span>미리보기</span></div>
969																	</div>
970										 <!-- 라이브-->
971													<div class="bar">brand designer</div>
972															</a>
973			</div>
974						<div class="col-md-4 col-sm-6 col-xs-12 category">
975				<a href="javascript:;">
976					<div class="imgbox">
977						<input type="hidden" class="sid" value="academy05_en">
978						<img src="//storage.googleapis.com/i.addblock.net/sample/temp_academy_05_thumb_en.jpg" class="img-responsive">
979						<div class="overbox view-template" data-sid="academy05_en" data-stag="" data-stempname="leather workshop" data-cate="edu"><span>미리보기</span></div>
980												<img src="//storage.googleapis.com/i.addblock.net/icon-new-template.png" class="icon-new-template">
981																	</div>
982										 <!-- 라이브-->
983													<div class="bar">leather workshop</div>
984															</a>
985			</div>
986						<div class="col-md-4 col-sm-6 col-xs-12 category">
987				<a href="javascript:;">
988					<div class="imgbox">
989						<input type="hidden" class="sid" value="cafe04_en">
990						<img src="//storage.googleapis.com/i.addblock.net/sample/temp_cafe_04_en_thumb.jpg" class="img-responsive">
991						<div class="overbox view-template" data-sid="cafe04_en" data-stag="" data-stempname="gimbap bunsik / franchise" data-cate="cafe"><span>미리보기</span></div>
992												<img src="//storage.googleapis.com/i.addblock.net/icon-new-template.png" class="icon-new-template">
993																	</div>
994										 <!-- 라이브-->
995													<div class="bar">gimbap bunsik / franchise</div>
996															</a>
997			</div>
998						<div class="col-md-4 col-sm-6 col-xs-12 category">
999				<a href="javascript:;">
1000					<div class="imgbox">
1001						<input type="hidden" class="sid" value="cafe05_en">
1002						<img src="//storage.googleapis.com/i.addblock.net/sample/temp_cafe_05_thumb_en.jpg?2" class="img-responsive">
1003						<div class="overbox view-template" data-sid="cafe05_en" data-stag="" data-stempname="fusion seafood / franchise" data-cate="cafe"><span>미리보기</span></div>
1004												<img src="//storage.googleapis.com/i.addblock.net/icon-new-template.png" class="icon-new-template">
1005																	</div>
1006										 <!-- 라이브-->
1007													<div class="bar">fusion seafood / franchise</div>
1008															</a>
1009			</div>
1010						<div class="col-md-4 col-sm-6 col-xs-12 category">
1011				<a href="javascript:;">
1012					<div class="imgbox">
1013						<input type="hidden" class="sid" value="company03_en">
1014						<img src="//storage.googleapis.com/i.addblock.net/sample/temp_company03_thumb_en.png?1" class="img-responsive">
1015						<div class="overbox view-template" data-sid="company03_en" data-stag="" data-stempname="company profile 01 / salad / franchise" data-cate="company"><span>미리보기</span></div>
1016												<img src="//storage.googleapis.com/i.addblock.net/icon-new-template.png" class="icon-new-template">
1017																	</div>
1018										 <!-- 라이브-->
1019													<div class="bar">company profile 01 / salad / franchise</div>
1020															</a>
1021			</div>
1022						<div class="col-md-4 col-sm-6 col-xs-12 category">
1023				<a href="javascript:;">
1024					<div class="imgbox">
1025						<input type="hidden" class="sid" value="company07_en">
1026						<img src="//storage.googleapis.com/i.addblock.net/sample/temp_company07_thumb_en.png?1" class="img-responsive">
1027						<div class="overbox view-template" data-sid="company07_en" data-stag="" data-stempname="company profile 05 / medicine" data-cate="company"><span>미리보기</span></div>
1028												<img src="//storage.googleapis.com/i.addblock.net/icon-new-template.png" class="icon-new-template">
1029																	</div>
1030										 <!-- 라이브-->
1031													<div class="bar">company profile 05 / medicine</div>
1032															</a>
1033			</div>
1034						<div class="col-md-4 col-sm-6 col-xs-12 category">
1035				<a href="javascript:;">
1036					<div class="imgbox">
1037						<input type="hidden" class="sid" value="culture01_en">
1038						<img src="//storage.googleapis.com/i.addblock.net/sample/temp_culture_01_thumb_en.jpg" class="img-responsive">
1039						<div class="overbox view-template" data-sid="culture01_en" data-stag="" data-stempname="museum 01" data-cate="culture"><span>미리보기</span></div>
1040												<img src="//storage.googleapis.com/i.addblock.net/icon-new-template.png" class="icon-new-template">
1041																	</div>
1042										 <!-- 라이브-->
1043													<div class="bar">museum 01</div>
1044															</a>
1045			</div>
1046						<div class="col-md-4 col-sm-6 col-xs-12 category">
1047				<a href="javascript:;">
1048					<div class="imgbox">
1049						<input type="hidden" class="sid" value="culture08_en">
1050						<img src="//storage.googleapis.com/i.addblock.net/sample/temp_culture_08_en_thumb.jpg" class="img-responsive">
1051						<div class="overbox view-template" data-sid="culture08_en" data-stag="" data-stempname="art hall" data-cate="culture"><span>미리보기</span></div>
1052												<img src="//storage.googleapis.com/i.addblock.net/icon-new-template.png" class="icon-new-template">
1053																	</div>
1054										 <!-- 라이브-->
1055													<div class="bar">art hall</div>
1056															</a>
1057			</div>
1058						<div class="col-md-4 col-sm-6 col-xs-12 category">
1059				<a href="javascript:;">
1060					<div class="imgbox">
1061						<input type="hidden" class="sid" value="franchise01_en">
1062						<img src="//storage.googleapis.com/i.addblock.net/sample/tpl_franchise01_en.jpg" class="img-responsive">
1063						<div class="overbox view-template" data-sid="franchise01_en" data-stag="" data-stempname="franchise" data-cate="franchise"><span>미리보기</span></div>
1064												<img src="//storage.googleapis.com/i.addblock.net/icon-new-template.png" class="icon-new-template">
1065																	</div>
1066										 <!-- 라이브-->
1067													<div class="bar">franchise</div>
1068															</a>
1069			</div>
1070						<div class="col-md-4 col-sm-6 col-xs-12 category">
1071				<a href="javascript:;">
1072					<div class="imgbox">
1073						<input type="hidden" class="sid" value="product02_en">
1074						<img src="//storage.googleapis.com/i.addblock.net/sample/temp_product_02_en_thumb.jpg" class="img-responsive">
1075						<div class="overbox view-template" data-sid="product02_en" data-stag="" data-stempname="sportswear / yoga" data-cate="product"><span>미리보기</span></div>
1076												<img src="//storage.googleapis.com/i.addblock.net/icon-new-template.png" class="icon-new-template">
1077																	</div>
1078										 <!-- 라이브-->
1079													<div class="bar">sportswear / yoga</div>
1080															</a>
1081			</div>
1082						<div class="col-md-4 col-sm-6 col-xs-12 category">
1083				<a href="javascript:;">
1084					<div class="imgbox">
1085						<input type="hidden" class="sid" value="academy02_en">
1086						<img src="//storage.googleapis.com/i.addblock.net/sample/temp_academy_02_thumb_en.jpg" class="img-responsive">
1087						<div class="overbox view-template" data-sid="academy02_en" data-stag="" data-stempname="bakery academy" data-cate="edu"><span>미리보기</span></div>
1088																	</div>
1089										 <!-- 라이브-->
1090													<div class="bar">bakery academy</div>
1091															</a>
1092			</div>
1093						<div class="col-md-4 col-sm-6 col-xs-12 category">
1094				<a href="javascript:;">
1095					<div class="imgbox">
1096						<input type="hidden" class="sid" value="academy03_en">
1097						<img src="//storage.googleapis.com/i.addblock.net/sample/temp_academy_03_thumb_en.jpg" class="img-responsive">
1098						<div class="overbox view-template" data-sid="academy03_en" data-stag="" data-stempname="english academy" data-cate="edu"><span>미리보기</span></div>
1099																	</div>
1100										 <!-- 라이브-->
1101													<div class="bar">english academy</div>
1102															</a>
1103			</div>
1104						<div class="col-md-4 col-sm-6 col-xs-12 category">
1105				<a href="javascript:;">
1106					<div class="imgbox">
1107						<input type="hidden" class="sid" value="beauty01_en">
1108						<img src="//storage.googleapis.com/i.addblock.net/sample/temp_beauty_01_thumb.jpg" class="img-responsive">
1109						<div class="overbox view-template" data-sid="beauty01_en" data-stag="" data-stempname="skincare 01" data-cate="beauty"><span>미리보기</span></div>
1110																	</div>
1111										 <!-- 라이브-->
1112													<div class="bar">skincare 01</div>
1113															</a>
1114			</div>
1115						<div class="col-md-4 col-sm-6 col-xs-12 category">
1116				<a href="javascript:;">
1117					<div class="imgbox">
1118						<input type="hidden" class="sid" value="beauty02_en">
1119						<img src="//storage.googleapis.com/i.addblock.net/sample/temp_beauty_02_thumb.jpg" class="img-responsive">
1120						<div class="overbox view-template" data-sid="beauty02_en" data-stag="" data-stempname="hair" data-cate="beauty"><span>미리보기</span></div>
1121																	</div>
1122										 <!-- 라이브-->
1123													<div class="bar">hair</div>
1124															</a>
1125			</div>
1126						<div class="col-md-4 col-sm-6 col-xs-12 category">
1127				<a href="javascript:;">
1128					<div class="imgbox">
1129						<input type="hidden" class="sid" value="beauty03_en">
1130						<img src="//storage.googleapis.com/i.addblock.net/sample/temp_beauty_03_thumb.jpg" class="img-responsive">
1131						<div class="overbox view-template" data-sid="beauty03_en" data-stag="" data-stempname="nail art" data-cate="beauty"><span>미리보기</span></div>
1132																	</div>
1133										 <!-- 라이브-->
1134													<div class="bar">nail art</div>
1135															</a>
1136			</div>
1137						<div class="col-md-4 col-sm-6 col-xs-12 category">
1138				<a href="javascript:;">
1139					<div class="imgbox">
1140						<input type="hidden" class="sid" value="beluga_en">
1141						<img src="//storage.googleapis.com/cr-resource/image/ca88a4ffad44d88281a70309eb5a61cd/kaa1910/650/e9ee339655e6f91104254d61917d8c39.jpg" class="img-responsive">
1142						<div class="overbox view-template" data-sid="beluga_en" data-stag="" data-stempname="graphic designer 04" data-cate="studio"><span>미리보기</span></div>
1143																	</div>
1144										 <!-- 라이브-->
1145													<div class="bar">graphic designer 04</div>
1146															</a>
1147			</div>
1148						<div class="col-md-4 col-sm-6 col-xs-12 category">
1149				<a href="javascript:;">
1150					<div class="imgbox">
1151						<input type="hidden" class="sid" value="civettina_en">
1152						<img src="https://storage.googleapis.com/i.addblock.net/sample/newtpl07/cul_update03.png" class="img-responsive">
1153						<div class="overbox view-template" data-sid="civettina_en" data-stag="" data-stempname="exhibition 01" data-cate="culture"><span>미리보기</span></div>
1154																	</div>
1155										 <!-- 라이브-->
1156													<div class="bar">exhibition 01</div>
1157															</a>
1158			</div>
1159						<div class="col-md-4 col-sm-6 col-xs-12 category">
1160				<a href="javascript:;">
1161					<div class="imgbox">
1162						<input type="hidden" class="sid" value="company02_en">
1163						<img src="//storage.googleapis.com/i.addblock.net/sample/temp_company_02_thumb_en.jpg" class="img-responsive">
1164						<div class="overbox view-template" data-sid="company02_en" data-stag="" data-stempname="company profile 06" data-cate="company"><span>미리보기</span></div>
1165																	</div>
1166										 <!-- 라이브-->
1167													<div class="bar">company profile 06</div>
1168															</a>
1169			</div>
1170						<div class="col-md-4 col-sm-6 col-xs-12 category">
1171				<a href="javascript:;">
1172					<div class="imgbox">
1173						<input type="hidden" class="sid" value="culture02_en">
1174						<img src="//storage.googleapis.com/i.addblock.net/sample/temp_culture_02_thumb_en.jpg" class="img-responsive">
1175						<div class="overbox view-template" data-sid="culture02_en" data-stag="" data-stempname="fair 01" data-cate="culture"><span>미리보기</span></div>
1176																	</div>
1177										 <!-- 라이브-->
1178													<div class="bar">fair 01</div>
1179															</a>
1180			</div>
1181						<div class="col-md-4 col-sm-6 col-xs-12 category">
1182	
1182			<a href="javascript:;">
1183					<div class="imgbox">
1184						<input type="hidden" class="sid" value="culture07_en">
1185						<img src="//storage.googleapis.com/i.addblock.net/sample/temp_culture_07_en_thumb.jpg?1" class="img-responsive">
1186						<div class="overbox view-template" data-sid="culture07_en" data-stag="" data-stempname="museum 02" data-cate="culture"><span>미리보기</span></div>
1187																	</div>
1188										 <!-- 라이브-->
1189													<div class="bar">museum 02</div>
1190															</a>
1191			</div>
1192						<div class="col-md-4 col-sm-6 col-xs-12 category">
1193				<a href="javascript:;">
1194					<div class="imgbox">
1195						<input type="hidden" class="sid" value="diazi_en">
1196						<img src="https://storage.googleapis.com/i.addblock.net/sample/dize_thumnail.png" class="img-responsive">
1197						<div class="overbox view-template" data-sid="diazi_en" data-stag="" data-stempname="fair 02" data-cate="culture"><span>미리보기</span></div>
1198																	</div>
1199										 <!-- 라이브-->
1200													<div class="bar">fair 02</div>
1201															</a>
1202			</div>
1203						<div class="col-md-4 col-sm-6 col-xs-12 category">
1204				<a href="javascript:;">
1205					<div class="imgbox">
1206						<input type="hidden" class="sid" value="euryzona_en">
1207						<img src="http://storage.googleapis.com/i.addblock.net/sample/tpl_house02_en.jpg" class="img-responsive">
1208						<div class="overbox view-template" data-sid="euryzona_en" data-stag="" data-stempname="interior 01" data-cate="construct"><span>미리보기</span></div>
1209																	</div>
1210										 <!-- 라이브-->
1211													<div class="bar">interior 01</div>
1212															</a>
1213			</div>
1214						<div class="col-md-4 col-sm-6 col-xs-12 category">
1215				<a href="javascript:;">
1216					<div class="imgbox">
1217						<input type="hidden" class="sid" value="fennec_en">
1218						<img src="//storage.googleapis.com/cr-resource/image/ca88a4ffad44d88281a70309eb5a61cd/kaa1910/650/7e1cbbf114b08bee4a8f0ace32411a6c.jpg" class="img-responsive">
1219						<div class="overbox view-template" data-sid="fennec_en" data-stag="" data-stempname="architectural designer" data-cate="studio"><span>미리보기</span></div>
1220																	</div>
1221										 <!-- 라이브-->
1222													<div class="bar">architectural designer</div>
1223															</a>
1224			</div>
1225						<div class="col-md-4 col-sm-6 col-xs-12 category">
1226				<a href="javascript:;">
1227					<div class="imgbox">
1228						<input type="hidden" class="sid" value="fulica_en">
1229						<img src="//storage.googleapis.com/i.addblock.net/sample/tpl_fulica_eng_renew.jpg" class="img-responsive">
1230						<div class="overbox view-template" data-sid="fulica_en" data-stag="" data-stempname="graduation exhibition 01" data-cate="expo"><span>미리보기</span></div>
1231																	</div>
1232										 <!-- 라이브-->
1233													<div class="bar">graduation exhibition 01</div>
1234															</a>
1235			</div>
1236						<div class="col-md-4 col-sm-6 col-xs-12 category">
1237				<a href="javascript:;">
1238					<div class="imgbox">
1239						<input type="hidden" class="sid" value="gambieri_en">
1240						<img src="//storage.googleapis.com/cr-resource/image/ca88a4ffad44d88281a70309eb5a61cd/kaa1910/650/tpl_img_gambieri.PNG" class="img-responsive">
1241						<div class="overbox view-template" data-sid="gambieri_en" data-stag="" data-stempname="graphic designer 05" data-cate="studio"><span>미리보기</span></div>
1242																	</div>
1243										 <!-- 라이브-->
1244													<div class="bar">graphic designer 05</div>
1245															</a>
1246			</div>
1247						<div class="col-md-4 col-sm-6 col-xs-12 category">
1248				<a href="javascript:;">
1249					<div class="imgbox">
1250						<input type="hidden" class="sid" value="gerpi_en">
1251						<img src="//storage.googleapis.com/i.addblock.net/sample/temp_portfolio15_thumb_en.png" class="img-responsive">
1252						<div class="overbox view-template" data-sid="gerpi_en" data-stag="" data-stempname="photographer 05" data-cate="studio"><span>미리보기</span></div>
1253																	</div>
1254										 <!-- 라이브-->
1255													<div class="bar">photographer 05</div>
1256															</a>
1257			</div>
1258						<div class="col-md-4 col-sm-6 col-xs-12 category">
1259				<a href="javascript:;">
1260					<div class="imgbox">
1261						<input type="hidden" class="sid" value="graysoni_en">
1262						<img src="//storage.googleapis.com/i.addblock.net/sample/temp_portfolio04_thumb_en.png" class="img-responsive">
1263						<div class="overbox view-template" data-sid="graysoni_en" data-stag="" data-stempname="graphic designer 01" data-cate="studio"><span>미리보기</span></div>
1264																	</div>
1265										 <!-- 라이브-->
1266													<div class="bar">graphic designer 01</div>
1267															</a>
1268			</div>
1269						<div class="col-md-4 col-sm-6 col-xs-12 category">
1270				<a href="javascript:;">
1271					<div class="imgbox">
1272						<input type="hidden" class="sid" value="gryphus_en">
1273						<img src="//storage.googleapis.com/i.addblock.net/sample/tpl_beauty05_en.jpg" class="img-responsive">
1274						<div class="overbox view-template" data-sid="gryphus_en" data-stag="" data-stempname="wedding dress" data-cate="beauty"><span>미리보기</span></div>
1275																	</div>
1276										 <!-- 라이브-->
1277													<div class="bar">wedding dress</div>
1278															</a>
1279			</div>
1280						<div class="col-md-4 col-sm-6 col-xs-12 category">
1281				<a href="javascript:;">
1282					<div class="imgbox">
1283						<input type="hidden" class="sid" value="guanicoe_en">
1284						<img src="https://storage.googleapis.com/i.addblock.net/sample/temp_beauty_04_en_thumb.jpg" class="img-responsive">
1285						<div class="overbox view-template" data-sid="guanicoe_en" data-stag="" data-stempname="skincare 02 / cosmetics" data-cate="beauty"><span>미리보기</span></div>
1286																	</div>
1287										 <!-- 라이브-->
1288													<div class="bar">skincare 02 / cosmetics</div>
1289															</a>
1290			</div>
1291						<div class="col-md-4 col-sm-6 col-xs-12 category">
1292				<a href="javascript:;">
1293					<div class="imgbox">
1294						<input type="hidden" class="sid" value="house05_en">
1295						<img src="//storage.googleapis.com/i.addblock.net/sample/temp_house_05_en_thumb.jpg" class="img-responsive">
1296						<div class="overbox view-template" data-sid="house05_en" data-stag="" data-stempname="construction" data-cate="construct"><span>미리보기</span></div>
1297																	</div>
1298										 <!-- 라이브-->
1299													<div class="bar">construction</div>
1300															</a>
1301			</div>
1302						<div class="col-md-4 col-sm-6 col-xs-12 category">
1303				<a href="javascript:;">
1304					<div class="imgbox">
1305						<input type="hidden" class="sid" value="iliensis_en">
1306						<img src="//storage.googleapis.com/i.addblock.net/sample/temp_cafe02_thumb_en.png?1" class="img-responsive">
1307						<div class="overbox view-template" data-sid="iliensis_en" data-stag="" data-stempname="cafe 02" data-cate="cafe"><span>미리보기</span></div>
1308																	</div>
1309										 <!-- 라이브-->
1310													<div class="bar">cafe 02</div>
1311															</a>
1312			</div>
1313						<div class="col-md-4 col-sm-6 col-xs-12 category">
1314				<a href="javascript:;">
1315					<div class="imgbox">
1316						<input type="hidden" class="sid" value="inscinius_en">
1317						<img src="//storage.googleapis.com/i.addblock.net/sample/temp_portfolio21_thumb_en.png" class="img-responsive">
1318						<div class="overbox view-template" data-sid="inscinius_en" data-stag="" data-stempname="product designer" data-cate="studio"><span>미리보기</span></div>
1319																	</div>
1320										 <!-- 라이브-->
1321													<div class="bar">product designer</div>
1322															</a>
1323			</div>
1324						<div class="col-md-4 col-sm-6 col-xs-12 category">
1325				<a href="javascript:;">
1326					<div class="imgbox">
1327						<input type="hidden" class="sid" value="itatsi_en">
1328						<img src="//storage.googleapis.com/i.addblock.net/sample/temp_portfolio13_thumb_en.png" class="img-responsive">
1329						<div class="overbox view-template" data-sid="itatsi_en" data-stag="" data-stempname="photographer 04" data-cate="studio"><span>미리보기</span></div>
1330																	</div>
1331										 <!-- 라이브-->
1332													<div class="bar">photographer 04</div>
1333															</a>
1334			</div>
1335						<div class="col-md-4 col-sm-6 col-xs-12 category">
1336				<a href="javascript:;">
1337					<div class="imgbox">
1338						<input type="hidden" class="sid" value="javan_en">
1339						<img src="//storage.googleapis.com/i.addblock.net/sample/temp_sports01_thumb_en.png" class="img-responsive">
1340						<div class="overbox view-template" data-sid="javan_en" data-stag="" data-stempname="surfing" data-cate="sports"><span>미리보기</span></div>
1341																	</div>
1342										 <!-- 라이브-->
1343													<div class="bar">surfing</div>
1344															</a>
1345			</div>
1346						<div class="col-md-4 col-sm-6 col-xs-12 category">
1347				<a href="javascript:;">
1348					<div class="imgbox">
1349						<input type="hidden" class="sid" value="jefferyi_en">
1350						<img src="//storage.googleapis.com/cr-resource/image/ca88a4ffad44d88281a70309eb5a61cd/kaa1910/650/tpl_img_jefferyi.PNG" class="img-responsive">
1351						<div class="overbox view-template" data-sid="jefferyi_en" data-stag="" data-stempname="photographer 08" data-cate="studio"><span>미리보기</span></div>
1352																	</div>
1353										 <!-- 라이브-->
1354													<div class="bar">photographer 08</div>
1355															</a>
1356			</div>
1357						<div class="col-md-4 col-sm-6 col-xs-12 category">
1358				<a href="javascript:;">
1359					<div class="imgbox">
1360						<input type="hidden" class="sid" value="kidogo_en">
1361						<img src="//storage.googleapis.com/i.addblock.net/sample/temp_portfolio07_thumb_en.png" class="img-responsive">
1362						<div class="overbox view-template" data-sid="kidogo_en" data-stag="" data-stempname="graphic designer 02" data-cate="studio"><span>미리보기</span></div>
1363																	</div>
1364										 <!-- 라이브-->
1365													<div class="bar">graphic designer 02</div>
1366															</a>
1367			</div>
1368						<div class="col-md-4 col-sm-6 col-xs-12 category">
1369				<a href="javascript:;">
1370					<div class="imgbox">
1371						<input type="hidden" class="sid" value="leopardus_en">
1372						<img src="https://storage.googleapis.com/i.addblock.net/sample/newtpl07/culthumnail_06.jpg" class="img-responsive">
1373						<div class="overbox view-template" data-sid="leopardus_en" data-stag="" data-stempname="exhibition 02" data-cate="culture"><span>미리보기</span></div>
1374																	</div>
1375										 <!-- 라이브-->
1376													<div class="bar">exhibition 02</div>
1377															</a>
1378			</div>
1379						<div class="col-md-4 col-sm-6 col-xs-12 category">
1380				<a href="javascript:;">
1381					<div class="imgbox">
1382						<input type="hidden" class="sid" value="lilliae_en">
1383						<img src="//storage.googleapis.com/cr-resource/image/ca88a4ffad44d88281a70309eb5a61cd/kaa1910/650/d64e65f835c2012f97c29648f53150b6.png" class="img-responsive">
1384						<div class="overbox view-template" data-sid="lilliae_en" data-stag="" data-stempname="photographer 03" data-cate="studio"><span>미리보기</span></div>
1385																	</div>
1386										 <!-- 라이브-->
1387													<div class="bar">photographer 03</div>
1388															</a>
1389			</div>
1390						<div class="col-md-4 col-sm-6 col-xs-12 category">
1391				<a href="javascript:;">
1392					<div class="imgbox">
1393						<input type="hidden" class="sid" value="luscinius_en">
1394						<img src="//storage.googleapis.com/cr-resource/image/ca88a4ffad44d88281a70309eb5a61cd/kaa1910/650/20151105_newtemplateimage.jpg" class="img-responsive">
1395						<div class="overbox view-template" data-sid="luscinius_en" data-stag="" data-stempname="graphic designer 03" data-cate="studio"><span>미리보기</span></div>
1396																	</div>
1397										 <!-- 라이브-->
1398													<div class="bar">graphic designer 03</div>
1399															</a>
1400			</div>
1401						<div class="col-md-4 col-sm-6 col-xs-12 category">
1402				<a href="javascript:;">
1403					<div class="imgbox">
1404						<input type="hidden" class="sid" value="lutreola_en">
1405						<img src="//storage.googleapis.com/i.addblock.net/sample/tpl_lutreola_eng.jpg" class="img-responsive">
1406						<div class="overbox view-template" data-sid="lutreola_en" data-stag="" data-stempname="plant" data-cate="product"><span>미리보기</span></div>
1407																	</div>
1408										 <!-- 라이브-->
1409													<div class="bar">plant</div>
1410															</a>
1411			</div>
1412						<div class="col-md-4 col-sm-6 col-xs-12 category">
1413				<a href="javascript:;">
1414					<div class="imgbox">
1415						<input type="hidden" class="sid" value="nigripes_en">
1416						<img src="https://storage.googleapis.com/i.addblock.net/sample/tpl_img_nigripes_en.jpg" class="img-responsive">
1417						<div class="overbox view-template" data-sid="nigripes_en" data-stag="" data-stempname="cafe 01 / coffee" data-cate="cafe"><span>미리보기</span></div>
1418																	</div>
1419										 <!-- 라이브-->
1420													<div class="bar">cafe 01 / coffee</div>
1421															</a>
1422			</div>
1423						<div class="col-md-4 col-sm-6 col-xs-12 category">
1424				<a href="javascript:;">
1425					<div class="imgbox">
1426						<input type="hidden" class="sid" value="ochotona_en">
1427						<img src="//storage.googleapis.com/i.addblock.net/sample/temp_portfolio03_thumb_en.png" class="img-responsive">
1428						<div class="overbox view-template" data-sid="ochotona_en" data-stag="" data-stempname="photographer 02" data-cate="studio"><span>미리보기</span></div>
1429																	</div>
1430										 <!-- 라이브-->
1431													<div class="bar">photographer 02</div>
1432															</a>
1433			</div>
1434						<div class="col-md-4 col-sm-6 col-xs-12 category">
1435				<a href="javascript:;">
1436					<div class="imgbox">
1437						<input type="hidden" class="sid" value="otocyon_en">
1438						<img src="//storage.googleapis.com/i.addblock.net/sample/tpl_otocyon_eng.jpg" class="img-responsive">
1439						<div class="overbox view-template" data-sid="otocyon_en" data-stag="" data-stempname="graduation exhibition 05" data-cate="expo"><span>미리보기</span></div>
1440																	</div>
1441										 <!-- 라이브-->
1442													<div class="bar">graduation exhibition 05</div>
1443															</a>
1444			</div>
1445						<div class="col-md-4 col-sm-6 col-xs-12 category">
1446				<a href="javascript:;">
1447					<div class="imgbox">
1448						<input type="hidden" class="sid" value="pagensis_en">
1449						<img src="//storage.googleapis.com/i.addblock.net/sample/temp_portfolio11_thumb_en.png" class="img-responsive">
1450						<div class="overbox view-template" data-sid="pagensis_en" data-stag="" data-stempname="logo designer" data-cate="studio"><span>미리보기</span></div>
1451																	</div>
1452										 <!-- 라이브-->
1453													<div class="bar">logo designer</div>
1454															</a>
1455			</div>
1456						<div class="col-md-4 col-sm-6 col-xs-12 category">
1457				<a href="javascript:;">
1458					<div class="imgbox">
1459						<input type="hidden" class="sid" value="pardinus_en">
1460						<img src="//storage.googleapis.com/i.addblock.net/sample/tpl_pardinus_eng_renew.jpg" class="img-responsive">
1461						<div class="overbox view-template" data-sid="pardinus_en" data-stag="" data-stempname="interior 03 / graduation exhibition 02" data-cate="construct"><span>미리보기</span></div>
1462																	</div>
1463										 <!-- 라이브-->
1464													<div class="bar">interior 03 / graduation exhibition 02</div>
1465															</a>
1466			</div>
1467						<div class="col-md-4 col-sm-6 col-xs-12 category">
1468				<a href="javascript:;">
1469					<div class="imgbox">
1470						<input type="hidden" class="sid" value="pennantii_en">
1471						<img src="//storage.googleapis.com/i.addblock.net/sample/temp_portfolio19_thumb_en.png" class="img-responsive">
1472						<div class="overbox view-template" data-sid="pennantii_en" data-stag="" data-stempname="florist" data-cate="studio"><span>미리보기</span></div>
1473																	</div>
1474										 <!-- 라이브-->
1475													<div class="bar">florist</div>
1476															</a>
1477			</div>
1478						<div class="col-md-4 col-sm-6 col-xs-12 category">
1479				<a href="javascript:;">
1480					<div class="imgbox">
1481						<input type="hidden" class="sid" value="phocoena_en">
1482						<img src="//storage.googleapis.com/i.addblock.net/sample/tpl_phocoena_eng.jpg" class="img-responsive">
1483						<div class="overbox view-template" data-sid="phocoena_en" data-stag="" data-stempname="graduation exhibition 04" data-cate="expo"><span>미리보기</span></div>
1484																	</div>
1485										 <!-- 라이브-->
1486													<div class="bar">graduation exhibition 04</div>
1487															</a>
1488			</div>
1489						<div class="col-md-4 col-sm-6 col-xs-12 category">
1490				<a href="javascript:;">
1491					<div class="imgbox">
1492						<input type="hidden" class="sid" value="portfolio06_en">
1493						<img src="//storage.googleapis.com/i.addblock.net/sample/temp_portfolio_06_en_thumb.jpg" class="img-responsive">
1494						<div class="overbox view-template" data-sid="portfolio06_en" data-stag="" data-stempname="industrial designer" data-cate="studio"><span>미리보기</span></div>
1495																	</div>
1496										 <!-- 라이브-->
1497													<div class="bar">industrial designer</div>
1498															</a>
1499			</div>
1500						<div class="col-md-4 col-sm-6 col-xs-12 category">
1501				<a href="javascript:;">
1502					<div class="imgbox">
1503						<input type="hidden" class="sid" value="portfolio16_en">
1504						<img src="//storage.googleapis.com/i.addblock.net/sample/temp_portfolio_16_en_thumb.jpg" class="img-responsive">
1505						<div class="overbox view-template" data-sid="portfolio16_en" data-stag="" data-stempname="photographer 06" data-cate="studio"><span>미리보기</span></div>
1506																	</div>
1507										 <!-- 라이브-->
1508													<div class="bar">photographer 06</div>
1509															</a>
1510			</div>
1511						<div class="col-md-4 col-sm-6 col-xs-12 category">
1512				<a href="javascript:;">
1513					<div class="imgbox">
1514						<input type="hidden" class="sid" value="pteromys_en">
1515						<img src="//storage.googleapis.com/i.addblock.net/sample/tpl_pteromys_eng.jpg" class="img-responsive">
1516						<div class="overbox view-template" data-sid="pteromys_en" data-stag="" data-stempname="jewelry" data-cate="product"><span>미리보기</span></div>
1517																	</div>
1518										 <!-- 라이브-->
1519													<div class="bar">jewelry</div>
1520															</a>
1521			</div>
1522						<div class="col-md-4 col-sm-6 col-xs-12 category">
1523				<a href="javascript:;">
1524					<div class="imgbox">
1525						<input type="hidden" class="sid" value="rubicola_en">
1526						<img src="//storage.googleapis.com/i.addblock.net/sample/tpl_rubicola_eng.jpg" class="img-responsive">
1527						<div class="overbox view-template" data-sid="rubicola_en" data-stag="" data-stempname="ceramic / pottery workshop" data-cate="product"><span>미리보기</span></div>
1528																	</div>
1529										 <!-- 라이브-->
1530													<div class="bar">ceramic / pottery workshop</div>
1531															</a>
1532			</div>
1533						<div class="col-md-4 col-sm-6 col-xs-12 category">
1534				<a href="javascript:;">
1535					<div class="imgbox">
1536						<input type="hidden" class="sid" value="saola_en">
1537						<img src="//storage.googleapis.com/i.addblock.net/sample/tpl_saola_eng.jpg" class="img-responsive">
1538						<div class="overbox view-template" data-sid="saola_en" data-stag="" data-stempname="design agency" data-cate="studio"><span>미리보기</span></div>
1539																	</div>
1540										 <!-- 라이브-->
1541													<div class="bar">design agency</div>
1542															</a>
1543			</div>
1544						<div class="col-md-4 col-sm-6 col-xs-12 category">
1545				<a href="javascript:;">
1546					<div class="imgbox">
1547						<input type="hidden" class="sid" value="simensis_en">
1548						<img src="//storage.googleapis.com/cr-resource/image/20734a9135dd2596960aeb70c66030f4/joan2/ff3b9f2397020e5b88eaaf178d17d126.png" class="img-responsive">
1549						<div class="overbox view-template" data-sid="simensis_en" data-stag="" data-stempname="ballet concours" data-cate="culture"><span>미리보기</span></div>
1550																	</div>
1551										 <!-- 라이브-->
1552													<div class="bar">ballet concours</div>
1553															</a>
1554			</div>
1555						<div class="col-md-4 col-sm-6 col-xs-12 category">
1556				<a href="javascript:;">
1557					<div class="imgbox">
1558						<input type="hidden" class="sid" value="sports03_en">
1559						<img src="//storage.googleapis.com/i.addblock.net/sample/temp_sports_03_en_thumb.jpg" class="img-responsive">
1560						<div class="overbox view-template" data-sid="sports03_en" data-stag="" data-stempname="resort" data-cate="sports"><span>미리보기</span></div>
1561																	</div>
1562										 <!-- 라이브-->
1563													<div class="bar">resort</div>
1564															</a>
1565			</div>
1566						<div class="col-md-4 col-sm-6 col-xs-12 category">
1567				<a href="javascript:;">
1568					<div class="imgbox">
1569						<input type="hidden" class="sid" value="sports04_en">
1570						<img src="//storage.googleapis.com/i.addblock.net/sample/temp_sports_04_en_thumb.jpg" class="img-responsive">
1571						<div class="overbox view-template" data-sid="sports04_en" data-stag="" data-stempname="yacht" data-cate="sports"><span>미리보기</span></div>
1572																	</div>
1573										 <!-- 라이브-->
1574													<div class="bar">yacht</div>
1575															</a>
1576			</div>
1577						<div class="col-md-4 col-sm-6 col-xs-12 category">
1578				<a href="javascript:;">
1579					<div class="imgbox">
1580						<input type="hidden" class="sid" value="tayra_en">
1581						<img src="//storage.googleapis.com/i.addblock.net/sample/temp_shop06_thumb_en.png" class="img-responsive">
1582						<div class="overbox view-template" data-sid="tayra_en" data-stag="" data-stempname="skincare 03" data-cate="beauty"><span>미리보기</span></div>
1583																	</div>
1584										 <!-- 라이브-->
1585													<div class="bar">skincare 03</div>
1586															</a>
1587			</div>
1588						<div class="col-md-4 col-sm-6 col-xs-12 category">
1589				<a href="javascript:;">
1590					<div class="imgbox">
1591						<input type="hidden" class="sid" value="tremarctos_en">
1592						<img src="//storage.googleapis.com/i.addblock.net/sample/tpl_tremarctos_eng.jpg" class="img-responsive">
1593						<div class="overbox view-template" data-sid="tremarctos_en" data-stag="" data-stempname="graduation exhibition 03" data-cate="expo"><span>미리보기</span></div>
1594																	</div>
1595										 <!-- 라이브-->
1596													<div class="bar">graduation exhibition 03</div>
1597															</a>
1598			</div>
1599						<div class="col-md-4 col-sm-6 col-xs-12 category">
1600				<a href="javascript:;">
1601					<div class="imgbox">
1602						<input type="hidden" class="sid" value="viverra_en">
1603						<img src="https://storage.googleapis.com/i.addblock.net/sample/tpl_viverra_eng_renew.jpg" class="img-responsive">
1604						<div class="overbox view-template" data-sid="viverra_en" data-stag="" data-stempname="photographer 01" data-cate="studio"><span>미리보기</span></div>
1605																	</div>
1606										 <!-- 라이브-->
1607													<div class="bar">photographer 01</div>
1608															</a>
1609			</div>
1610						<div class="col-md-4 col-sm-6 col-xs-12 category">
1611				<a href="javascript:;">
1612					<div class="imgbox">
1613						<input type="hidden" class="sid" value="waldeni_en">
1614						<img src="//storage.googleapis.com/cr-resource/image/ca88a4ffad44d88281a70309eb5a61cd/kaa1910/650/tpl_img_waldeni.PNG" class="img-responsive">
1615						<div class="overbox view-template" data-sid="waldeni_en" data-stag="" data-stempname="photographer 07" data-cate="studio"><span>미리보기</span></div>
1616																	</div>
1617										 <!-- 라이브-->
1618													<div class="bar">photographer 07</div>
1619															</a>
1620			</div>
1621						<div class="col-md-4 col-sm-6 col-xs-12 category">
1622				<a href="javascript:;">
1623					<div class="imgbox">
1624						<input type="hidden" class="sid" value="walie_en">
1625						<img src="//storage.googleapis.com/i.addblock.net/sample/temp_culture09_thumb_en.png" class="img-responsive">
1626						<div class="overbox view-template" data-sid="walie_en" data-stag="" data-stempname="concert" data-cate="culture"><span>미리보기</span></div>
1627																	</div>
1628										 <!-- 라이브-->
1629													<div class="bar">concert</div>
1630															</a>
1631			</div>
1632						<div class="col-md-4 col-sm-6 col-xs-12 category">
1633				<a href="javascript:;">
1634					<div class="imgbox">
1635						<input type="hidden" class="sid" value="wintoni_en">
1636						<img src="//storage.googleapis.com/i.addblock.net/sample/tpl_wintoni_eng.jpg" class="img-responsive">
1637						<div class="overbox view-template" data-sid="wintoni_en" data-stag="" data-stempname="interior 02" data-cate="construct"><span>미리보기</span></div>
1638																	</div>
1639										 <!-- 라이브-->
1640													<div class="bar">interior 02</div>
1641															</a>
1642			</div>
1643									<div class="col-md-4 col-sm-6 col-xs-12">
1644				<a href="javascript:;">
1645					<div class="imgbox">
1646													<img src="//storage.googleapis.com/i.addblock.net/template/blank_en.jpg" class="img-responsive">
1647												<div class="overbox template-blank" data-sid="blank_en" data-stag="" data-stempname="blank_en"><span>시작하기</span></div>
1648											</div>
1649					<div class="bar"></div>
1650				</a>
1651			</div>
1652								</div>
1653
1654		
1655	</div>
1656</section>
1657<script>
1658var SID = 'www';
1659
1660$(function() {
1661	var enable = false;
1662	iconShowHide();
1663	$(window).on('resize', function(){
1664		iconShowHide();	
1665		//var widthSize_re = $('#template-site .modal-dialog .modal-content').css('width');
1666
1667		$('#template-site .modal-dialog .modal-content').css({
1668			'max-width' : '100%',
1669			'width' : '100%'
1670		});
1671	});
1672
1673	$('#template-site .modal-dialog .modal-content').css('width','100%');
1674		//$('#template-guide').modal('show');
1675		$.cookie('mode','view',{ path : '/' });
1676	$('#goto-config').click(function() {
1677		$.cookie('mode','config',{ path : '/' });
1678		location.href='/config';
1679	});
1680	
1681	
1682	$('#template-site').on('shown.bs.modal', function(e) {
1683		if($('#ch-plugin').length > 0) $('#ch-plugin').attr('style','z-index: 1 !important; pointer-events: none !important;');
1684	});
1685	$('#template-site').on('hidden.bs.modal', function(e) {
1686		if($('#ch-plugin').length > 0) $('#ch-plugin').attr('style','z-index: 10000000 !important; pointer-events: auto !important;');
1687	});
1688
1689	$('.view-template').live('click',function() {
1690		var body_w = $('body').width();
1691
1692		iconShowHide();
1693		templateModeDefault(body_w);
1694
1695		var sid = $(this).data('sid'),
1696			stag = $(this).data('stag'),
1697			cate = $(this).data('cate'),
1698			stempname = $(this).data('stempname'),
1699			src = "https://" + sid + ".creatorlink.net/render?clTV=true";
1700
1701		enable = true;
1702		var user_lang = (getLocalStorageWithExpiration('clicklang')) ? getLocalStorageWithExpiration('clicklang') : $('.template-lang-change').data('lang');
1703		$('.lang_text').removeClass('active');
1704		$('.'+user_lang).addClass('active');
1705
1706		if(getLocalStorageWithExpiration('clicklang')) {
1707			if(getLocalStorageWithExpiration('clicklang') == 'en') $('#lang_checkbox').attr('checked', false);
1708			else $('#lang_checkbox').attr('checked', true);
1709		} else {
1710			if(LANG == 'en') $('#lang_checkbox').attr('checked', false);
1711			else $('#lang_checkbox').attr('checked', true);
1712		}
1713
1714		// if(LANG=='ko') $('.input__on-off').prop('checked',true);
1715		// else $('.input__on-off').prop('checked',false);
1716
1717		
1718		// if($('.input__on-off').is(':checked')==true) $('.input__on-off').prop('checked',false);
1719		// else $('.input__on-off').prop('checked',true)
1720		
1721		//$('.input__on-off').is(':checked')==true ? 'ko':'en',
1722
1723		viewTemplate(sid,stag,cate,stempname);
1724		
1725	});
1726
1727   	var showNoSiteCreated = function() {
1728   		var modal = $(this).showModalFlat($.lang[LANG]['config.information'],$.lang[LANG]['page.template.no-site.created'],true,true,function(){
1729
1730			location.replace('/');
1731
1732 		},'cancel','config.ok','cl-cmmodal cl-s-btn w560 cl-p130 cl-p0 sub-page cl-templateNosite','','');
1733
1734   		/*var modal = $(this).showModalFlat('NOTICE', $.lang[LANG]['page.template.no-site.created'], true, true, function() {
1735			location.replace('/');
1736		}, 'cancel');*/
1737   	}
1738
1739	/* creatorlink.net */
1740   	var viewTemplate = function(sid,stag,cate,tempname) {
1741		var category = (typeof cate != 'undefined') ? cate : '';
1742		var stempname = (typeof tempname != 'undefined') ? tempname : ''; //템플릿명
1743		var gabia = '';
1744		$('.template-iframe').prop('src','');
1745   		stag = (stag) ? stag : '';
1746		var ismobile = '';
1747		
1748		if(sid.indexOf('_') > -1) {
1749			var tname = sid.split('_')[0];
1750			sid = (getLocalStorageWithExpiration('clicklang') && !ismobile) ? tname+'_'+getLocalStorageWithExpiration('clicklang') : sid; //마지막 클릭한 템플릿 언어기억
1751		}
1752   		var stepname_lang = (sid.indexOf('_')>-1) ? sid.substr(0,sid.indexOf('_')) : '',
1753			src = "//" + sid + ".creatorlink.net/render?clTV=true";
1754		enable = true;
1755
1756				$.processON();
1757		$('.template-select').data('sid',sid);
1758		// $('.template-select').data('stempname',sid);
1759		// $('.template-title').text(stepname_lang);
1760		if(stempname) { //미리보기 상단 템플릿명으로 변경
1761			$('.template-select').data('stempname',stempname);
1762			if(gabia == 'hide') $('.template-title').text(sid.split('_')[0]);
1763			else $('.template-title').text(stempname);
1764		}
1765		$('#template-select').attr('data-stag',stag);
1766		$('#template-select').attr('data-cate',category);
1767		$('#template-select').attr('data-sid',sid);
1768		$('.template-lang-change').attr('data-sid',sid);
1769		$('#template-site').modal('show');
1770
1771		if($.inArray(sid, ['template001','template002','template003','template004','template005','template006','template007','template008','template009']) > -1) $('.template-lang-change').hide();
1772		else $('.template-lang-change').show();
1773		
1774
1775		setTimeout(function() {
1776			$('#template-site .modal-dialog .modal-content').find('.load-template').remove();
1777			$('#template-site .modal-dialog .modal-content').prepend('<div class="load-template"></div>');
1778			$('.template-iframe').prop('src',src);
1779		},1000);	
1780
1781		setTimeout(function(){
1782			$.processOFF();
1783		},3000);
1784
1785		setTimeout(function(){
1786			var userlang_cookie = (LANG=='ko') ? 'korean' : 'english';
1787			$.ajax({
1788				type: 'POST',
1789				url: '/template',
1790				data: { 'path' : 'viewTemplate', 'userlang_ch' : userlang_cookie },
1791				async: false,
1792				dataType: 'json',
1793				success: function(data) {
1794					$.cookie('ci_userlang',userlang_cookie,{path: "/;SameSite=Lax"});
1795				}
1796			});
1797		},4000);
1798
1799		   	}
1800
1801	
1802   	$('.input__on-off').live({
1803	    click: function(e) {    
1804	        var data_chlang = $(this).data(),
1805	        	sid = $(this).parents('.template-lang-change').attr('data-sid'),
1806	            chlang = ($('.input__on-off').is(':checked')==true) ? 'ko':'en',
1807				org_sid = sid.substr(0,sid.indexOf('_')),
1808				change_sid = org_sid+'_'+chlang,
1809				stag = $(this).parents('.template-right').find('#template-select').attr('data-stag'),
1810				cate = $('.view-template').attr('data-cate'),
1811				stempname = '';
1812
1813			// localStorage.setItem('clicklang', chlang);
1814			setLocalStorageWithExpiration('clicklang', chlang, 60); //한시간뒤 만료
1815	        $(this).attr('data-chlang',chlang);
1816         	$(this).parents('.block-change-lang').attr('data-sid',change_sid);
1817         	
1818            var input_lang = $('.input__on-off').attr('data-chlang');
1819            $('.lang_text').removeClass('active');
1820            $('.'+input_lang).addClass('active');
1821
1822            viewTemplate(change_sid,stag,cate,stempname);
1823
1824	    }
1825	});
1826
1827	// 템플릿 카테고리 클릭시 카테고리별 정렬
1828	$('.template-cate-list .cate').click(function(){
1829		$('.category').removeClass('hide');
1830		$('.cate').removeClass('active');
1831		$(this).addClass('active');
1832		var cate = $(this).attr('data-cate');
1833
1834		$.ajax({
1835            type: 'post',
1836            url: '/template',
1837            data: { cate : cate },
1838            dataType: 'json',
1839            success: function(data) {
1840				$('.rowbox').empty();
1841				var site = data.site;
1842				var html = '';
1843				$.each(site, function(k,v) {
1844					html += '\
1845						<div class="col-md-4 col-sm-6 col-xs-12 category">\
1846							<a href="javascript:;">\
1847								<div class="imgbox">\
1848									<input type="hidden" class="sid" value="' + v.sid + '">\
1849									<img src="' + v.tempimg + '" class="img-responsive">\
1850									<div class="overbox view-template" data-sid="' + v.sid + '" data-stag="" data-stempname="' + v.name + '" data-cate="' + v.cate + '"><span>'+ $.lang[LANG]['page.template.view'] +'</span></div>\
1851					';
1852								if(v.new == 1) {
1853									html += '\
1854									<img src="//storage.googleapis.com/i.addblock.net/icon-new-template.png" class="icon-new-template">\
1855									';
1856								}
1857												html += '</div>';
1858						 // 라이브
1859															html +=	'<div class="bar">' + v.name + '</div>';
1860																			html += '\
1861							</a>\
1862						</div>\
1863					';
1864				});
1865
1866				// if(!cate) { // blank템플릿 추가
1867					html += '\
1868						<div class="col-md-4 col-sm-6 col-xs-12">\
1869							<a href="javascript:;">\
1870								<div class="imgbox">\
1871						';
1872																			html += '<img src="//storage.googleapis.com/i.addblock.net/template/blank_en.jpg" class="img-responsive">';
1873																		html += '<div class="overbox template-blank" data-sid="blank_en" data-stag="" data-stempname="blank_en"><span>시작하기</span></div>';
1874																	html += '\
1875								</div>\
1876								<div class="bar"></div>\
1877							</a>\
1878						</div>\
1879						';
1880				// }
1881
1882				$('.template-list .rowbox').html(html);
1883				
1884            },
1885			error: function(xhr, status, error) {
1886                alert("Error " + xhr.status + " : 관리자에게 문의");
1887            }
1888        });
1889	});
1890
1891	$('#template-select').click(function() {
1892					$('#template-site').modal('hide');
1893			//$('#loginModal').modal('show');			
1894			location.href='/member/login';
1895			});
1896
1897	/*$('#config-useit').click(function() {
1898		var sid = $(this).data('sid'),
1899			stag = $(this).attr('data-stag');
1900		if(!sid) {
1901			alert('Undefined SID');
1902			return false;
1903		}
1904
1905				alert('No user data');
1906			});*/
1907
1908
1909
1910
1911	$('.template-blank').live('click', function() {
1912					//$('#loginModal').modal('show');
1913			$('#template-site').modal('hide');
1914			location.href='/member/login';
1915		
1916	});	
1917});
1918
1919//localStorage 마지막에 선택한 언어 저장
1920// 데이터 저장
1921function setLocalStorageWithExpiration(key, value, expirationMinutes) {
1922    const expirationMS = expirationMinutes * 60 * 1000; // 분을 밀리초로 변환
1923    const record = {
1924        value: value,
1925        expiration: new Date().getTime() + expirationMS,
1926    };
1927    localStorage.setItem(key, JSON.stringify(record));
1928}
1929
1930// 데이터 가져오기
1931function getLocalStorageWithExpiration(key) {
1932    const record = JSON.parse(localStorage.getItem(key));
1933
1934    if (!record) {
1935        return null; // 저장된 데이터가 없음
1936    }
1937
1938    if (new Date().getTime() > record.expiration) {
1939        localStorage.removeItem(key); // 만료된 데이터 삭제
1940        return null;
1941    }
1942
1943    return record.value;
1944}
1945</script>
1945
1946<!-- User guide -->
1947<div class="modal fade" id="template-guide" data-mblevel="user" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
1948  <div class="modal-dialog">
1949    <div class="modal-content">
1950      <div class="modal-header text-center">
1951      	<img src="//storage.googleapis.com/i.addblock.net/c-shape.png" alt="">
1952        <h1 class="modal-title">Welcome To CreatorLink Site</h1>
1953        <p>크리에이터링크 사이트와 함께하면 몇 번의 클릭만으로 멋진 나만의 사이트를 만들 수 있습니다.<br>원하는 템플릿을 선택한 후 지금 바로 시작해보세요.</p>
1954      </div>
1955      <div class="modal-body">
1956		<div class='content-box'>
1957			<img src="//storage.googleapis.com/i.addblock.net/step-background.png" alt="" class='img-responsive' >
1958			<ul>
1959				<li>
1960					<h5 class='step-num'>STEP 1</h5>
1961					<div class='step-info'>당신이 원하는<br>사이트 디자인을<br>선택하세요</div>
1962					<i class='arrow'></i>
1963				</li>
1964				<li>
1965					<h5 class='step-num'>STEP 2</h5>
1966					<div class='step-info'>설정 버튼을 눌러<br>컨텐츠를 수정하세요</div>
1967					<i class='arrow'></i>
1968				</li>
1969				<li>
1970					<h5 class='step-num'>STEP 3</h5>
1971					<div class='step-info'>Add block 기능으로<br>추가하고 싶은 페이지를<br>삽입하세요</div>
1972					<i class='arrow'></i>
1973				</li>
1974				<li>
1975					<h5 class='step-num'>STEP 4</h5>
1976					<div class='step-info'>Test view로<br>완성된 사이트를<br>확인하세요</div>
1977					<i class='arrow'></i>
1978				</li>
1979			</ul>
1980		</div>
1981      </div>
1982      <div class="modal-footer">
1983        <button type="button" class="btn btn-default" data-dismiss="modal">START NOW <i class='fa fa-caret-right'>&gt;</i></button>
1984      </div>
1985    </div>
1986  </div>
1987</div>
1988
1989<div class="modal fade" id="template-site" data-mblevel="user" tabindex="-1" role="dialog" aria-labelledby="Modalsite" aria-hidden="true">
1990  	<div class="template-close"><button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true"><img src="//storage.googleapis.com/i.addblock.net/fa-close-template.png" alt="close"></span></button></div>
1991  	<div class="modal-dialog">
1992  		<div class="template-top">
1993  			<div class="template-title"><span>SARAH DE FRANCA</span></div>
1994			<div class="template-right">
1995								<div class="template-lang-change block-change-lang out_block " data-lang="en" data-toggle="tooltip" data-placement="bottom" onclick="">
1996			        <input type="checkbox" id="lang_checkbox" name="lang_checkbox" class="input__on-off"  data-chlang="en">
1997			        <label for="lang_checkbox" class="label__on-off">
1998			            <span class="marble"></span>
1999			            <span class="lang_text ko " data-checklang="ko">한글</span>
2000			            <span class="lang_text en active" data-checklang="en">영어</span>
2001			        </label>
2002			    </div>
2003							    <div class="template-select " id='template-select' data-target="#template-use" data-sid="">템플릿 사용하기</div>
2004			</div>			
2005		</div>
2006		<div class="template-mode-wrap">
2007			<div class="template-desktop template-mode active hand" onclick="templateModeChange(this)">
2008				<svg class="template-mode-svg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width="32" height="32"><g><path d="M28.5 4c.28 0 .5.22.5.5v18c0 .28-.22.5-.5.5h-25c-.28 0-.5-.22-.5-.5v-18c0-.28.22-.5.5-.5h25m0-1h-25C2.67 3 2 3.67 2 4.5v18c0 .83.67 1.5 1.5 1.5h25c.83 0 1.5-.67 1.5-1.5v-18c0-.83-.67-1.5-1.5-1.5z"/><path d="M30 19H2v1h28v-1zM16.5 23h-1v5h1v-5zM26.5 28h-21c-.28 0-.5.22-.5.5s.22.5.5.5h21c.28 0 .5-.22.5-.5s-.22-.5-.5-.5z"/></g></svg>
2009				<span>DESKTOP</span>
2010			</div>
2011			<div class="template-tablet template-mode hand" onclick="templateModeChange(this)">
2012				<svg class="template-mode-svg"  xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width="32" height="32"><g><path d="M28.5 7c.28 0 .5.22.5.5v17c0 .28-.22.5-.5.5h-25c-.28 0-.5-.22-.5-.5v-17c0-.28.22-.5.5-.5h25m0-1h-25C2.67 6 2 6.67 2 7.5v17c0 .83.67 1.5 1.5 1.5h25c.83 0 1.5-.67 1.5-1.5v-17c0-.83-.67-1.5-1.5-1.5z"/><path d="M5.5 13c-.28 0-.5.27-.5.6v4.8c0 .33.22.6.5.6s.5-.27.5-.6v-4.8c0-.33-.22-.6-.5-.6z"/></g></svg>
2013				<span>TABLET</span>
2014			</div>
2015			<div class="template-mobile template-mode hand" onclick="templateModeChange(this)">
2016				<svg class="template-mode-svg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width="32" height="32"><g><path d="M21.56 4c.28 0 .5.22.5.5v23c0 .28-.22.5-.5.5h-12c-.28 0-.5-.22-.5-.5v-23c0-.28.22-.5.5-.5h12m0-1h-12c-.83 0-1.5.67-1.5 1.5v23c0 .83.67 1.5 1.5 1.5h12c.83 0 1.5-.67 1.5-1.5v-23c0-.83-.67-1.5-1.5-1.5z"/><path d="M12.5 3.5h6v1h-6z"/><path d="M19 3h-7v1.5c0 .28.22.5.5.5h6c.28 0 .5-.22.5-.5V3z"/></g></svg>
2017				<span>MOBILE</span>
2018			</div>
2019		</div>
2020	    <div class="modal-content template-content" style="-webkit-overflow-scrolling:touch;background-color:transparent;">
2021	    	<iframe class="template-iframe" src=""></iframe>
2022	    </div>
2023  	</div>
2024</div><footer id="cl-footer" class="default intro">
2025	<div class="cl-f container-fluid container no-padding">
2026		<div class="row">
2027				
2028			<div class="col-xs-12 col-sm-12 col-md-12 clearfix clear no-padding">
2029				<div class="col-xs-12 col-sm-12 col-md-3 cl-f-logo no-padding">
2030					<a href="/" id="site-home" class="navbar-brand">
2031						<svg viewBox="0 0 168 38" role="img" class="logo-svg logo-b" alt="Creatorlink logo"><path class="st11" d="M70.71 12.36c-3.48 0-5.9 2.19-5.9 5.34v4.11c0 3.34 2.17 5.25 5.96 5.25 2.06 0 3.98-0.58 5.41-1.64l0.14-0.11 -1.03-1.95 -0.2 0.1c-1.67 0.85-2.74 1.15-4.11 1.15 -2.23 0-3.23-0.87-3.23-2.83v-0.94h8.62v-3.08C76.37 14.13 74.52 12.36 70.71 12.36zM73.52 18.45h-5.77v-0.92c0-1.91 1.53-2.78 2.96-2.78 2.02 0 2.81 0.78 2.81 2.78V18.45z"></path><path class="st11" d="M84.38 12.36c-1.52 0-3.34 0.55-4.87 1.47l-0.17 0.1 1.11 1.95 0.19-0.1c1.41-0.69 2.48-0.98 3.59-0.98 2.22 0 2.93 0.51 2.93 2.1v1.29h-3.64c-3.09 0-4.65 1.47-4.65 4.37 0 1.22 0.39 2.33 1.09 3.12 0.76 0.85 1.84 1.3 3.12 1.3 0.09 0 0.18 0 0.26-0.01 1.37-0.06 2.71-0.51 3.97-0.99l0.04 0.79h2.76v-9.76C90.11 13.76 88.39 12.36 84.38 12.36zM87.17 23.79l-0.01 0c-0.83 0.32-1.87 0.72-3.2 0.73h-0.06c-1.46 0-2.08-0.6-2.08-2.01 0-1.37 0.55-1.92 1.89-1.92h3.47V23.79z"></path><path class="st11" d="M101.06 24.31c-0.95 0.23-1.63 0.33-2.26 0.33 -1.16 0-1.27-0.36-1.27-1.31v-8.47h3.9l0-2.22h-3.9V9.26l-2.94 0.01v3.38h-2.56v2.22h2.56v8.86c0 2.31 1.18 3.34 3.82 3.34 1.04 0 2.14-0.18 3.11-0.52l0.17-0.06 -0.4-2.23L101.06 24.31z"></path><path class="st11" d="M109.95 12.36c-3.88 0-6.11 1.96-6.11 5.36v3.97c0 3.41 2.23 5.36 6.11 5.36 3.88 0 6.11-1.96 6.11-5.36v-3.97C116.06 14.32 113.84 12.36 109.95 12.36zM113.12 21.78c0 1.89-1.04 2.8-3.17 2.8 -2.13 0-3.17-0.92-3.17-2.8v-4.14c0-1.89 1.04-2.8 3.17-2.8 2.13 0 3.17 0.92 3.17 2.8V21.78z"></path><path class="st11" d="M59.07 14.72l0.01-2.07H56.3v14.13h2.94v-9.04c1.75-1.89 4.2-3.24 4.2-3.24l-1.4-1.84C62.04 12.65 60.26 13.76 59.07 14.72z"></path><path class="st11" d="M121.93 14.72l0.01-2.07h-2.77v14.13h2.94v-9.04c1.75-1.89 4.2-3.24 4.2-3.24l-1.4-1.84C124.91 12.65 123.12 13.76 121.93 14.72z"></path><path class="st11" d="M51.54 22.93c-0.96 1.11-2.12 1.66-3.56 1.66 -2.13 0-3.17-0.92-3.17-2.8v-4.14c0-1.89 1.04-2.8 3.17-2.8 1.73 0 2.83 0.77 3.68 1.52l0.13 0.12 1.99-1.39 -0.13-0.17c-0.76-0.95-2.5-2.55-5.67-2.55 -3.88 0-6.11 1.96-6.11 5.36v3.97c0 3.41 2.23 5.36 6.11 5.36 3.03 0 4.76-1.58 5.68-2.91l0.13-0.18 -2.13-1.18L51.54 22.93z"></path><rect x="128.71" y="6.68" class="st11" width="1.2" height="20.07"></rect><rect x="134.41" y="12.69" class="st11" width="1.2" height="14.06"></rect><rect x="134.41" y="8.29" class="st11" width="1.2" height="2.18"></rect><path class="st11" d="M148.67 13.44c-1.68-0.98-5.06-0.52-7.21 0.71V12.5h-1.2v14.25h1.2V15.33c1.74-1.3 5.26-1.79 6.61-1 1.38 0.81 1.38 2.37 1.38 2.43v9.99h1.2v-9.99C150.65 16.67 150.63 14.59 148.67 13.44z"></path><polygon class="st11" points="158.27 18.97 164.05 12.69 162.6 12.69 156 19.89 156 6.68 154.8 6.68 154.8 26.75 156 26.75 156 21.44 157.54 19.77 163.6 26.75 165 26.75 "></polygon><path class="st11" d="M3 10.79L3 10.79l0 16.42 14.22 8.21 14.22-8.21V10.79L17.22 2.58 3 10.79zM26.7 13.53L26.7 13.53 26.7 13.53l-4.74 2.74h0l-4.74-2.74 -4.74 2.74v5.47l4.74 2.74 4.74-2.74 4.74 2.74 -9.48 5.47 -9.48-5.47V13.53l9.48-5.47L26.7 13.53 26.7 13.53z"></path></svg>						<span id="ptl-logo-text" class="hide">CREATORLINK</span>
2032					</a>
2033				</div>
2034				<div class="col-xs-12 col-sm-12 col-md-9 cl-f-menu no-padding" data-lang="en">
2035					<ul>
2036						<li><a href="/template">템플릿</a></li>
2037						<li><a href="/upgrade/site">요금제</a></li>
2038						<li class="mainfunction_en"><a href="/mainfunction">주요기능</a></li>
2039						<li><a href="https://supportcenter.creatorlink.net/creatorlink-support-center" target="_blank">서포트센터</a></li>
2040						<li><a href="/notice">공지</a></li><!-- <br class="visibile577"> -->
2041						<li><a href="/terms">이용 약관</a></li>
2042						<li><a href="/privacy">개인정보처리방침</a></li>
2043						<li><a href="/contact">제휴/투자 문의</a></li>
2044						<li><a href="/abuse">불법사이트 신고</a></li>
2045					</ul>
2046				</div>
2047			</div>
2048            <div class="col-xs-12 col-sm-12 col-md-12 clearfix clear cl-f-text no-padding">
2049	            <div class="col-xs-12 col-sm-12 col-md-10 clearfix clear no-padding">
2050		            <span>(주)크리에이터링크&nbsp;&nbsp;대표:김효환&nbsp;&nbsp;개인정보관리책임자:김진배&nbsp;&nbsp;사업자등록번호:114-86-87877&nbsp;&nbsp;통신판매업:<a class='bizcommpop-open hand'>2019-서울서초-1757</a>&nbsp;&nbsp;<br class='hidden-xs'>사업장 소재지:서울특별시 서초구 서초대로24길 42 2층&nbsp;&nbsp;이메일:[email protected]</span>
2051					<span><br class='hidden-xs'>채팅 상담 시간 (평일 09:00~12:00 / 13:00~17:00 공휴일 제외)</span>
2052					<span class="cl-f-copyright">
2053						©Creatorlink All Rights Reserved.
2054					</span>
2055				</div>
2056				<div class="col-xs-12 col-sm-2 col-md-2 cl-f-social no-padding">
2057					<ul class="lang-list">
2058						<li class=""><a href="/lang/switchLanguage/korean/template">KO</a></li>
2059						<li class="active"><a href="/lang/switchLanguage/english/template">EN</a></li>
2060					</ul>
2061					<ul class="social-list">
2062						<li><a href="//instagram.com/creatorlink" target="_blank"><svg viewBox="0 0 24 24" width="24" height="24"><path d="M16.23 2H7.77C4.58 2 2 4.58 2 7.77v8.46C2 19.42 4.58 22 7.77 22h8.46c3.19 0 5.77-2.58 5.77-5.77V7.77C22 4.58 19.42 2 16.23 2zM20.16 16.38c0 2.11-1.72 3.83-3.83 3.83H7.67c-2.11 0-3.83-1.72-3.83-3.83V7.72c0-2.12 1.72-3.83 3.83-3.83h8.65c2.12 0 3.83 1.72 3.83 3.83V16.38z"/><path d="M12 6.81c-2.87 0-5.19 2.32-5.19 5.19 0 2.86 2.32 5.19 5.19 5.19 2.87 0 5.19-2.32 5.19-5.19C17.19 9.13 14.87 6.81 12 6.81zM12 15.36c-1.86 0-3.36-1.51-3.36-3.36 0-1.86 1.51-3.37 3.36-3.37 1.86 0 3.36 1.51 3.36 3.37C15.36 13.86 13.86 15.36 12 15.36z"/><path d="M17.36 5.45c-0.67 0-1.21 0.54-1.21 1.21 0 0.67 0.54 1.21 1.21 1.21 0.67 0 1.21-0.54 1.21-1.21C18.57 5.99 18.03 5.45 17.36 5.45z"/></svg></a></li>
2063						<li><a href="//www.facebook.com/creatorlink" target="_blank"><svg viewBox="0 0 24 24" width="24" height="24"><path d="M15.31 5.32l1.88 0V2.14C16.87 2.1 15.75 2 14.45 2c-2.71 0-4.57 1.66-4.57 4.7v2.62H6.81v3.56h3.07V22h3.67v-9.12h3.06l0.46-3.56h-3.52V7.05C13.55 6.02 13.83 5.32 15.31 5.32z"/></svg></a></li>
2064						<li><a href="//www.youtube.com/c/%ED%81%AC%EB%A6%AC%EC%97%90%EC%9D%B4%ED%84%B0%EB%A7%81%ED%81%AC" target="_blank"><svg viewBox="0 0 24 24" width="24" height="24"><path d="M22.98 9.58c-0.01-0.26-0.02-0.52-0.04-0.78 -0.08-1.1-0.21-2.37-0.94-3.25 -0.62-0.75-1.59-0.93-2.51-1.03C18.34 4.39 17.17 4.31 16 4.26c-2.36-0.09-4.73-0.04-7.1 0.01C7.69 4.31 6.48 4.33 5.27 4.43 3.78 4.55 2.25 4.77 1.56 6.25 0.93 7.59 1.01 9.28 1 10.72 1 12 0.99 13.29 1.04 14.58c0.07 1.67 0.17 3.84 1.97 4.58 0.96 0.39 2.12 0.48 3.15 0.54 1.09 0.07 2.18 0.06 3.27 0.08 2.29 0.03 4.57-0.04 6.86-0.09 1.59-0.03 3.22-0.05 4.74-0.57 1.31-0.45 1.65-1.87 1.83-3.1 0.18-1.23 0.13-2.47 0.13-3.7C22.99 11.4 23.02 10.49 22.98 9.58zM9.77 15.32V8.63c1.9 1.11 3.78 2.22 5.7 3.35C13.55 13.1 11.67 14.2 9.77 15.32z"/></svg></a></li>
2065					</ul>
2066				</div>
2067			</div>
2068					</div>
2069	</div>
2070</footer>
2071
2072<div id="goto-top-m" class="goto-top p-main-t"><i class="fa fa-angle-up"></i></div>
2073<div style="position: fixed; bottom: 0; left: 0; overflow: auto; max-height: 80%; ">
2074</div>
2075 
2076<script>
2077setLanguage(LANG);
2078var keepalive_timer = null;
2079var isUserLoggedIn = "";
2080function runKeepalive() {
2081    if (keepalive_timer) clearTimeout(keepalive_timer);
2082    var current_cookie = document.cookie;
2083    var has_kisession = current_cookie.indexOf('kisession=') !== -1;
2084    
2085    console.log("🍪 [Cookie Check] kisession 존재여부: " + (has_kisession ? "O" : "X"));
2086    if (!has_kisession) {
2087        console.error("🔥 [CRITICAL] 요청 보내기 전인데 쿠키가 사라졌음! 브라우저가 삭제함.");
2088    }
2089	if (isUserLoggedIn) {
2090		$.ajax({
2091			url: '/template/keepalive',
2092			cache: false, // 브라우저 캐싱 방지
2093			headers: {'X-Requested-With': 'XMLHttpRequest'}, // 서버 방어 로직용 헤더
2094			xhrFields: {
2095				withCredentials: true
2096			},		
2097			success: function(data) {
2098				console.log('Keepalive OK', data); 
2099			},
2100			error: function(xhr, status, error) {
2101				console.error('Keepalive Failed:', error);
2102			},
2103			complete: function() {
2104				keepalive_timer = setTimeout(runKeepalive, 60 * 5 * 1000);
2105			}
2106		});
2107	}
2108}
2109
2110$(function() {
2111	keepalive_timer = setTimeout(runKeepalive, 60 * 5 * 1000);
2112	$("#no-fouc").delay(100).animate({"opacity": "1"}, 0, function() { $(this).css('opacity','1'); });
2113	$('body').tooltip({
2114    	selector: '[data-toggle=tooltip]'
2115	});
2116
2117	$.ajaxSetup({ 
2118		async: false,
2119		cache: false,
2120		beforeSend: function() {},
2121		complete: function() {}
2122	});
2123
2124	setTimeout(function(){
2125		var nonAos = '';
2126		// if(typeof isAosBlock !='undefined' && isAosBlock && (nonAos!='false')) {
2127		// 	$.modalON();
2128		// }
2129			// $('.ModalPlugin').css('background','rgb(255, 255, 255,0.75)');
2130			if(typeof AOS != 'undefined') {
2131				AOS.init({
2132					disableMutationObserver: true,
2133					easing: 'easeInOutQuint',
2134					offset : (jQuery(window).height() * .001)
2135				});
2136			}
2137			if(typeof pageLoad !='undefined' && pageLoad) {
2138				pageLoad = false;
2139			}
2140		// }
2141	},0);
2142
2143	setTimeout(function(){
2144		if($('.dsgn-body').hasClass('modoo') || $('body').hasClass('modoo')) {
2145			var  SwipersTemplate;    
2146			initSwiper();
2147		}
2148	}, 700);
2149});
2150
2151function initSwiper() {
2152	SwipersTemplate = new Swiper('._mainSwiperArea .swiper-container', {
2153		speed: 500,
2154		loop: true,
2155		observer: true,
2156		observeParents: true,
2157		autoplay: {
2158			delay:1500,
2159			disableOnInteraction: false
2160		},
2161		autoplayDisableOnInteraction: false,
2162		pagination: { //페이징 사용자 설정
2163			el: ".swiper-pagination", //페이징 태그 클래스 설정 
2164			type: "bullets",
2165			clickable: true
2166		},
2167		paginationClickable: true,
2168		resizeObserver: true
2169	});
2170}
2171
2172
2173	if(typeof MODE!='undefined' && MODE=='config') {}
2174	else {
2175		// naverSeo('faq');
2176		naverSeo('carousel');
2177		naverSeo('review');		
2178	}
2179
2180	log_analytics('www','','new');	
2181	
2182</script>
2182
2183</body>
2184</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.