It looks like this is a web page, not a feed. I looked for a feed associated with this page, but couldn't find one. Please enter the address of your feed to validate.

Source: http://msgrun.net

  1. <!doctype html>
  2. <html lang="ko">
  3. <head>
  4. <meta charset="utf-8">
  5. <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  6. <meta http-equiv="imagetoolbar" content="no">
  7. <meta http-equiv="X-UA-Compatible" content="IE=edge">
  8. <meta name="description" content="출장마사지 사이트 마사지달리기입니다. 출장홈케어 한국인, 선입금없는 출장, 횟수 무제한출장뜻, 출장부르는법, 경기출장op, 지역별마사지 타이마사지, 태국마사지, 푸잉, 안마, 짭까사이를 소개와 전국마사지를 쉽게 찾을 수 있습니다." />
  9. <meta name="author" content="마사지달리기" />
  10. <meta name="keywords" content="건마, 스웨디시, 출장마사지, 출장안마, 타이마사지, 마사지사이트, 홈타이, 1인샵" />
  11.  
  12.  
  13. <meta property="og:url" content="https://msgrun.net/" />
  14. <meta property="og:type" content="website" />
  15. <meta property="og:image" content="https://msgrun.net/img/meta.jpg" />
  16. <meta property="og:site_name" content="마사지달리기" />
  17. <meta property="og:title" content="【마사지달리기】 출장마사지 | 출장안마 | 홈타이 | 출장홈케어 | 출장홈타이 | 전국 마사지" />
  18. <meta property="og:description" content="출장마사지 사이트 마사지달리기입니다. 출장홈케어 한국인, 선입금없는 출장, 횟수 무제한출장뜻, 출장부르는법, 경기출장op, 지역별마사지 타이마사지, 태국마사지, 푸잉, 안마, 짭까사이를 소개와 전국마사지를 쉽게 찾을 수 있습니다." />
  19. <meta property="og:keywords" content="건마, 스웨디시, 출장마사지, 출장안마, 타이마사지, 마사지사이트, 홈타이, 1인샵" />
  20. <meta name="twitter:title" content="【마사지달리기】 출장마사지 | 출장안마 | 홈타이 | 출장홈케어 | 출장홈타이 | 전국 마사지" />
  21. <meta name="twitter:description" content="출장마사지 사이트 마사지달리기입니다. 출장홈케어 한국인, 선입금없는 출장, 횟수 무제한출장뜻, 출장부르는법, 경기출장op, 지역별마사지 타이마사지, 태국마사지, 푸잉, 안마, 짭까사이를 소개와 전국마사지를 쉽게 찾을 수 있습니다." />
  22. <meta name="twitter:image" content="https://msgrun.net/img/meta.jpg" />
  23. <meta name="twitter:card" content="summary_large_image" />
  24.  
  25. <meta name="robots" content="index, follow">
  26. <meta name="publisher" content="마사지달리기">
  27. <meta name="subject" content="【마사지달리기】 출장마사지 | 출장안마 | 홈타이 | 출장홈케어 | 출장홈타이 | 전국 마사지">
  28. <link rel="canonical" href="" />
  29. <title>【마사지달리기】 출장마사지 | 출장안마 | 홈타이 | 출장홈케어 | 출장홈타이 | 전국 마사지</title>
  30.  
  31. <link rel="apple-touch-icon" sizes="57x57" href="/favicon/apple-icon-57x57.png">
  32. <link rel="apple-touch-icon" sizes="60x60" href="/favicon/apple-icon-60x60.png">
  33. <link rel="apple-touch-icon" sizes="72x72" href="/favicon/apple-icon-72x72.png">
  34. <link rel="apple-touch-icon" sizes="76x76" href="/favicon/apple-icon-76x76.png">
  35. <link rel="apple-touch-icon" sizes="114x114" href="/favicon/apple-icon-114x114.png">
  36. <link rel="apple-touch-icon" sizes="120x120" href="/favicon/apple-icon-120x120.png">
  37. <link rel="apple-touch-icon" sizes="144x144" href="/favicon/apple-icon-144x144.png">
  38. <link rel="apple-touch-icon" sizes="152x152" href="/favicon/apple-icon-152x152.png">
  39. <link rel="apple-touch-icon" sizes="180x180" href="/favicon/apple-icon-180x180.png">
  40. <link rel="icon" type="image/png" sizes="192x192"  href="/favicon/android-icon-192x192.png">
  41. <link rel="icon" type="image/png" sizes="32x32" href="/favicon/favicon-32x32.png">
  42. <link rel="icon" type="image/png" sizes="96x96" href="/favicon/favicon-96x96.png">
  43. <link rel="icon" type="image/png" sizes="16x16" href="/favicon/favicon-16x16.png">
  44. <link rel="manifest" href="/favicon/manifest.json">
  45. <meta name="msapplication-TileColor" content="#ffffff">
  46. <meta name="msapplication-TileImage" content="/favicon/ms-icon-144x144.png">
  47. <meta name="theme-color" content="#ffffff">
  48.  
  49. <meta name="google-site-verification" content="kPp-E596m0fZlMNN0fcqNCb5Y1SGPXY7m4MhM_lsn34" />
  50. <meta name="google-site-verification" content="zXOIXcLT1DVLoh_a46qxeDMmN8LP1r43HxxbjLlb8AI" />
  51. <meta name="naver-site-verification" content="b88c64d601c53abf1f26bb68767a1fc6ead0d6c0" />
  52.  
  53. <!-- Global site tag (gtag.js) - Google Analytics -->
  54. <!-- <script async src="https://www.googletagmanager.com/gtag/js?id=G-KPEN91M4EW"></script>
  55. <script>
  56.  window.dataLayer = window.dataLayer || [];
  57.  function gtag(){dataLayer.push(arguments);}
  58.  gtag('js', new Date());
  59.  
  60.  gtag('config', 'G-KPEN91M4EW');
  61. </script> -->
  62.  
  63.  
  64.  
  65.  
  66. <link rel="stylesheet" href="https://msgrun.net/theme/theme_wide_16/css/default.css?ver=2210121751760975">
  67. <!--[if lte IE 8]>
  68. <script src="https://msgrun.net/js/html5.js"></script>
  69. <![endif]-->
  70. <script>
  71. // 자바스크립트에서 사용하는 전역변수 선언
  72. var g5_url       = "https://msgrun.net";
  73. var g5_bbs_url   = "https://msgrun.net/bbs";
  74. var g5_is_member = "";
  75. var g5_is_admin  = "";
  76. var g5_is_mobile = "";
  77. var g5_bo_table  = "";
  78. var g5_sca       = "";
  79. var g5_editor    = "";
  80. var g5_cookie_domain = "";
  81. </script>
  82.  
  83.  
  84. <!-- google fonts -->
  85. <!-- <link rel="preconnect" href="https://fonts.googleapis.com"> -->
  86. <!-- <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> -->
  87. <!-- <link href="https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&family=Source+Sans+Pro:wght@200;300;400;600;700;900&display=swap" rel="stylesheet"> -->
  88.  
  89.  
  90.  
  91. </head>
  92. <body>
  93.  
  94.  
  95. <link rel="stylesheet" href="https://msgrun.net/js/font-awesome/css/font-awesome.min.css">
  96.  
  97. <script src="https://msgrun.net/js/jquery-1.12.4.min.js"></script>
  98. <script src="https://msgrun.net/js/jquery-migrate-1.4.1.min.js"></script>
  99. <script src="https://msgrun.net/js/jquery.menu.js?ver=221012"></script>
  100.  
  101. <script src="https://msgrun.net/js/common.js?ver=221012"></script>
  102. <script src="https://msgrun.net/js/wrest.js?ver=221012"></script>
  103. <script src="https://msgrun.net/js/placeholders.min.js"></script>
  104. <script src="https://msgrun.net/js/jquery.bxslider.min.js"></script>
  105.  
  106.  
  107. <!-- Bootstrap core CSS -->
  108. <link href="https://msgrun.net/theme/theme_wide_16/assets/bootstrap/css/bootstrap.min.css" rel="stylesheet" media="all">
  109. <!-- owl Carousel -->
  110. <link rel="stylesheet" href="https://msgrun.net/theme/theme_wide_16/assets/owlcarousel/css/owl.carousel.min.css">
  111. <link rel="stylesheet" href="https://msgrun.net/theme/theme_wide_16/assets/owlcarousel/css/owl.theme.default.min.css">
  112.  
  113. <!-- countdown -->
  114. <link href="https://msgrun.net/theme/theme_wide_16/assets/countdown/css/demo.css" rel="stylesheet">
  115. <!-- bootstrap-social icon -->
  116. <link href="https://msgrun.net/theme/theme_wide_16/assets/bootstrap-social/bootstrap-social.css" rel="stylesheet">
  117. <link href="https://msgrun.net/theme/theme_wide_16/css/animate.css" rel="stylesheet">
  118. <link href="https://msgrun.net/theme/theme_wide_16/css/bootstrap-dropdownhover.css" rel="stylesheet">
  119. <!-- Custom & ety -->
  120. <link href="https://msgrun.net/theme/theme_wide_16/css/modern-business.css?ver=2210121751760975" rel="stylesheet">
  121. <link href="https://msgrun.net/theme/theme_wide_16/css/ety.css" rel="stylesheet">
  122. <link href="https://msgrun.net/theme/theme_wide_16/css/style.css?ver=2210121751760975" rel="stylesheet" media="all">
  123. <link href="https://msgrun.net/theme/theme_wide_16/css/shop_list.css?ver=2210121751760975" rel="stylesheet">
  124. <link href="/css/jquery.bxslider.min.css?ver=2210121751760975" rel="stylesheet">
  125. <style>
  126. img {
  127. image-rendering:-webkit-optimize-contrast;
  128. transform:translateZ(0);
  129. backface-visibility:hidden;
  130. }
  131. /* 이미지 품질 개선 */
  132.  
  133. @media screen and (max-width:1200px){
  134. .card-position {
  135. max-width:33%;
  136. flex:0 0 33%;
  137. }
  138.  
  139. .card-position:nth-child(4n) {
  140. margin-top:20px;
  141. }
  142. }
  143.  
  144. @media screen and (max-width:950px){
  145. .card-position {
  146. max-width:50%;
  147. flex:0 0 50%;
  148. }
  149.  
  150. .card-position:nth-child(3n) {
  151. margin-top:20px;
  152. }
  153. }
  154.  
  155. @media screen and (max-width:700px){
  156. .card-position {
  157. max-width:100%;
  158. flex:0 0 100%;
  159. margin-top:20px;
  160. }
  161.  
  162. .card-position:first-child{
  163. margin-top:0px;
  164. }
  165.  
  166. }
  167. </style>
  168.  
  169. <script>
  170. $(function(){
  171. set_coords();
  172. });
  173. $(document).on("click", "[data-coords-check]", function(){
  174. //set_coords();
  175. //location.reload();
  176. });
  177. function set_coords(){
  178. navigator.geolocation.getCurrentPosition(function(pos) {
  179. var longitude = pos.coords.longitude;
  180. var latitude = pos.coords.latitude;
  181. if(!longitude) return;
  182. if(!latitude) return;
  183. var url = "https://msgrun.net/theme/theme_wide_16/coords.php";
  184. $.ajax({
  185. type : "POST",
  186. url : url,
  187. data : {mode:"set", latitude:latitude, longitude:longitude},
  188. dataType : "json",
  189. success : function(result){
  190. //console.log(result);
  191. },
  192. error : function(exception){
  193. }
  194. });
  195. });
  196. }
  197. </script><script>
  198. $(document).on("click", "[data-shop-theme-type]", function(){
  199. var shop_theme_type = $(this).attr("data-shop-theme-type");
  200. set_shop_theme_type(shop_theme_type);
  201. });
  202. function set_shop_theme_type(shop_theme_type){
  203. var url = "https://msgrun.net/theme/theme_wide_16/shop_theme_type_set.php";
  204. var wr_id = "0";
  205. var request_uri = "/";
  206. $.ajax({
  207. type : "POST",
  208. url : url,
  209. data : {mode:"shop_theme_type_set", shop_theme_type:shop_theme_type, request_uri:request_uri, wr_id:wr_id},
  210. dataType : "json",
  211. success : function(result){
  212. if(result.theme_url){
  213. location.href = result.theme_url;
  214. return;
  215. }
  216. location.href = $(location).attr("href");
  217. },
  218. error : function(exception){
  219. location.reload();
  220. }
  221. });
  222. }
  223. </script>
  224.  
  225. <div class="theme_type board_">
  226. <div class="container">
  227. <div class="theme_type_change">
  228. <button data-shop-theme-type="home" class="home active">
  229. <div class="now">홈타이</div>
  230. </button>
  231. <button data-shop-theme-type="road" class="road ">
  232. <div class="now">로드샵</div>
  233. </button>
  234. </div>
  235. </div>
  236. </div>
  237. <style>
  238. .theme_type{ z-index:2001; position:fixed; top:0; left:0; right:0; width:100%; }
  239. .theme_type > .container{ position:relative; max-width:1400px; height:100%; margin:0 auto; justify-content: space-between; }
  240. .theme_type > .container .theme_type_change{ display:flex; position:absolute; top:30px; left:20px; border:solid 2px #ffffff; border-radius:10px; box-shadow:0 0 10px 0 rgba(0, 0, 0, 0.5); background:#ffffff; }
  241. .theme_type > .container .theme_type_change button{ width:50%; padding:10px 15px; border:none; text-align:center; background:#eeeeee; }
  242. .theme_type > .container .theme_type_change button{ transition:all ease-in-out 0.3s; }
  243. .theme_type > .container .theme_type_change button .now{ transition:inherit; }
  244. .theme_type > .container .theme_type_change button .now{ opacity:0.5; display:block; padding:5px 10px; border-radius:5px; text-align:center; font-size:11px; font-weight:600; line-height:20px; background:#2a6cff ; color:#ffffff; word-break:keep-all; }
  245. .theme_type > .container .theme_type_change button.active .now{ opacity:1; font-size:13px; }
  246. .theme_type > .container .theme_type_change button:hover{ opacity:1; }
  247. .theme_type > .container .theme_type_change button:hover .now{ opacity:1; }
  248.  
  249. .theme_type > .container .theme_type_change button.home{ border-radius:10px 0 0 10px; }
  250. .theme_type > .container .theme_type_change button.home .now{ background:#ff2a75; }
  251. .theme_type > .container .theme_type_change button.home.active{ background:#ff2a75; }
  252. .theme_type > .container .theme_type_change button.home.active .now{ background:#ffffff; color:#ff2a75; }
  253.  
  254. .theme_type > .container .theme_type_change button.road{ border-radius:0 10px 10px 0; }
  255. .theme_type > .container .theme_type_change button.road .now{ background:#2a6cff; }
  256. .theme_type > .container .theme_type_change button.road.active{ background:#2a6cff; }
  257. .theme_type > .container .theme_type_change button.road.active .now{ background:#ffffff; color:#2a6cff; }
  258.  
  259.  
  260. @media (max-width: 991px) {
  261. .theme_type{ top:unset; bottom:0; }
  262. .theme_type > .container .theme_type_change{ position:absolute; top:unset; left:10px; bottom:10px; }
  263. .theme_type.board_near > .container .theme_type_change{ top:unset; bottom:60px; }
  264. .theme_type > .container .theme_type_change button{ padding:10px; }
  265. .theme_type > .container .theme_type_change button .now{ padding:5px 10px; }
  266. }
  267. </style>
  268. <!-------------------------- 네비게이션 -------------------------->
  269. <style>
  270. .collapse.in{ -webkit-transition-delay: 4s; transition-delay: 5s; visibility: visible; }
  271.  
  272. .navbar{ background-color: #1f1f1f !important;}
  273. .fixed-top{ position:relative; height:120px; }
  274. .navbar>.container, .navbar>.container-fluid{ justify-content:space-around; }
  275. .hidden { display:none; }
  276. #MENU_BTN{ width:30px; height:30px; padding:0px; background:transparent; border-radius:unset; outline:0; }
  277. #MENU_BTN .navbar-toggler-bar{ display: block; position: relative; width: 24px; height: 2px; border-radius: 2px; background: #fff; transform: rotate(0); transition: all 0.2s; }
  278. #MENU_BTN .navbar-toggler-bar+.navbar-toggler-bar{ margin-top: 5px; }
  279. #MENU_BTN:not(.collapsed) .navbar-toggler-bar.top-bar{ transform:rotate(45deg); }
  280. #MENU_BTN:not(.collapsed) .navbar-toggler-bar.middle-bar{ opacity: 0; margin-top: -2px; }
  281. #MENU_BTN:not(.collapsed) .navbar-toggler-bar.bottom-bar{ transform:rotate(-45deg); margin-top: -2px; }
  282.  
  283. #navbarResponsive ul { width:100%; justify-content:center; }
  284.  
  285. #pc_t_right { right: 0; top: 44px; }
  286. #pc_t_right ul.items{ display:flex; align-items: center; }
  287. #pc_t_right ul.items li { display: inline-block; vertical-align: top; }
  288. #pc_t_right ul.items li.is_fav a { margin-left: 10px; }
  289. #pc_t_right ul.items li a{ margin:0 10px; font-family: 'S-CoreDream-4Regular'; font-size:14px; line-height:1; font-weight:500; color:#ffffff; }
  290. #pc_t_right ul.items li a.qa{ display:inline-block; padding:8px 15px; background:#e49c12; color:#ffffff; border-radius:5px; }
  291.  
  292. #NAV.container{ padding-left:0; padding-right:0; }
  293. .nav-item a.qalist{ display:inline-block; padding:3px 15px; background:#e49c12; color:#ffffff !important; border:none !important; border-radius:5px; }
  294.  
  295. .모바일모드 { display:none !important; }
  296. .피씨모드 { display:block !important; }
  297.  
  298. .navbar-expand-lg .navbar-nav .nav-item .nav-link { color:#1f1f1f; border-bottom:solid 3px transparent; }
  299. .navbar-expand-lg .navbar-nav .nav-item.active { border-bottom:none; }
  300. .navbar-expand-lg .navbar-nav .nav-item.active .nav-link{ color:#1f1f1f; border-bottom:solid 3px #e49c12; }
  301.  
  302. #모바일메뉴 { display:none; }
  303. #모바일메뉴 .navbar-nav { padding-bottom:0px; }
  304. #모바일메뉴 ul { display:flex; flex-direction:row; justify-content:center; width:100%; }
  305. #모바일메뉴 ul li{ display:flex; align-items:center; padding:5px 0; }
  306. #모바일메뉴 ul li:not(:last-child):after{ content:""; display:block; width:1px; height:20px; margin:0 15px; background:#dedede; }
  307.  
  308. #LEFT_MENU { width:30px; cursor:pointer; }
  309. #LEFT_MENU i{ font-size:22px; color:#ffffff; }
  310.  
  311. .navbar > .container{ position:relative; max-width:1400px; height:100%; margin:0 auto; justify-content: space-between; }
  312. .navbar > .container .navbar-brand{ position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); height:70px; }
  313. .navbar > .container .navbar-brand img{ height:100%; }
  314. .navbar > .container > .navbar-collapse{ flex-grow:unset; }
  315.  
  316. @media (min-width: 1200px) {
  317. #LEFT_BN { max-width:430px; place-self:flex-end; }
  318. }
  319.  
  320. @media (max-width: 1201px) {
  321. #LEFT_BN { max-width:350px; }
  322. }
  323.  
  324. @media (max-width: 991px) {
  325. .navbar > .container{ padding:0 10px; }
  326. .fixed-top { height:79px; }
  327. .navbar { padding:0px; }
  328. .navbar > .container .navbar-brand{ height:52px; }
  329. .모바일모드 { display:block !important; }
  330. .피씨모드 { display:none !important; }
  331. #navbarResponsive ul { margin-top:10px; }
  332. #navbarResponsive ul li { text-align:center; }
  333.  
  334. .navbar-expand-lg .navbar-nav .nav-item.active { border-bottom:0px; }
  335. #모바일메뉴 { display:flex; }
  336. }
  337. </style>
  338. <nav class="navbar fixed-top navbar-expand-lg navbar-white bg-darkgray">
  339. <div class="container">
  340. <div id="LEFT_MENU" class="모바일모드"><i class="fa fa-search"></i></div>
  341. <div style="width:0px;" class="collapse navbar-collapse" id="LEFT_BN"></div>
  342. <a class="navbar-brand logo 피씨모드" href="https://msgrun.net"><img src="/img/logo.png" id="LOGO" alt="마사지달리기" width="306" height="60"></a>
  343. <a class="navbar-brand logo 모바일모드" href="https://msgrun.net"><img src="/img/logo.png" id="MLOGO" alt="마사지달리기" width="215" height="42"></a>
  344. <div class="collapse navbar-collapse" id="pc_t_right">
  345. <ul class="items">
  346. <li><a href="/bbs/login.php">로그인</a></li>
  347. <li><a href="/bbs/register.php">회원가입</a></li>
  348. <li><a href="/bbs/qalist.php" class="qa" alt="광고문의">광고문의</a></li>
  349. </ul>
  350. </div>
  351. <button class="navbar-toggler navbar-dark navbar-toggler-right collapsed" type="button" data-toggle="collapse" data-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation" id="MENU_BTN">
  352. <span class="navbar-toggler-bar top-bar"></span>
  353. <span class="navbar-toggler-bar middle-bar"></span>
  354. <span class="navbar-toggler-bar bottom-bar"></span>
  355. </button>
  356. </div>
  357. </nav>
  358.  
  359. <div  class="container navbar-expand-lg" id="NAV">
  361. <div class="collapse navbar-collapse" id="navbarResponsive" data-hover="dropdown" data-animations="fadeIn fadeIn fadeInUp fadeInRight">
  362. <ul class="navbar-nav ml-auto">
  363. <li class="nav-item 피씨모드 "><a class="nav-link ks4" href="/loc/지역검색/전체/전체" target="_self"><i class="fa fa-map"></i> 지역검색</a></li>
  364. <li class="nav-item 피씨모드 "><a class="nav-link ks4" href="/free" target="_self"><i class="fa fa-comments"></i> 자유게시판</a></li>
  365. <li class="nav-item 피씨모드 "><a class="nav-link ks4" href="/hugi" target="_self"><i class="fa fa-star"></i> 후기게시판</a></li>
  366. <li class="nav-item 피씨모드 "><a class="nav-link ks4" href="https://msgrun.net/news" target="_self">마사지 뉴스</a></li>
  368. <li class="nav-item 모바일모드"><a class="nav-link ks4" href="https://msgrun.net/bbs/login.php">로그인</a></li>
  369. <li class="nav-item 모바일모드"><a class="nav-link ks4" href="https://msgrun.net/bbs/register.php">회원가입</a></li>
  370. <li class="nav-item 모바일모드"><a class="nav-link ks4 qalist" href="https://msgrun.net/bbs/qalist.php">광고문의</a></li>
  371.  </ul>
  372. </div>
  373.  
  374. <div id="모바일메뉴">
  375. <ul class="navbar-nav">
  376. <li class="nav-item "><a class="nav-link ks4 f14" href="/loc/지역검색/전체/전체" target="_self">지역검색</a></li>
  377. <li class="nav-item "><a class="nav-link ks4 f14" href="/free" target="_self">자유게시판</a></li>
  378. <li class="nav-item "><a class="nav-link ks4 f14" href="/hugi" target="_self">후기게시판</a></li>
  379. <li class="nav-item "><a class="nav-link ks4 f14" href="https://msgrun.net/news" target="_self">마사지 뉴스</a></li>
  380. </ul>
  381. </div>
  382.  
  383. </div>
  384.  
  385.  
  386.  
  387.  
  388.  
  389.  
  390. <!-------------------------- 게시판 상단 배경 수정하는 곳 -------------------------->
  391. <!-------------------------- ./게시판 상단 배경 수정하는 곳 --------------------------><link rel="stylesheet" href="https://msgrun.net/theme/theme_wide_16/css/main.css?ver=12210121751760975">
  392.  
  393.  
  394.  
  395. <div class="main-slide">
  396. <div class="slider-wrapper">
  397. <ul class="bxslider">
  398. <li>
  399. <a href="https://play.google.com/store/apps/details?id=kr.co.pushapp.msgrun&pli=1" target="_blank">
  400. <img src="/img/main/m_banner_01.webp" alt="스웨디시,마사지,1인샵,건마,타이마사지등 마사지달리기가 최고입니다" title="스웨디시,마사지,1인샵,건마,타이마사지등 마사지달리기가 최고입니다" class="mobile">
  401. <img src="/img/main/banner_01.webp" alt="스웨디시,마사지,1인샵,건마,타이마사지등 마사지달리기가 최고입니다" title="스웨디시,마사지,1인샵,건마,타이마사지등 마사지달리기가 최고입니다" width="1920" height="860">
  402. </a>
  403. </li>
  404. <li>
  405. <a href="https://play.google.com/store/apps/details?id=kr.co.pushapp.msgrun&pli=1" target="_blank">
  406. <img src="/img/main/m_banner_02.webp" alt="스웨디시,마사지,1인샵,건마,타이마사지등 마사지달리기가 최고입니다" title="스웨디시,마사지,1인샵,건마,타이마사지등 마사지달리기가 최고입니다" width="480" height="215" class="mobile">
  407. <img src="/img/main/banner_02.webp" alt="스웨디시,마사지,1인샵,건마,타이마사지등 마사지달리기가 최고입니다" title="스웨디시,마사지,1인샵,건마,타이마사지등 마사지달리기가 최고입니다" width="1920" height="860">
  408. </a>
  409. </li>
  410. </ul>
  411. </div>
  412. </div>
  413. <script>
  414. var $main_slider;
  415. function main_slider() {
  416. var deviceWidth = $(window).width();
  417. if($main_slider && $main_slider.reloadSlider){
  418. $main_slider.reloadSlider({});
  419. }else{
  420. $main_slider = $(".main-slide .bxslider").bxSlider({
  421. auto: true,
  422. controls: true,
  423. });
  424. }
  425. }
  426. $(function(){ main_slider(); });
  427. $(window).on("resize", function(){
  428. setTimeout(function(){
  429. main_slider();
  430. }, 500);
  431. });
  432. </script>
  433. <style>
  434. .main-slide{ position:relative; width:100%; background:#1f1f1f; }
  435.  
  436. .main-slide img{ width:100% !important; height:calc(100% * 0.45); }
  437. .main-slide img.mobile{ display:none; }
  438.  
  439. .main-slide .slider-wrapper{ max-width:1400px; margin:0 auto; }
  440. .main-slide .bx-wrapper{ margin-bottom:0; box-shadow:unset; background:#1f1f1f; }
  441. .main-slide .bx-wrapper .bx-viewport .bxslider li{ overflow:hidden; }
  442. .main-slide .bx-wrapper .bx-controls-auto,
  443. .main-slide .bx-wrapper .bx-pager{ bottom:30px; }
  444. .main-slide .bx-wrapper .bx-pager.bx-default-pager a{ background:#999999; }
  445. .main-slide .bx-wrapper .bx-pager.bx-default-pager a.active{ background:#ffffff; }
  446. @media (max-width: 991px) {
  447. .main-slide .bx-wrapper .bx-controls-auto,
  448. .main-slide .bx-wrapper .bx-pager{ bottom:10px; }
  449. }
  450.  
  451. .main_banner_wrap{ display:flex; justify-content:space-between; }
  452. .main_banner_wrap img{ width:100%; padding:5px; }
  453. @media (max-width: 991px) {
  454. .main_banner_wrap{ flex-direction:column; }
  455. .main-slide img{ display:none; }
  456. .main-slide img.mobile{ display:block; }
  457. }
  458. @media (max-width: 991px) {
  459. .main_banner_wrap{ flex-direction:column; }
  460. }
  461. </style>
  462.  
  463.  
  464. <div class="container" style="max-width:1400px;">
  465. <style>
  466. .topSelectContainer{
  467. top:unset;
  468. padding:20px 0;
  469. }
  470. .searchStoreWrap{ width:995px; }
  471. /* tscHeader */
  472. .tscHeader{ justify-content:space-between; margin-bottom:10px; }
  473. .tscHeader .categorySelect[type="loc"]{ width:30%; }
  474. .tscHeader .categorySelect{ border-radius:10px; box-shadow:0 0 10px rgba(0, 0, 0, 0.2); border-color:#e49c12; }
  475. .tscHeader .categorySelect span{ align-items:center; }
  476. .tscHeader .categorySelect span i{ color:#e49c12; font-size:22px; margin-right:10px; }
  477. .tscHeader .categorySelect .ctIcon{ background:none; width:unset; height:unset; }
  478. .tscHeader .categorySelect .ctIcon i{ color:#999999; font-size:20px; transform:rotate(0); transition:all 0.2s; }
  479. .tscHeader .categorySelect .ctIcon.ctOpen  i{ color:#e49c12; transform:rotate(180deg); }
  480. .tscHeader .mainSearch{ width:calc(70% - 10px); background:#e49c12; }
  481. .tscHeader .mainSearch input{ width:calc(100% - 30px); }
  482. .tscHeader .mainSearch i{ color:#ffffff; font-size:23px; }
  483. .tscHeader .mainSearch{ border-radius:10px; box-shadow:0 0 10px rgba(0, 0, 0, 0.2); }
  484. .tscHeader .mainSearch input:focus{ border:none !important; box-shadow:unset; outline:unset; }
  485. .tscHeader .mainSearch input::placeholder { color:rgba(255, 255, 255, 0.7); }
  486.  
  487. /* topSelectContainer */
  488. .newStoreList .tscHeader{ border-radius:10px; box-shadow:0 0 10px rgba(0, 0, 0, 0.2); background-color:#1f1f1f; color:#ffffff; }
  489. .newStoreList .tscContents{ padding:0; overflow:hidden; }
  490. .newStoreList .tscContents .slick-track{ height:205px; overflow:hidden; }
  491. .newStoreList .tscContents .slick-track .slick-slide{ width:403px; height:100%; background-size:cover; background-repeat:no-repeat; }
  492.  
  493. /* tscContents */
  494. .tscContents{ background:#ffffff; border-radius:10px; box-shadow:0 0 10px rgba(0, 0, 0, 0.2); }
  495. .tscContents .slick-dots{ display:flex !important; justify-content: flex-end; align-items: center; top:0; }
  496. .tscContents .slick-dots li{ position:relative; display:block; margin:0; width:15px; height:15px; }
  497. .tscContents .slick-dots li button{ width:100%; height:100%; }
  498. .tscContents .slick-dots li button:before{ content:""; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:5px; height:5px; background:#999999; border-radius:100%; transition:all 0.2s; }
  499. .tscContents .slick-dots li button:hover:before{ content:""; width:15px; height:15px; background:#eeeeee; }
  500. .tscContents .slick-dots li.slick-active button:before{ content:""; width:15px; height:15px; background:#e49c12; }
  501.  
  502. /* searchStoreWrap */
  503. .searchStoreWrap .tscContents .categoryList a{ flex-basis:unset !important; display:flex; justify-content:center; align-items:center; width:120px; height:40px; margin:0 5px 15px; padding:0 !important; border:solid 2px #f4f4f4 !important; border-radius:30px; background:#f4f4f4; transition:all 0.2s; }
  504. .searchStoreWrap .tscContents .categoryList a span{ margin:0 !important; padding:0 !important; font-size:16px; color:#1f1f1f; transition:all 0.2s; }
  505. .searchStoreWrap .tscContents .categoryList a:hover{ border-color:#e49c12 !important; background:#ffffff; }
  506.  
  507. /* nsWrap */
  508. .nsWrap{ height:100%; padding:0; }
  509. .nsWrap a{ display:flex; flex-direction:column; justify-content:flex-end; height:100%; }
  510. .nsWrap .info{ padding:10px 20px 5px; background:linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.5)); }
  511. .nsWrap .info .name{ margin:0 0 5px; color:#e49c12; }
  512. .nsWrap .info .title{ height:auto; margin:0 0 10px; }
  513. .nsWrap .info .icons{ color:#333333; }
  514. .nsWrap .info .icons i{ font-size:inherit; color:#e49c12; }
  515. .nsWrap .info .move a{ display:flex; justify-content:center; align-items:center; width:40px; height:40px; text-align:center; color:#ffffff; background:#e49c12; border-radius:100%; }
  516. .nsWrap .info .move a i{ font-size:20px; }
  517.  
  518. @media screen and (max-width: 1024px){
  519. .tscHeader .categorySelect[type="loc"]{ width:100%; margin:0; }
  520. .searchStoreWrap .tscContents{ border:none; }
  521. .searchStoreWrap .tscContents .categoryList{ padding:10px 5px 0; background:#ffffff; border-radius:10px; box-shadow:0 0 10px rgba(0, 0, 0, 0.2); }
  522. .searchStoreWrap .tscContents .categoryList a{ width:80px; height:40px; margin:0 5px 10px !important; padding:0 !important; border:solid 2px #f4f4f4 !important; border-radius:30px; background:#f4f4f4; transition:all 0.2s; }
  523. .searchStoreWrap .tscContents .categoryList a span{ margin:0 !important; padding:0 !important; font-size:16px; color:#1f1f1f; transition:all 0.2s; }
  524. .searchStoreWrap .tscContents .categoryList a:hover{ border-color:#e49c12 !important; background:#ffffff; }
  525. .theme-box{
  526. display:none !important;
  527. }
  528. }
  529. </style>
  530.  
  531.  
  532. <div class="main-page main-page-new">
  533. <div class="itemContainer topSelectContainer">
  534. <div class="newStoreList pc-only">
  535. <div class="tscHeader top10">추천업체 TOP 10</div>
  536. <div class="tscContents slick-initialized slick-slider slick-dotted">
  537. <div class="slick-list draggable">
  538. <div class="slick-track">
  539. <div class="slick-slide" style="background-image:url(/data/file/near/2890168156_Ax38eLKi_300bef5256bf5a59f31d02bb3988b1fd5b97108f_tr.webp);">
  540. <div style="height:100%;">
  541. <div class="nsWrap" style="width:100%;display:inline-block;">
  542. <a href="/near/4" tabindex="0">
  543. <div class="info">
  544. <div class="name">비키니홈타이</div>
  545. <div class="title">선입금X 출장비X 내상X 비키니홈타이</div>
  546. <div class="icons">
  547. <div>
  548. <i class="fa fa-flag"></i>&nbsp;
  549. <span>강남구</span>
  550. </div>
  551. <div>
  552. <i class="fa fa-hashtag"></i>&nbsp;
  553. <span></span>
  554. </div>
  555. </div>
  556. </div>
  557. </a>
  558. </div>
  559. </div>
  560. </div>
  561. <div class="slick-slide" style="background-image:url(/data/file/near/2890328404_RLPY0Hhd_a51d5ef665f70c9cf24fb4618497dda4d04fdced_tr.webp);">
  562. <div style="height:100%;">
  563. <div class="nsWrap" style="width:100%;display:inline-block;">
  564. <a href="/near/134" tabindex="0">
  565. <div class="info">
  566. <div class="name">교복홈타이</div>
  567. <div class="title">선입금없는 마달 인증업체</div>
  568. <div class="icons">
  569. <div>
  570. <i class="fa fa-flag"></i>&nbsp;
  571. <span>강남구</span>
  572. </div>
  573. <div>
  574. <i class="fa fa-hashtag"></i>&nbsp;
  575. <span></span>
  576. </div>
  577. </div>
  578. </div>
  579. </a>
  580. </div>
  581. </div>
  582. </div>
  583. <div class="slick-slide" style="background-image:url(/data/file/near/2890325596_UuiOtEDN_6db6fb570eb70c0334cd30db98c9ae9d74fd6825_tr.webp);">
  584. <div style="height:100%;">
  585. <div class="nsWrap" style="width:100%;display:inline-block;">
  586. <a href="/near/133" tabindex="0">
  587. <div class="info">
  588. <div class="name">내상제로홈타이</div>
  589. <div class="title">전원 미녀 관리사 대기중!</div>
  590. <div class="icons">
  591. <div>
  592. <i class="fa fa-flag"></i>&nbsp;
  593. <span>강남구</span>
  594. </div>
  595. <div>
  596. <i class="fa fa-hashtag"></i>&nbsp;
  597. <span></span>
  598. </div>
  599. </div>
  600. </div>
  601. </a>
  602. </div>
  603. </div>
  604. </div>
  605. <div class="slick-slide" style="background-image:url(/data/file/near/2890281367_8N4Mb95A_30933acb3856236b8e60b0a320d225c1e9ea1f60_tr.webp);">
  606. <div style="height:100%;">
  607. <div class="nsWrap" style="width:100%;display:inline-block;">
  608. <a href="/near/3" tabindex="0">
  609. <div class="info">
  610. <div class="name">일본혼혈홈타이</div>
  611. <div class="title">앙큼한 그녀들의 홈케어♥</div>
  612. <div class="icons">
  613. <div>
  614. <i class="fa fa-flag"></i>&nbsp;
  615. <span>강남구</span>
  616. </div>
  617. <div>
  618. <i class="fa fa-hashtag"></i>&nbsp;
  619. <span></span>
  620. </div>
  621. </div>
  622. </div>
  623. </a>
  624. </div>
  625. </div>
  626. </div>
  627. <div class="slick-slide" style="background-image:url(/data/file/near/2890299965_rHXaVsOB_df9a19a6bc2a29d9ee417f0562f66c84b0924e9e_tr.webp);">
  628. <div style="height:100%;">
  629. <div class="nsWrap" style="width:100%;display:inline-block;">
  630. <a href="/near/1" tabindex="0">
  631. <div class="info">
  632. <div class="name">뜨밤홈타이</div>
  633. <div class="title">전원 20대 관리사 출장홈타이</div>
  634. <div class="icons">
  635. <div>
  636. <i class="fa fa-flag"></i>&nbsp;
  637. <span>강남구</span>
  638. </div>
  639. <div>
  640. <i class="fa fa-hashtag"></i>&nbsp;
  641. <span></span>
  642. </div>
  643. </div>
  644. </div>
  645. </a>
  646. </div>
  647. </div>
  648. </div>
  649. <div class="slick-slide" style="background-image:url(/data/file/near/2890325642_rXLw0ypa_1ac35f568fdf916b7690298f7c39f8ade2fab80f_tr.webp);">
  650. <div style="height:100%;">
  651. <div class="nsWrap" style="width:100%;display:inline-block;">
  652. <a href="/near/2" tabindex="0">
  653. <div class="info">
  654. <div class="name">텐프로홈타이</div>
  655. <div class="title">사이즈/마인드 no.1 홈타이</div>
  656. <div class="icons">
  657. <div>
  658. <i class="fa fa-flag"></i>&nbsp;
  659. <span>강남구</span>
  660. </div>
  661. <div>
  662. <i class="fa fa-hashtag"></i>&nbsp;
  663. <span></span>
  664. </div>
  665. </div>
  666. </div>
  667. </a>
  668. </div>
  669. </div>
  670. </div>
  671. </div>
  672. </div>
  673. <ul class="slick-dots" style="display: block;" role="tablist">
  674. <li class="slick-active" role="presentation" id="slide0">
  675. <button type="button" role="tab" id="slick-slide-control00" aria-controls="slick-slide00" aria-label="1 of 10" tabindex="0" aria-selected="true">1</button>
  676. </li>
  677. <li class="" role="presentation" id="slide1">
  678. <button type="button" role="tab" id="slick-slide-control01" aria-controls="slick-slide01" aria-label="2 of 10" tabindex="1" aria-selected="true">1</button>
  679. </li>
  680. <li class="" role="presentation" id="slide2">
  681. <button type="button" role="tab" id="slick-slide-control02" aria-controls="slick-slide02" aria-label="3 of 10" tabindex="2" aria-selected="true">1</button>
  682. </li>
  683. <li class="" role="presentation" id="slide3">
  684. <button type="button" role="tab" id="slick-slide-control03" aria-controls="slick-slide03" aria-label="4 of 10" tabindex="3" aria-selected="true">1</button>
  685. </li>
  686. <li class="" role="presentation" id="slide4">
  687. <button type="button" role="tab" id="slick-slide-control04" aria-controls="slick-slide04" aria-label="5 of 10" tabindex="4" aria-selected="true">1</button>
  688. </li>
  689. <li class="" role="presentation" id="slide5">
  690. <button type="button" role="tab" id="slick-slide-control05" aria-controls="slick-slide05" aria-label="6 of 10" tabindex="5" aria-selected="true">1</button>
  691. </li>
  692. </ul>
  693. </div>
  694. </div>
  695. <div class="searchStoreWrap">
  696. <style>
  697. .main_search{ display:flex; gap:10px; align-items:center; justify-content:center; position:relative; width:100%; height:100%; padding:20px; padding-right:100px; border-radius:10px; box-shadow:0 0 10px rgba(0, 0, 0, 0.2); background:#1f1f1f; }
  698. .main_search{ background-image:url(/img/main/main_search_bg.jpg?v3); background-size:auto 200px; background-position:100% 100%; background-repeat:no-repeat; }
  699. .main_search h2{ position:absolute; top:20px; left:20px; width:100%; height:25px; background:url(/img/main/main_search.jpg); background-size:auto 100%; background-position:left center; background-repeat:no-repeat; color:transparent; font-size:0; }
  700. .main_search label.select{ position:relative; width:220px; height:45px; margin:0; padding:0; border-radius:10px; background:#ffffff; box-shadow:0 0 10px rgba(255, 255, 255, 0.2); border-color:#e49c12; }
  701. .main_search label.select select{ z-index:1; position:relative; width:100%; height:100%; margin:0; padding:0 50px; color:#1f1f1f; border:none; font-size:16px; cursor:pointer; }
  702. .main_search label.select select:focus{ border:none !important; outline:none; box-shadow:none; }
  703. .main_search label.select i{ position:absolute; top:50%; padding:0 20px; transform:translate(0, -50%); font-size:22px; color:#e49c12; }
  704. .main_search label.select i.icon{ left:0; }
  705. .main_search label.select i.angle{ right:0; }
  706. @media screen and (max-width: 1024px){
  707. .main_search{ gap:5px; flex-direction:column; height:auto; padding:50px 20px 20px; background-image:none; }
  708. .main_search h2{ height:20px; }
  709. .main_search label.select{ width:100%; max-width:500px; height:40px; }
  710. .main_search label.select select{ font-size:14px; }
  711. .main_search label.select i{ font-size:16px; }
  712. }
  713. </style>
  714. <div class="main_search">
  715. <h2>지역검색</h2>
  716. <label class="select">
  717. <i class="fa fa-map-marker icon"></i>
  718. <select name="shop_sido" data-parent="shop_sido" aria-label="도/시">
  719. <option value="">도/시</option>
  720. <option value="서울">서울</option>
  721. <option value="경기">경기</option>
  722. <option value="인천">인천</option>
  723. <option value="대전">대전</option>
  724. <option value="강원">강원</option>
  725. <option value="충북">충북</option>
  726. <option value="세종">세종</option>
  727. <option value="충남">충남</option>
  728. <option value="경북">경북</option>
  729. <option value="경남">경남</option>
  730. <option value="전북">전북</option>
  731. <option value="전남">전남</option>
  732. <option value="광주">광주</option>
  733. <option value="울산">울산</option>
  734. <option value="대구">대구</option>
  735. <option value="부산">부산</option>
  736. <option value="제주">제주</option>
  737. </select>
  738. <i class="fa fa-angle-down angle"></i>
  739. </label>
  740. <label class="select">
  741. <i class="fa fa-map-marker icon"></i>
  742. <select name="shop_gu" data-parent-name="shop_sido" aria-label="구/동">
  743. <option value="">구/동</option>
  744. <option value="전체" data-parent-value="서울">전체</option>
  745. <option value="강남" data-parent-value="서울">강남</option>
  746. <option value="강동" data-parent-value="서울">강동</option>
  747. <option value="강북" data-parent-value="서울">강북</option>
  748. <option value="강서" data-parent-value="서울">강서</option>
  749. <option value="관악" data-parent-value="서울">관악</option>
  750. <option value="광진" data-parent-value="서울">광진</option>
  751. <option value="구로" data-parent-value="서울">구로</option>
  752. <option value="금천" data-parent-value="서울">금천</option>
  753. <option value="노원" data-parent-value="서울">노원</option>
  754. <option value="도봉" data-parent-value="서울">도봉</option>
  755. <option value="동대문" data-parent-value="서울">동대문</option>
  756. <option value="동작" data-parent-value="서울">동작</option>
  757. <option value="마포" data-parent-value="서울">마포</option>
  758. <option value="서대문" data-parent-value="서울">서대문</option>
  759. <option value="서초" data-parent-value="서울">서초</option>
  760. <option value="성동" data-parent-value="서울">성동</option>
  761. <option value="성북" data-parent-value="서울">성북</option>
  762. <option value="송파" data-parent-value="서울">송파</option>
  763. <option value="양천" data-parent-value="서울">양천</option>
  764. <option value="영등포" data-parent-value="서울">영등포</option>
  765. <option value="용산" data-parent-value="서울">용산</option>
  766. <option value="은평" data-parent-value="서울">은평</option>
  767. <option value="종로" data-parent-value="서울">종로</option>
  768. <option value="중구" data-parent-value="서울">중구</option>
  769. <option value="중랑" data-parent-value="서울">중랑</option>
  770. <option value="전체" data-parent-value="경기">전체</option>
  771. <option value="가평" data-parent-value="경기">가평</option>
  772. <option value="고양" data-parent-value="경기">고양</option>
  773. <option value="과천" data-parent-value="경기">과천</option>
  774. <option value="광명" data-parent-value="경기">광명</option>
  775. <option value="광주" data-parent-value="경기">광주</option>
  776. <option value="구리" data-parent-value="경기">구리</option>
  777. <option value="군포" data-parent-value="경기">군포</option>
  778. <option value="김포" data-parent-value="경기">김포</option>
  779. <option value="남양주" data-parent-value="경기">남양주</option>
  780. <option value="동두천" data-parent-value="경기">동두천</option>
  781. <option value="부천" data-parent-value="경기">부천</option>
  782. <option value="성남" data-parent-value="경기">성남</option>
  783. <option value="수원" data-parent-value="경기">수원</option>
  784. <option value="시흥" data-parent-value="경기">시흥</option>
  785. <option value="안산" data-parent-value="경기">안산</option>
  786. <option value="안성" data-parent-value="경기">안성</option>
  787. <option value="안양" data-parent-value="경기">안양</option>
  788. <option value="양주" data-parent-value="경기">양주</option>
  789. <option value="양평" data-parent-value="경기">양평</option>
  790. <option value="여주" data-parent-value="경기">여주</option>
  791. <option value="연천" data-parent-value="경기">연천</option>
  792. <option value="오산" data-parent-value="경기">오산</option>
  793. <option value="용인" data-parent-value="경기">용인</option>
  794. <option value="의왕" data-parent-value="경기">의왕</option>
  795. <option value="의정부" data-parent-value="경기">의정부</option>
  796. <option value="이천" data-parent-value="경기">이천</option>
  797. <option value="파주" data-parent-value="경기">파주</option>
  798. <option value="평택" data-parent-value="경기">평택</option>
  799. <option value="포천" data-parent-value="경기">포천</option>
  800. <option value="하남" data-parent-value="경기">하남</option>
  801. <option value="화성" data-parent-value="경기">화성</option>
  802. <option value="전체" data-parent-value="인천">전체</option>
  803. <option value="강화군" data-parent-value="인천">강화군</option>
  804. <option value="계양구" data-parent-value="인천">계양구</option>
  805. <option value="남동구" data-parent-value="인천">남동구</option>
  806. <option value="동구" data-parent-value="인천">동구</option>
  807. <option value="미추홀구" data-parent-value="인천">미추홀구</option>
  808. <option value="부평구" data-parent-value="인천">부평구</option>
  809. <option value="서구" data-parent-value="인천">서구</option>
  810. <option value="연수구" data-parent-value="인천">연수구</option>
  811. <option value="옹진군" data-parent-value="인천">옹진군</option>
  812. <option value="중구" data-parent-value="인천">중구</option>
  813. <option value="전체" data-parent-value="대전">전체</option>
  814. <option value="대덕구" data-parent-value="대전">대덕구</option>
  815. <option value="동구" data-parent-value="대전">동구</option>
  816. <option value="서구" data-parent-value="대전">서구</option>
  817. <option value="유성구" data-parent-value="대전">유성구</option>
  818. <option value="중구" data-parent-value="대전">중구</option>
  819. <option value="전체" data-parent-value="강원">전체</option>
  820. <option value="강릉" data-parent-value="강원">강릉</option>
  821. <option value="고성" data-parent-value="강원">고성</option>
  822. <option value="동해" data-parent-value="강원">동해</option>
  823. <option value="삼척" data-parent-value="강원">삼척</option>
  824. <option value="속초" data-parent-value="강원">속초</option>
  825. <option value="양구" data-parent-value="강원">양구</option>
  826. <option value="양양" data-parent-value="강원">양양</option>
  827. <option value="영월" data-parent-value="강원">영월</option>
  828. <option value="원주" data-parent-value="강원">원주</option>
  829. <option value="인제" data-parent-value="강원">인제</option>
  830. <option value="정선" data-parent-value="강원">정선</option>
  831. <option value="철원" data-parent-value="강원">철원</option>
  832. <option value="춘천" data-parent-value="강원">춘천</option>
  833. <option value="태백" data-parent-value="강원">태백</option>
  834. <option value="평창" data-parent-value="강원">평창</option>
  835. <option value="홍천" data-parent-value="강원">홍천</option>
  836. <option value="화천" data-parent-value="강원">화천</option>
  837. <option value="횡성" data-parent-value="강원">횡성</option>
  838. <option value="전체" data-parent-value="충북">전체</option>
  839. <option value="괴산" data-parent-value="충북">괴산</option>
  840. <option value="단양" data-parent-value="충북">단양</option>
  841. <option value="보은" data-parent-value="충북">보은</option>
  842. <option value="영동" data-parent-value="충북">영동</option>
  843. <option value="옥천" data-parent-value="충북">옥천</option>
  844. <option value="음성" data-parent-value="충북">음성</option>
  845. <option value="제천" data-parent-value="충북">제천</option>
  846. <option value="증평" data-parent-value="충북">증평</option>
  847. <option value="진천" data-parent-value="충북">진천</option>
  848. <option value="청주" data-parent-value="충북">청주</option>
  849. <option value="충주" data-parent-value="충북">충주</option>
  850. <option value="전체" data-parent-value="세종">전체</option>
  851. <option value="전체" data-parent-value="충남">전체</option>
  852. <option value="계룡" data-parent-value="충남">계룡</option>
  853. <option value="공주" data-parent-value="충남">공주</option>
  854. <option value="금산" data-parent-value="충남">금산</option>
  855. <option value="논산" data-parent-value="충남">논산</option>
  856. <option value="당진" data-parent-value="충남">당진</option>
  857. <option value="보령" data-parent-value="충남">보령</option>
  858. <option value="부여" data-parent-value="충남">부여</option>
  859. <option value="서산" data-parent-value="충남">서산</option>
  860. <option value="서천" data-parent-value="충남">서천</option>
  861. <option value="아산" data-parent-value="충남">아산</option>
  862. <option value="예산" data-parent-value="충남">예산</option>
  863. <option value="천안" data-parent-value="충남">천안</option>
  864. <option value="청양" data-parent-value="충남">청양</option>
  865. <option value="태안" data-parent-value="충남">태안</option>
  866. <option value="홍성" data-parent-value="충남">홍성</option>
  867. <option value="전체" data-parent-value="경북">전체</option>
  868. <option value="경산" data-parent-value="경북">경산</option>
  869. <option value="경주" data-parent-value="경북">경주</option>
  870. <option value="고령" data-parent-value="경북">고령</option>
  871. <option value="구미" data-parent-value="경북">구미</option>
  872. <option value="군위" data-parent-value="경북">군위</option>
  873. <option value="김천" data-parent-value="경북">김천</option>
  874. <option value="문경" data-parent-value="경북">문경</option>
  875. <option value="봉화" data-parent-value="경북">봉화</option>
  876. <option value="상주" data-parent-value="경북">상주</option>
  877. <option value="성주" data-parent-value="경북">성주</option>
  878. <option value="안동" data-parent-value="경북">안동</option>
  879. <option value="영덕" data-parent-value="경북">영덕</option>
  880. <option value="영양" data-parent-value="경북">영양</option>
  881. <option value="영주" data-parent-value="경북">영주</option>
  882. <option value="영천" data-parent-value="경북">영천</option>
  883. <option value="예천" data-parent-value="경북">예천</option>
  884. <option value="울릉" data-parent-value="경북">울릉</option>
  885. <option value="울진" data-parent-value="경북">울진</option>
  886. <option value="의성" data-parent-value="경북">의성</option>
  887. <option value="청도" data-parent-value="경북">청도</option>
  888. <option value="청송" data-parent-value="경북">청송</option>
  889. <option value="칠곡" data-parent-value="경북">칠곡</option>
  890. <option value="포항" data-parent-value="경북">포항</option>
  891. <option value="전체" data-parent-value="경남">전체</option>
  892. <option value="거제" data-parent-value="경남">거제</option>
  893. <option value="거창" data-parent-value="경남">거창</option>
  894. <option value="고성" data-parent-value="경남">고성</option>
  895. <option value="김해" data-parent-value="경남">김해</option>
  896. <option value="남해" data-parent-value="경남">남해</option>
  897. <option value="밀양" data-parent-value="경남">밀양</option>
  898. <option value="사천" data-parent-value="경남">사천</option>
  899. <option value="산청" data-parent-value="경남">산청</option>
  900. <option value="양산" data-parent-value="경남">양산</option>
  901. <option value="의령" data-parent-value="경남">의령</option>
  902. <option value="진주" data-parent-value="경남">진주</option>
  903. <option value="창녕" data-parent-value="경남">창녕</option>
  904. <option value="창원" data-parent-value="경남">창원</option>
  905. <option value="통영" data-parent-value="경남">통영</option>
  906. <option value="하동" data-parent-value="경남">하동</option>
  907. <option value="함안" data-parent-value="경남">함안</option>
  908. <option value="함양" data-parent-value="경남">함양</option>
  909. <option value="합천" data-parent-value="경남">합천</option>
  910. <option value="전체" data-parent-value="전북">전체</option>
  911. <option value="고창" data-parent-value="전북">고창</option>
  912. <option value="군산" data-parent-value="전북">군산</option>
  913. <option value="김제" data-parent-value="전북">김제</option>
  914. <option value="남원" data-parent-value="전북">남원</option>
  915. <option value="무주" data-parent-value="전북">무주</option>
  916. <option value="부안" data-parent-value="전북">부안</option>
  917. <option value="순창" data-parent-value="전북">순창</option>
  918. <option value="완주" data-parent-value="전북">완주</option>
  919. <option value="익산" data-parent-value="전북">익산</option>
  920. <option value="임실" data-parent-value="전북">임실</option>
  921. <option value="장수" data-parent-value="전북">장수</option>
  922. <option value="전주" data-parent-value="전북">전주</option>
  923. <option value="정읍" data-parent-value="전북">정읍</option>
  924. <option value="진안" data-parent-value="전북">진안</option>
  925. <option value="전체" data-parent-value="전남">전체</option>
  926. <option value="강진" data-parent-value="전남">강진</option>
  927. <option value="고흥" data-parent-value="전남">고흥</option>
  928. <option value="곡성" data-parent-value="전남">곡성</option>
  929. <option value="광양" data-parent-value="전남">광양</option>
  930. <option value="구례" data-parent-value="전남">구례</option>
  931. <option value="나주" data-parent-value="전남">나주</option>
  932. <option value="담양" data-parent-value="전남">담양</option>
  933. <option value="목포" data-parent-value="전남">목포</option>
  934. <option value="무안" data-parent-value="전남">무안</option>
  935. <option value="보성" data-parent-value="전남">보성</option>
  936. <option value="순천" data-parent-value="전남">순천</option>
  937. <option value="신안" data-parent-value="전남">신안</option>
  938. <option value="여수" data-parent-value="전남">여수</option>
  939. <option value="영광" data-parent-value="전남">영광</option>
  940. <option value="영암" data-parent-value="전남">영암</option>
  941. <option value="완도" data-parent-value="전남">완도</option>
  942. <option value="장성" data-parent-value="전남">장성</option>
  943. <option value="장흥" data-parent-value="전남">장흥</option>
  944. <option value="진도" data-parent-value="전남">진도</option>
  945. <option value="함평" data-parent-value="전남">함평</option>
  946. <option value="해남" data-parent-value="전남">해남</option>
  947. <option value="화순" data-parent-value="전남">화순</option>
  948. <option value="전체" data-parent-value="광주">전체</option>
  949. <option value="광산구" data-parent-value="광주">광산구</option>
  950. <option value="남구" data-parent-value="광주">남구</option>
  951. <option value="동구" data-parent-value="광주">동구</option>
  952. <option value="북구" data-parent-value="광주">북구</option>
  953. <option value="서구" data-parent-value="광주">서구</option>
  954. <option value="전체" data-parent-value="울산">전체</option>
  955. <option value="남구" data-parent-value="울산">남구</option>
  956. <option value="동구" data-parent-value="울산">동구</option>
  957. <option value="북구" data-parent-value="울산">북구</option>
  958. <option value="울주군" data-parent-value="울산">울주군</option>
  959. <option value="중구" data-parent-value="울산">중구</option>
  960. <option value="전체" data-parent-value="대구">전체</option>
  961. <option value="남구" data-parent-value="대구">남구</option>
  962. <option value="달서구" data-parent-value="대구">달서구</option>
  963. <option value="달성군" data-parent-value="대구">달성군</option>
  964. <option value="동구" data-parent-value="대구">동구</option>
  965. <option value="북구" data-parent-value="대구">북구</option>
  966. <option value="서구" data-parent-value="대구">서구</option>
  967. <option value="수성구" data-parent-value="대구">수성구</option>
  968. <option value="중구" data-parent-value="대구">중구</option>
  969. <option value="전체" data-parent-value="부산">전체</option>
  970. <option value="강서구" data-parent-value="부산">강서구</option>
  971. <option value="금정구" data-parent-value="부산">금정구</option>
  972. <option value="기장군" data-parent-value="부산">기장군</option>
  973. <option value="남구" data-parent-value="부산">남구</option>
  974. <option value="동구" data-parent-value="부산">동구</option>
  975. <option value="동래구" data-parent-value="부산">동래구</option>
  976. <option value="부산진구" data-parent-value="부산">부산진구</option>
  977. <option value="북구" data-parent-value="부산">북구</option>
  978. <option value="사상구" data-parent-value="부산">사상구</option>
  979. <option value="사하구" data-parent-value="부산">사하구</option>
  980. <option value="서구" data-parent-value="부산">서구</option>
  981. <option value="수영구" data-parent-value="부산">수영구</option>
  982. <option value="연제구" data-parent-value="부산">연제구</option>
  983. <option value="영도구" data-parent-value="부산">영도구</option>
  984. <option value="중구" data-parent-value="부산">중구</option>
  985. <option value="해운대구" data-parent-value="부산">해운대구</option>
  986. <option value="전체" data-parent-value="제주">전체</option>
  987. <option value="서귀포" data-parent-value="제주">서귀포</option>
  988. <option value="제주" data-parent-value="제주">제주</option>
  989. </select>
  990. <i class="fa fa-angle-down angle"></i>
  991. </label>
  992. <script>
  993. $(document).on("trigger change", "[data-parent]", function(){
  994. var name = $(this).attr("data-parent");
  995. var child = $("[data-parent-name='"+name+"']");
  996. var val = $(this).val();
  997. $(child).find("option[data-parent-value]").hide();
  998. $(child).find("option[data-parent-value='"+val+"']").show();
  999. $(child).find("option[data-parent-value!='"+val+"']").removeAttr("selected");
  1000. });
  1001. $(function(){
  1002. $("[data-parent]").trigger("trigger");
  1003. });
  1004. $(document).on("trigger change", "[name='shop_gu']", function(){
  1005. var sido = $("[name='shop_sido']").val();
  1006. var gu = $("[name='shop_gu']").val();
  1007. location.href = "/loc/"+sido+"/"+gu+"/전체";
  1008. });
  1009. </script>
  1010. </div>
  1011. </div>
  1012. </div>
  1013. <div class="theme-box m-only">
  1014. <ul>
  1015. <li>
  1016. <a href="/loc/전체/전체/1인샵">
  1017. <img src="/img/theme/01.webp" alt="1인샵" />
  1018. </a>
  1019. </li>
  1020. <li>
  1021. <a href="/loc/전체/전체/로드샵">
  1022. <img src="/img/theme/02.webp" alt="로드샵" />
  1023. </a>
  1024. </li>
  1025. <li>
  1026. <a href="/loc/전체/전체/스웨디시">
  1027. <img src="/img/theme/03.webp" alt="스웨디시" />
  1028. </a>
  1029. </li>
  1030. <li>
  1031. <a href="/loc/전체/전체/왁싱">
  1032. <img src="/img/theme/04.webp" alt="왁싱" />
  1033. </a>
  1034. </li>
  1035. <li>
  1036. <a href="/loc/전체/전체/출장·홈타이">
  1037. <img src="/img/theme/05.webp" alt="홈케어" />
  1038. </a>
  1039. </li>
  1040. <li>
  1041. <a href="/loc/전체/전체/24시간">
  1042. <img src="/img/theme/06.webp" alt="24시간" />
  1043. </a>
  1044. </li>
  1045. <li>
  1046. <a href="/loc/전체/전체/타이마사지">
  1047. <img src="/img/theme/07.webp" alt="타이마사지" />
  1048. </a>
  1049. </li>
  1050. <li>
  1051. <a href="/loc/전체/전체/스파·사우나">
  1052. <img src="/img/theme/08.webp" alt="스파, 사우나" />
  1053. </a>
  1054. </li>
  1055. </ul>
  1056. </div>
  1057. </div> <style>
  1058. .todayRecommend{
  1059. position:relative;
  1060. padding:30px 0 50px;
  1061. }
  1062. .todayRecommend:before{
  1063. content:"";
  1064. position:absolute;
  1065. top:0;
  1066. left:-100vw;
  1067. right:-100vw;
  1068. height:100%;
  1069. background:#1f1f1f;
  1070. }
  1071.  
  1072. .todayRecommend .card{
  1073. border:none;
  1074. border-radius:5px;
  1075. overflow:hidden;
  1076. }
  1077.  
  1078. .todayRecommend .card .card-content i{
  1079. color:#e49c12;
  1080. }
  1081. .todayRecommend .headText{
  1082. position:relative;
  1083. z-index:1;
  1084. display: flex;
  1085. flex-direction: column;
  1086. align-items: center;
  1087. justify-content: center;
  1088.    margin-top:0;
  1089. }
  1090. .todayRecommend .headText h2 {
  1091.    margin-bottom:10px;
  1092.    font-size: 2em;
  1093.    color: #e49c12;
  1094. }
  1095. .todayRecommend .headText .desc {
  1096.  color: #ffffff;
  1097.  margin-bottom: 40px;
  1098. }
  1099. .todayRecommend .card p{
  1100. width:100%;
  1101. white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
  1102. }
  1103.  
  1104.  
  1105. .todayRecommend .card-position .card .card-content{ padding:15px 15px 5px 15px; text-align:left; font-size:14px; font-family:'NanumBarunGothic'; }
  1106. .todayRecommend .card-position .card .card-content .card-title a{ color:#000000; font-weight:bold; }
  1107. .todayRecommend .card-position .card .card-content p.tag{ display:none; }
  1108. .todayRecommend .card-position .card .card-content p.tag span{ margin-right:5px; color:#777777; white-space:nowrap; }
  1109. @media screen and (max-width: 700px){
  1110. .todayRecommend .card-position{ max-width:50%; flex:0 0 50%; margin:0; padding:3px 3px; }
  1111. .todayRecommend .card-position:nth-child(2n){ padding-right:0px; }
  1112. .todayRecommend .card-position:nth-child(2n+1){ padding-left:0px; }
  1113. .todayRecommend .card-position .card{ margin:0; }
  1114. .todayRecommend .card-position .card:hover{ z-index:1; }
  1115. .todayRecommend .card-position .card .img-card{ border-radius:5px 5px 0 0; overflow:hidden; }
  1116. .todayRecommend .card-position .card .img-card img{ border-radius:inherit; }
  1117. .todayRecommend .card-position .card .card-content .card-title{ font-size:18px; }
  1118. .todayRecommend .card-position .card .card-content p.tag{ font-size:14px; }
  1119. .todayRecommend .card-position .card .card-content p.addr{ font-size:14px; }
  1120. }
  1121. </style>
  1122.  
  1123. <div class="todayRecommend">
  1124. <div class="headText">
  1125. <h2>오늘의 추천업체</h2>
  1126. <p class="desc">출장마사지, 출장안마, 홈타이, 홈케어</p>
  1127. </div>
  1128. <div class="col-sm-12">
  1129. <!-- 게시판 목록 시작 { -->
  1130. <div id="bo_gall">
  1131. <section class="wrapper">
  1132. <div class="row">
  1133. <div class="col-xs-12 col-sm-6 col-md-3 card-position">
  1134. <div class="card">
  1135. <a class='img-card' href="/near/288" alt="교복홈타이" aria-label="교복홈타이">
  1136. <div class="shop_list_thumb" style="background-image:url(/data/file/near/2890328404_RLPY0Hhd_a51d5ef665f70c9cf24fb4618497dda4d04fdced_tr.webp);"><img src="" alt="교복홈타이" style="width:100%;height:175px;"></div>
  1137. </a>
  1138. <div class="card-content">
  1139. <p class="tag">
  1140. <span><i class="fa fa-flag"></i>&nbsp;가평</span>
  1141. <!-- <span><i class="fa fa-hashtag"></i>&nbsp;</span> -->
  1142. <span><i class="fa fa-comment"></i>&nbsp;1건</span>
  1143. </p>
  1144. <h4 class="card-title" style="margin-top:18px;padding-bottom:0px;">
  1145. <a href="/near/288" class="bo_tit"><span class="ks4"><!-- 대곡리  -->교복홈타이</span></a>
  1146. </h4>
  1147. <!-- <p class="addr" style="color:#959595;margin:8px 0px;">경기 가평군 가평읍 석봉로67번길 3</a> -->
  1148. </div>
  1149. <p style="color:#4c4c4c;font-size:14px;background:#e5e5e5;padding:17px 10px;">선입금없는 마달 인증업체</p>
  1150. </div>
  1151. </div>
  1152. <div class="col-xs-12 col-sm-6 col-md-3 card-position">
  1153. <div class="card">
  1154. <a class='img-card' href="/near/100" alt="비키니홈타이" aria-label="비키니홈타이">
  1155. <div class="shop_list_thumb" style="background-image:url(/data/file/near/2890168156_Ax38eLKi_300bef5256bf5a59f31d02bb3988b1fd5b97108f_tr.webp);"><img src="" alt="비키니홈타이" style="width:100%;height:175px;"></div>
  1156. </a>
  1157. <div class="card-content">
  1158. <p class="tag">
  1159. <span><i class="fa fa-flag"></i>&nbsp;연수구</span>
  1160. <!-- <span><i class="fa fa-hashtag"></i>&nbsp;</span> -->
  1161. <span><i class="fa fa-comment"></i>&nbsp;0건</span>
  1162. </p>
  1163. <h4 class="card-title" style="margin-top:18px;padding-bottom:0px;">
  1164. <a href="/near/100" class="bo_tit"><span class="ks4"><!-- 동춘동  -->비키니홈타이</span></a>
  1165. </h4>
  1166. <!-- <p class="addr" style="color:#959595;margin:8px 0px;">인천 연수구 앵고개로 250</a> -->
  1167. </div>
  1168. <p style="color:#4c4c4c;font-size:14px;background:#e5e5e5;padding:17px 10px;">선입금X 출장비X 내상X 비키니홈타이</p>
  1169. </div>
  1170. </div>
  1171. <div class="col-xs-12 col-sm-6 col-md-3 card-position">
  1172. <div class="card">
  1173. <a class='img-card' href="/near/220" alt="일본혼혈홈타이" aria-label="일본혼혈홈타이">
  1174. <div class="shop_list_thumb" style="background-image:url(/data/file/near/2890281367_8N4Mb95A_30933acb3856236b8e60b0a320d225c1e9ea1f60_tr.webp);"><img src="" alt="일본혼혈홈타이" style="width:100%;height:175px;"></div>
  1175. </a>
  1176. <div class="card-content">
  1177. <p class="tag">
  1178. <span><i class="fa fa-flag"></i>&nbsp;종로구</span>
  1179. <!-- <span><i class="fa fa-hashtag"></i>&nbsp;</span> -->
  1180. <span><i class="fa fa-comment"></i>&nbsp;0건</span>
  1181. </p>
  1182. <h4 class="card-title" style="margin-top:18px;padding-bottom:0px;">
  1183. <a href="/near/220" class="bo_tit"><span class="ks4"><!-- 공평동  -->일본혼혈홈타이</span></a>
  1184. </h4>
  1185. <!-- <p class="addr" style="color:#959595;margin:8px 0px;">서울 종로구 삼봉로 94</a> -->
  1186. </div>
  1187. <p style="color:#4c4c4c;font-size:14px;background:#e5e5e5;padding:17px 10px;">앙큼한 그녀들의 홈케어♥</p>
  1188. </div>
  1189. </div>
  1190. <div class="col-xs-12 col-sm-6 col-md-3 card-position">
  1191. <div class="card">
  1192. <a class='img-card' href="/near/155" alt="텐프로홈타이" aria-label="텐프로홈타이">
  1193. <div class="shop_list_thumb" style="background-image:url(/data/file/near/2890325642_rXLw0ypa_1ac35f568fdf916b7690298f7c39f8ade2fab80f_tr.webp);"><img src="" alt="텐프로홈타이" style="width:100%;height:175px;"></div>
  1194. </a>
  1195. <div class="card-content">
  1196. <p class="tag">
  1197. <span><i class="fa fa-flag"></i>&nbsp;은평구</span>
  1198. <!-- <span><i class="fa fa-hashtag"></i>&nbsp;</span> -->
  1199. <span><i class="fa fa-comment"></i>&nbsp;0건</span>
  1200. </p>
  1201. <h4 class="card-title" style="margin-top:18px;padding-bottom:0px;">
  1202. <a href="/near/155" class="bo_tit"><span class="ks4"><!-- 갈현동  -->텐프로홈타이</span></a>
  1203. </h4>
  1204. <!-- <p class="addr" style="color:#959595;margin:8px 0px;">서울 은평구 연서로25길 19</a> -->
  1205. </div>
  1206. <p style="color:#4c4c4c;font-size:14px;background:#e5e5e5;padding:17px 10px;">사이즈/마인드 no.1 홈타이</p>
  1207. </div>
  1208. </div>
  1209. </div>
  1210. </section>
  1211. </div>
  1212. </div>
  1213. </div> <style>
  1214. .guideArticle{ position:relative; }
  1215. .guideArticle:before{ content:""; position:absolute; top:0; left:-100vw; right:-100vw; height:100%; background:#f4f4f4; }
  1216. article.guideArticle .guides{ z-index:1; position:relative; width:100%; box-sizing:border-box; display:flex; justify-content:center; padding:30px 15px; }
  1217. article.guideArticle .guides .wrap > h2{ font-size:2em; color:#000000; margin-bottom:10px; }
  1218. article.guideArticle .guides .wrap > h2:after{ content:''; display:flex; width:50px; height:4px; background-color:#fec763; margin:15px auto; }
  1219. article.guideArticle .guides .wrap .desc{ color:#ffffff; margin-bottom:40px; }
  1220. article.guideArticle .guides .wrap{ width:1340px; display:flex; justify-content:center; align-items:center; flex-direction:column; }
  1221. article.guideArticle .guides .items{ width:100%; display:grid; grid-template-columns:repeat(4, 1fr); gap:30px; }
  1222. article.guideArticle .guides .item{ display:flex; justify-content:flex-start; align-items:center; flex-direction:column; height:auto; background-image:url("/img/blogbackground.webp"); background-size:cover; background-position:center; box-sizing:border-box; border-radius:5px; overflow:hidden; aspect-ratio:1; }
  1223. article.guideArticle .guides .item{ box-shadow:1px 1px 12px 0 #c3c3c3; }
  1224. article.guideArticle .guides .item .image{ width:100%; }
  1225. article.guideArticle .guides .item .image img{ width:100%; background-position:center; background-size:cover; background-repeat:no-repeat; }
  1226. article.guideArticle .guides .item .info{ height:100%; padding:20px; }
  1227. article.guideArticle .guides .item .swd{ font-size:1.5em; font-weight:bold; padding:30px 0px; color:rgb(100, 100, 100); }
  1228. article.guideArticle .guides .item .title{ width:100%; color:#ffffff; font-weight:bold; text-align:center; margin-bottom:10px; font-size:24px; padding-bottom:20px; }
  1229. article.guideArticle .guides .item .content{ width:100%; color:#ffffff; word-break:keep-all; display:-webkit-box; -webkit-line-clamp:4; -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipsis; font-weight:bold; line-height:2; }
  1230. @media (max-width:1200px){
  1231.    article.guideArticle .guides .item{ width:100%; max-width:calc((100% - 60px) / 3); }
  1232.    article.guideArticle .guides .wrap{ width:100%; }
  1233.    article.guideArticle .guides .items{ display:flex; flex-wrap:wrap; align-items:center; }
  1234.    article.guideArticle .guides .item{ margin:0; }
  1235. }
  1236. @media (max-width:1200px){
  1237.    article.guideArticle .guides .item{ max-width:calc((100% - 30px) / 2); }
  1238. }
  1239. @media (max-width:700px){
  1240.    article.guideArticle .guides{ padding-left:0; padding-right:0; }
  1241.    article.guideArticle .guides .items{ gap:6px; }
  1242.    article.guideArticle .guides .item{ max-width:calc((100% - 6px) / 2); }
  1243. }
  1244. </style>
  1245. <article class="guideArticle">
  1246.    <section class="guides">
  1247.        <div class="wrap">
  1248.            <h2>마사지가이드</h2>
  1249.            <!-- <h2>마사지달리기 자주 묻는 질문</h2> -->
  1250.            <!-- <div class="desc">마사지달리기의 마사지가이드를 만나보세요</div> -->
  1251.            <div class="items">
  1252.                                    <a href="/guide/19" class="item" style="background-image:url(/data/file/guide/2890323575_svj6wczE_ffffbf5a74abbdc21ad446379f7076ee3a26ca04_tr.webp);">
  1253.                        <div class="info">
  1254.                            <div class="title"></div>
  1255.                            <div class="content"></div>
  1256.                        </div>
  1257.                    </a>
  1258.                                    <a href="/guide/16" class="item" style="background-image:url(/data/file/guide/2890211970_HIrPQ2Sv_c4f9ea247f7860a10f88d5b5f140c95a0a616490_tr.webp);">
  1259.                        <div class="info">
  1260.                            <div class="title"></div>
  1261.                            <div class="content"></div>
  1262.                        </div>
  1263.                    </a>
  1264.                                    <a href="/guide/15" class="item" style="background-image:url(/data/file/guide/2890299977_MlZwD46R_8f7f0e27f9d29f739d3cabe7a09bce0afe928ff7_tr.webp);">
  1265.                        <div class="info">
  1266.                            <div class="title"></div>
  1267.                            <div class="content"></div>
  1268.                        </div>
  1269.                    </a>
  1270.                                    <a href="/guide/14" class="item" style="background-image:url(/data/file/guide/2890328434_LTQspnRm_76f5d3be0119a597212c294aa759d1910a76f6d0_tr.webp);">
  1271.                        <div class="info">
  1272.                            <div class="title"></div>
  1273.                            <div class="content"></div>
  1274.                        </div>
  1275.                    </a>
  1276.                            </div>
  1277.        </div>
  1278.    </section>
  1279. </article> <style>
  1280. .newsArticle{ position:relative; }
  1281. .newsArticle:before{ content:""; position:absolute; top:0; left:-100vw; right:-100vw; height:100%; background:#1f1f1f; }
  1282. article.newsArticle .news{ z-index:1; position:relative; width:100%; box-sizing:border-box; display:flex; justify-content:center; padding:30px 15px; }
  1283. article.newsArticle .news .wrap > h2{ font-size:2em; color:#e49c12; margin-bottom:10px; }
  1284. /* article.newsArticle .news .wrap > h2:after{ content:''; display:flex; width:50px; height:4px; background-color:#fec763; margin:15px auto; } */
  1285. article.newsArticle .news .wrap .desc{ color:#ffffff; margin-bottom:40px; }
  1286. article.newsArticle .news .wrap{ width:1340px; display:flex; justify-content:center; align-items:center; flex-direction:column; }
  1287. article.newsArticle .news .items{ width:100%; display:grid; grid-template-columns:repeat(4, 1fr); gap:30px; }
  1288. article.newsArticle .news .item{ display:flex; justify-content:flex-start; align-items:center; flex-direction:column; height:auto; background-image:url("/img/blogbackground.webp"); background-size:cover; background-position:center; box-sizing:border-box; border-radius:5px; overflow:hidden; aspect-ratio:1; }
  1289. article.newsArticle .news .item{ box-shadow:1px 1px 12px 0 #1f1f1f; }
  1290. article.newsArticle .news .item .image{ width:100%; }
  1291. article.newsArticle .news .item .image img{ width:100%; background-position:center; background-size:cover; background-repeat:no-repeat; }
  1292. article.newsArticle .news .item .info{ height:100%; padding:20px; }
  1293. article.newsArticle .news .item .swd{ font-size:1.5em; font-weight:bold; padding:30px 0px; color:rgb(100, 100, 100); }
  1294. article.newsArticle .news .item .title{ width:100%; color:#ffffff; font-weight:bold; text-align:center; margin-bottom:10px; font-size:24px; padding-bottom:20px; }
  1295. article.newsArticle .news .item .content{ width:100%; color:#ffffff; word-break:keep-all; display:-webkit-box; -webkit-line-clamp:4; -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipsis; font-weight:bold; line-height:2; }
  1296. @media (max-width:1200px){
  1297.    article.newsArticle .news .item{ width:100%; max-width:calc((100% - 60px) / 3); }
  1298.    article.newsArticle .news .wrap{ width:100%; }
  1299.    article.newsArticle .news .items{ display:flex; flex-wrap:wrap; align-items:center; }
  1300.    article.newsArticle .news .item{ margin:0; }
  1301. }
  1302. @media (max-width:1200px){
  1303.    article.newsArticle .news .item{ max-width:calc((100% - 30px) / 2); }
  1304. }
  1305. @media (max-width:700px){
  1306.    article.newsArticle .news{ padding-left:0; padding-right:0; }
  1307.    article.newsArticle .news .items{ gap:6px; }
  1308.    article.newsArticle .news .item{ max-width:calc((100% - 6px) / 2); }
  1309. }
  1310. </style>
  1311. <article class="newsArticle">
  1312.    <section class="news">
  1313.        <div class="wrap">
  1314.            <h2>마사지뉴스</h2>
  1315.            <!-- <h2>마사지달리기 자주 묻는 질문</h2> -->
  1316.            <div class="desc">마사지달리기의 최신뉴스를 만나보세요</div>
  1317.            <div class="items">
  1318.                                    <a href="/news/220" class="item" style="background-image:url(/data/file/news/2890387974_VnFLe2yp_ae5f4dd58e10d6f0ef15428a341a2574ddcd5d7b_tr.webp);">
  1319.                        <div class="info">
  1320.                            <div class="title"></div>
  1321.                            <div class="content"></div>
  1322.                        </div>
  1323.                    </a>
  1324.                                    <a href="/news/219" class="item" style="background-image:url(/data/file/news/2890322723_q4EOWLit_c7467d6b2dc14e0aae2103a25a50b50e39c8eb8b_tr.webp);">
  1325.                        <div class="info">
  1326.                            <div class="title"></div>
  1327.                            <div class="content"></div>
  1328.                        </div>
  1329.                    </a>
  1330.                                    <a href="/news/218" class="item" style="background-image:url(/data/file/news/2890321464_PNl23MWU_455419efaa76cfad84ae6bbeb085c58737e7f981_tr.webp);">
  1331.                        <div class="info">
  1332.                            <div class="title"></div>
  1333.                            <div class="content"></div>
  1334.                        </div>
  1335.                    </a>
  1336.                                    <a href="/news/217" class="item" style="background-image:url(/data/file/news/2728311402_VE8hPkQa_7ff3b1da1b43e26c40e219ff88fdf9d5e1afcaf8_tr.webp);">
  1337.                        <div class="info">
  1338.                            <div class="title"></div>
  1339.                            <div class="content"></div>
  1340.                        </div>
  1341.                    </a>
  1342.                            </div>
  1343.        </div>
  1344.    </section>
  1345. </article>        <div class="admin_contents">
  1346.            </div>
  1347. <style>
  1348.        .admin_contents{ display:flex; flex-direction:column; margin:30px 0; background:#1f1f1f; }
  1349. .admin_contents dl{ margin:0 30px 30px; padding:20px; background-color:#0a0a0a; word-break:keep-all; }
  1350.        .admin_contents dl:first-child{ margin-top:30px; }
  1351. .admin_contents dl dt{ padding:10px; text-align:center; }
  1352. .admin_contents dl dt h2{ display:inline-block; padding:10px; font-size:40px; font-weight:500; line-height:1.4em; color:#e49c12; }
  1353. .admin_contents dl dd{ min-height:100px; padding:10px; font-size:15px; line-height:1.4em; color:#ffffff; word-break:inherit; }
  1354.        .admin_contents dl dd h1{ font-size:30px; line-height:1.4em; word-break:inherit; }
  1355.        .admin_contents dl dd h2{ font-size:26px; line-height:1.4em; word-break:inherit; }
  1356.        .admin_contents dl dd h3{ font-size:22px; line-height:1.4em; word-break:inherit; }
  1357.        .admin_contents dl dd p{ word-break:inherit; }
  1358. </style>
  1359. <div class="msg_list">
  1360. <div class="common-head mt-20"> <div class="h2 font18">마사지달리기 추천업체 한줄소개 </div>
  1361. <div class="store-board-new ovh" id="lineArticles">
  1362. <div class="lineArticle">
  1363. <div class="lineSubject">
  1364. <a href="/near/1">[역삼동 뜨밤홈타이] 전원 20대 관리사 출장홈타이 ✔ 100% 예약제이며 입실 후 결제 입니다.
  1366. ✔ 회원가 이용은 예약 및 현금 / 이체 결제시 적용. (카드결제시 부가세 별도)
  1368. ✔ 원룸 / 자택 / 오피스텔 / 모텔 / 호텔 등, 편하신곳에서 언제든 이용가능합니다.
  1369.  
  1370. ✔ 비매너 / 과음 / 복장 및 수위 등 퇴폐문의 / 무단&상습캔슬 등은 이용이 불가.
  1371.  
  1372. ✔"마시지달리기 보고 전화드렸습니다" 라고 말씀하시면 회원가로 적용.
  1373.  
  1374. ✔ 예약 상담이나 문의사항이 있으시면 전화주세요. 친절하게 설명 해드리겠습니다. </a>
  1375. </div>
  1376. <div class="lineAddt">
  1377. <div>
  1378. 60,000원
  1379. </div>
  1380. </div>
  1381. </div>
  1382. <div class="lineArticle">
  1383. <div class="lineSubject">
  1384. <a href="/near/134">[역삼동 교복홈타이] 선입금없는 마달 인증업체 ✔ 100% 예약제이며 입실 후 결제 입니다.
  1386. ✔ 회원가 이용은 예약 및 현금 / 이체 결제시 적용. (카드결제시 부가세 별도)
  1388. ✔ 원룸 / 자택 / 오피스텔 / 모텔 / 호텔 등, 편하신곳에서 언제든 이용가능합니다.
  1389.  
  1390. ✔ 비매너 / 과음 / 복장 및 수위 등 퇴폐문의 / 무단&상습캔슬 등은 이용이 불가.
  1391.  
  1392. ✔"마시지달리기 보고 전화드렸습니다" 라고 말씀하시면 회원가로 적용.
  1393.  
  1394. ✔ 예약 상담이나 문의사항이 있으시면 전화주세요. 친절하게 설명 해드리겠습니다. </a>
  1395. </div>
  1396. <div class="lineAddt">
  1397. <div>
  1398. 60,000원
  1399. </div>
  1400. </div>
  1401. </div>
  1402. <div class="lineArticle">
  1403. <div class="lineSubject">
  1404. <a href="/near/133">[대치동 내상제로홈타이] 전원 미녀 관리사 대기중! ✔ 100% 예약제이며 입실 후 결제 입니다.
  1406. ✔ 회원가 이용은 예약 및 현금 / 이체 결제시 적용. (카드결제시 부가세 별도)
  1408. ✔ 원룸 / 자택 / 오피스텔 / 모텔 / 호텔 등, 편하신곳에서 언제든 이용가능합니다.
  1409.  
  1410. ✔ 비매너 / 과음 / 복장 및 수위 등 퇴폐문의 / 무단&상습캔슬 등은 이용이 불가.
  1411.  
  1412. ✔"마시지달리기 보고 전화드렸습니다" 라고 말씀하시면 회원가로 적용.
  1413.  
  1414. ✔ 예약 상담이나 문의사항이 있으시면 전화주세요. 친절하게 설명 해드리겠습니다. </a>
  1415. </div>
  1416. <div class="lineAddt">
  1417. <div>
  1418. 60,000원
  1419. </div>
  1420. </div>
  1421. </div>
  1422. <div class="lineArticle">
  1423. <div class="lineSubject">
  1424. <a href="/near/4">[대치동 비키니홈타이] 선입금X 출장비X 내상X 비키니홈타이 ✔ 100% 예약제이며 입실 후 결제 입니다.
  1426. ✔ 회원가 이용은 예약 및 현금 / 이체 결제시 적용. (카드결제시 부가세 별도)
  1428. ✔ 원룸 / 자택 / 오피스텔 / 모텔 / 호텔 등, 편하신곳에서 언제든 이용가능합니다.
  1429.  
  1430. ✔ 비매너 / 과음 / 복장 및 수위 등 퇴폐문의 / 무단&상습캔슬 등은 이용이 불가.
  1431.  
  1432. ✔"마시지달리기 보고 전화드렸습니다" 라고 말씀하시면 회원가로 적용.
  1433.  
  1434. ✔ 예약 상담이나 문의사항이 있으시면 전화주세요. 친절하게 설명 해드리겠습니다. </a>
  1435. </div>
  1436. <div class="lineAddt">
  1437. <div>
  1438. 60,000원
  1439. </div>
  1440. </div>
  1441. </div>
  1442. <div class="lineArticle">
  1443. <div class="lineSubject">
  1444. <a href="/near/2">[역삼동 텐프로홈타이] 사이즈/마인드 no.1 홈타이 ✔ 100% 예약제이며 입실 후 결제 입니다.
  1446. ✔ 회원가 이용은 예약 및 현금 / 이체 결제시 적용. (카드결제시 부가세 별도)
  1448. ✔ 원룸 / 자택 / 오피스텔 / 모텔 / 호텔 등, 편하신곳에서 언제든 이용가능합니다.
  1449.  
  1450. ✔ 비매너 / 과음 / 복장 및 수위 등 퇴폐문의 / 무단&상습캔슬 등은 이용이 불가.
  1451.  
  1452. ✔"마시지달리기 보고 전화드렸습니다" 라고 말씀하시면 회원가로 적용.
  1453.  
  1454. ✔ 예약 상담이나 문의사항이 있으시면 전화주세요. 친절하게 설명 해드리겠습니다. </a>
  1455. </div>
  1456. <div class="lineAddt">
  1457. <div>
  1458. 60,000원
  1459. </div>
  1460. </div>
  1461. </div>
  1462. <div class="lineArticle">
  1463. <div class="lineSubject">
  1464. <a href="/near/3">[논현동 일본혼혈홈타이] 앙큼한 그녀들의 홈케어♥ ✔ 100% 예약제이며 입실 후 결제 입니다.
  1466. ✔ 회원가 이용은 예약 및 현금 / 이체 결제시 적용. (카드결제시 부가세 별도)
  1468. ✔ 원룸 / 자택 / 오피스텔 / 모텔 / 호텔 등, 편하신곳에서 언제든 이용가능합니다.
  1469.  
  1470. ✔ 비매너 / 과음 / 복장 및 수위 등 퇴폐문의 / 무단&상습캔슬 등은 이용이 불가.
  1471.  
  1472. ✔"마시지달리기 보고 전화드렸습니다" 라고 말씀하시면 회원가로 적용.
  1473.  
  1474. ✔ 예약 상담이나 문의사항이 있으시면 전화주세요. 친절하게 설명 해드리겠습니다. </a>
  1475. </div>
  1476. <div class="lineAddt">
  1477. <div>
  1478. 60,000원
  1479. </div>
  1480. </div>
  1481. </div>
  1482. </div>
  1483. </div>
  1484. <div class="common-head mt-20"> <div class="h2 font18">홈타이 업체 한줄소개</div>
  1485. <div class="store-board-new ovh" id="lineArticles">
  1486. <div class="lineArticle">
  1487. <div class="lineSubject">
  1488. <a href="/near/1">[역삼동 뜨밤홈타이] 전원 20대 관리사 출장홈타이 ✔ 100% 예약제이며 입실 후 결제 입니다.
  1490. ✔ 회원가 이용은 예약 및 현금 / 이체 결제시 적용. (카드결제시 부가세 별도)
  1492. ✔ 원룸 / 자택 / 오피스텔 / 모텔 / 호텔 등, 편하신곳에서 언제든 이용가능합니다.
  1493.  
  1494. ✔ 비매너 / 과음 / 복장 및 수위 등 퇴폐문의 / 무단&상습캔슬 등은 이용이 불가.
  1495.  
  1496. ✔"마시지달리기 보고 전화드렸습니다" 라고 말씀하시면 회원가로 적용.
  1497.  
  1498. ✔ 예약 상담이나 문의사항이 있으시면 전화주세요. 친절하게 설명 해드리겠습니다. </a>
  1499. </div>
  1500. <div class="lineAddt">
  1501. <div>
  1502. 60,000원
  1503. </div>
  1504. </div>
  1505. </div>
  1506. <div class="lineArticle">
  1507. <div class="lineSubject">
  1508. <a href="/near/3">[논현동 일본혼혈홈타이] 앙큼한 그녀들의 홈케어♥ ✔ 100% 예약제이며 입실 후 결제 입니다.
  1510. ✔ 회원가 이용은 예약 및 현금 / 이체 결제시 적용. (카드결제시 부가세 별도)
  1512. ✔ 원룸 / 자택 / 오피스텔 / 모텔 / 호텔 등, 편하신곳에서 언제든 이용가능합니다.
  1513.  
  1514. ✔ 비매너 / 과음 / 복장 및 수위 등 퇴폐문의 / 무단&상습캔슬 등은 이용이 불가.
  1515.  
  1516. ✔"마시지달리기 보고 전화드렸습니다" 라고 말씀하시면 회원가로 적용.
  1517.  
  1518. ✔ 예약 상담이나 문의사항이 있으시면 전화주세요. 친절하게 설명 해드리겠습니다. </a>
  1519. </div>
  1520. <div class="lineAddt">
  1521. <div>
  1522. 60,000원
  1523. </div>
  1524. </div>
  1525. </div>
  1526. <div class="lineArticle">
  1527. <div class="lineSubject">
  1528. <a href="/near/134">[역삼동 교복홈타이] 선입금없는 마달 인증업체 ✔ 100% 예약제이며 입실 후 결제 입니다.
  1530. ✔ 회원가 이용은 예약 및 현금 / 이체 결제시 적용. (카드결제시 부가세 별도)
  1532. ✔ 원룸 / 자택 / 오피스텔 / 모텔 / 호텔 등, 편하신곳에서 언제든 이용가능합니다.
  1533.  
  1534. ✔ 비매너 / 과음 / 복장 및 수위 등 퇴폐문의 / 무단&상습캔슬 등은 이용이 불가.
  1535.  
  1536. ✔"마시지달리기 보고 전화드렸습니다" 라고 말씀하시면 회원가로 적용.
  1537.  
  1538. ✔ 예약 상담이나 문의사항이 있으시면 전화주세요. 친절하게 설명 해드리겠습니다. </a>
  1539. </div>
  1540. <div class="lineAddt">
  1541. <div>
  1542. 60,000원
  1543. </div>
  1544. </div>
  1545. </div>
  1546. <div class="lineArticle">
  1547. <div class="lineSubject">
  1548. <a href="/near/2">[역삼동 텐프로홈타이] 사이즈/마인드 no.1 홈타이 ✔ 100% 예약제이며 입실 후 결제 입니다.
  1550. ✔ 회원가 이용은 예약 및 현금 / 이체 결제시 적용. (카드결제시 부가세 별도)
  1552. ✔ 원룸 / 자택 / 오피스텔 / 모텔 / 호텔 등, 편하신곳에서 언제든 이용가능합니다.
  1553.  
  1554. ✔ 비매너 / 과음 / 복장 및 수위 등 퇴폐문의 / 무단&상습캔슬 등은 이용이 불가.
  1555.  
  1556. ✔"마시지달리기 보고 전화드렸습니다" 라고 말씀하시면 회원가로 적용.
  1557.  
  1558. ✔ 예약 상담이나 문의사항이 있으시면 전화주세요. 친절하게 설명 해드리겠습니다. </a>
  1559. </div>
  1560. <div class="lineAddt">
  1561. <div>
  1562. 60,000원
  1563. </div>
  1564. </div>
  1565. </div>
  1566. <div class="lineArticle">
  1567. <div class="lineSubject">
  1568. <a href="/near/133">[대치동 내상제로홈타이] 전원 미녀 관리사 대기중! ✔ 100% 예약제이며 입실 후 결제 입니다.
  1570. ✔ 회원가 이용은 예약 및 현금 / 이체 결제시 적용. (카드결제시 부가세 별도)
  1572. ✔ 원룸 / 자택 / 오피스텔 / 모텔 / 호텔 등, 편하신곳에서 언제든 이용가능합니다.
  1573.  
  1574. ✔ 비매너 / 과음 / 복장 및 수위 등 퇴폐문의 / 무단&상습캔슬 등은 이용이 불가.
  1575.  
  1576. ✔"마시지달리기 보고 전화드렸습니다" 라고 말씀하시면 회원가로 적용.
  1577.  
  1578. ✔ 예약 상담이나 문의사항이 있으시면 전화주세요. 친절하게 설명 해드리겠습니다. </a>
  1579. </div>
  1580. <div class="lineAddt">
  1581. <div>
  1582. 60,000원
  1583. </div>
  1584. </div>
  1585. </div>
  1586. <div class="lineArticle">
  1587. <div class="lineSubject">
  1588. <a href="/near/4">[대치동 비키니홈타이] 선입금X 출장비X 내상X 비키니홈타이 ✔ 100% 예약제이며 입실 후 결제 입니다.
  1590. ✔ 회원가 이용은 예약 및 현금 / 이체 결제시 적용. (카드결제시 부가세 별도)
  1592. ✔ 원룸 / 자택 / 오피스텔 / 모텔 / 호텔 등, 편하신곳에서 언제든 이용가능합니다.
  1593.  
  1594. ✔ 비매너 / 과음 / 복장 및 수위 등 퇴폐문의 / 무단&상습캔슬 등은 이용이 불가.
  1595.  
  1596. ✔"마시지달리기 보고 전화드렸습니다" 라고 말씀하시면 회원가로 적용.
  1597.  
  1598. ✔ 예약 상담이나 문의사항이 있으시면 전화주세요. 친절하게 설명 해드리겠습니다. </a>
  1599. </div>
  1600. <div class="lineAddt">
  1601. <div>
  1602. 60,000원
  1603. </div>
  1604. </div>
  1605. </div>
  1606. </div>
  1607. </div>
  1608. </div>
  1609. <style>
  1610. .msg_list .lineArticle{ width:50%; justify-content:space-between; padding:10px; border-bottom:1px solid #f1f1f1; }
  1611. .msg_list .lineArticle .lineSubject{ width:unset; font-size:1em; }
  1612. .msg_list .lineArticle .lineSubject a{ color:#555555; }
  1613. .msg_list .lineArticle .lineAddt{ white-space:nowrap; }
  1614. @media screen and (max-width:1024px){
  1615. .msg_list .lineArticle{ width:100%; margin-bottom:0; }
  1616. .msg_list .lineArticle:nth-child(n+11){ display:none; }
  1617. .msg_list .lineArticle .lineSubject{ white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-size:12px; }
  1618. }
  1619. </style></div>
  1620.  
  1621.  
  1623. <style>
  1624. .footerNew > .base-container {
  1625.    width: 1250px;
  1626.    margin: 0 auto!important;
  1627.    letter-spacing: -.5px;
  1628. }
  1629. .footerNew{background-color:#1f1f1f;margin-top:0px;padding:60px 0}.footerWrap{display:flex;flex-direction:row;color:#fff;font-size:14px}.footerWrap .footerLeft{box-sizing:border-box;width:400px}.footerLeft .contactArea{font-size:20px}.footerLeft .contactArea div{padding:0}.footerLeft .contactArea div.number{font-size:25px;color:#e49c12;font-weight:600}.footerLeft .contactArea div.time{padding-bottom:25px;font-size:15px}.footerLeft .etc div{padding:0;font-weight:300;color:#c1bdbd}.footerLeft .copyright{padding-top:25px;color:#c1bdbd}.footerWrap .footerRight{margin-left:auto;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-end}.footerRight .footerSNS{display:flex;margin-top:15px}.footerRight .footerSNS div{width:30px;margin-right:10px}.footerRight .footerSNS div:last-child{margin-right:0}.footerRight .footerSNS div img{max-width:100%}
  1630. .footerLeft .contactArea div{padding:0}
  1631. .footerNew{margin-bottom:0px;padding:30px 10px}
  1632. .footerLeft .etc div{padding:0;}
  1633.  
  1634. .footer_menu_line {
  1635.    width:100%;
  1636. margin-top:20px;
  1637. background: #fafafa;
  1639.    border: 1px solid #ddd;
  1640.    border-left: 0px;
  1641.    border-right: 0px;
  1642. padding:10px 5px;
  1643. text-align:center;
  1644. }
  1645. .footerRight .footerSNS > div {
  1646. width:50px;
  1647. }
  1648. .footerRight .footerLogo a img{ max-width:auto; }
  1649. @media screen and (max-width: 1250px){
  1650. .footerWrap{
  1651. flex-direction:column-reverse;
  1652. }
  1653. .footerWrap .footerLeft{
  1654. width:100%;
  1655. }
  1656.  
  1657. .footerNew > .base-container {
  1658. width:100%;
  1659. }
  1660. .footerRight{ margin:0 auto; align-items:center; }
  1661. .footerRight .footerLogo a img{ height:50px; }
  1662. }
  1663.  
  1664.  
  1665. </style>
  1666.  
  1667. <div class="footer_menu_line">
  1668. <a href="/content/terms">이용약관</a> ㆍ <a href="/content/terms">개인정보 취급방침</a> ㆍ <a href="/content/terms">책임의 한계</a>
  1669. </div>
  1670.  
  1671. <div class="footerNew">
  1672. <div class="base-container">
  1673. <div class="footerWrap">
  1674.  
  1675.  
  1676.  
  1677. <div class="footerLeft">
  1678. <div class="contactArea">
  1679. <div>고객센터</div>
  1680. <a href="tel:0503-6982-3000"><div class="number">0503-6982-3000</div></a>
  1681. <!-- <div class="time">평일 09:00 ~ 18:00</div>  -->
  1682. </div>
  1684. <div class="etc">
  1685. <div>상호 : (주)마사지달리기</div>
  1686. <div>사업자등록번호 : 746-03-02876</div>
  1687. <div>고객센터 : 0503-6982-3000</div>
  1688. </div>
  1690. <div class="copyright">Copyright 2022 msgrun.net All rights reserved.</div>
  1691. </div>
  1692.  
  1693.  
  1694.  
  1695.  
  1696. <div class="footerLeft" style="width:auto;max-width:600px;margin-top:40px;">
  1697. <div class="contactArea">
  1698. <div>우리에 대해</div>
  1699. <div class="time">
  1700. 마사지 달리기는 출장마사지, 출장안마, 홈케어 중개 사이트입니다. 구글, 네이버, 플레이스토어 앱 순위에 출장 관련 키워드 마케팅으로 순위 상승과 많은 고객 확보에 힘쓰고 있습니다.<br>
  1701. 출장 숍 업체는 모두 후불 업체이니 안심하고 이용하시면 됩니다.<br>
  1702. 마사지숍과 고객과의 분쟁은 책임지지 않습니다.
  1703. </div>
  1704. </div>
  1707. </div>
  1708.  
  1709.  
  1710.  
  1712. <div class="footerRight">
  1713. <div class="footerLogo">
  1714. <a href="//msgrun.net">
  1715. <img src="/img/logo.png" width="256" height="50" alt="마사지달리기" title="마사지달리기">
  1716. </a>
  1717. </div>
  1718. <!--
  1719. <div class="footerSNS">
  1720. <div>
  1721. <a href="입력필요" target="_blank" rel="noopener noreferrer">
  1722. <img src="/img/main/kkt.png" alt="카카오톡" class="sns_channel"/>
  1723. </a>
  1724. </div>
  1725. </div>
  1726. -->
  1727. </div>
  1728. </div>
  1729. </div>
  1730. </div>
  1731.  
  1732.  
  1733.    <!-- Bootstrap core JavaScript -->
  1734.    <!--<script src="vendor/jquery/jquery.min.js"></script>-->
  1735. <!--
  1736.  
  1737. https 에서 접속이 되지 않는 내용 로빈아빠님께서 제보 주셨습니다.
  1739. -->
  1740. <script type="text/javascript" src="//code.jquery.com/jquery-1.11.0.min.js"></script>
  1741. <script>
  1742. var jQuery = $.noConflict(true);
  1743. </script>
  1744.    <script src="https://msgrun.net/theme/theme_wide_16/assets/bootstrap/js/bootstrap.bundle.min.js"></script>
  1745. <script src="https://msgrun.net/theme/theme_wide_16/assets/parallax/js/parallax.min.js"></script>
  1746. <script src="https://msgrun.net/theme/theme_wide_16/assets/owlcarousel/js/owl.carousel.min.js"></script>
  1747. <!-- countdown -->
  1748. <!-- <script type="text/javascript" src="https://msgrun.net/theme/theme_wide_16/assets/countdown/js/kinetic.js"></script> -->
  1749. <!-- <script type="text/javascript" src="https://msgrun.net/theme/theme_wide_16/assets/countdown/js/jquery.final-countdown.js"></script> -->
  1750. <script type="text/javascript" src="https://msgrun.net/theme/theme_wide_16/js/bootstrap-dropdownhover.js"></script>
  1751. <script type="text/javascript" src="https://msgrun.net/theme/theme_wide_16/js/custom.js"></script>
  1752.  
  1753.  
  1754. <script>
  1755. $(document).ready(function () {
  1756. //owl
  1757. jQuery(".owl-carousel").owlCarousel({
  1758. autoplay:true,
  1759. autoplayTimeout:3000,// 1000 -> 1초
  1760. autoplayHoverPause:true,
  1761. loop:true,
  1762. margin:10,//이미지 사이의 간격
  1763. nav:true,
  1764. responsive:{
  1765. 0:{
  1766. items:2 // 모바일
  1767. },
  1768. 600:{
  1769. items:3 // 브라우저 600px 이하
  1770. },
  1771. 1000:{
  1772. items:5 // 브라우저 100px 이하
  1773. }
  1774. }
  1775. });
  1776. });
  1777. </script>
  1778.  
  1779.  
  1780.    
  1781.    
  1782.    <button type="button" id="top_btn">
  1783.     <i class="fa fa-arrow-up" aria-hidden="true"></i><span class="sound_only">상단으로</span>
  1784.    </button>
  1785.    <script>
  1786.    $(function() {
  1787.        $("#top_btn").on("click", function() {
  1788.            $("html, body").animate({scrollTop:0}, '500');
  1789.            return false;
  1790.        });
  1791.    });
  1792.    </script>
  1793. </div>
  1794.  
  1795.  
  1796. <!-- } 하단 끝 -->
  1797.  
  1798. <script>
  1799. $(function() {
  1800.    // 폰트 리사이즈 쿠키있으면 실행
  1801.    font_resize("container", get_cookie("ck_font_resize_rmv_class"), get_cookie("ck_font_resize_add_class"));
  1802. });
  1803. </script>
  1804.  
  1805.  
  1806.  
  1807. <!-- ie6,7에서 사이드뷰가 게시판 목록에서 아래 사이드뷰에 가려지는 현상 수정 -->
  1808. <!--[if lte IE 7]>
  1809. <script>
  1810. $(function() {
  1811.    var $sv_use = $(".sv_use");
  1812.    var count = $sv_use.length;
  1813.  
  1814.    $sv_use.each(function() {
  1815.        $(this).css("z-index", count);
  1816.        $(this).css("position", "relative");
  1817.        count = count - 1;
  1818.    });
  1819. });
  1820. </script>
  1821. <![endif]-->
  1822.  
  1823.  
  1824.  
  1825. <div class="sweet-overlay" tabindex="-1" style="opacity: 1.15; display: none;"></div>
  1826. <div class="sweet-alert" data-custom-class="" data-has-cancel-button="false" data-has-confirm-button="true" data-allow-outside-click="false" data-has-done-function="true" data-animation="pop" data-timer="null" style="display: none; margin-top: -183px;"><div class="sa-icon sa-error animateErrorIcon">
  1827.      <span class="sa-x-mark animateXMark">
  1828.        <span class="sa-line sa-left"></span>
  1829.        <span class="sa-line sa-right"></span>
  1830.      </span>
  1831.    </div><div class="sa-icon sa-warning" style="display: none;">
  1832.      <span class="sa-body"></span>
  1833.      <span class="sa-dot"></span>
  1834.    </div><div class="sa-icon sa-info" style="display: none;"></div><div class="sa-icon sa-success" style="display: none;">
  1835.      <span class="sa-line sa-tip"></span>
  1836.      <span class="sa-line sa-long"></span>
  1837.  
  1838.      <div class="sa-placeholder"></div>
  1839.      <div class="sa-fix"></div>
  1840.    </div><div class="sa-icon sa-custom" style="display: none;"></div><h2>위치 설정 실패!</h2>
  1841.    <p style="display: block;">브라우저에서 위치 권한을 허용하거나<br>수동으로 위치를 지정해주세요.</p>
  1842.    
  1843. <div class="sa-button-container">
  1844.      <div class="sa-confirm-button-container">
  1845.        <button class="confirm" tabindex="1" style="display: inline-block; background-color: rgb(140, 212, 245); box-shadow: rgba(140, 212, 245, 0.8) 0px 0px 2px, rgba(0, 0, 0, 0.05) 0px 0px 0px 1px inset;">확인</button><div class="la-ball-fall">
  1846.          <div></div>
  1847.          <div></div>
  1848.          <div></div>
  1849.        </div>
  1850.      </div>
  1851.    </div>
  1852. </div>
  1853.  
  1854.  
  1855.  
  1856.  
  1857. <style type="text/css" >
  1858.  
  1859. .wrap-loading{ /*화면 전체를 어둡게 합니다.*/
  1860.    position: fixed;
  1861.    left:0;
  1862.    right:0;
  1863.    top:0;
  1864.    bottom:0;
  1865.    background: rgba(0,0,0,0.2); /*not in ie */
  1866.    filter: progid:DXImageTransform.Microsoft.Gradient(startColorstr='#20000000', endColorstr='#20000000');    /* ie */
  1867. }
  1868.  
  1869.  
  1870. </style>
  1871.  
  1873.  
  1874. <div class="wrap-loading display-none">
  1875.    
  1876. </div>    
  1877.  
  1878.  
  1879.  
  1880. <style>
  1881. .search-overlay{background-color:#000;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";background-color:rgba(0,0,0,.4);position:fixed;left:0;right:0;top:0;bottom:0;display:none;z-index:10000}.search-form{background-color:#fff;font-family:'Open Sans','Helvetica Neue',Helvetica,Arial,sans-serif;width:478px;padding:17px;border-radius:5px;text-align:center;position:fixed;left:50%;top:50%;margin-left:-256px;margin-top:-200px;overflow:hidden;display:none;z-index:99999}@media all and (max-width:540px){.search-form{width:auto;margin-left:0;margin-right:0;left:15px;right:15px}}.search-form h2{color:#575757;font-size:20px;text-align:center;font-weight:600;text-transform:none;position:relative;margin:25px 0;padding:0;line-height:40px;display:block}.search-form p{color:#797979;font-size:16px;text-align:center;font-weight:300;position:relative;text-align:inherit;float:none;margin:0;padding:0;line-height:normal}.search-form fieldset{border:none;position:relative}.search-form .sa-error-container{background-color:#f1f1f1;margin-left:-17px;margin-right:-17px;overflow:hidden;padding:0 10px;max-height:0;webkit-transition:padding .15s , max-height .15s;transition:padding .15s , max-height .15s}.search-form .sa-error-container.show{padding:10px 0;max-height:100px;webkit-transition:padding .2s , max-height .2s;transition:padding .25s , max-height .25s}.search-form .sa-error-container .search-form .sa-error-container p{display:inline-block}.search-form .sa-input-error{position:absolute;top:29px;right:26px;width:20px;height:20px;opacity:0;-webkit-transform:scale(.5);transform:scale(.5);-webkit-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-transition:all .1s;transition:all .1s}.search-form .sa-input-error::before,.search-form .sa-input-error::after{content:"";width:20px;height:6px;background-color:#f06e57;border-radius:3px;position:absolute;top:50%;margin-top:-4px;left:50%;margin-left:-9px}.search-form .sa-input-error::before{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.search-form .sa-input-error::after{-webkit-transform:rotate(45deg);transform:rotate(45deg)}.search-form .sa-input-error.show{opacity:1;-webkit-transform:scale(1);transform:scale(1)}
  1882. .search-form button i{ font-size:22px; color:#e49c12; }
  1883. </style>
  1884.  
  1885. <div class="search-overlay display-none" tabindex="-1" style="opacity: 1.15; "></div>
  1886. <div class="search-form" >
  1887.  
  1888. <form action="/loc/지역검색/전체/전체" method="get">
  1890. <input type="text" id="keyword" name="keyword" title="검색어" placeholder="검색어를 입력해주세요">
  1891. <button type="submit" class="icon">
  1892. <!-- <img src="/img/main/orange_glass.png" id="SEARCH_BTN" class="모바일모드" alt="검색" style="width:25px;margin-left:5px;"> -->
  1893. <i class="fa fa-search"></i>
  1894. </button>
  1895.  
  1896. </form>
  1897.  
  1898.  
  1899. </div>
  1900.  
  1901. <script>
  1902. $("#LEFT_MENU").click(function(){
  1903. $(".search-overlay").removeClass('display-none');
  1904. $(".search-overlay").show();
  1905. $(".search-form").addClass("visible");
  1906. $(".search-form").show();
  1907. });
  1908.  
  1909. $(".search-overlay").click(function(){
  1910. $(".search-overlay").addClass('display-none');
  1911. $(".search-overlay").hide();
  1912. $(".search-form").removeClass("visible");
  1913. $(".search-form").hide();
  1914. });
  1915.  
  1916. </script>
  1917.  
  1918.  
  1919. </body>
  1920. </html>
  1921.  

Home · About · News · Docs · Terms

 
Copyright © 2002-9 Sam Ruby, Mark Pilgrim, Joseph Walton, and Phil Ringnalda