Showing source for: https://www.mirage.co.kr/
Duration: 3.349597s
Server: nginx
<!doctype html>
<html lang="ko">
<head>
<meta charset="utf-8">
<meta http-equiv="imagetoolbar" content="no">
<meta http-equiv="X-UA-Compatible" content="IE=11,chrome=1">
<meta name="facebook-domain-verification" content="j5qgtxajdc64jvotwy6nfgm61av2xe" />
<title>미라지수입가구</title>
<link rel="shortcut icon" href="/img/favicon.ico">
<link rel="stylesheet" href="/add/swiper/swiper-bundle.min.css">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@8/swiper-bundle.min.css">
<link rel="stylesheet" href="/add/bootstrap-icons/font/bootstrap-icons.css">
<link href="https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap" rel="stylesheet">
<link rel="apple-touch-icon-precomposed" href="/img/favicon.png" />
<link rel="stylesheet" href="https://mirage.co.kr/css/default_shop_new.css?v=1">
<!--[if lte IE 8]>
<script src="https://mirage.co.kr/js/html5.js"></script>
<![endif]-->
<script>
// 자바스크립트에서 사용하는 전역변수 선언
var g5_url = "https://mirage.co.kr";
var g5_bbs_url = "https://mirage.co.kr/bbs";
var g5_is_member = "";
var g5_is_admin = "";
var g5_is_mobile = "";
var g5_bo_table = "";
var g5_sca = "";
var g5_editor = "";
var g5_cookie_domain = ".mirage.co.kr";
</script>
<script src="https://mirage.co.kr/js/jquery-1.8.3.min.js"></script>
<script src="https://mirage.co.kr/js/jquery.shop.menu.js"></script>
<script src="https://mirage.co.kr/js/common.js?v=1"></script>
<script src="https://mirage.co.kr/js/wrest.js"></script>
<script src="https://mirage.co.kr/js/jquery.cookie.js"></script>
<script src="https://mirage.co.kr/js/jquery.touchwipe.min.js"></script>
<script src="https://mirage.co.kr/js/jquery.scrollBanner.js"></script>
<script type="text/javascript" src="https://sc.11h11m.net/s/E1433.js"></script>
<script src="/js/jquery.bxslider.js"></script>
<link rel="stylesheet" href="/skin/latest/slide/jquery.bxslider.css">
<meta name="description" content="미라지가구 공식 쇼핑몰, 아메리칸 클래식 수입가구 전문점, 수입엔틱가구, 신혼가구세트">
<meta name="author" content="미라지가구">
<meta name="google-site-verification" content="AW_898tewPPF5h2D4u7z8CuIuacwg_3gdqPGSzH32w0" />
<meta property='og:title' content='미라지 수입가구'>
<meta property="og:description" content="미라지가구 공식 쇼핑몰, 아메리칸 클래식 수입가구 전문점, 수입엔틱가구, 신혼가구세트">
<meta property="og:image" content="https://mirage.co.kr/assets/images/mirageOgImg.jpg">
<meta property="og:site_name" content="미라지퍼니쳐">
<!-- Facebook Pixel Code 181206 삽입-->
<script>
! function(f, b, e, v, n, t, s) {
if (f.fbq) return;
n = f.fbq = function() {
n.callMethod ?
n.callMethod.apply(n, arguments) : n.queue.push(arguments)
};
if (!f._fbq) f._fbq = n;
n.push = n;
n.loaded = !0;
n.version = '2.0';
n.queue = [];
t = b.createElement(e);
t.async = !0;
t.src = v;
s = b.getElementsByTagName(e)[0];
s.parentNode.insertBefore(t, s)
}(window, document, 'script',
'https://connect.facebook.net/en_US/fbevents.js');
fbq('init', '334253993825619');
fbq('track', 'PageView');
</script>
<noscript><img height="1" width="1" style="display:none" src="https://www.facebook.com/tr?id=334253993825619&ev=PageView&noscript=1" /></noscript>
<!-- End Facebook Pixel Code -->
<!-- Global site tag (gtag.js) - Google Ads: 814015781 / 200914 삽입-->
<script async src="https://www.googletagmanager.com/gtag/js?id=AW-814015781"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag() {
dataLayer.push(arguments);
}
gtag('js', new Date());
gtag('config', 'AW-814015781');
</script>
<span itemscope="" itemtype="http://schema.org/Organization">
<link itemprop="url" href="https://www.mirage.co.kr/">
<a itemprop="sameAs" href="https://www.instagram.com/miragefurniture_official/"></a>
<a itemprop="sameAs" href="http://blog.naver.com/mirageit"></a>
<a itemprop="sameAs" href="https://www.facebook.com/miragegagu"></a>
<a itemprop="sameAs" href="https://www.youtube.com/user/miragefurniture1"></a>
</span>
<script src="https://cdn.tailwindcss.com/3.4.3"></script>
<script src="/skin/shop.layout/basic/header.js?v=1"></script>
<script src="/add/swiper/swiper-bundle.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/swiper@8/swiper-bundle.min.js"></script>
</head>
<body>
<script type='text/javascript'>
var cmcJsHost = (("https:" == document.location.protocol) ? "https://" : "http://");
document.write(unescape("%3Cscript id='cmclog_script' src='" + cmcJsHost + "mirageit.cmclog.cafe24.com/weblog.js?uid=mirageit&uname=mirageit' type='text/javascript'%3E%3C/script%3E"));
</script>
<script type='text/javascript'>
var sTime = new Date().getTime();
(function(i, s, o, g, r, a, m) {
i['cmcObject'] = g;
i['cmcUid'] = r;
a = s.createElement(o), m = s.getElementsByTagName(o)[0];
a.async = 1;
a.src = g;
m.parentNode.insertBefore(a, m)
})(window, document, 'script', '//mirageit.cmclog.cafe24.com/weblog.js?v=' + sTime, 'mirageit');
</script>
<!-- 리포트2.0 로그분석코드 시작 -->
<script type="text/javascript">
var sTime = new Date().getTime();
(function(i, s, o, g, r, a, m) {
i['webObject'] = g;
i['webUid'] = r;
a = s.createElement(o), m = s.getElementsByTagName(o)[0];
a.async = 1;
a.src = g;
m.parentNode.insertBefore(a, m)
})
(window, document, 'script', '//mirageit.weblog.cafe24.com/weblog.js?v=' + sTime, 'mirageit');
</script><script>
tailwind.config = {
theme: {
screens: {
'sm': '640px',
'md': '768px',
'lg': '1024px',
'xl': '1280px',
'2xl': '1400px',
'3xl': '1800px',
}
}
}
</script>
<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/pretendard/1.3.9/static/pretendard.css" />
<link href="https://fonts.googleapis.com/css2?family=Baskervville:ital@0;1&display=swap" rel="stylesheet">
<style>
* {
font-family: "Pretendard Std Variable", "Pretendard Std", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;
}
.mGothic {
font-family: 'Malgun Gothic';
}
body {
min-width: 1600px;
}
a,
a:hover,
a:active,
a:-webkit-any-link {
text-decoration: none;
}
.sct_desc b {
display: block;
}
.max-w-1920 {
max-width: 1920px;
}
.max-w-1400 {
max-width: 1400px;
}
.headerSubMenu {
height: 480px;
}
.baskervville {
font-family: 'Baskervville', serif;
}
</style>
<header class="relative z-50">
<div class="p-0 flex bg-white w-full z-50 h-4" id="headerTop"></div>
<div class="z-50 w-full border-b border-gray-200 border-solid bg-white min-w-[1600px]" id="main-lnb">
<div class="relative">
<div class="w-full max-w-1920 m-auto flex justify-between items-center px-4">
<div class="main-lnb-scroll static overflow-x-auto overflow-y-hidden w-full h-14">
<ul class="flex text-base" id="headerGNB">
<li><a href="javascript:void(0)" class="h-14 px-4 py-0 flex items-center megamenuOpen"><i class="bi bi-list text-2xl"></i></a></li>
<li><a href="/" class="h-14 px-4 py-0 flex items-center headerLogo"><img src="/layout_img/pc/headerLogo.png" alt="MIRAGE LOGO, 미라지가구 로고"></a></li>
<li><a href="/shop/list.php?ca_id=00" class="h-14 px-5 flex items-center border-b-2 hover:border-black opacity-70 border-transparent">신상품</a></li>
<li><a href="/shop/list.php?ca_id=b1" class="h-14 px-5 flex items-center border-b-2 hover:border-black opacity-70 border-transparent">베스트</a></li>
<li><a href="/shop/list.php?ca_id=b3" class="h-14 px-5 flex items-center border-b-2 hover:border-black opacity-70 border-transparent">신혼관</a></li>
<li><a href="/shop/list.php?ca_id=b4" class="h-14 px-5 flex items-center border-b-2 hover:border-black opacity-70 border-transparent">명품관</a></li>
<li><a href="/bbs/content.php?co_id=map_01" class="h-14 px-5 flex items-center border-b-2 hover:border-black opacity-70 border-transparent">매장안내</a></li>
<li><a href="/bbs/board.php?bo_table=mirageTV" class="h-14 px-5 items-center border-b-2 hover:border-black hidden 3xl:flex opacity-70 border-transparent">TV/미디어</a></li>
<li><a href="/bbs/board.php?bo_table=mirageEvent" class="h-14 px-5 items-center border-b-2 hover:border-black hidden 3xl:flex opacity-70 border-transparent">이벤트</a></li>
<li><a href="/bbs/board.php?bo_table=all2" class="h-14 px-5 items-center border-b-2 hover:border-black hidden 3xl:flex opacity-70 border-transparent">포토후기</a></li>
<li><a href="/bbs/board.php?bo_table=mirageStar" class="h-14 px-5 items-center border-b-2 hover:border-black hidden 3xl:flex opacity-70 border-transparent">연예인후기</a></li>
<li><a href="/shop/list.php?ca_id=8o" class="h-14 px-5 flex items-center border-b-2 hover:border-black opacity-70 border-transparent">OMG SALE</a></li>
<li><a href="javascript:void(0)" class="h-14 px-5 flex items-center border-b-2 border-transparent hover:border-black opacity-70 designerMenuOpen">DESIGNER <i class="bi bi-chevron-down ml-1 text-sm"></i></a></li>
<li><a href="https://mirage.co.kr/shop/brand.php" class="h-14 px-5 flex items-center border-b-2 border-transparent hover:border-black opacity-70 brandMenuOpen">SHOP BY BRAND <i class="bi bi-chevron-down ml-1 text-sm"></i></a></li>
</ul>
</div>
<div class="text-xl flex">
<form name="frmsearch" action="https://mirage.co.kr/shop/search.php" onsubmit="return search_submit(this);">
<div class="border-b border-gray-500 flex mr-8">
<input type="text" class="w-36 text-base text-gray-600 px-4 bg-inherit" name="q" value="" id="sch_str" required>
<button type="submit"><i class="bi bi-search"></i></button>
</div>
</form>
<a href="https://mirage.co.kr/shop/cart.php" class="relative mr-6">
<i class="bi bi-bag mr-2"></i>
<span class="absolute w-4 h-4 bg-gray-800 text-white flex items-center justify-center right-0 top-0 rounded-full" style="font-size:10px;">0</span>
</a>
<a href="https://mirage.co.kr/bbs/login.php?url=https://mirage.co.kr/" class="mr-8 text-gray-700 relative userMenuOpen">
<i class="bi bi-person text-2xl"></i>
<span id="joinTime" class="absolute text-xs bg-gray-700 text-white flex justify-center items-center rounded-xl h-5" style="top:-20px; left:-25px; width:80px;">1초 회원가입</span>
</a>
<a href="javascript:void(0)" class="relative mr-6 boardmenuOpen 3xl:hidden">
<i class="bi bi-chat-square-dots text-2xl mr-2"></i>
</a>
</div>
</div>
<div class="absolute w-full bg-white z-50 border-t border-b border-stone-200 hidden headerSubMenu" id="megaMenu">
<div class="w-full max-w-1400 m-auto flex flex-row">
<ul class="flex flex-col w-52 text-base leading-10 p-4 pl-0 text-black" id="mainMegaGnb">
<li class="group active"><a href="javascript:void(0)" class="opacity-70 pl-2 hover:opacity-100 hover:font-bold block group-[&.active]:font-bold group-[&.active]:opacity-100" gnbType="sub_g1">침대/침실가구 <i class="bi bi-chevron-right hidden group-[&.active]:inline"></i></a></li><li class="group "><a href="javascript:void(0)" class="opacity-70 pl-2 hover:opacity-100 hover:font-bold block group-[&.active]:font-bold group-[&.active]:opacity-100" gnbType="sub_g2">매트리스 <i class="bi bi-chevron-right hidden group-[&.active]:inline"></i></a></li><li class="group "><a href="javascript:void(0)" class="opacity-70 pl-2 hover:opacity-100 hover:font-bold block group-[&.active]:font-bold group-[&.active]:opacity-100" gnbType="sub_g3">소파/체어 <i class="bi bi-chevron-right hidden group-[&.active]:inline"></i></a></li><li class="group "><a href="javascript:void(0)" class="opacity-70 pl-2 hover:opacity-100 hover:font-bold block group-[&.active]:font-bold group-[&.active]:opacity-100" gnbType="sub_g4">주방가구/식탁 <i class="bi bi-chevron-right hidden group-[&.active]:inline"></i></a></li><li class="group "><a href="javascript:void(0)" class="opacity-70 pl-2 hover:opacity-100 hover:font-bold block group-[&.active]:font-bold group-[&.active]:opacity-100" gnbType="sub_g5">거실가구/콘솔 <i class="bi bi-chevron-right hidden group-[&.active]:inline"></i></a></li><li class="group "><a href="javascript:void(0)" class="opacity-70 pl-2 hover:opacity-100 hover:font-bold block group-[&.active]:font-bold group-[&.active]:opacity-100" gnbType="sub_g6">홈오피스 <i class="bi bi-chevron-right hidden group-[&.active]:inline"></i></a></li><li class="group "><a href="javascript:void(0)" class="opacity-70 pl-2 hover:opacity-100 hover:font-bold block group-[&.active]:font-bold group-[&.active]:opacity-100" gnbType="sub_g7">주니어가구 <i class="bi bi-chevron-right hidden group-[&.active]:inline"></i></a></li><li class="group "><a href="javascript:void(0)" class="opacity-70 pl-2 hover:opacity-100 hover:font-bold block group-[&.active]:font-bold group-[&.active]:opacity-100" gnbType="sub_g8">기타/인테리어 <i class="bi bi-chevron-right hidden group-[&.active]:inline"></i></a></li><li class="group"><a href="/shop/list.php?ca_id=8o" class="opacity-70 pl-2 hover:opacity-100 hover:font-bold block group-[&.active]:font-bold group-[&.active]:opacity-100" gnbType="b.lank">OMG SALE <i class="bi bi-chevron-right hidden group-[&.active]:inline"></i></a></li> </ul>
<div class="text-base leading-10 p-4 pl-0 text-black font-extralight w-52">
<ul id="sub_g1" class="subCateGnb flex flex-col"><li><a href="/shop/list.php?ca_id=g101" class="text-gray-500 hover:text-black hover:font-normal block">침대세트</a></li><li><a href="/shop/list.php?ca_id=g102" class="text-gray-500 hover:text-black hover:font-normal block">프리미엄 침대세트</a></li><li><a href="/shop/list.php?ca_id=g103" class="text-gray-500 hover:text-black hover:font-normal block">침대 & 협탁</a></li><li><a href="/shop/list.php?ca_id=g104" class="text-gray-500 hover:text-black hover:font-normal block">싱글침대</a></li><li><a href="/shop/list.php?ca_id=g105" class="text-gray-500 hover:text-black hover:font-normal block">협탁</a></li><li><a href="/shop/list.php?ca_id=g106" class="text-gray-500 hover:text-black hover:font-normal block">서랍장</a></li><li><a href="/shop/list.php?ca_id=g107" class="text-gray-500 hover:text-black hover:font-normal block">옷장 & 시스템장</a></li><li><a href="/shop/list.php?ca_id=g108" class="text-gray-500 hover:text-black hover:font-normal block">베드벤치</a></li><li><a href="/shop/list.php?ca_id=g109" class="text-gray-500 hover:text-black hover:font-normal block">화장대 & 스툴</a></li><li><a href="/shop/list.php?ca_id=g110" class="text-gray-500 hover:text-black hover:font-normal block">침구</a></li><li><a href="/shop/list.php?ca_id=g111" class="text-gray-500 hover:text-black hover:font-normal block">헤드 & 모던침대</a></li></ul><ul id="sub_g2" class="subCateGnb flex-col hidden"><li><a href="/shop/list.php?ca_id=g201" class="text-gray-500 hover:text-black hover:font-normal block">매트리스-Queen</a></li><li><a href="/shop/list.php?ca_id=g202" class="text-gray-500 hover:text-black hover:font-normal block">매트리스-King</a></li><li><a href="/shop/list.php?ca_id=g203" class="text-gray-500 hover:text-black hover:font-normal block">매트리스-Single</a></li></ul><ul id="sub_g3" class="subCateGnb flex-col hidden"><li><a href="/shop/list.php?ca_id=g301" class="text-gray-500 hover:text-black hover:font-normal block">가죽소파</a></li><li><a href="/shop/list.php?ca_id=g319" class="text-gray-500 hover:text-black hover:font-normal block">Callas Italia Sofa</a></li><li><a href="/shop/list.php?ca_id=g302" class="text-gray-500 hover:text-black hover:font-normal block">Sofa ITALY</a></li><li><a href="/shop/list.php?ca_id=g303" class="text-gray-500 hover:text-black hover:font-normal block">CHATEAU D'AX</a></li><li><a href="/shop/list.php?ca_id=g304" class="text-gray-500 hover:text-black hover:font-normal block">리클라이너 가죽소파</a></li><li><a href="/shop/list.php?ca_id=g305" class="text-gray-500 hover:text-black hover:font-normal block">천소파</a></li><li><a href="/shop/list.php?ca_id=g306" class="text-gray-500 hover:text-black hover:font-normal block">리클라이너 체어</a></li><li><a href="/shop/list.php?ca_id=g307" class="text-gray-500 hover:text-black hover:font-normal block">소파체어</a></li><li><a href="/shop/list.php?ca_id=g308" class="text-gray-500 hover:text-black hover:font-normal block">액센체어</a></li><li><a href="/shop/list.php?ca_id=g309" class="text-gray-500 hover:text-black hover:font-normal block">쿠션/오토만</a></li></ul><ul id="sub_g4" class="subCateGnb flex-col hidden"><li><a href="/shop/list.php?ca_id=g401" class="text-gray-500 hover:text-black hover:font-normal block">4인식탁</a></li><li><a href="/shop/list.php?ca_id=g402" class="text-gray-500 hover:text-black hover:font-normal block">4인식탁 세라믹</a></li><li><a href="/shop/list.php?ca_id=g403" class="text-gray-500 hover:text-black hover:font-normal block">6인식탁</a></li><li><a href="/shop/list.php?ca_id=g404" class="text-gray-500 hover:text-black hover:font-normal block">6인식탁 세라믹</a></li><li><a href="/shop/list.php?ca_id=g405" class="text-gray-500 hover:text-black hover:font-normal block">8인식탁</a></li><li><a href="/shop/list.php?ca_id=g406" class="text-gray-500 hover:text-black hover:font-normal block">체어 & 벤치</a></li><li><a href="/shop/list.php?ca_id=g407" class="text-gray-500 hover:text-black hover:font-normal block">아일랜드 & 바스툴</a></li><li><a href="/shop/list.php?ca_id=g408" class="text-gray-500 hover:text-black hover:font-normal block">사이드보드</a></li><li><a href="/shop/list.php?ca_id=g409" class="text-gray-500 hover:text-black hover:font-normal block">장식장</a></li><li><a href="/shop/list.php?ca_id=g410" class="text-gray-500 hover:text-black hover:font-normal block">기타</a></li></ul><ul id="sub_g5" class="subCateGnb flex-col hidden"><li><a href="/shop/list.php?ca_id=g501" class="text-gray-500 hover:text-black hover:font-normal block">거실장</a></li><li><a href="/shop/list.php?ca_id=g502" class="text-gray-500 hover:text-black hover:font-normal block">콘솔캐비넷</a></li><li><a href="/shop/list.php?ca_id=g503" class="text-gray-500 hover:text-black hover:font-normal block">콘솔테이블</a></li><li><a href="/shop/list.php?ca_id=g504" class="text-gray-500 hover:text-black hover:font-normal block">소파테이블</a></li><li><a href="/shop/list.php?ca_id=g507" class="text-gray-500 hover:text-black hover:font-normal block">세라믹테이블</a></li><li><a href="/shop/list.php?ca_id=g505" class="text-gray-500 hover:text-black hover:font-normal block">사이드테이블</a></li><li><a href="/shop/list.php?ca_id=g506" class="text-gray-500 hover:text-black hover:font-normal block">장식장</a></li></ul><ul id="sub_g6" class="subCateGnb flex-col hidden"><li><a href="/shop/list.php?ca_id=g601" class="text-gray-500 hover:text-black hover:font-normal block">책상</a></li><li><a href="/shop/list.php?ca_id=g602" class="text-gray-500 hover:text-black hover:font-normal block">전동책상</a></li><li><a href="/shop/list.php?ca_id=g603" class="text-gray-500 hover:text-black hover:font-normal block">책장</a></li><li><a href="/shop/list.php?ca_id=g604" class="text-gray-500 hover:text-black hover:font-normal block">의자</a></li></ul><ul id="sub_g7" class="subCateGnb flex-col hidden"><li><a href="/shop/list.php?ca_id=g701" class="text-gray-500 hover:text-black hover:font-normal block">싱글침대</a></li><li><a href="/shop/list.php?ca_id=g702" class="text-gray-500 hover:text-black hover:font-normal block">협탁</a></li><li><a href="/shop/list.php?ca_id=g703" class="text-gray-500 hover:text-black hover:font-normal block">책상 & 의자</a></li><li><a href="/shop/list.php?ca_id=g704" class="text-gray-500 hover:text-black hover:font-normal block">책장</a></li></ul><ul id="sub_g8" class="subCateGnb flex-col hidden"><li><a href="/shop/list.php?ca_id=g801" class="text-gray-500 hover:text-black hover:font-normal block">스탠드 & 램프</a></li><li><a href="/shop/list.php?ca_id=g802" class="text-gray-500 hover:text-black hover:font-normal block">카페트</a></li><li><a href="/shop/list.php?ca_id=g803" class="text-gray-500 hover:text-black hover:font-normal block">인테리어액자</a></li><li><a href="/shop/list.php?ca_id=g804" class="text-gray-500 hover:text-black hover:font-normal block">거울</a></li><li><a href="/shop/list.php?ca_id=g805" class="text-gray-500 hover:text-black hover:font-normal block">Decor</a></li></ul> </div>
<div class="py-8 text-base w-full">
<div id="mainGnbCateLink"></div>
</div>
</div>
</div>
<div class="absolute w-full bg-white z-50 border-t border-b border-stone-200 hidden headerSubMenu" id="designerMenu">
<div class="w-full max-w-1400 m-auto flex flex-row relative h-full justify-center items-center">
<div class="swiper swiperDesigner text-xs text-black font-extralight mx-12">
<div class="swiper-wrapper gnbDesigner"></div>
</div>
<div class="swiper-button-next" style="color:#000;"></div>
<div class="swiper-button-prev" style="color:#000;"></div>
</div>
</div>
<div class="absolute w-full bg-white z-50 border-t border-b border-stone-200 hidden headerSubMenu" id="bradnMenu">
<!-- AIRELOOM -->
<div class="w-full max-w-1400 m-auto relative h-full text-base justify-between py-12 hidden [&.active]:flex" id="brandVideo1">
<div class="w-1/2 pr-40 flex flex-col justify-between">
<div>
<div class="mb-8"><img src="/assets/images/gnb/brand/brandLogoAireloom.jpg"></div>
<p class="text-lg mb-2">최초의 핸드메이드럭셔리 매트리스 브랜드, 에어룸(AIRELOOM)</p>
<p class="text-sm font-light leading-6 text-[#373737] mb-4">
Aireloom, founded in 1940 and headquartered in California,<br />
is a prestigious brand renowned for its excellence, comfort, and luxury mattresses.<br />
Handcrafted in the USA with premium materials, their mattresses have earned<br />
the loyalty of discerning clients, including celebrities and presidents.
</p>
<a class="text-sm font-medium" href="https://mirage.co.kr/shop/brand.php?brand=119">Shop Now →</a>
</div>
<a class="text-sm" href="https://mirage.co.kr/shop/brand.php">브랜드 전체보기 →</a>
</div>
<div class="w-1/2">
<!-- <img src="/assets/images/gnb/gif/aireloom_231001.gif"> -->
<img src="https://miragedb.mycafe24.com/aireloom_231001.gif">
</div>
</div>
<!-- ART -->
<div class="w-full max-w-1400 m-auto relative h-full text-base justify-between py-12 hidden [&.active]:flex" id="brandVideo2">
<div class="w-1/2 pr-40 flex flex-col justify-between">
<div>
<div class="mb-8"><img src="/assets/images/gnb/brand/brandLogoART.jpg"></div>
<p class="text-lg mb-2">정통 디자인 가구 브랜드, A.R.T</p>
<p class="text-sm font-light leading-6 text-[#373737] mb-4">
A.R.T. Furniture is a luxury home furnishings company founded in 2003. Their products combine traditional craftsmanship with modern design. A wide range of furniture is available for every room, and their focus is on creating functional and comfortable pieces with high quality materials.
</p>
<a class="text-sm font-medium" href="https://mirage.co.kr/shop/brand.php?brand=17">Shop Now →</a>
</div>
<a class="text-sm" href="https://mirage.co.kr/shop/brand.php">브랜드 전체보기 →</a>
</div>
<div class="w-1/2">
<!-- <img src="/assets/images/gnb/gif/ART-231004.gif"> -->
<img src="https://miragedb.mycafe24.com/ART-231004.gif">
</div>
</div>
</div>
<div class="absolute right-4 z-50 bg-white hidden" id="boardMenu">
<ul class="text-sm font-extralight border border-gray-200 text-center">
<li><a href='/bbs/board.php?bo_table=mirageTV' class='py-2 px-6 border-b hover:bg-gray-50 block'>TV/미디어</a></li><li><a href='/bbs/board.php?bo_table=mirageEvent' class='py-2 px-6 border-b hover:bg-gray-50 block'>이벤트</a></li><li><a href='/bbs/board.php?bo_table=all2' class='py-2 px-6 border-b hover:bg-gray-50 block'>포토후기</a></li><li><a href='/bbs/board.php?bo_table=mirageStar' class='py-2 px-6 border-b hover:bg-gray-50 block'>연예인후기</a></li> </ul>
</div>
<div class="absolute right-20 z-50 bg-white hidden" id="userMenu">
<ul class="text-sm font-extralight border border-gray-200 text-center">
<li><a href='https://mirage.co.kr/bbs/login.php' class='py-2 px-6 border-b hover:bg-gray-50 block'>로그인</a></li>
<li><a href='https://mirage.co.kr/bbs/register.php' class='py-2 px-6 border-b hover:bg-gray-50 block'>회원가입</a></li>
<li><a href='https://mirage.co.kr/shop/orderinquiry.php' class='py-2 px-6 border-b hover:bg-gray-50 block'>주문조회</a></li>
</ul>
</div>
</div>
</div>
</header>
<style>
.mainVisualSwiper {
height: 500px;
}
.msText_A,
.msText_B {
margin-bottom: 20px;
opacity: 0;
transition: 1s ease;
}
.swiper-slide-active .msText_A,
.swiper-slide-active .msText_B {
margin-bottom: 0px;
opacity: 1;
}
.sct_desc .sct_a {
font-weight: 200;
}
.sct_desc b {
font-weight: 400;
}
.videoBg #main-lnb,
.videoBg #headerTop {
background: none;
color: #fff;
}
.mainVisualSwiper .swiper-button-next:after,
.mainVisualSwiper .swiper-button-prev:after {
font-size: 14px;
}
/* 움직이는 텍스트 */
.animated-title {
position: relative;
width: 100%;
max-width: 100%;
height: auto;
padding: 110px 0;
overflow-x: hidden;
overflow-y: hidden;
}
.animated-title .track {
position: absolute;
white-space: nowrap;
will-change: transform;
animation: marquee 60s linear infinite;
}
@keyframes marquee {
from {
transform: translateX(0);
}
to {
transform: translateX(-50%);
}
}
</style>
<div id="popup_03" class="fixed right-5 -bottom-20 opacity-0 transition-all z-50 duration-1000 hidden" style="z-index:51"></div>
<script>
function fetchData(apiURL) {
return fetch(apiURL)
.then(response => {
if (response.ok) {
return response.json();
} else {
throw new Error("API 요청이 실패했습니다.");
}
})
.catch(error => {
console.log(error);
});
}
fetchData("/cnb/contentMeta.php?tableNo=5")
.then(responseData => {
var popupID = 'popup_03';
var content = "";
var contentInner = "";
var contentCount = 0;
var linkText = "자세히보기";
var bgColor = "";
if (responseData[0]['bgColor']) {
bgColor = "[" + responseData[0]['bgColor'] + "]";
} else {
bgColor = "black";
}
content += `<div class="left-0 right-0 top-0 bottom-0 fixed bg-black bg-opacity-50 z-0"></div>
<div class="bg-black pt-4 rounded-t-2xl relative z-10">
<div class="flex justify-between text-sm font-normal px-4">
<a href="javascript:void(0)" onclick="javascript:todayPopHideAll('${popupID}')" class="text-white text-opacity-70 hover:text-opacity-100">오늘 하루 보지 않기</a>
<a href="javascript:void(0)" onclick="javascript:todayPopHide('${popupID}');" class="text-white text-opacity-70 hover:text-opacity-100">닫기</a>
</div>
<div class="w-80 mt-4">
<div class="popupSwiper overflow-hidden relative">
<div class="swiper-wrapper">
`;
Object.values(responseData).forEach(function(item) {
if (item['bgColor']) {
innerBgColor = "[" + item['bgColor'] + "]";
} else {
innerBgColor = "black";
}
if (item['linkTitle']) {
linkText = item['linkTitle'];
}
if (item['mainImg']) {
contentInner += `<div class="px-4 pt-4 pb-10 bg-${innerBgColor} swiper-slide"><img src="${item['mainImg']}">`;
if (item['mainTitle']) {
contentInner += `<p class="text-white pt-4 text-xl font-medium text-center">${item['mainTitle']}</p>`;
}
if (item['subTitle']) {
contentInner += `<p class="text-white pt-4 text-sm font-normal text-center text-opacity-90">${item['subTitle']}</p>`;
}
contentInner += `<a href="${item['popupLink']}" class="py-2 bg-white text-${bgColor} block text-center mt-4 rounded-full bg-opacity-80 hover:bg-opacity-100 text-lg">${linkText}</a></div>
`;
contentCount = contentCount + 1;
}
})
content += contentInner;
content += `
</div></div></div>
</div>`;
if (contentCount > 0) {
let x = document.getElementById(popupID);
x.innerHTML = content;
x.classList.remove("opacity-0");
x.classList.remove("-bottom-20");
x.classList.add("bottom-0");
console.log(contentCount);
if (contentCount > 1) {
popupSlide();
}
}
});
function popupSlide() {
var swiper = new Swiper('.popupSwiper', {
loop: true,
autoplay: true,
dealy: 3000
});
}
function getCookie(name) {
var nameOfCookie = name + "=";
var x = 0;
while (x <= document.cookie.length) {
var y = (x + nameOfCookie.length);
if (document.cookie.substring(x, y) == nameOfCookie) {
if ((endOfCookie = document.cookie.indexOf(";", y)) == -1)
endOfCookie = document.cookie.length;
return unescape(document.cookie.substring(y, endOfCookie));
}
x = document.cookie.indexOf(" ", x) + 1;
if (x == 0)
break;
}
return "";
}
function setCookie(name, value, expiredays) {
var todayDate = new Date();
console.log(todayDate);
todayDate.setDate(todayDate.getDate() + expiredays);
document.cookie = name + "=" + escape(value) + "; path=/; expires=" + todayDate.toGMTString() + ";"
}
function todayPopHide(id) {
let target = document.querySelector(`#${id}`)
target.style.display = 'none'
}
function todayPopHideAll(id) {
setCookie("SET_" + id, "done", 1);
let target = document.querySelector(`#${id}`)
target.style.display = 'none'
}
function todayPopShow(id) {
if (getCookie("SET_" + id) != "done") {
let target = document.querySelector(`#${id}`)
target.style.display = 'block'
}
}
todayPopShow('popup_03');
</script>
<div class="mainVisualSwiper overflow-hidden relative" style="height:500px">
<span class="absolute left-0 top-0 bottom-0 bg-black bg-opacity-60 z-10 w-[calc(50%-640px)]"></span>
<span class="absolute right-0 top-0 bottom-0 bg-black bg-opacity-60 z-10 w-[calc(50%-640px)]"></span>
<div class="swiper-wrapper font-light pcMainSlide"></div>
<div class="swiper-pagination-A absolute bottom-0 py-2 bg-opacity-50 w-32 text-base text-center bg-white z-10 left-[calc(50%+512px)]"></div>
<div class="absolute bottom-0 w-32 text-base text-center z-20 left-[calc(50%+512px)] h-10 leading-10">
<div class="swiper-button-prev text-black leading-10"></div>
<div class="swiper-button-next text-black leading-10"></div>
</div>
</div>
<script>
fetchData("/cnb/contentMeta.php?tableNo=1")
.then(responseData => {
var content = "";
Object.values(responseData).forEach(function(item) {
if (item['upload-image']) {
$textColor = 'white';
if (item['text-color'] == "black") {
$textColor = 'black';
}
content += `<div class="swiper-slide relative text-${$textColor}" style="width:1280px; height:500px;">`;
content += `<img src="${item['upload-image']}" class="w-full" />`;
content += `<a href="${item['link-url']}" class="absolute w-full h-full left-0 top-0 z-20"></a>`;
if (item['main-text']) {
content += `<div class="msText_A absolute bottom-32 left-14 font-bold text-4xl z-10">${item['main-text']}</div>`;
}
if (item['sub-text']) {
content += `<div class="msText_B absolute leading-8 bottom-12 left-14 text-2xl w-full z-10">${item['sub-text']}</div>`;
}
content += `</div>`;
}
})
let x = document.getElementsByClassName("pcMainSlide")[0];
x.innerHTML = content;
pcMainSlide();
})
function pcMainSlide() {
var swiper = new Swiper('.mainVisualSwiper', {
slidesPerView: "auto",
centeredSlides: true,
spaceBetween: 0,
centeredSlides: true,
pagination: {
el: ".swiper-pagination-A",
type: "fraction",
},
navigation: {
nextEl: '.mainVisualSwiper .swiper-button-next',
prevEl: '.mainVisualSwiper .swiper-button-prev',
},
loop: true
});
}
</script>
<div class="m-auto max-w-1400 mt-12">
<div id="mainCategoryMenu" class="my-4">
<ul class="flex text-center text-sm font-light mainCateGNB gap-2">
<li class="w-full group hover:text-base hover:font-normal">
<a href="/shop/list.php?ca_id=l010">
<div class="m-auto mb-4 block border border-gray-100 rounded-full overflow-hidden w-32 h-32 bg-center bg-[length:90%] group-hover:bg-gray-50 group-hover:bg-[length:100%]" style="background-image:url('/assets/images/mainCate/category_i_01.png');"></div>
<p class=" h-10">BEDROOM</p>
</a>
</li>
<li class="w-full group hover:text-base hover:font-normal">
<a href="/shop/list.php?ca_id=98">
<div class="m-auto mb-4 block border border-gray-100 rounded-full overflow-hidden w-32 h-32 bg-center bg-[length:90%] group-hover:bg-gray-50 group-hover:bg-[length:100%]" style="background-image:url('/assets/images/mainCate/category_i_02.png');"></div>
<p class=" h-10">MATTRESS</p>
</a>
</li>
<li class="w-full group hover:text-base hover:font-normal">
<a href="/shop/list.php?ca_id=m1">
<div class="m-auto mb-4 block border border-gray-100 rounded-full overflow-hidden w-32 h-32 bg-center bg-[length:90%] group-hover:bg-gray-50 group-hover:bg-[length:100%]" style="background-image:url('/assets/images/mainCate/category_i_03.png');"></div>
<p class=" h-10">SOFA</p>
</a>
</li>
<li class="w-full group hover:text-base hover:font-normal">
<a href="/shop/list.php?ca_id=g319">
<div class="m-auto mb-4 block border border-gray-100 rounded-full overflow-hidden w-32 h-32 bg-center bg-[length:90%] group-hover:bg-gray-50 group-hover:bg-[length:100%]" style="background-image:url('/assets/images/mainCate/category_i_10.png');"></div>
<p class=" h-10">Callas Italia SOFA</p>
</a>
</li>
<li class="w-full group hover:text-base hover:font-normal">
<a href="/shop/list.php?ca_id=n1">
<div class="m-auto mb-4 block border border-gray-100 rounded-full overflow-hidden w-32 h-32 bg-center bg-[length:90%] group-hover:bg-gray-50 group-hover:bg-[length:100%]" style="background-image:url('/assets/images/mainCate/category_i_04.png');"></div>
<p class=" h-10">DINING ROOM</p>
</a>
</li>
<li class="w-full group hover:text-base hover:font-normal">
<a href="/shop/list.php?ca_id=21">
<div class="m-auto mb-4 block border border-gray-100 rounded-full overflow-hidden w-32 h-32 bg-center bg-[length:90%] group-hover:bg-gray-50 group-hover:bg-[length:100%]" style="background-image:url('/assets/images/mainCate/category_i_05.png');"></div>
<p class=" h-10">LIVING ROOM</p>
</a>
</li>
<li class="w-full group hover:text-base hover:font-normal">
<a href="/shop/list.php?ca_id=n4">
<div class="m-auto mb-4 block border border-gray-100 rounded-full overflow-hidden w-32 h-32 bg-center bg-[length:90%] group-hover:bg-gray-50 group-hover:bg-[length:100%]" style="background-image:url('/assets/images/mainCate/category_i_06.png');"></div>
<p class=" h-10">HOME OFFICE</p>
</a>
</li>
<li class="w-full group hover:text-base hover:font-normal">
<a href="/shop/list.php?ca_id=i3">
<div class="m-auto mb-4 block border border-gray-100 rounded-full overflow-hidden w-32 h-32 bg-center bg-[length:90%] group-hover:bg-gray-50 group-hover:bg-[length:100%]" style="background-image:url('/assets/images/mainCate/category_i_07.png');"></div>
<p class=" h-10">JUNIOR</p>
</a>
</li>
<li class="w-full group hover:text-base hover:font-normal hidden">
<a href="/shop/list.php?ca_id=l9">
<div class="m-auto mb-4 block border border-gray-100 rounded-full overflow-hidden w-32 h-32 bg-center bg-[length:90%] group-hover:bg-gray-50 group-hover:bg-[length:100%]" style="background-image:url('/assets/images/mainCate/category_i_08.png');"></div>
<p class=" h-10">MISCELLANEOUS</p>
</a>
</li>
<li class="w-full group hover:text-base hover:font-normal">
<a href="/bbs/content.php?co_id=map_01">
<div class="m-auto mb-4 block border border-gray-100 rounded-full overflow-hidden w-32 h-32 bg-center bg-[length:100%] group-hover:bg-gray-50 group-hover:bg-[length:110%]" style="background-image:url('/assets/images/mainCate/category_i_09.png');"></div>
<p class=" h-10">SHOWROOM</p>
</a>
</li>
</ul>
</div>
</div>
<div class="m-auto py-10 flex">
<div class="w-80 flex items-center justify-center flex-col">
<p class="text-3xl baskervville">BEDROOM</p>
<a href="https://mirage.co.kr/shop/list.php?ca_id=l010" class="mt-4 text-sm border border-black py-1 px-8">Shop Now →</a>
</div>
<div class="relative" style="width:calc(100% - 320px);">
<div class="right-0 bottom-1 w-full z-30 overflow-hidden">
<div class="w-full mainSwiper mirageSwiperA relative">
<ul class="swiper-wrapper" id="mainItem_01">
</ul>
</div>
</div>
</div>
</div>
<script>
$.ajax({
type: "POST",
url: "/skin/mainItem.php",
data: {
id: '01'
},
success: function(data) {
$("#mainItem_01").html(data);
swiperMainA();
},
error: function(xhr, status) {
alert(xhr + " : " + status);
}
});
function swiperMainA() {
new Swiper('.mirageSwiperA', {
slidesPerView: 4.2,
spaceBetween: 20,
freeMode: true
});
}
</script>
<div class="m-auto py-10 flex">
<div class="w-80 flex items-center justify-center flex-col">
<p class="text-3xl baskervville">SOFA</p>
<a href="https://mirage.co.kr/shop/list.php?ca_id=m1" class="mt-4 text-sm border border-black py-1 px-8">Shop Now →</a>
</div>
<div class="relative" style="width:calc(100% - 320px);">
<div class="right-0 bottom-1 w-full z-30 overflow-hidden">
<div class="w-full mainSwiper mirageSwiperB relative">
<ul class="swiper-wrapper" id="mainItem_02">
</ul>
</div>
</div>
</div>
</div>
<script>
$.ajax({
type: "POST",
url: "/skin/mainItem.php",
data: {
id: '02'
},
success: function(data) {
$("#mainItem_02").html(data);
swiperMainB();
},
error: function(xhr, status) {
alert(xhr + " : " + status);
}
});
function swiperMainB() {
new Swiper('.mirageSwiperB', {
slidesPerView: 4.2,
spaceBetween: 20,
freeMode: true
});
}
</script>
<div class="w-full flex my-20" id="pcMainMiddelBanner">
<!-- <div class="w-1/2 overflow-hidden">
<a href="http://chateaudax.co.kr/" target="_blank" class="w-[960px] h-[224px] block float-right" style="background-image:url('/assets/images/main/mainMiddleBanner_04.jpg');"></a>
</div>
<div class="w-1/2 overflow-hidden">
<a href="/shop/list.php?ca_id=8o" class="w-[960px] h-[224px] block float-left" style="background-image:url('/assets/images/main/mainMiddleBanner_03.jpg');"></a>
</div> -->
</div>
<script>
fetchData("/cnb/contentMeta.php?tableNo=19")
.then(responseData => {
var content = "";
var contentCount = 0;
Object.values(responseData).forEach(function(item) {
if (item['image']) {
var target = "";
if (item['linkTarget'] == "_blank") {
target = ` target="_blank" `;
}
content += `
<div class="w-1/2 overflow-hidden">
<a href="${item['linkURL']}" ${target} class="w-[960px] h-[224px] block float-right" style="background-image:url('${item['image']}');"></a>
</div>`;
contentCount = contentCount + 1;
}
})
let x = document.getElementById("pcMainMiddelBanner");
x.innerHTML = content;
if (contentCount > 2) {
console.log("2개 이상?");
}
})
</script>
<div class="m-auto py-10 flex">
<div class="w-80 flex items-center justify-center flex-col">
<p class="text-3xl baskervville">LIVING ROOM</p>
<a href="https://mirage.co.kr/shop/list.php?ca_id=21" class="mt-4 text-sm border border-black py-1 px-8">Shop Now →</a>
</div>
<div class="relative" style="width:calc(100% - 320px);">
<div class="right-0 bottom-1 w-full z-30 overflow-hidden">
<div class="w-full mainSwiper mirageSwiperC relative">
<ul class="swiper-wrapper" id="mainItem_03">
</ul>
</div>
</div>
</div>
</div>
<script>
$.ajax({
type: "POST",
url: "/skin/mainItem.php",
data: {
id: '03'
},
success: function(data) {
$("#mainItem_03").html(data);
swiperMainC();
},
error: function(xhr, status) {
alert(xhr + " : " + status);
}
});
function swiperMainC() {
new Swiper('.mirageSwiperC', {
slidesPerView: 4.2,
spaceBetween: 20,
freeMode: true
});
}
</script>
<div class="m-auto py-10 flex">
<div class="w-80 flex items-center justify-center flex-col">
<p class="text-3xl baskervville">DINING ROOM</p>
<a href="https://mirage.co.kr/shop/list.php?ca_id=n1" class="mt-4 text-sm border border-black py-1 px-8">Shop Now →</a>
</div>
<div class="relative" style="width:calc(100% - 320px);">
<div class="right-0 bottom-1 w-full z-30 overflow-hidden">
<div class="w-full mainSwiper mirageSwiperD relative">
<ul class="swiper-wrapper" id="mainItem_04">
</ul>
<div class="item-pager"></div>
</div>
</div>
</div>
</div>
<script>
$.ajax({
type: "POST",
url: "/skin/mainItem.php",
data: {
id: '04'
},
success: function(data) {
$("#mainItem_04").html(data);
swiperMainD();
},
error: function(xhr, status) {
alert(xhr + " : " + status);
}
});
function swiperMainD() {
new Swiper('.mirageSwiperD', {
slidesPerView: 4.2,
spaceBetween: 20,
freeMode: true
});
}
</script>
<!-- <div class="mt-40 text-white p-12 mb-40" style="background:linear-gradient(to top, white 0px, white 240px, #e8b8c4 240px, #e8b8c4 100%);">
<div class="flex">
<div class="w-full max-w-5xl h-[600px] bg-cover bg-[url('/assets/images/main/mirandakerr_brand_movie_bg.png')] relative group cursor-pointer [&.active]:bg-none [&.active]:cursor-auto" onclick="playMirandaVideo(this)">
<i class="bi bi-caret-right-fill absolute text-8xl w-24 h-24 left-[calc(50%-48px)] top-[calc(50%-48px)] opacity-70 group-hover:opacity-100 group-[&.active]:hidden"></i>
<div id="mirandaVideo"></div>
</div>
<script>
function playMirandaVideo(item) {
$(item).addClass("active");
// var videoElement = document.getElementById("mirandaVideo");
const youtubePlayer = document.getElementById("mirandaVideo");
const iframe = document.createElement("iframe");
iframe.src = "https://www.youtube.com/embed/YXMEsDq0kF4?autoplay=1&mute=1&rel=0";
iframe.width = "1024"; // 원하는 너비로 설정하세요
iframe.height = "576"; // 원하는 높이로 설정하세요
iframe.frameBorder = "0";
iframe.allowFullscreen = true;
youtubePlayer.appendChild(iframe);
}
</script>
<div class="w-full max-w-2xl pl-12 py-20 flex flex-col justify-between">
<div>
<p class="text-4xl mb-4">LOVE. JOY. BLISS.</p>
<p class="text-2xl font-extralight leading-9">Miranda Kerr와 1 년 넘게 비밀리에 작업해온 LOVE. JOY. BLISS. 컬렉션은 세련되고 간결하면서 여성스러운 제품으로 차분한 누드톤, 대리석 및 흰색 팔레트에 금색과 분홍색의 악센트와 팝 컬러가 어우러져 개성 있는 감각을 선사합니다.</p>
</div>
<div>
<a href="https://mirage.co.kr/shop/list.php?ca_id=b5" class="border-2 border-white py-2 px-6 text-lg">SHOP NOW →</a>
</div>
</div>
</div>
<div class="brandSwiperA relative w-full mt-16 overflow-hidden">
<ul class="swiper-wrapper" id="brandItem_01">
</ul>
</div>
<div class="brandSwiperBtn relative -mt-[200px] w-[calc(100%+96px)] z-0 h-11 -ml-12">
<div class="swiper-button-prev text-black leading-10"></div>
<div class="swiper-button-next text-black leading-10"></div>
</div>
</div> -->
<div class="p-12 flex items-stretch">
<div class="w-full block hover:bg-[length:110%] bg-[length:105%] bg-center" style="min-height:814px; background-image:url('/assets/images/img_ceramic_b_920x845.jpg');">
</div>
<div class="w-full overflow-hidden ml-12 flex flex-col justify-between">
<div>
<p class="font-bold text-gray-800 mb-4" style="font-size:40px; line-height:60px;">
세라믹 식탁이 요즘 대세!<br />
미라지가 추천하는 세라믹 식탁 세트
</p>
<p class="font-normal text-gray-800 text-2xl leading-9 mb-16">다이닝룸의 포인트가 되며 관리가 편해 실용성까지 갖춘<br />다양한 세라믹 식탁세트 신상품들을 미라지에서 만나보세요</p>
<a href="https://mirage.co.kr/shop/search.php?qsort=&qorder=&qcaid=&q=ceramic+dining" class=" border-2 border-black py-3 px-4 text-base font-light">SHOP NOW →</a>
</div>
<div class="brandSwiperB relative w-full mt-16">
<ul class="swiper-wrapper" id="brandItem_01">
</ul>
<div class="item-pager"></div>
</div>
</div>
</div>
<div class="p-12 flex items-stretch">
<div class="w-full overflow-hidden mr-12 flex flex-col justify-between">
<div>
<p class="font-bold text-gray-800 mb-4" style="font-size:40px; line-height:60px;">
프리미엄 퀄리티 소파 브랜드<br />
칼라스 이탈리아(CALLAS ITALIA) 입고!
</p>
<p class="font-normal text-gray-800 text-2xl leading-9 mb-16">이탈리아 토스카나의 풍부한 예술적 전통에 뿌리를 둔<br />CALLAS 소파는 아름다움, 균형 및 기능성에 대한 가치를 반영합니다</p>
<a href="https://mirage.co.kr/shop/list.php?ca_id=g319" class=" border-2 border-black py-3 px-4 text-base font-light">SHOP NOW →</a>
</div>
<div class="brandSwiperB relative w-full mt-16">
<ul class="swiper-wrapper" id="brandItem_02">
</ul>
<div class="item-pager"></div>
</div>
</div>
<div class="w-full block hover:bg-[length:110%] bg-[length:105%] bg-center" style="min-height:814px; background-image:url('/assets/images/img_callas_b_920x845.jpg');">
</div>
</div>
<script>
$.ajax({
type: "POST",
url: "/skin/brandItem.php",
data: {
id: '06'
},
success: function(data) {
$("#brandItem_01").html(data);
brandSwiperA();
},
error: function(xhr, status) {
alert(xhr + " : " + status);
}
});
$.ajax({
type: "POST",
url: "/skin/brandItem.php",
data: {
id: '05'
},
success: function(data) {
$("#brandItem_02").html(data);
brandSwiperB();
},
error: function(xhr, status) {
alert(xhr + " : " + status);
}
});
function brandSwiperA() {
new Swiper('.brandSwiperA', {
slidesPerView: 5,
spaceBetween: 25,
freeMode: true,
navigation: {
nextEl: '.brandSwiperBtn .swiper-button-next',
prevEl: '.brandSwiperBtn .swiper-button-prev',
},
});
}
function brandSwiperB() {
new Swiper('.brandSwiperB', {
slidesPerView: 2.2,
spaceBetween: 20,
freeMode: true
});
}
</script>
<style>
.onTvItem .onTvVisual {
width: 480px;
opacity: 0.25;
}
.swiper-slide-active.onTvItem .onTvVisual {
width: 550px;
opacity: 1;
}
.swiper-slide-active.onTvItem .onTvContent {
display: block;
}
.swiper-slide-prev {
flex-direction: row-reverse;
}
.mirageOnTvSwiper .swiper-button-prev {
left: calc(50% - 600px);
}
.mirageOnTvSwiper .swiper-button-next {
right: calc(50% - 600px);
}
.mirageOnTvSwiper .swiper-pagination {
bottom: 0;
}
.mirageOnTvSwiper .swiper-pagination-bullet-active {
background: #000;
}
.mirageOnTvSwiper .swiper-pagination-bullet {
width: 10px;
height: 10px;
}
</style>
<div class="py-32 pb-20 mb-40" style="background:#eae9e5;">
<a href="/bbs/board.php?bo_table=mirageTV"><img src="/assets/images/mirageOnTv_title.png" class="m-auto mb-20"></a>
<div class="mirageOnTvSwiper relative pb-16 overflow-hidden">
<div class="swiper-wrapper">
<div class="flex bg-white m-auto swiper-slide w-[1100px] onTvItem">
<a href='https://mirage.co.kr/bbs/board.php?bo_table=mirageTV&wr_id=183'><img src='https://mirage.co.kr/data/file/mirageTV/2105850607_RPAdUNYJ_pc-banner_550X800.jpg' class='onTvVisual'></a> <div class="p-12 pb-0 onTvContent">
<p class="leading-8 text-[28px] font-semibold mb-20">
SBS 금토드라마 <7인의 부활><!--span class="text-2xl font-normal ml-3">넷플릭스 시리즈</span-->
</p>
<ul>
<li class="mb-4">
<div class="w-full h-40 overflow-hidden flex">
<a href="https://mirage.co.kr/shop/item.php?it_id=1218000627">
<img src="https://mirage.co.kr/data/item/1218000627/thumb-850_160x160.jpg" width="160" height="160" alt=""> </a>
<div class="sct_desc pl-6 flex flex-col justify-end">
<div class="font-normal text-base text-ellipsis whitespace-nowrap leading-6 overflow-hidden mb-2">
<a href="https://mirage.co.kr/shop/item.php?it_id=1218000627" class="sct_a">
<b>B1301-BRM</b>Poster Bed (침대+협탁+화장대) </a>
</div>
<div class="sct_cost">
<span class="vprice text-lg tracking-tight font-medium">3,450,000원</span>
<span class="cprice text-sm text-gray-600 font-light line-through tracking-tight ml-1">6,500,000원</span>
</div>
</div>
</div>
</li>
<li class="mb-4">
<div class="w-full h-40 overflow-hidden flex">
<a href="https://mirage.co.kr/shop/item.php?it_id=1566807331">
<img src="https://mirage.co.kr/data/item/1566807331/thumb-700_160x160.jpg" width="160" height="160" alt=""> </a>
<div class="sct_desc pl-6 flex flex-col justify-end">
<div class="font-normal text-base text-ellipsis whitespace-nowrap leading-6 overflow-hidden mb-2">
<a href="https://mirage.co.kr/shop/item.php?it_id=1566807331" class="sct_a">
<b>Nina Magon 941F811</b>Side Table </a>
</div>
<div class="sct_cost">
<span class="vprice text-lg tracking-tight font-medium">1,450,000원</span>
<span class="cprice text-sm text-gray-600 font-light line-through tracking-tight ml-1">2,150,000원</span>
</div>
</div>
</div>
</li>
<li class="mb-4">
<div class="w-full h-40 overflow-hidden flex">
<a href="https://mirage.co.kr/shop/item.php?it_id=1623831849">
<img src="https://mirage.co.kr/data/item/1623831849/thumb-850_160x160.jpg" width="160" height="160" alt=""> </a>
<div class="sct_desc pl-6 flex flex-col justify-end">
<div class="font-normal text-base text-ellipsis whitespace-nowrap leading-6 overflow-hidden mb-2">
<a href="https://mirage.co.kr/shop/item.php?it_id=1623831849" class="sct_a">
<b>North Side 269422</b>Console Cabinet </a>
</div>
<div class="sct_cost">
<span class="vprice text-lg tracking-tight font-medium">2,490,000원</span>
<span class="cprice text-sm text-gray-600 font-light line-through tracking-tight ml-1">4,980,000원</span>
</div>
</div>
</div>
</li>
</ul>
</div>
</div>
<div class="flex bg-white m-auto swiper-slide w-[1100px] onTvItem">
<a href='https://mirage.co.kr/bbs/board.php?bo_table=mirageTV&wr_id=182'><img src='https://mirage.co.kr/data/file/mirageTV/2105850607_N32vwDmg_pc-banner_550X800.jpg' class='onTvVisual'></a> <div class="p-12 pb-0 onTvContent">
<p class="leading-8 text-[28px] font-semibold mb-20">
KBS2 월화드라마 <멱살 한번 잡힙시다><!--span class="text-2xl font-normal ml-3">넷플릭스 시리즈</span-->
</p>
<ul>
<li class="mb-4">
<div class="w-full h-40 overflow-hidden flex">
<a href="https://mirage.co.kr/shop/item.php?it_id=1643329543">
<img src="https://mirage.co.kr/data/item/1643329543/thumb-850_160x160.jpg" width="160" height="160" alt=""> </a>
<div class="sct_desc pl-6 flex flex-col justify-end">
<div class="font-normal text-base text-ellipsis whitespace-nowrap leading-6 overflow-hidden mb-2">
<a href="https://mirage.co.kr/shop/item.php?it_id=1643329543" class="sct_a">
<b>Nina Magon 941230BW</b>Wall Panel Bed </a>
</div>
<div class="sct_cost">
<span class="vprice text-lg tracking-tight font-medium">8,950,000원</span>
<span class="cprice text-sm text-gray-600 font-light line-through tracking-tight ml-1">14,500,000원</span>
</div>
</div>
</div>
</li>
<li class="mb-4">
<div class="w-full h-40 overflow-hidden flex">
<a href="https://mirage.co.kr/shop/item.php?it_id=1566805362">
<img src="https://mirage.co.kr/data/item/1566805362/thumb-850_160x160.jpg" width="160" height="160" alt=""> </a>
<div class="sct_desc pl-6 flex flex-col justify-end">
<div class="font-normal text-base text-ellipsis whitespace-nowrap leading-6 overflow-hidden mb-2">
<a href="https://mirage.co.kr/shop/item.php?it_id=1566805362" class="sct_a">
<b>Nina Magon 941380</b> Accent Bench </a>
</div>
<div class="sct_cost">
<span class="vprice text-lg tracking-tight font-medium">1,450,000원</span>
<span class="cprice text-sm text-gray-600 font-light line-through tracking-tight ml-1">2,650,000원</span>
</div>
</div>
</div>
</li>
<li class="mb-4">
<div class="w-full h-40 overflow-hidden flex">
<a href="https://mirage.co.kr/shop/item.php?it_id=1575361805">
<img src="https://mirage.co.kr/data/item/1575361805/thumb-850_160x160.jpg" width="160" height="160" alt=""> </a>
<div class="sct_desc pl-6 flex flex-col justify-end">
<div class="font-normal text-base text-ellipsis whitespace-nowrap leading-6 overflow-hidden mb-2">
<a href="https://mirage.co.kr/shop/item.php?it_id=1575361805" class="sct_a">
<b>36589</b>Console Cabinet </a>
</div>
<div class="sct_cost">
<span class="vprice text-lg tracking-tight font-medium">1,990,000원</span>
<span class="cprice text-sm text-gray-600 font-light line-through tracking-tight ml-1">2,950,000원</span>
</div>
</div>
</div>
</li>
</ul>
</div>
</div>
<div class="flex bg-white m-auto swiper-slide w-[1100px] onTvItem">
<a href='https://mirage.co.kr/bbs/board.php?bo_table=mirageTV&wr_id=181'><img src='https://mirage.co.kr/data/file/mirageTV/2105850607_m7AeaxIo_pc-banner_550X800.jpg' class='onTvVisual'></a> <div class="p-12 pb-0 onTvContent">
<p class="leading-8 text-[28px] font-semibold mb-20">
MBC 일일드라마 <세 번째 결혼><!--span class="text-2xl font-normal ml-3">넷플릭스 시리즈</span-->
</p>
<ul>
<li class="mb-4">
<div class="w-full h-40 overflow-hidden flex">
<a href="https://mirage.co.kr/shop/item.php?it_id=1684992571">
<img src="https://mirage.co.kr/data/item/1684992571/thumb-850_160x160.jpg" width="160" height="160" alt=""> </a>
<div class="sct_desc pl-6 flex flex-col justify-end">
<div class="font-normal text-base text-ellipsis whitespace-nowrap leading-6 overflow-hidden mb-2">
<a href="https://mirage.co.kr/shop/item.php?it_id=1684992571" class="sct_a">
<b>B5611-WHT</b> Panel Bed (침대+협탁+화장대) </a>
</div>
<div class="sct_cost">
<span class="vprice text-lg tracking-tight font-medium">2,450,000원</span>
<span class="cprice text-sm text-gray-600 font-light line-through tracking-tight ml-1">3,950,000원</span>
</div>
</div>
</div>
</li>
</ul>
</div>
</div>
<div class="flex bg-white m-auto swiper-slide w-[1100px] onTvItem">
<a href='https://mirage.co.kr/bbs/board.php?bo_table=mirageTV&wr_id=180'><img src='https://mirage.co.kr/data/file/mirageTV/2105850607_HIoD7mPa_pc-banner_550X800.jpg' class='onTvVisual'></a> <div class="p-12 pb-0 onTvContent">
<p class="leading-8 text-[28px] font-semibold mb-20">
JTBC 수목드라마 <끝내주는 해결사><!--span class="text-2xl font-normal ml-3">넷플릭스 시리즈</span-->
</p>
<ul>
<li class="mb-4">
<div class="w-full h-40 overflow-hidden flex">
<a href="https://mirage.co.kr/shop/item.php?it_id=1554709792">
<img src="https://mirage.co.kr/data/item/1554709792/thumb-850_160x160.jpg" width="160" height="160" alt=""> </a>
<div class="sct_desc pl-6 flex flex-col justify-end">
<div class="font-normal text-base text-ellipsis whitespace-nowrap leading-6 overflow-hidden mb-2">
<a href="https://mirage.co.kr/shop/item.php?it_id=1554709792" class="sct_a">
<b>Tamarack-BLK-NS</b>Nightstand </a>
</div>
<div class="sct_cost">
<span class="vprice text-lg tracking-tight font-medium">350,000원</span>
<span class="cprice text-sm text-gray-600 font-light line-through tracking-tight ml-1">600,000원</span>
</div>
</div>
</div>
</li>
<li class="mb-4">
<div class="w-full h-40 overflow-hidden flex">
<a href="https://mirage.co.kr/shop/item.php?it_id=1485397368">
<img src="https://mirage.co.kr/data/item/1485397368/thumb-850_160x160.jpg" width="160" height="160" alt=""> </a>
<div class="sct_desc pl-6 flex flex-col justify-end">
<div class="font-normal text-base text-ellipsis whitespace-nowrap leading-6 overflow-hidden mb-2">
<a href="https://mirage.co.kr/shop/item.php?it_id=1485397368" class="sct_a">
<b>Tamarack-Black-8D</b>Drawer Dresser </a>
</div>
<div class="sct_cost">
<span class="vprice text-lg tracking-tight font-medium">290,000원</span>
<span class="cprice text-sm text-gray-600 font-light line-through tracking-tight ml-1">1,250,000원</span>
</div>
</div>
</div>
</li>
</ul>
</div>
</div>
<div class="flex bg-white m-auto swiper-slide w-[1100px] onTvItem">
<a href='https://mirage.co.kr/bbs/board.php?bo_table=mirageTV&wr_id=179'><img src='https://mirage.co.kr/data/file/mirageTV/2105850607_daFk2VS6_pc-banner_550X800.jpg' class='onTvVisual'></a> <div class="p-12 pb-0 onTvContent">
<p class="leading-8 text-[28px] font-semibold mb-20">
TV조선 토일드라마 <나의 해피엔드><!--span class="text-2xl font-normal ml-3">넷플릭스 시리즈</span-->
</p>
<ul>
<li class="mb-4">
<div class="w-full h-40 overflow-hidden flex">
<a href="https://mirage.co.kr/shop/item.php?it_id=1566807331">
<img src="https://mirage.co.kr/data/item/1566807331/thumb-700_160x160.jpg" width="160" height="160" alt=""> </a>
<div class="sct_desc pl-6 flex flex-col justify-end">
<div class="font-normal text-base text-ellipsis whitespace-nowrap leading-6 overflow-hidden mb-2">
<a href="https://mirage.co.kr/shop/item.php?it_id=1566807331" class="sct_a">
<b>Nina Magon 941F811</b>Side Table </a>
</div>
<div class="sct_cost">
<span class="vprice text-lg tracking-tight font-medium">1,450,000원</span>
<span class="cprice text-sm text-gray-600 font-light line-through tracking-tight ml-1">2,150,000원</span>
</div>
</div>
</div>
</li>
<li class="mb-4">
<div class="w-full h-40 overflow-hidden flex">
<a href="https://mirage.co.kr/shop/item.php?it_id=1549608055">
<img src="https://mirage.co.kr/data/item/1549608055/thumb-1707360926_878_850_160x160.jpg" width="160" height="160" alt=""> </a>
<div class="sct_desc pl-6 flex flex-col justify-end">
<div class="font-normal text-base text-ellipsis whitespace-nowrap leading-6 overflow-hidden mb-2">
<a href="https://mirage.co.kr/shop/item.php?it_id=1549608055" class="sct_a">
<b>22576</b>Console Cabinet </a>
</div>
<div class="sct_cost">
<span class="vprice text-lg tracking-tight font-medium">990,000원</span>
<span class="cprice text-sm text-gray-600 font-light line-through tracking-tight ml-1">1,750,000원</span>
</div>
</div>
</div>
</li>
<li class="mb-4">
<div class="w-full h-40 overflow-hidden flex">
<a href="https://mirage.co.kr/shop/item.php?it_id=1567502122">
<img src="https://mirage.co.kr/data/item/1567502122/thumb-1693443672_3964_850_160x160.jpg" width="160" height="160" alt=""> </a>
<div class="sct_desc pl-6 flex flex-col justify-end">
<div class="font-normal text-base text-ellipsis whitespace-nowrap leading-6 overflow-hidden mb-2">
<a href="https://mirage.co.kr/shop/item.php?it_id=1567502122" class="sct_a">
<b>10046-Toffee-S</b> Leather Sofa </a>
</div>
<div class="sct_cost">
<span class="vprice text-lg tracking-tight font-medium">1,950,000원</span>
<span class="cprice text-sm text-gray-600 font-light line-through tracking-tight ml-1">2,950,000원</span>
</div>
</div>
</div>
</li>
</ul>
</div>
</div>
</div>
<!-- If we need pagination -->
<div class="swiper-pagination"></div>
<!-- If we need navigation buttons -->
<div class="swiper-button-prev" style="color:#373737"></div>
<div class="swiper-button-next" style="color:#373737"></div>
</div>
</div>
<script>
mirageOnTvSwiper();
function mirageOnTvSwiper() {
new Swiper('.mirageOnTvSwiper', {
slidesPerView: "auto",
centeredSlides: true,
spaceBetween: 70,
loop: true,
// If we need pagination
pagination: {
el: '.swiper-pagination',
},
// Navigation arrows
navigation: {
nextEl: '.swiper-button-next',
prevEl: '.swiper-button-prev',
},
});
}
</script>
<div class="p-12 flex">
<div class="h-80 flex flex-col justify-between" style="width:400px;">
<img src="/assets/images/mainSnsTitle.png" style="width:360px">
<div>
<a href="/bbs/board.php?bo_table=all3" class="border-2 border-black py-3 px-4 text-base font-light">FOLLOW US →</a>
</div>
</div>
<div class="mirageSnsSwiper p-4 px-6 relative overflow-hidden" style="width:calc(100% - 400px);">
<div class="swiper-wrapper">
<div class="swiper-slide overflow-hidden flex items-center justify-center" style="width:300px; height:300px;">
<a href="https://mirage.co.kr/bbs/board.php?bo_table=all3&wr_id=135" class="h-full block hover:bg-[length:110%] bg-center relative" style="width:300px; background-image:url(https://mirage.co.kr/data/file/all3/thumb-2105850607_YLWCT1MS_1_300x300.jpg)">
<i class="bi bi-instagram absolute text-white text-2xl right-3 top-3"></i>
</a>
</div>
<div class="swiper-slide overflow-hidden flex items-center justify-center" style="width:300px; height:300px;">
<a href="https://mirage.co.kr/bbs/board.php?bo_table=all3&wr_id=112" class="h-full block hover:bg-[length:110%] bg-center relative" style="width:300px; background-image:url(https://mirage.co.kr/data/file/all3/thumb-3717856177_m0kOMbeq_thumb-3717856177_PsQawVNu_luvyoanna_1_943x707_300x300.jpg)">
<i class="bi bi-instagram absolute text-white text-2xl right-3 top-3"></i>
</a>
</div>
<div class="swiper-slide overflow-hidden flex items-center justify-center" style="width:300px; height:300px;">
<a href="https://mirage.co.kr/bbs/board.php?bo_table=all3&wr_id=111" class="h-full block hover:bg-[length:110%] bg-center relative" style="width:300px; background-image:url(https://mirage.co.kr/data/file/all3/thumb-3717856177_7XtdU2Qu_01_300x300.jpg)">
<i class="bi bi-instagram absolute text-white text-2xl right-3 top-3"></i>
</a>
</div>
<div class="swiper-slide overflow-hidden flex items-center justify-center" style="width:300px; height:300px;">
<a href="https://mirage.co.kr/bbs/board.php?bo_table=all3&wr_id=124" class="h-full block hover:bg-[length:110%] bg-center relative" style="width:300px; background-image:url(https://mirage.co.kr/data/file/all3/thumb-2105850607_c4w3fHTn_1_300x300.jpg)">
<i class="bi bi-instagram absolute text-white text-2xl right-3 top-3"></i>
</a>
</div>
<div class="swiper-slide overflow-hidden flex items-center justify-center" style="width:300px; height:300px;">
<a href="https://mirage.co.kr/bbs/board.php?bo_table=all3&wr_id=114" class="h-full block hover:bg-[length:110%] bg-center relative" style="width:300px; background-image:url(https://mirage.co.kr/data/file/all3/thumb-3717856177_XnV7jHeP_01_300x300.jpg)">
<i class="bi bi-instagram absolute text-white text-2xl right-3 top-3"></i>
</a>
</div>
<div class="swiper-slide overflow-hidden flex items-center justify-center" style="width:300px; height:300px;">
<a href="https://mirage.co.kr/bbs/board.php?bo_table=all3&wr_id=113" class="h-full block hover:bg-[length:110%] bg-center relative" style="width:300px; background-image:url(https://mirage.co.kr/data/file/all3/thumb-3717856177_BEQIWn25_thumb-3717856177_yvLjwW6V_265075535_943614629579804_2883348359948780988_n_943x707_300x300.jpg)">
<i class="bi bi-instagram absolute text-white text-2xl right-3 top-3"></i>
</a>
</div>
<div class="swiper-slide overflow-hidden flex items-center justify-center" style="width:300px; height:300px;">
<a href="https://mirage.co.kr/bbs/board.php?bo_table=all3&wr_id=93" class="h-full block hover:bg-[length:110%] bg-center relative" style="width:300px; background-image:url(https://mirage.co.kr/data/file/all3/thumb-3717856177_W6dL2F9Q_w05_300x300.jpg)">
<i class="bi bi-instagram absolute text-white text-2xl right-3 top-3"></i>
</a>
</div>
<div class="swiper-slide overflow-hidden flex items-center justify-center" style="width:300px; height:300px;">
<a href="https://mirage.co.kr/bbs/board.php?bo_table=all3&wr_id=92" class="h-full block hover:bg-[length:110%] bg-center relative" style="width:300px; background-image:url(https://mirage.co.kr/data/file/all3/thumb-3717856177_qD1LjlPG_w06_300x300.jpg)">
<i class="bi bi-instagram absolute text-white text-2xl right-3 top-3"></i>
</a>
</div>
</div>
<!-- If we need navigation buttons -->
<div class="swiper-button-prev sns-button-prev" style="color:#373737; left:0;"></div>
<div class="swiper-button-next sns-button-next" style="color:#373737; right:0;"></div>
</div>
</div>
<script>
mirageSnsSwiper();
function mirageSnsSwiper() {
new Swiper('.mirageSnsSwiper', {
slidesPerView: 4,
loop: true,
spaceBetween: 20,
// Navigation arrows
navigation: {
nextEl: '.sns-button-next',
prevEl: '.sns-button-prev',
},
});
}
</script>
<div style="background:#f2face;" class="p-16 text-center">
<div class="mb-16 relative">
<img src="/assets/images/mainReviewTitle.png" class="m-auto">
<div class="absolute right-0 bottom-0 flex items-center justify-center text-sm">
<img src="/assets/images/main/photoReviewIcon.png" class="mr-2">
<a href="/bbs/board.php?bo_table=all2">PHOTO REVIEW | 25,128 <i class="bi bi-arrow-right ml-2"></i></a>
</div>
</div>
<div class="mirageReveiwSwiper overflow-hidden">
<div class="swiper-wrapper">
<div class="swiper-slide group">
<div class="text-white w-80 h-80 relative overflow-hidden group">
<a href="https://mirage.co.kr/bbs/board.php?bo_table=all2&wr_id=65892" class="block w-full h-full"></a>
<div class="absolute top-0 left-0 -z-20 w-80 h-80">
<img alt="" src="https://mirage.co.kr/data/file/all2/thumb-3717856177_iEID9otY_ECA09CEBAAA9-EC9786EC9D8C-2_500x500.jpg"> </div>
<div class="flex-col justify-center items-center text-center absolute top-0 left-0 -z-10 w-full h-full bg-black bg-opacity-50 hidden group-hover:flex p-12 text-base">
<p class="leading-6 h-24 overflow-hidden">언제나 믿고 쓰는 #미라지퍼니쳐
@vivians_home7 님의 분위기 있는 다이닝 공간 속
661W-CD Whitney-6D Extension Dining Set!</p>
</div>
</div>
</div>
<div class="swiper-slide group">
<div class="text-white w-80 h-80 relative overflow-hidden group">
<a href="https://mirage.co.kr/bbs/board.php?bo_table=all2&wr_id=63115" class="block w-full h-full"></a>
<div class="absolute top-0 left-0 -z-20 w-80 h-80">
<img alt="" src="https://mirage.co.kr/data/file/all2/thumb-3717856177_D8P57sol_u3439-20-091_s_500x500.jpg"> </div>
<div class="flex-col justify-center items-center text-center absolute top-0 left-0 -z-10 w-full h-full bg-black bg-opacity-50 hidden group-hover:flex p-12 text-base">
<p class="leading-6 h-24 overflow-hidden">지난번보다 더 근사한 거실로 꾸며주신 vivians_home7의 감각을 칭찬합니다~~~ ٩(๑>∀<๑)۶
@vivians_home7</p>
</div>
</div>
</div>
<div class="swiper-slide group">
<div class="text-white w-80 h-80 relative overflow-hidden group">
<a href="https://mirage.co.kr/bbs/board.php?bo_table=all2&wr_id=65599" class="block w-full h-full"></a>
<div class="absolute top-0 left-0 -z-20 w-80 h-80">
<img alt="" src="https://mirage.co.kr/data/file/all2/thumb-3717856177_QdzgjRVW_328017561_719059589834989_6319154994452516169_n_500x500.jpg"> </div>
<div class="flex-col justify-center items-center text-center absolute top-0 left-0 -z-10 w-full h-full bg-black bg-opacity-50 hidden group-hover:flex p-12 text-base">
<p class="leading-6 h-24 overflow-hidden">실내건축, 인테리어 업체 위드디자인이 설계한 공간에 잘 어울리는 Miranda Kerr 956658-6D Extension Dining Set!
@wid_design</p>
</div>
</div>
</div>
<div class="swiper-slide group">
<div class="text-white w-80 h-80 relative overflow-hidden group">
<a href="https://mirage.co.kr/bbs/board.php?bo_table=all2&wr_id=66405" class="block w-full h-full"></a>
<div class="absolute top-0 left-0 -z-20 w-80 h-80">
<img alt="" src="https://mirage.co.kr/data/file/all2/thumb-2106019457_xVaFNz6p_20230820_123658_500x500.jpg"> </div>
<div class="flex-col justify-center items-center text-center absolute top-0 left-0 -z-10 w-full h-full bg-black bg-opacity-50 hidden group-hover:flex p-12 text-base">
<p class="leading-6 h-24 overflow-hidden">울집 빈 수납공간에 딱 맞는 사이즈의 그릇장 발견
예상보다 빨리 배송받아 더 기분 좋았구..
빈티지 색감이 너무 맘에 들었는데 실제로 보니 더 더 맘에 쏘옥~~ㅎ 빈티지 그릇 덕후인 내겐 더할나위 없이 맘는 디자인에 색감!!!
오래오래 봐도 질리지 않을것 같은 예쁜아이</p>
</div>
</div>
</div>
<div class="swiper-slide group">
<div class="text-white w-80 h-80 relative overflow-hidden group">
<a href="https://mirage.co.kr/bbs/board.php?bo_table=all2&wr_id=63330" class="block w-full h-full"></a>
<div class="absolute top-0 left-0 -z-20 w-80 h-80">
<img alt="" src="https://mirage.co.kr/data/file/all2/thumb-3717856177_6SILejXu_mirage_cheonan_273637271_660853264965338_8411272998448428604_n_500x500.jpg"> </div>
<div class="flex-col justify-center items-center text-center absolute top-0 left-0 -z-10 w-full h-full bg-black bg-opacity-50 hidden group-hover:flex p-12 text-base">
<p class="leading-6 h-24 overflow-hidden">미라지가구와 함께 입주 했어요 :-)
똑같은 소파, 똑같은 화이트 인테리어는 하기 싫더라구요.
그래서 알아본 미라지가구는 제가 원했던 스타일로 꾸미기 충분했어요 :-)
고급스러워서 사람들이 다들 호텔에 온 것 같은 느낌이라고 하더라구요.
30평대 아파트라도 큰 가구가 들어와도 절대 좁아보이지 않고 오히려 공간을 더 넒게 쓸수 있고
집이 더 환해보이고 넓어보여요 :-)
패브릭 소파는 개구쟁이 아들 둘 키우지만 쉽게 물로 닦아 낼수 있는 소재라
안심하고 써요 :-)
천안점에서 구입 했습니다</p>
</div>
</div>
</div>
<div class="swiper-slide group">
<div class="text-white w-80 h-80 relative overflow-hidden group">
<a href="https://mirage.co.kr/bbs/board.php?bo_table=all2&wr_id=66357" class="block w-full h-full"></a>
<div class="absolute top-0 left-0 -z-20 w-80 h-80">
<img alt="" src="https://mirage.co.kr/data/file/all2/thumb-2105850607_fXw4ZPNY_Chateau-dAx-5_500x500.jpg"> </div>
<div class="flex-col justify-center items-center text-center absolute top-0 left-0 -z-10 w-full h-full bg-black bg-opacity-50 hidden group-hover:flex p-12 text-base">
<p class="leading-6 h-24 overflow-hidden">CHATEAU D'AX Lambert 38A1 Single Chair 입니다.</p>
</div>
</div>
</div>
<div class="swiper-slide group">
<div class="text-white w-80 h-80 relative overflow-hidden group">
<a href="https://mirage.co.kr/bbs/board.php?bo_table=all2&wr_id=65983" class="block w-full h-full"></a>
<div class="absolute top-0 left-0 -z-20 w-80 h-80">
<img alt="" src="https://mirage.co.kr/data/file/all2/thumb-3731922799_OvxBbX6N_1692434854874_500x500.jpg"> </div>
<div class="flex-col justify-center items-center text-center absolute top-0 left-0 -z-10 w-full h-full bg-black bg-opacity-50 hidden group-hover:flex p-12 text-base">
<p class="leading-6 h-24 overflow-hidden">제가 블랙을 넘 좋아해서
거실도 다이닝룸도 모두 블랙으로 골랐는데
침실까지 까망을 놓을 수 있게되어 기쁩니다.
미라지 침대 대만족이에요</p>
</div>
</div>
</div>
<div class="swiper-slide group">
<div class="text-white w-80 h-80 relative overflow-hidden group">
<a href="https://mirage.co.kr/bbs/board.php?bo_table=all2&wr_id=65234" class="block w-full h-full"></a>
<div class="absolute top-0 left-0 -z-20 w-80 h-80">
<img alt="" src="https://mirage.co.kr/data/file/all2/thumb-3717856177_JnGHsNPf_0101_500x500.jpg"> </div>
<div class="flex-col justify-center items-center text-center absolute top-0 left-0 -z-10 w-full h-full bg-black bg-opacity-50 hidden group-hover:flex p-12 text-base">
<p class="leading-6 h-24 overflow-hidden">블루 스트라이프 패턴이 너무 예쁜 침대에요. 이사하면서 침대와 협탁, 드레서까지 함께 구매했는데 너무 만족스럽습니다.</p>
</div>
</div>
</div>
<div class="swiper-slide group">
<div class="text-white w-80 h-80 relative overflow-hidden group">
<a href="https://mirage.co.kr/bbs/board.php?bo_table=all2&wr_id=64953" class="block w-full h-full"></a>
<div class="absolute top-0 left-0 -z-20 w-80 h-80">
<img alt="" src="https://mirage.co.kr/data/file/all2/thumb-3717856177_ZyWAOv3V_306211272_1071004733806121_699709392848600749_n_500x500.jpg"> </div>
<div class="flex-col justify-center items-center text-center absolute top-0 left-0 -z-10 w-full h-full bg-black bg-opacity-50 hidden group-hover:flex p-12 text-base">
<p class="leading-6 h-24 overflow-hidden">@luvyoanna 님의 인스타그램 후기입니다.</p>
</div>
</div>
</div>
<div class="swiper-slide group">
<div class="text-white w-80 h-80 relative overflow-hidden group">
<a href="https://mirage.co.kr/bbs/board.php?bo_table=all2&wr_id=63418" class="block w-full h-full"></a>
<div class="absolute top-0 left-0 -z-20 w-80 h-80">
<img alt="" src="https://mirage.co.kr/data/file/all2/thumb-3717856177_JBFv8SQ5_thumb-1949098652_Nxir4pRo_20220223_121449_943x943_500x500.jpg"> </div>
<div class="flex-col justify-center items-center text-center absolute top-0 left-0 -z-10 w-full h-full bg-black bg-opacity-50 hidden group-hover:flex p-12 text-base">
<p class="leading-6 h-24 overflow-hidden">인터넷으로 보고 일산 매장 방문해서 구입했어요
유럽풍으로 3인,2인,1인 조합 하고 싶었고, 저희집 평수 35평에 너무 꽉 차 보일까봐 걱정했지만 아늑하니 너무 예쁩니다
쇼파테이블 또한 쇼파 포인트 엔틱금장 찡이랑 같은 컬러여서 잘 어울리구요
테이블 또한 고급져요~
쇼파 쿠션감도 좋고 무지 편합니다
굿 초이스!</p>
</div>
</div>
</div>
<div class="swiper-slide group">
<div class="text-white w-80 h-80 relative overflow-hidden group">
<a href="https://mirage.co.kr/bbs/board.php?bo_table=all2&wr_id=62668" class="block w-full h-full"></a>
<div class="absolute top-0 left-0 -z-20 w-80 h-80">
<img alt="" src="https://mirage.co.kr/data/file/all2/thumb-3717856177_rwsGjzRn_gatsby39_s_500x500.jpg"> </div>
<div class="flex-col justify-center items-center text-center absolute top-0 left-0 -z-10 w-full h-full bg-black bg-opacity-50 hidden group-hover:flex p-12 text-base">
<p class="leading-6 h-24 overflow-hidden">살고 있는집 인테리어후 공간에 와미프가 선택한 겟츠비콘솔 입니다
설치후 완전 만족~ 예쁘요</p>
</div>
</div>
</div>
<div class="swiper-slide group">
<div class="text-white w-80 h-80 relative overflow-hidden group">
<a href="https://mirage.co.kr/bbs/board.php?bo_table=all2&wr_id=62895" class="block w-full h-full"></a>
<div class="absolute top-0 left-0 -z-20 w-80 h-80">
<img alt="" src="https://mirage.co.kr/data/file/all2/thumb-3717856177_Cj9cqvRS_7491-ivory_s_500x500.jpg"> </div>
<div class="flex-col justify-center items-center text-center absolute top-0 left-0 -z-10 w-full h-full bg-black bg-opacity-50 hidden group-hover:flex p-12 text-base">
<p class="leading-6 h-24 overflow-hidden">굿초이스</p>
</div>
</div>
</div>
<div class="swiper-slide group">
<div class="text-white w-80 h-80 relative overflow-hidden group">
<a href="https://mirage.co.kr/bbs/board.php?bo_table=all2&wr_id=61961" class="block w-full h-full"></a>
<div class="absolute top-0 left-0 -z-20 w-80 h-80">
<img alt="" src="https://mirage.co.kr/data/file/all2/thumb-3717856177_H0Yf6GsI_10046_toffee_sofa_s_500x500.jpg"> </div>
<div class="flex-col justify-center items-center text-center absolute top-0 left-0 -z-10 w-full h-full bg-black bg-opacity-50 hidden group-hover:flex p-12 text-base">
<p class="leading-6 h-24 overflow-hidden">새로 이전한 사무실에 미라지 소파와 테이블 구매하였는데요-
맘에 드는 색상에 가죽 소재가 너무 마음에 듭니다^^
좋은 가격에 구매했습니다. 잘 쓰겠습니다~~</p>
</div>
</div>
</div>
<div class="swiper-slide group">
<div class="text-white w-80 h-80 relative overflow-hidden group">
<a href="https://mirage.co.kr/bbs/board.php?bo_table=all2&wr_id=62106" class="block w-full h-full"></a>
<div class="absolute top-0 left-0 -z-20 w-80 h-80">
<img alt="" src="https://mirage.co.kr/data/file/all2/thumb-3717856177_QXdAyb9q_mirage_cheonan_223560202_3058713617692139_6001796645431462614_n_500x500.jpg"> </div>
<div class="flex-col justify-center items-center text-center absolute top-0 left-0 -z-10 w-full h-full bg-black bg-opacity-50 hidden group-hover:flex p-12 text-base">
<p class="leading-6 h-24 overflow-hidden">비비안세븐(@vivians_home7)의 리뷰입니다.</p>
</div>
</div>
</div>
<div class="swiper-slide group">
<div class="text-white w-80 h-80 relative overflow-hidden group">
<a href="https://mirage.co.kr/bbs/board.php?bo_table=all2&wr_id=66174" class="block w-full h-full"></a>
<div class="absolute top-0 left-0 -z-20 w-80 h-80">
<img alt="" src="https://mirage.co.kr/data/file/all2/thumb-3745424328_fOU3v2Dx_IMG_6376_500x500.jpg"> </div>
<div class="flex-col justify-center items-center text-center absolute top-0 left-0 -z-10 w-full h-full bg-black bg-opacity-50 hidden group-hover:flex p-12 text-base">
<p class="leading-6 h-24 overflow-hidden">긴 기다림끝에 약 2개월만에 배송이됐습니다. 식탁 견고하고 이쁘네요</p>
</div>
</div>
</div>
<div class="swiper-slide group">
<div class="text-white w-80 h-80 relative overflow-hidden group">
<a href="https://mirage.co.kr/bbs/board.php?bo_table=all2&wr_id=66172" class="block w-full h-full"></a>
<div class="absolute top-0 left-0 -z-20 w-80 h-80">
<img alt="" src="https://mirage.co.kr/data/file/all2/thumb-1995119532_fx4uYMUn_SNOW_20231021_133804_653_500x500.jpg"> </div>
<div class="flex-col justify-center items-center text-center absolute top-0 left-0 -z-10 w-full h-full bg-black bg-opacity-50 hidden group-hover:flex p-12 text-base">
<p class="leading-6 h-24 overflow-hidden">새로 입주하는 아파트 가구 준비로 고민이 많았는데 미라지 천안점 방문하고 캐노피 침대에 반해 침실가구를 먼저 계약하고 쇼파.식탁.콘솔.책장 까지 모두 미라지로 선택했어요.
실장님이 여러번 방문에도 친절하게 어울리는 가구로 잘 추천해 주셔서 예쁜집으로 꾸미게 되었어요~~
가구도 튼튼하고 너무 예뻐요~</p>
</div>
</div>
</div>
</div>
</div>
</div>
<script>
mirageReveiwSwiper();
function mirageReveiwSwiper() {
new Swiper('.mirageReveiwSwiper', {
slidesPerView: 4.8,
spaceBetween: 20,
freeMode: true,
loop: true,
// Navigation arrows
navigation: {
nextEl: '.mirageReveiwSwiper .swiper-button-next',
prevEl: '.mirageReveiwSwiper .swiper-button-prev',
},
});
}
</script>
<div class="animated-title">
<div class="track bg-[#373737] py-4">
<div class="content w-[5150px] h-[71px]">
<a href="/shop/brand.php?brand=185"><img src="/assets/images/main/brandLogo/BRAND-LOGO_R_01.jpg" class="float-left mx-2"></a>
<a href="/shop/brand.php?brand=119"><img src="/assets/images/main/brandLogo/BRAND-LOGO_R_02.jpg" class="float-left mx-2"></a>
<a href="/shop/brand.php?brand=7"><img src="/assets/images/main/brandLogo/BRAND-LOGO_R_03.jpg" class="float-left mx-2"></a>
<a href="/shop/brand.php?brand=93"><img src="/assets/images/main/brandLogo/BRAND-LOGO_R_04.jpg" class="float-left mx-2"></a>
<a href="/shop/brand.php?brand=32"><img src="/assets/images/main/brandLogo/BRAND-LOGO_R_05.jpg" class="float-left mx-2"></a>
<a href="/shop/brand.php?brand=2"><img src="/assets/images/main/brandLogo/BRAND-LOGO_R_06.jpg" class="float-left mx-2"></a>
<a href="/shop/brand.php?brand=76"><img src="/assets/images/main/brandLogo/BRAND-LOGO_R_07.jpg" class="float-left mx-2"></a>
<a href="/shop/brand.php?brand=182"><img src="/assets/images/main/brandLogo/BRAND-LOGO_R_08.jpg" class="float-left mx-2"></a>
<a href="/shop/brand.php?brand=17"><img src="/assets/images/main/brandLogo/BRAND-LOGO_R_09.jpg" class="float-left mx-2"></a>
<a href="/shop/brand.php?brand=18"><img src="/assets/images/main/brandLogo/BRAND-LOGO_R_10.jpg" class="float-left mx-2"></a>
<a href="/shop/brand.php?brand=55"><img src="/assets/images/main/brandLogo/BRAND-LOGO_R_11.jpg" class="float-left mx-2"></a>
<a href="/shop/brand.php?brand=3"><img src="/assets/images/main/brandLogo/BRAND-LOGO_R_12.jpg" class="float-left mx-2"></a>
<a href="/shop/brand.php?brand=64"><img src="/assets/images/main/brandLogo/BRAND-LOGO_R_13.jpg" class="float-left mx-2"></a>
<a href="/shop/brand.php?brand=181"><img src="/assets/images/main/brandLogo/BRAND-LOGO_R_14.jpg" class="float-left mx-2"></a>
<a href="/shop/brand.php?brand=180"><img src="/assets/images/main/brandLogo/BRAND-LOGO_R_15.jpg" class="float-left mx-2"></a>
<a href="/shop/brand.php?brand=172"><img src="/assets/images/main/brandLogo/BRAND-LOGO_R_16.jpg" class="float-left mx-2"></a>
<a href="/shop/brand.php?brand=110"><img src="/assets/images/main/brandLogo/BRAND-LOGO_R_17.jpg" class="float-left mx-2"></a>
<a href="/shop/brand.php?brand=168"><img src="/assets/images/main/brandLogo/BRAND-LOGO_R_18.jpg" class="float-left mx-2"></a>
<a href="/shop/brand.php?brand=166"><img src="/assets/images/main/brandLogo/BRAND-LOGO_R_19.jpg" class="float-left mx-2"></a>
<a href="/shop/brand.php?brand=184"><img src="/assets/images/main/brandLogo/BRAND-LOGO_R_20.jpg" class="float-left mx-2"></a>
<a href="/shop/brand.php?brand=11"><img src="/assets/images/main/brandLogo/BRAND-LOGO_R_21.jpg" class="float-left mx-2"></a>
<a href="/shop/brand.php?brand=23"><img src="/assets/images/main/brandLogo/BRAND-LOGO_R_22.jpg" class="float-left mx-2"></a>
<a href="/shop/brand.php?brand=177"><img src="/assets/images/main/brandLogo/BRAND-LOGO_R_23.jpg" class="float-left mx-2"></a>
<a href="/shop/brand.php?brand=111"><img src="/assets/images/main/brandLogo/BRAND-LOGO_R_24.jpg" class="float-left mx-2"></a>
<a href="/shop/brand.php?brand=130"><img src="/assets/images/main/brandLogo/BRAND-LOGO_R_25.jpg" class="float-left mx-2"></a>
</div>
</div>
</div>
<div class="p-10 pt-0 mt-10 bg-white relative z-50">
<div class="h-px bg-gray-300"></div>
</div>
<div id="scrollToTopButton" class="fixed right-5 bottom-5 w-[140px] h-[140px] z-50 cursor-pointer">
<img src="/assets/images/top_button.png">
</div>
<div class="mx-10 flex justify-between pb-16 bg-white relative z-50 font-light">
<div class="w-[550px]">
<img src="/assets/images/mirageFooterLogo.png">
<ul class="text-sm mt-8 flex font-light">
<li><a href="/bbs/content.php?co_id=company">회사소개</a></li>
<li class="mx-2">|</li>
<li class="font-medium"><a href="/bbs/content.php?co_id=privacy">개인정보취급방침</a></li>
<li class="mx-2">|</li>
<li><a href="/bbs/content.php?co_id=provision">이용약관</a></li>
<li class="mx-2">|</li>
<li><a href="/bbs/content.php?co_id=mira_in">공식딜러인증서</a></li>
<li class="mx-2">|</li>
<li><a href="/shop/list.php?ca_id=zq">개인결제창</a></li>
</ul>
<div class="my-8 text-sm">
<p class="mb-2">상호명 : 미라지퍼니쳐(주)<span class="mx-2">|</span>대표이사 : 서진<span class="mx-2">|</span>경기도 성남시 분당구 황새울로 234, 262호</p>
<p class="mb-2">사업자등록번호 : 129-86-22920<span class="mx-2">|</span>통신판매업 신고번호 : 제2016-성남분당-0518호</p>
<p class="mb-2">사업자정보확인<span class="mx-2">|</span>e-mail : [email protected]<span class="mx-2">|</span>개인정보책임자 : 김지영</p>
<p>Copyright ⓒ 2007-2016 Mirage.co.kr All Right Reserved.</p>
</div>
<img src="/assets/images/mirageFooterKcp.png">
</div>
<div class="text-sm w-[380px]">
<p class="text-lg font-semibold mb-2">A/S CENTER</p>
<p class="mb-4"><span class="font-semibold">A/S접수 시간 : 오전 10시 ~ 오후 6시</span>(주말 및 공휴일 휴무)</p>
<p class="mb-2">서울 / 인천 / 경기 / 강원 / 천안 / 충남 지역 031-714-5959</p>
<p class="mb-2">일산 지역 031-932-5885</p>
<p class="mb-2">대전 / 충북 / 전라 지역 042-716-0117</p>
<p class="mb-2">부산 / 대구 / 경상 지역 051-728-1199</p>
<p class="mb-2">제주 지역 064-805-5885</p>
<p class="text-lg font-semibold mb-2">SNS</p>
<div class="text-2xl text-stone-600">
<a href="https://www.instagram.com/miragefurniture_official/" target="_blank" class="mr-4"><i class="bi bi-instagram"></i></a>
<a href="https://www.facebook.com/miragegagu" target="_blank" class="mr-4"><i class="bi bi-facebook"></i></a>
<a href="https://www.youtube.com/channel/UCYpJvr4EGRTdcua6b6tyF_w" target="_blank" class="mr-4"><i class="bi bi-youtube"></i></a>
<a href="https://pf.kakao.com/_zYkJj" target="_blank" class="mr-4"><i class="bi bi-chat-fill"></i></a>
</div>
</div>
<div class="text-sm w-[560px]">
<p class="text-lg font-semibold mb-2">SHOP MENU</p>
<ul class="text-sm mb-8 flex font-light">
<li><a href="/bbs/board.php?bo_table=notice">공지사항</a></li>
<li class="mx-2">|</li>
<li><a href="/shop/itemqalist.php">고객센터</a></li>
<li class="mx-2">|</li>
<li><a href="/bbs/board.php?bo_table=FAQ">FAQ</a></li>
<li class="mx-2">|</li>
<li><a href="/bbs/write.php?bo_table=voc">고객의 소리</a></li>
<li class="mx-2">|</li>
<li><a href="/shop/brand.php">브랜드 소개</a></li>
</ul>
<p class="text-lg font-semibold mb-2">OUR MIRAGE STORE</p>
<p>미라지퍼니쳐(주)는 홈페이지 관리를 담당하고 있으며 실제 매매계약은 각 대리점 별로 이루어집니다.</p>
<div class="flex flex-wrap text-base mt-4">
<div class="w-full text-center px-2 mb-4"><a href="/bbs/content.php?co_id=map_01" class="border border-stone-800 py-2 block hover:bg-stone-800 hover:text-white">판교 플래그쉽 스토어 | PANGYO</a></div>
<div class="w-1/3 text-center px-2 mb-4"><a href="/bbs/content.php?co_id=map_02" class="border border-stone-500 py-2 block hover:bg-stone-800 hover:text-white">일산 | ILSAN</a></div>
<div class="w-1/3 text-center px-2 mb-4"><a href="/bbs/content.php?co_id=map_05" class="border border-stone-500 py-2 block hover:bg-stone-800 hover:text-white">부산 | BUSAN</a></div>
<div class="w-1/3 text-center px-2 mb-4"><a href="/bbs/content.php?co_id=map_03" class="border border-stone-800 py-2 block hover:bg-stone-800 hover:text-white">대전 | DAEJEON</a></div>
<div class="w-1/3 text-center px-2 mb-4"><a href="/bbs/content.php?co_id=map_10" class="border border-stone-800 py-2 block hover:bg-stone-800 hover:text-white">제주 | JEJU</a></div>
<div class="w-1/3 text-center px-2 mb-4"><a href="/bbs/content.php?co_id=map_19" class="border border-stone-800 py-2 flex items-center justify-center" style="background: linear-gradient(to right, #a3d691 0%, #a3d691 33%, #ffffff 33%, #ffffff 66%, #ec787b 66%, #ec787b 100%);"><img src="/assets/images/chateaudaxFooterLogo.png" class="mr-1 w-20">| 샤또닥스</a></div>
<div class="w-1/3 text-center px-2 mb-4"><a href="/bbs/content.php?co_id=map_18" class="border h-10 border-stone-800 w-full block bg-[url('/assets/images/OUTLET_Footer_Logo_3.png')] hover:bg-[url('/assets/images/OUTLET_Footer_Logo_4.png')] bg-current bg-no-repeat"></a>
</div>
</div>
</div>
</div>
<script>
function scrollToTop() {
window.scrollTo({
top: 0,
behavior: 'smooth' // 부드러운 스크롤 효과를 적용합니다.
});
}
// 클릭 이벤트 핸들러 등록
const scrollToTopButton = document.getElementById('scrollToTopButton'); // 해당 버튼의 ID를 사용합니다.
if (scrollToTopButton) {
scrollToTopButton.addEventListener('click', scrollToTop);
}
</script>
<!-- LOGGER(TM) TRACKING SCRIPT V.40 FOR logger.co.kr / 105376 : COMBINE TYPE / DO NOT ALTER THIS SCRIPT. 20200812-->
<script type="text/javascript">var _TRK_LID = "105376";var _L_TD = "ssl.logger.co.kr";var _TRK_CDMN = ".mirage.co.kr";</script>
<script type="text/javascript">var _CDN_DOMAIN = location.protocol == "https:" ? "https://fs.bizspring.net" : "http://fs.bizspring.net";
(function (b, s) { var f = b.getElementsByTagName(s)[0], j = b.createElement(s); j.async = true; j.src = '//fs.bizspring.net/fs4/bstrk.1.js'; f.parentNode.insertBefore(j, f); })(document, 'script');
</script>
<noscript><img alt="Logger Script" width="1" height="1" src="http://ssl.logger.co.kr/tracker.1.tsp?u=105376&js=N"/></noscript>
<!-- END OF LOGGER TRACKING SCRIPT -->
<!-- LOG corp Web Analitics & Live Chat START -->
<noscript><img src="http://asp28.http.or.kr/HTTP_MSN/Messenger/Noscript.php?key=muran" border="0" style="display:none;width:0;height:0;" /></noscript>
<!-- LOG corp Web Analitics & Live Chat END. -->
<!-- 네이버 로그 분석 -->
<script type="text/javascript" src="//wcs.naver.net/wcslog.js"> </script>
<script type="text/javascript">
if (!wcs_add) var wcs_add={};
wcs_add["wa"] = "s_502848a4a712";
if (!_nasa) var _nasa={};
wcs.inflow();
wcs_do(_nasa);
</script>
</body>
</html>