PageSourceSearch

https://withinmile.com/etc/about

html withinmile.com collected 2026-10-02 00:34:54 UTC 41,559 bytes, 1,036 lines download raw bytes

1
2
3<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
4<html xmlns="http://www.w3.org/1999/xhtml">
5<head>
6
7
8
9
10
11<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
12<meta http-equiv="X-UA-Compatible" content="IE=edge">
13<title>Withinmile: Easy to Setup Website for Your Business or Home</title>
14<meta name="description" content="Withinmile provides easy to setup websites for businesses and homes that can be used as storefronts, job posting boards, deals and sales pages, classifieds pages, virtual bulletin boards, mailboxes, real estate and rental pages, and more. Sign up and get a free website for your business or home."/>
15<meta property="og:title" content="Withinmile: Easy to Setup Website for Your Business or Home">
16<meta property="og:url" content="https://www.withinmile.com/">
17<meta property="og:image" content="https://www.withinmile.com/resources/images/layout/logo.png">
18<meta property="og:description" content="Withinmile provides easy to setup websites for businesses and homes that can be used as storefronts, job posting boards, deals and sales pages, classifieds pages, virtual bulletin boards, mailboxes, real estate and rental pages, and more. Sign up and get a free website for your business or home."/>
19<meta name="twitter:card" content="summary">
20<meta name="twitter:title" content="Withinmile: Easy to Setup Website for Your Business or Home">
21<meta name="twitter:url" content="https://www.withinmile.com/">
22<meta name="twitter:image" content="https://www.withinmile.com/resources/images/layout/logo.png">
23<meta name="twitter:description" content="Withinmile provides easy to setup websites for businesses and homes that can be used as storefronts, job posting boards, deals and sales pages, classifieds pages, virtual bulletin boards, mailboxes, real estate and rental pages, and more. Sign up and get a free website for your business or home."/>
24<link type="text/css" href="/resources/css/nanumgothic.css" rel="stylesheet">
25<link type="text/css" href="/resources/css/jquery.mCustomScrollbar.css" rel="stylesheet">
26<link type="text/css" href="/resources/css/common.css?ver=" rel="stylesheet">
27<link type="text/css" href="/resources/css/selectric.css" rel="stylesheet">
28<link type="text/css" href="/resources/css/ui.css?ver=" rel="stylesheet">
29<link type="text/css" href="/resources/css/ui2.css?ver=" rel="stylesheet">
30<link
31    rel="stylesheet"
32    href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.8.2/css/all.min.css"
33  />
34<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css">
35<script type="text/javascript" src="/resources/js/jquery-1.11.0.min.js"></script>
vendor: 2 bytes, line 35
35
36<script type="text/javascript" src="/resources/js/jquery.selectric.min.js"></script>
vendor: 2 bytes, line 36
36
37<script type="text/javascript" src="/resources/js/jquery.cookie.js?ver="></script>
vendor: 2 bytes, line 37
37
38<script type="text/javascript" src="/resources/js/jquery.mCustomScrollbar.concat.min.js"></script>
vendor: 2 bytes, line 38
38
39<script type="text/javascript" src="/resources/js/ui.js?ver="></script>
vendor: 2 bytes, line 39
39
40<script type="text/javascript" src="/resources/js/common.js?ver="></script>
vendor: 2 bytes, line 40
40
41<script type="text/javascript" src="/resources/js/validatr.js"></script>
vendor: 2 bytes, line 41
41
42<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"></script>
42    
43<link rel="shortcut icon" type="image/x-icon" href="/resources/images/layout/withinmile.ico" />
44<link type="text/css" href="/resources/css/common_add.css" rel="stylesheet">
45<!-- Google tag (gtag.js) -->
vendor: 65 bytes, lines 45-46
45
46<script async src="https://www.googletagmanager.com/gtag/js?id=
46AW-763088971
vendor: 13 bytes, line 46
46"></script>
47<!-- Google Tag Manager -->
48<script>
vendor: 331 bytes, lines 48-52
48(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
49new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
50j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
51'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
52})(window,document,'script','dataLayer','
52GTM-PKVD67K9
vendor: 3 bytes, line 52
52');
52</script>
52
53<!-- End Google Tag Manager -->
54<script>
55  
vendor: 138 bytes, lines 55-59
55window.dataLayer = window.dataLayer || [];
56  function gtag(){dataLayer.push(arguments);}
57  gtag('js', new Date());
58
59  gtag('config', '
59AW-763088971
vendor: 5 bytes, line 59
59');
60</script>
60
61<!-- Event snippet for Sign-up conversion page -->
62<script>
63  gtag('event', 'conversion', {
64      'send_to': 'AW-763088971/4A8RCIe83sIBEMug7-sC',
65      'value': 1.0,
66      'currency': 'KRW'
67  });
68</script>
vendor: 2 bytes, line 68
68
69<script language="javascript">
70if((window.location+"").indexOf("https") < 0) {
71    //top.location ="https://www.withinmile.com";
72}
73
74    
75    
76var lat = 37.500000000000000;
77var lng = 126.900001525878900;
78    
79
80var map_zoom = 2;
81$(document).ready(function() {
82    $('#listing_menu').change(function() {
83        location = $('#listing_menu option:selected').val()+"?category_id=";
84    });
85
86    // FAVORITE
87    $('a.favorite_btn').bind("click", function() {
88    	
89            alert('Please log in to your account first.');
90            return;
91        
92        
93    });
94    
95    // 
96    $('#sort_order, #view_count, #location_category2').change(function() {
97        $('#listForm').submit();
98    });
99});    
100
101function updateFavoriteContent(category_id, contents_id, sub_category_id) {
102    var allData = { 'mode':'favorite_add', 'category_id': category_id, 'contents_id': contents_id, 'sub_category_id': sub_category_id };
103    $.ajax({
104        url:'/lib_skin/process/contents.proc',
105        type:'POST',
106        dataType : "json",
107        cache: false,
108        data: allData,
109        success:function(data){
110            //location.reload();
111            if(data.result == "success") {
112                alert(data.msg);
113                location.reload();
114            } else if(data.result == "fail") {
115                alert(data.msg);
116                location.reload();
117            } else {
118            }
119        },
120        error:function(jqXHR, textStatus, errorThrown){
121            console.log('ERROR~~ \n' + textStatus + ' : ' + errorThrown);
122        }
123    });
124    
125}
126
127$(window).ready(function() {
128    // Tab Menu
129    $('#listTypeTab a').bind("click", function() {
130        location = $(this).data("link")+"&map_lat="+$('#map_lat').val()+"&map_lng="+$('#map_lng').val()+"&map_zoom="+$('#map_zoom').val()
131    });
132});
133
134//랜덤으로 -0.1에서 0.1 범위의 값 생성
135function getRandomOffset() {
136  return (Math.random() - 0.5) * 0.2; // -0.1에서 0.1 사이의 값
137}
138
139//주어진 위도(latitude)와 경도(longitude)에 랜덤 값을 더하거나 빼는 함수
140function perturbCoordinates(latitude, longitude) {
141  // 랜덤 값 생성
142  const latitudeOffset = getRandomOffset();
143  const longitudeOffset = getRandomOffset();
144
145  // 랜덤 값 적용하여 새로운 위치 계산
146  const newLatitude = latitude + latitudeOffset;
147  const newLongitude = longitude + longitudeOffset;
148
149  // 유효한 위도, 경도 범위 확인 (위도는 -90에서 90, 경도는 -180에서 180)
150  const boundedLatitude = Math.max(Math.min(newLatitude, 90), -90);
151  const boundedLongitude = Math.max(Math.min(newLongitude, 180), -180);
152
153  return { latitude: boundedLatitude, longitude: boundedLongitude };
154}
155</script>
155
156
157<script>
158var rand = Math.ceil( Math.random() * (10 - 1) + 1 ) % 2;
159if(rand == 1) {
160    var sort = "like_cnt";
161    $('.top-btn').removeClass("top-btn-on");
162    $('#sort-likes').addClass("top-btn-on");    
163} else {
164    var sort = "reg_date";
165    $('.top-btn').removeClass("top-btn-on");
166    $('#sort-recents').addClass("top-btn-on");
167}
168$(function(){
169    if(rand == 1) {
170        sort = "like_cnt";
171        $('.top-btn').removeClass("top-btn-on");
172        $('#sort-likes').addClass("top-btn-on");    
173    } else {
174        sort = "reg_date";
175        $('.top-btn').removeClass("top-btn-on");
176        $('#sort-recents').addClass("top-btn-on");
177    }
178    
179	
180	    	
181
182
183    $('#sort').val(sort);
184//    console.log(sort);
185    $('#sort-recents, #sort-likes').on("click",function(){
186
187        $('.top-btn').removeClass("top-btn-on");
188        $(this).addClass("top-btn-on");
189        if($(this).attr("id") == "sort-likes")
190            sort = "like_cnt";
191        else
192            sort = "reg_date";
193            $('#sort').val(sort);
194        start = 0;
195        limit = 10;
196        getNewAddressList();
197    });
198      	
199});
200
201
202function normalizeLongitude(lon) {
203    // (lon + 180) % 360은 -180도부터 180도까지의 범위로 맞추기 위한 초기 작업입니다.
204    // + 360은 음수 결과를 피하기 위한 보정입니다.
205    // 최종적으로 % 360으로 0에서 360 범위로 변환하고 - 180을 적용하여 -180에서 180 범위로 조정합니다.
206    return ((lon + 180) % 360 + 360) % 360 - 180;
207}
208
209</script>
vendor: 2 bytes, line 209
209
210<script>
211  if (window.location.host === 'www.withinmile.com') {
212    window.location.href = 'https://withinmile.com' + window.location.pathname + window.location.search;
213  }
214</script>
214
215<style>
216   /* 전체화면 버튼 */
217    /*video::-webkit-media-controls-fullscreen-button {display: none !important} */
218    /* 일시정지, 재생 버튼 */
219    video::-webkit-media-controls-play-button {}
220    /* 재생 슬라이드..? */
221    video::-webkit-media-controls-timeline {display: none !important}
222    video::-webkit-media-controls-fullscreen-button {}
223    /* 현재 진행 시간 */
224    video::-webkit-media-controls-current-time-display{}
225    /* 전체 시간 */
226    video::-webkit-media-controls-time-remaining-display {}
227    /* 음소거 버튼 */
228    video::-webkit-media-controls-mute-button {}
229    /* 볼륨 조절 슬라이드 */
230    video::-webkit-media-controls-volume-slider {}
231    
232pre {
233    display: block;
234    padding: 9.5px;
235    margin: 0 0 10px;
236    font-size: 13px;
237    line-height: 1.42857143;
238    color: #333;
239    word-break: break-all;
240    word-wrap: break-word;
241    background-color: #fff;
242    border: 1px solid #ccc;
243    border-radius: 4px;
244    white-space: pre-line;
245}    
246.video {
247  width: 100%;
248  height: auto;
249}
250
251.btn-mute {
252  position: absolute;
253  bottom: 20px;  /* 버튼 위치 (비디오 상단) */
254  right: 50px;  /* 버튼 위치 (비디오 우측) */
255  padding: 5px;
256  background-color: rgba(0, 0, 0, 0.5);  /* 반투명 배경 */
257  color: white;
258  border: none;
259  cursor: pointer;
260  z-index: 10;  /* 비디오 위에 표시되도록 설정 */
261  border-radius: 50%;
262  z-index:1000;
263}
264
265.btn-mute i {
266  font-size: 20px;  /* 아이콘 크기 */
267}
268</style>
269<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css">
270</head>
271<body>
272<div id="wrap" class="subWrap postWrap">
273	<!-- header -->
274	
275
276
277
278
279<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.8.2/css/all.min.css" />
280<style>
281#left_list a {
282    color: #337ab7 !important;
283    text-decoration: none;
284    font-weight:bold;
285}
286.con-type{
287display:flex;
288}
289.con-contents{word-wrap: break-word;max-height:68px !important;}
290</style>
291<script language="javascript">
292function htmlspecialchars_decode(str) {
293    // HTML 엔티티를 특수문자로 치환
294    return str
295        .replace(/&amp;/g, "&")
296        .replace(/&lt;/g, "<")
297        .replace(/&gt;/g, ">")
298        .replace(/&quot;/g, '"')
299        .replace(/&#039;/g, "'");
300}
301
302     var width = $("#wrap").width() - 632;
303     $('.right-con').css("width", width+"px");
304     $('.coupon-map').css("width", width+"px");
305     $('#map').css("width", width+"px");
306                
307     window.onload = function() {
308        var width = $(".sub-category").width() - 632;
309        $('.right-con').css("width", width+"px");
310        $('.coupon-map').css("width", width+"px");
311        $('#map').css("width", width+"px");
312     }
313
314     $(function() {
315         $(window).resize(function() { 
316             var width = $(".sub-category").width() - 632;
317             console.log(width);
318             $('.right-con').css("width", width+"px");
319             $('.coupon-map').css("width", width+"px");
320             $('#map').css("width", width+"px");
321         });
322     });     
323
324    $(function() {
325        $('#moveBtn').on("click",function(){
326           if($('#map_lat').val() == "")  {
327               location = "https://www.bulletinmap.com?lat="+map.getCenter().lat()+"&lng="+map.getCenter().lng()+"&z="+map.getZoom(); 
328           } else 
329               location = "https://www.bulletinmap.com?lat="+$('#map_lat').val()+"&lng="+$('#map_lng').val()+"&z="+$('#map_zoom').val(); 
330        });
331        $('#topSearchBtn').bind("click", function() {
332            if($('#search_category option:selected').val() == "") {
333                alert('Please select a category');
334                return;
335            }
336            if($('#search_category option:selected').val() == "001") {
337                $('#topSearch').attr("action", "/resume/resume_list");
338            }
339            else if($('#search_category option:selected').val() == "002") {
340                $('#topSearch').attr("action", "/housing/housing_list");
341            }
342            else if($('#search_category option:selected').val() == "003") {
343                $('#topSearch').attr("action", "/coupon/coupon_list");
344            }
345            else if($('#search_category option:selected').val() == "004") {
346                $('#topSearch').attr("action", "/sale/sale_list");
347            }                                    
348            else if($('#search_category option:selected').val() == "005") {
349                $('#topSearch').attr("action", "/job/jobs_list");
350            }                                    
351            $('#topSearch').submit();
352        });
353    });
354    
355    $(document).ready(function() {
356        var view_mode = true;
357        $('#arrow').on("click",function(){
358            if(view_mode == true) {
359                $('#arrow').html(' > ');
360                $(".left-menu").animate({
361                    width: "toggle"
362                }, 400, "linear");
363                setTimeout(function(){
364                    var width = $(".sub-category").width();
365                    $('.right-con').css("width", width+"px");
366                    $('.coupon-map').css("width", width+"px");
367                    $('#map').css("width", width+"px");            
368                    $('.map-on-search').show();
369                }, 400);
370                setTimeout(function(){
371                    $('.gm-style-mtc').parents().find(".gmnoprint:eq(0)").attr("style","margin: 10px; margin-left:230px; z-index: 0; position: absolute; cursor: pointer; left: 0px; top: 0px;");
372                    $('#listing_menu').css("margin-left","403px");
373                }, 800);
374                view_mode = false;
375            } else {
376                $('#arrow').html(' < ');
377                $(".left-menu").animate({
378                    width: "toggle"
379                }, 400, "linear");                                
380                var width = $(".sub-category").width() - 933;
381                $('.right-con').css("width", width+"px");
382                $('.coupon-map').css("width", width+"px");
383                $('#map').css("width", width+"px");       
384                //$('.gmnoprint:eq(0)').attr("style","margin: 10px; z-index: 0; position: absolute; cursor: pointer; left: 0px; top: 0px;");
385                $('.gm-style-mtc').parents().find(".gmnoprint:eq(0)").attr("style","margin: 10px; z-index: 0; position: absolute; cursor: pointer; left: 0px; top: 0px;");
386                $('.map-on-search').hide();                
387                $('#listing_menu').css("margin-left","180px");
388                view_mode = true;
389            }
390        });
391    });
392    
393function codeAddressLocalMap() {
394  $('#list_search_word').val($('#map_search_word').val());
395  $('#listForm').submit();
396  return;
397  if($('#list_search_word').val() != "") {
398      var jsonData = { 'mode':'geocode', 'address': $('#list_search_word').val(), 'address_category':''};
399      $.ajax({
400          url:'/lib_skin/geocode.json',
401          type:'POST',
402          dataType : "json",
403          cache: false,
404          data: jsonData,
405          success:function(data){
406              //location.reload();
407              if(data.status == "OK") {
408                  $('#GEOLOCATION').val(data.lat+", "+data.lng);
409                  
410                  $('#sGEOLOCATION').val(data.lat+", "+data.lng);
411                  $('#slist_search_word').val($('#map_search_word').val());
412                  $('#sListForm').submit();
413 
414              } else {
415                  alert('Please check your address.');
416              }
417              
418          },
419          error:function(jqXHR, textStatus, errorThrown){
420              console.log('ERROR~~ \n' + textStatus + ' : ' + errorThrown);
421          }
422      });    
423  }
424}    
425
426function nl2br(str){
427    return str.replace(/\n/g, "<br />");
428}
429</script>
429
430
431	<div id="header" style="background:#fff">
432		<div class="header" style="display:none">
433			<h1 class="logo"><a href="/index"><img src="/resources/images/layout/logo.png" alt="Withinmile" /></a></h1>
434			<!-- 검색 -->
435			<div class="headerSearch" style="display:none">
436			    <form method="get" name="topSearch" id="topSearch">
437				<div class="sel">
438				<select class="selectric" name="category_id" id="search_category"">
439					<option value="">All Categories</option>
440				</select>
441				</div>
442				<div class="input-search">
443					<input type="text" name="top_search_word" id="search_word"/>
444					<a href="javascript:void(0)" id="topSearchBtn" class="btnSearch"><img src="/resources/images/layout/btn_search.gif" alt="검색" /></a>
445				</div>
446				</form>
447			</div>
448			<!-- //검색 -->
449
450			<div class="headerMenu" style="float:left;">
451				<ul>
452					<!-- 로그인전 -->
453					
454    					<li><a href="/mypage/favorites">My Account</a></li>
455    					<li><a href="/member/login">Sign in / Join</a></li>
456    					<li></li>
457				    
458        				    
459
460				</ul>
461			</div>
462		</div>
463	</div>
464
465<div class="modal fade in" id="popupReply" role="dialog" style="z-index: 100000; overflow-y: auto;display:none ">
466      <div class="modal-popup reply-popup-more">
467
468        <!-- modal-content-->
469        <div class="modal-content">
470          <div class="modal-header">
471            <button type="button" class="close" data-dismiss="modal">model close</button>
472            <h4 class="modal-title hide">REPLY</h4>
473          </div>
474          <!-- modal-body -->
475          <div class="modal-body">
476			<div class="reply-image-box">
477				<div class="picture">
478				<!-- 
479					<video preload="none" playsinline="" id="player0" poster="https://withinmile.fastedge.net/poster/16884303706213.jpg" class="" width="100%">
480					<source type="video/mp4" src="https://withinmile.fastedge.net/new_16884303706213.mp4">
481					</video>
482					<button class="btn-play" type="button"></button>
483				 -->
484				</div>
485			</div>
486              <!-- write -->
487              <div class="reply-comment-box">
488	              <div class="comment-write">
489			            <div class="reply-content reply-contentCO" id="comment_list"></div>
490			            <!-- //reply-content -->
491								</div>
492	                <!-- feed-box -->
493	                <div class="feed-box write">
494	                  <div class="profile-box">
495	                  </div>
496	                  <div class="message-box">
497	                    <form method="post" id="commentForm" name="commentForm">
498	                    <input type="hidden" name="c_id" id="c_id" value="">
499	                    <input type="hidden" name="c_type" id="c_type" value="">
500	                    <input type="hidden" name="comment_file" id="comment_file">
501	                    <input type="hidden" name="comment_file_width" id="comment_file_width">
502	                    <input type="hidden" name="comment_file_height" id="comment_file_height">
503	                    <textarea id="rcomment" name="comment" placeholder="내용을 입력해 주세요."></textarea>
504	                    <div id="resHTMLComment"></div>
505	                    <div class="filebox" style="display:none">
506	                      <span class="notice_info">Maximum file size: 130 MB</span>
507	                      <label for="commentUploadFile" class="upload-file">
508	                        <div class="btn">파일찾기<input id="commentUploadFile" name="attach_file" type="file"></div>
509	                         <p></p><!-- 업로드파일명 -->
510	                      </label>
511	                    </div>
512	                    <button type="button" class="btn-message-send" id="commentBtn"><span>SEND</span></button>
513	                    </form>
514	                  </div>
515	                </div>
516	                <!-- //feed-box -->
517	              </div>
518	              <!-- //write -->
519          </div>
520          <!-- //modal-body -->
521        </div>
522        <!-- //modal-content-->
523
524      </div>
525    </div>
526	<!-- //header -->
527<style>
528.postCont {color:black;font-size:14px;}
529.postCont .title {font-weight:bold;margin:15px 0px;}
530.postCont .image{border:1px solid #000;margin:15px 0px;}
531.postCont .conts{margin:15px 0px;}
532
533</style>
534	<!-- container -->
535	<div id="container">
536		<!-- ========== 내용 ========== -->
537		<div id="content" class="contentType2" >
538			<div class="" >
539				<div class="postCont">
540					<div>
541					<!-- 
542=  =
543=  =
544=  =
545 -->
546					
547
548
549
550
551<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.8.2/css/all.min.css" />
552<style>
553#left_list a {
554    color: #337ab7 !important;
555    text-decoration: none;
556    font-weight:bold;
557}
558.con-type{
559display:flex;
560}
561.con-contents{word-wrap: break-word;max-height:68px !important;}
562</style>
563<script language="javascript">
564function htmlspecialchars_decode(str) {
565    // HTML 엔티티를 특수문자로 치환
566    return str
567        .replace(/&amp;/g, "&")
568        .replace(/&lt;/g, "<")
569        .replace(/&gt;/g, ">")
570        .replace(/&quot;/g, '"')
571        .replace(/&#039;/g, "'");
572}
573
574     var width = $("#wrap").width() - 632;
575     $('.right-con').css("width", width+"px");
576     $('.coupon-map').css("width", width+"px");
577     $('#map').css("width", width+"px");
578                
579     window.onload = function() {
580        var width = $(".sub-category").width() - 632;
581        $('.right-con').css("width", width+"px");
582        $('.coupon-map').css("width", width+"px");
583        $('#map').css("width", width+"px");
584     }
585
586     $(function() {
587         $(window).resize(function() { 
588             var width = $(".sub-category").width() - 632;
589             console.log(width);
590             $('.right-con').css("width", width+"px");
591             $('.coupon-map').css("width", width+"px");
592             $('#map').css("width", width+"px");
593         });
594     });     
595
596    $(function() {
597        $('#moveBtn').on("click",function(){
598           if($('#map_lat').val() == "")  {
599               location = "https://www.bulletinmap.com?lat="+map.getCenter().lat()+"&lng="+map.getCenter().lng()+"&z="+map.getZoom(); 
600           } else 
601               location = "https://www.bulletinmap.com?lat="+$('#map_lat').val()+"&lng="+$('#map_lng').val()+"&z="+$('#map_zoom').val(); 
602        });
603        $('#topSearchBtn').bind("click", function() {
604            if($('#search_category option:selected').val() == "") {
605                alert('Please select a category');
606                return;
607            }
608            if($('#search_category option:selected').val() == "001") {
609                $('#topSearch').attr("action", "/resume/resume_list");
610            }
611            else if($('#search_category option:selected').val() == "002") {
612                $('#topSearch').attr("action", "/housing/housing_list");
613            }
614            else if($('#search_category option:selected').val() == "003") {
615                $('#topSearch').attr("action", "/coupon/coupon_list");
616            }
617            else if($('#search_category option:selected').val() == "004") {
618                $('#topSearch').attr("action", "/sale/sale_list");
619            }                                    
620            else if($('#search_category option:selected').val() == "005") {
621                $('#topSearch').attr("action", "/job/jobs_list");
622            }                                    
623            $('#topSearch').submit();
624        });
625    });
626    
627    $(document).ready(function() {
628        var view_mode = true;
629        $('#arrow').on("click",function(){
630            if(view_mode == true) {
631                $('#arrow').html(' > ');
632                $(".left-menu").animate({
633                    width: "toggle"
634                }, 400, "linear");
635                setTimeout(function(){
636                    var width = $(".sub-category").width();
637                    $('.right-con').css("width", width+"px");
638                    $('.coupon-map').css("width", width+"px");
639                    $('#map').css("width", width+"px");            
640                    $('.map-on-search').show();
641                }, 400);
642                setTimeout(function(){
643                    $('.gm-style-mtc').parents().find(".gmnoprint:eq(0)").attr("style","margin: 10px; margin-left:230px; z-index: 0; position: absolute; cursor: pointer; left: 0px; top: 0px;");
644                    $('#listing_menu').css("margin-left","403px");
645                }, 800);
646                view_mode = false;
647            } else {
648                $('#arrow').html(' < ');
649                $(".left-menu").animate({
650                    width: "toggle"
651                }, 400, "linear");                                
652                var width = $(".sub-category").width() - 933;
653                $('.right-con').css("width", width+"px");
654                $('.coupon-map').css("width", width+"px");
655                $('#map').css("width", width+"px");       
656                //$('.gmnoprint:eq(0)').attr("style","margin: 10px; z-index: 0; position: absolute; cursor: pointer; left: 0px; top: 0px;");
657                $('.gm-style-mtc').parents().find(".gmnoprint:eq(0)").attr("style","margin: 10px; z-index: 0; position: absolute; cursor: pointer; left: 0px; top: 0px;");
658                $('.map-on-search').hide();                
659                $('#listing_menu').css("margin-left","180px");
660                view_mode = true;
661            }
662        });
663    });
664    
665function codeAddressLocalMap() {
666  $('#list_search_word').val($('#map_search_word').val());
667  $('#listForm').submit();
668  return;
669  if($('#list_search_word').val() != "") {
670      var jsonData = { 'mode':'geocode', 'address': $('#list_search_word').val(), 'address_category':''};
671      $.ajax({
672          url:'/lib_skin/geocode.json',
673          type:'POST',
674          dataType : "json",
675          cache: false,
676          data: jsonData,
677          success:function(data){
678              //location.reload();
679              if(data.status == "OK") {
680                  $('#GEOLOCATION').val(data.lat+", "+data.lng);
681                  
682                  $('#sGEOLOCATION').val(data.lat+", "+data.lng);
683                  $('#slist_search_word').val($('#map_search_word').val());
684                  $('#sListForm').submit();
685 
686              } else {
687                  alert('Please check your address.');
688              }
689              
690          },
691          error:function(jqXHR, textStatus, errorThrown){
692              console.log('ERROR~~ \n' + textStatus + ' : ' + errorThrown);
693          }
694      });    
695  }
696}    
697
698function nl2br(str){
699    return str.replace(/\n/g, "<br />");
700}
701</script>
701
702
703	<div id="header" style="background:#fff">
704		<div class="header" style="display:none">
705			<h1 class="logo"><a href="/index"><img src="/resources/images/layout/logo.png" alt="Withinmile" /></a></h1>
706			<!-- 검색 -->
707			<div class="headerSearch" style="display:none">
708			    <form method="get" name="topSearch" id="topSearch">
709				<div class="sel">
710				<select class="selectric" name="category_id" id="search_category"">
711					<option value="">All Categories</option>
712				</select>
713				</div>
714				<div class="input-search">
715					<input type="text" name="top_search_word" id="search_word"/>
716					<a href="javascript:void(0)" id="topSearchBtn" class="btnSearch"><img src="/resources/images/layout/btn_search.gif" alt="검색" /></a>
717				</div>
718				</form>
719			</div>
720			<!-- //검색 -->
721
722			<div class="headerMenu" style="float:left;">
723				<ul>
724					<!-- 로그인전 -->
725					
726    					<li><a href="/mypage/favorites">My Account</a></li>
727    					<li><a href="/member/login">Sign in / Join</a></li>
728    					<li></li>
729				    
730        				    
731
732				</ul>
733			</div>
734		</div>
735	</div>
736
737<div class="modal fade in" id="popupReply" role="dialog" style="z-index: 100000; overflow-y: auto;display:none ">
738      <div class="modal-popup reply-popup-more">
739
740        <!-- modal-content-->
741        <div class="modal-content">
742          <div class="modal-header">
743            <button type="button" class="close" data-dismiss="modal">model close</button>
744            <h4 class="modal-title hide">REPLY</h4>
745          </div>
746          <!-- modal-body -->
747          <div class="modal-body">
748			<div class="reply-image-box">
749				<div class="picture">
750				<!-- 
751					<video preload="none" playsinline="" id="player0" poster="https://withinmile.fastedge.net/poster/16884303706213.jpg" class="" width="100%">
752					<source type="video/mp4" src="https://withinmile.fastedge.net/new_16884303706213.mp4">
753					</video>
754					<button class="btn-play" type="button"></button>
755				 -->
756				</div>
757			</div>
758              <!-- write -->
759              <div class="reply-comment-box">
760	              <div class="comment-write">
761			            <div class="reply-content reply-contentCO" id="comment_list"></div>
762			            <!-- //reply-content -->
763								</div>
764	                <!-- feed-box -->
765	                <div class="feed-box write">
766	                  <div class="profile-box">
767	                  </div>
768	                  <div class="message-box">
769	                    <form method="post" id="commentForm" name="commentForm">
770	                    <input type="hidden" name="c_id" id="c_id" value="">
771	                    <input type="hidden" name="c_type" id="c_type" value="">
772	                    <input type="hidden" name="comment_file" id="comment_file">
773	                    <input type="hidden" name="comment_file_width" id="comment_file_width">
774	                    <input type="hidden" name="comment_file_height" id="comment_file_height">
775	                    <textarea id="rcomment" name="comment" placeholder="내용을 입력해 주세요."></textarea>
776	                    <div id="resHTMLComment"></div>
777	                    <div class="filebox" style="display:none">
778	                      <span class="notice_info">Maximum file size: 130 MB</span>
779	                      <label for="commentUploadFile" class="upload-file">
780	                        <div class="btn">파일찾기<input id="commentUploadFile" name="attach_file" type="file"></div>
781	                         <p></p><!-- 업로드파일명 -->
782	                      </label>
783	                    </div>
784	                    <button type="button" class="btn-message-send" id="commentBtn"><span>SEND</span></button>
785	                    </form>
786	                  </div>
787	                </div>
788	                <!-- //feed-box -->
789	              </div>
790	              <!-- //write -->
791          </div>
792          <!-- //modal-body -->
793        </div>
794        <!-- //modal-content-->
795
796      </div>
797    </div>
798					
799					 
800                    
801                    
802
803 
804					    <div class="title">
805                            About Withinmile
806                        </div>
807<div class="conts">
808Withinmile is your virtual home and business.
809</div>
810<div class="conts">
811Withinmile is on a mission to bring communities closer together by making it easier for people to find and share local information.
812</div>
813<div class="conts">
814It is difficult to find and share local information because it is spread out over multiple websites and multiple user IDs. We wanted to make it easier for people to find and share information and communicate online by bringing it all in one place.
815</div>
816<div class="conts">
817Withinmile provides digital spaces for homes and businesses that can be used as personal classifieds pages, virtual bulletin boards, mailboxes, storefronts, job posting boards, deals and sales pages, real estate and rental pages, and more.
818</div>
819<div class="conts">
820Sign up and get your free virtual space for your home or business at withinmile.com.
821</div>
822
823                    
824					</div>
825					<div class="btnArea">
826					</div>
827				</div>
828			</div>
829		</div>
830		<!-- ========== //내용 ========== -->
831	</div>
832	<!-- //container -->
833
834	<!-- footer -->
835	
836
837        <!-- s:footer -->
838<style>
839.music-content .active {
840    background: #C1F0FB;
841}    
842</style>
843<div class="modal fade " id="popupMusic" role="dialog" style="display: none;">
844      <div class="modal-popup login-popup modal-lg">
845
846        <!-- modal-content-->
847        <div class="modal-content">
848          <div class="modal-header">
849            <button type="button" class="close" data-dismiss="modal">model close</button>
850            <h4 class="modal-title">MUSIC</h4>
851          </div>
852          <!-- modal-body -->
853          <div class="modal-body">
854            <div class="music-content">
855                <ul>
856                    <li style="border:1px solid #efefef;padding:5px" onclick="musicbar.player.muted=true;callCookie('N');">
857                    음소거
858                    </li>
859	                <li data-info="Mixed genre(new_2)"  class="active" style="border:1px solid #efefef;padding:5px" onclick="changeMusic('Mixed genre(new_2)')">Mixed genre</li>
860	                <li data-info="Ambient" style="border:1px solid #efefef;padding:5px" onclick="changeMusic('Ambient')">Ambient</li>
861	                <li data-info="Children\'s" style="border:1px solid #efefef;padding:5px" onclick="changeMusic('Children\'s')">Children's</li>
862	                <li data-info="Cinematic" style="border:1px solid #efefef;padding:5px" onclick="changeMusic('Cinematic')">Cinematic</li>
863	                <li data-info="Classics" style="border:1px solid #efefef;padding:5px" onclick="changeMusic('Classics')">Classics</li>
864	                <li data-info="Country_Folk" style="border:1px solid #efefef;padding:5px" onclick="changeMusic('Country_Folk')">Country & Folk</li>
865	                <li data-info="Dances" style="border:1px solid #efefef;padding:5px" onclick="changeMusic('Dances')">Dances</li>
866	                <li data-info="Funks" style="border:1px solid #efefef;padding:5px" onclick="changeMusic('Funks')">Funks</li>
867	                <li data-info="Hip-Hop_Rap" style="border:1px solid #efefef;padding:5px" onclick="changeMusic('Hip-Hop_Rap')">Hip-Hop & Rap</li>
868	                <li data-info="Holiday" style="border:1px solid #efefef;padding:5px" onclick="changeMusic('Holiday')">Holiday</li>
869	                <li data-info="Jazz_Blues" style="border:1px solid #efefef;padding:5px" onclick="changeMusic('Jazz_Blues')">Jazz & Blues</li>
870	                <li data-info="Pop" style="border:1px solid #efefef;padding:5px" onclick="changeMusic('Pop')">Pop</li>
871	                <li data-info="Reggae" style="border:1px solid #efefef;padding:5px" onclick="changeMusic('Reggae')">Reggae</li>
872	                <li data-info="Rhythm" style="border:1px solid #efefef;padding:5px" onclick="changeMusic('Rhythm')">Rhythm</li>
873	                <li data-info="Rock" style="border:1px solid #efefef;padding:5px" onclick="changeMusic('Rock')">Rock</li>
874                </ul>
875              </div>
876          </div>
877          <!-- //modal-body -->
878        </div>
879        <!-- //modal-content-->
880        
881      </div>
882    </div>
883    <iframe id="musicbar" name="musicbar" frameborder="0" controls="" src="/music_all?genre=Mixed genre(new_2)" type="audio/mp3" style="display:none"></iframe>
884<style>
885.map-footer {bottom:0;right:0;width:100%;height:30px;background:#fff;transition:0.5s;opacity: 0.5;color:#000;margin-top:-31px;}
886.map-footer.footer-close {padding-left:0;}
887.footer-copy {display:inline-block;padding-left:30px;line-height:30px;font-size:12px;color:#000;}
888.footer-list {right:12px;top:0;height:20px;overflow:hidden;float: right;}
889.footer-list li {position:relative;float:left;padding:0 18px}
890.footer-list li:first-child:after {display:none;}
891.footer-list li:after {content:'';position:absolute;top:50%;left:0;width:3px;height:3px;background:#666;}
892.footer-list li a {display:inline-block;font-size:12px;color:#666;line-height: 20px;}
893.map-footer1 {bottom:0;right:0;width:100%;height:30px;background:#e6e6e6;transition:0.5s;margin-top:5px;}	
894</style>	
895	<div class="map-footer">
896    <span class="footer-copy">&copy;  2018 Withinmile, Inc. ALL RIGHTS RESERVED.</span>
897    <ul class="footer-list">
898      <li><a href="/etc/about">About</a></li>
899      <li><a href="/etc/privacy">Privacy</a></li>
900      <li><a href="/etc/terms">Terms of Service</a></li>
901      <li><a href="/etc/help">Help</a></li>
902    </ul>
903  </div>
904  
905   
906  
907  <div  class="map-footer1" style="padding-left:30px;font-size:12px;clear:both;margin-top: 0px;line-height:35px">Withinmile</div>
908   
909  <iframe id="addtionalFrame" name="addtionalFrame" style="width:0px;height:0px;display:none"></iframe>
910 
911
912<script>
913			
914function codeAddressLocalMap() {
915	  //$('#slist_search_word').val($('#map_search_word').val());
916	  //$('#sListForm').submit();
917	  $('#list_search_word').val($('#map_search_word').val());
918	  $('#listForm').submit();
919	  return;
920	  if($('#list_search_word').val() != "") {
921	      var jsonData = { 'mode':'geocode', 'address': $('#list_search_word').val(), 'address_category':''};
922	      $.ajax({
923	          url:'/geocode.ajax',
924	          type:'POST',
925	          dataType : "json",
926	          cache: false,
927	          data: jsonData,
928	          success:function(data){
929	              //location.reload();
930	              if(data.status == "OK") {
931	                  $('#GEOLOCATION').val(data.lat+", "+data.lng);
932	                  
933	                  $('#sGEOLOCATION').val(data.lat+", "+data.lng);
934	                  $('#slist_search_word').val($('#map_search_word').val());
935	                  $('#sListForm').submit();
936	 
937	              } else {
938	                  alert('Please check your address.');
939	              }
940	              
941	          },
942	          error:function(jqXHR, textStatus, errorThrown){
943	              console.log('ERROR~~ \n' + textStatus + ' : ' + errorThrown);
944	          }
945	      });    
946	  }
947	}    
948	
949function geocode() {
950    var geocoder = new google.maps.Geocoder();
951	geocodeAddressA(geocoder, map);
952	return;
953	return false;
954}
955
956
957function geocodeAddressA(geocoder, resultMap) {
958
959/**
960 * Google Geocoding. Google Map API에 포함되어 있다.
961 */
962var geocoder = new google.maps.Geocoder();          	
963
964    // 주소 설정
965    var address = document.getElementById('address_search_word').value;
966    
967
968    /**
969     * 입력받은 주소로 좌표에 맵 마커를 찍는다.
970     * 1번째 파라미터 : 주소 등 여러가지. 
971     *      ㄴ 참고 : https://developers.google.com/maps/documentation/javascript/geocoding#GeocodingRequests
972     * 
973     * 2번째 파라미터의 함수
974     *      ㄴ result : 결과값
975     *      ㄴ status : 상태. OK가 나오면 정상.
976     */
977    geocoder.geocode({'address': address}, function(result, status) {
978        //console.log(result);
979        //console.log(status);
980
981        if (status === 'OK') {
982            // 맵의 중심 좌표를 설정한다.
983            resultMap.setCenter(result[0].geometry.location);
984            
985            // 맵의 확대 정도를 설정한다.
986            resultMap.setZoom(18);
987            // 맵 마커
988            //var marker = new google.maps.Marker({
989            //    map: resultMap,
990            //    position: result[0].geometry.location
991            //});
992
993            // 위도
994            //console.log('위도(latitude) : ' + marker.position.lat());
995            // 경도
996            //console.log('경도(longitude) : ' + marker.position.lng());
997        } else {
998        }
999    });
1000    return;
1001}            
1002
1003function changeMusic(str) {
1004    musicbar.player.muted=true;
1005    $('#musicbar').attr("src", "/music_all?genre="+str+"&play=true&");
1006    $("#musicbar").attr("onload", "musicbar.player.play();");
1007    musicbar.player.muted=false;
1008
1009    $('.music-content li').removeClass("active");
1010    $('.music-content li').each(function(){
1011        if($(this).data("info") == str) $(this).addClass("active");
1012    });
1013
1014}
1015
1016function callCookie(str) {
1017      jsonData = {"webplay": str};
1018      $.ajax({
1019          url:'/music_status',
1020          type:'POST',
1021          dataType : "json",
1022          cache: false,
1023          data: jsonData,
1024          success:function(data){
1025          },
1026          error:function(jqXHR, textStatus, errorThrown){
1027          }
1028      });    
1029}
1030
1031</script>
1031
1032        <!--// e:footer -->
1033	<!-- //footer -->
1034</div>
1035</body>
1036</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.