Showing source for: https://woljeong.com/
Duration: 1.52971s
Server: Apache/2.4.64 (Ubuntu)

<!doctype html>
<html lang="ko">
<head>

<meta charset="utf-8">


<script>
(function () {
    function rbSwiperNumber(slider, name, fallback) {
        var value = parseInt(slider.getAttribute('data-' + name), 10);
        return Number.isFinite(value) ? value : fallback;
    }

    function rbSwiperMode(slider, requestedMode) {
        var mode = requestedMode === 'mo' || requestedMode === 'pc'
            ? requestedMode
            : (window.innerWidth <= 1024 ? 'mo' : 'pc');
        var cols = Math.max(1, rbSwiperNumber(slider, mode + '-w', 1));
        var rows = Math.max(1, rbSwiperNumber(slider, mode + '-h', 1));
        var gap = Math.max(0, rbSwiperNumber(slider, mode + '-gap', 0));

        return {
            mode: mode,
            cols: cols,
            rows: rows,
            gap: gap,
            pageSize: cols * rows
        };
    }

    function rbCollectSwiperItems(wrapper) {
        var items = [];

        Array.prototype.forEach.call(wrapper.children, function (child) {
            if (!child.classList || child.classList.contains('swiper-slide-duplicate')) return;

            if (child.classList.contains('rb_swiper_list')) {
                items.push(child);
                return;
            }

            if (child.classList.contains('rb-swiper-slide')) {
                Array.prototype.forEach.call(child.children, function (item) {
                    if (item.classList && item.classList.contains('rb_swiper_list')) {
                        items.push(item);
                    }
                });
            }
        });

        return items;
    }

    function rbResetSwiperItem(item) {
        item.classList.remove(
            'swiper-slide',
            'swiper-slide-active',
            'swiper-slide-next',
            'swiper-slide-prev',
            'swiper-slide-visible',
            'swiper-slide-duplicate'
        );
        item.style.removeProperty('display');
        item.style.removeProperty('width');
        item.style.removeProperty('min-width');
        item.style.removeProperty('height');
        item.style.removeProperty('margin-right');
        item.style.removeProperty('margin-left');
        item.style.removeProperty('margin-top');
        item.style.removeProperty('margin-bottom');
        item.style.removeProperty('order');
        item.style.removeProperty('-webkit-order');
        item.style.removeProperty('-ms-flex-order');
        item.style.removeProperty('-moz-box-ordinal-group');
        item.style.removeProperty('-webkit-box-ordinal-group');
    }

    function rbSwiperPagesAreValid(wrapper, signature, pageSize, itemCount) {
        if (wrapper.getAttribute('data-rb-page-signature') !== signature) return false;

        var pages = Array.prototype.filter.call(wrapper.children, function (child) {
            return child.classList && child.classList.contains('rb-swiper-slide');
        });
        if (pages.length !== Math.ceil(itemCount / pageSize)) return false;
        if (pages.length !== wrapper.children.length) return false;

        return pages.every(function (page, pageIndex) {
            var expected = Math.min(pageSize, itemCount - (pageIndex * pageSize));
            var actual = Array.prototype.filter.call(page.children, function (child) {
                return child.classList && child.classList.contains('rb_swiper_list');
            }).length;
            return actual === expected;
        });
    }

    function rbBuildSwiperPages(slider, options) {
        options = options || {};
        if (!slider || slider.nodeType !== 1) return null;

        var wrapper = slider.querySelector('.rb-swiper-wrapper');
        if (!wrapper || slider.getAttribute('data-rb-page-building') === '1') return null;

        var config = rbSwiperMode(slider, options.mode);
        var items = rbCollectSwiperItems(wrapper);
        if (!items.length) return null;

        var signature = [config.mode, config.cols, config.rows, config.gap, items.length].join(':');
        if (!options.force && rbSwiperPagesAreValid(wrapper, signature, config.pageSize, items.length)) {
            return {
                mode: config.mode,
                cols: config.cols,
                rows: config.rows,
                gap: config.gap,
                pageSize: config.pageSize,
                itemCount: items.length,
                pageCount: Math.ceil(items.length / config.pageSize)
            };
        }

        slider.setAttribute('data-rb-page-building', '1');

        var fragment = document.createDocumentFragment();
        items.forEach(function (item, index) {
            rbResetSwiperItem(item);

            if (index % config.pageSize === 0) {
                var page = document.createElement('div');
                page.className = 'rb-swiper-slide swiper-slide';
                page.style.display = 'grid';
                page.style.gridTemplateColumns = 'repeat(' + config.cols + ', minmax(0, 1fr))';
                page.style.gridAutoFlow = 'row';
                page.style.columnGap = config.gap + 'px';
                page.style.rowGap = config.gap + 'px';
                page.style.width = '100%';
                page.style.minWidth = '100%';
                page.style.height = 'auto';
                page.style.alignContent = 'start';
                page.style.boxSizing = 'border-box';
                fragment.appendChild(page);
            }

            fragment.lastElementChild.appendChild(item);
        });

        while (wrapper.firstChild) wrapper.removeChild(wrapper.firstChild);
        wrapper.appendChild(fragment);
        wrapper.setAttribute('data-rb-page-signature', signature);
        wrapper.style.display = 'flex';
        wrapper.style.height = 'auto';

        if (options.pregrid !== false) {
            slider.classList.add('rb-swiper-pregrid');
            wrapper.style.width = '100%';
            wrapper.style.transform = 'translate3d(0, 0, 0)';
            wrapper.style.transition = 'none';
        } else {
            slider.classList.remove('rb-swiper-pregrid');
            wrapper.style.removeProperty('width');
            wrapper.style.removeProperty('transform');
            wrapper.style.removeProperty('transition');
            wrapper.style.removeProperty('transition-duration');
        }

        slider.removeAttribute('data-rb-page-building');

        return {
            mode: config.mode,
            cols: config.cols,
            rows: config.rows,
            gap: config.gap,
            pageSize: config.pageSize,
            itemCount: items.length,
            pageCount: Math.ceil(items.length / config.pageSize)
        };
    }

    window.rbBuildSwiperPages = rbBuildSwiperPages;

    function rbPrepareSwiperPages(slider) {
        if (!slider || slider.nodeType !== 1 || slider.classList.contains('rb-swiper-ready')) return;
        if (!slider.closest('.rb_layout_box')) return;

        var result = rbBuildSwiperPages(slider, { pregrid: true });
        if (!result) return;

        if (document.documentElement.classList.contains('rb-module-spinner-use') && !slider.hasAttribute('data-rb-spinner-timer')) {
            slider.setAttribute('data-rb-spinner-timer', '1');
            window.setTimeout(function () {
                if (!slider.classList.contains('rb-swiper-ready')) {
                    slider.classList.add('rb-swiper-spinner-timeout');
                }
            }, 3000);
        }
    }

    function rbPrepareSwiperScope(node) {
        if (!node || node.nodeType !== 1) return;

        if (node.matches && node.matches('.rb_swiper')) rbPrepareSwiperPages(node);
        if (node.querySelectorAll) {
            node.querySelectorAll('.rb_swiper').forEach(rbPrepareSwiperPages);
        }

        var parentSlider = node.closest ? node.closest('.rb_swiper') : null;
        if (parentSlider) rbPrepareSwiperPages(parentSlider);
    }

    var observer = new MutationObserver(function (records) {
        records.forEach(function (record) {
            Array.prototype.forEach.call(record.addedNodes, rbPrepareSwiperScope);
        });
    });

    observer.observe(document.documentElement, { childList: true, subtree: true });
    document.addEventListener('DOMContentLoaded', function () {
        rbPrepareSwiperScope(document.documentElement);
    });

    var resizeFrame = 0;
    window.addEventListener('resize', function () {
        window.cancelAnimationFrame(resizeFrame);
        resizeFrame = window.requestAnimationFrame(function () {
            document.querySelectorAll('.rb_swiper:not(.rb-swiper-ready)').forEach(rbPrepareSwiperPages);
        });
    });
})();
</script>

<!-- viewport { -->
<meta name="viewport" content="width=device-width,initial-scale=0.9,minimum-scale=0.9,maximum-scale=0.9,user-scalable=no" />
<meta name="HandheldFriendly" content="true" />
<meta http-equiv="imagetoolbar" content="no" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<!-- } -->



<!-- META { -->
<meta name="title" content="월정윤스테이" />
<meta name="keywords" content="월정리펜션,월정리독채펜션,제주도독채펜션,제주도펜션,월정윤스테이,윤스테이제주" />
<meta name="description" content="달이 머무는 곳, 월정리  아름다운 월정리 마을 안에 위치한 펜션 입니다.  프라이빗한 이곳에서 행복한 추억 만들어 가시길 바랍니다." />
<meta name="robots" content="index,follow" />
<!-- } -->

<!-- OG { -->
<meta property="og:type" content="website">
<meta property="og:url" content="https://woljeong.com/" />

<meta property="og:title" content="월정윤스테이" />

<meta property="og:site_name" content="월정윤스테이" />


<!-- } -->

<!-- ICO { -->
<link rel="shortcut icon" href="https://woljeong.com/data/seo/favicon?ver=1792588349" type="image/x-icon">
<link rel="icon" href="https://woljeong.com/data/seo/favicon?ver=1792588349" type="image/x-icon">
<!-- } -->




<title>월정윤스테이</title>

<link rel="stylesheet" href="https://woljeong.com/theme/rb.basic/css/default.css?ver=1764857231">
<link rel="stylesheet" href="https://woljeong.com/js/font-awesome/css/font-awesome.min.css?ver=1764854810">
<link rel='stylesheet' href='https://woljeong.com/theme/rb.basic/rb.css/reset.css?ver=1770268856' />
<link rel='stylesheet' href='https://woljeong.com/theme/rb.basic/rb.css/style.css?ver=1791522747' />
<link rel='stylesheet' href='https://woljeong.com/theme/rb.basic/rb.css/mobile.css?ver=1764857231' />
<link rel='stylesheet' href='https://woljeong.com/theme/rb.basic/rb.css/form.css?ver=1764857231' />
<link rel='stylesheet' href='https://woljeong.com/theme/rb.basic/rb.css/swiper.css?ver=1791522038' />
<link rel='stylesheet' href='https://woljeong.com/theme/rb.basic/rb.css/custom.css?ver=1791522760' />
<link rel="stylesheet" href="https://woljeong.com/theme/rb.basic/rb.fonts/Pretendard/Pretendard.css?ver=1764857232" />
<link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/themes/base/jquery-ui.css" />
<link rel="stylesheet" href="https://woljeong.com/theme/rb.basic/rb.layout_hd/basic_row/style.css?ver=1791522702">
<link rel="stylesheet" href="https://woljeong.com/theme/rb.basic/rb.theme/css/style.css?ver=1791522747">
<link rel="stylesheet" href="https://woljeong.com/theme/rb.basic/rb.layout/basic/style.css?ver=1764857232">
<link rel="stylesheet" href="https://woljeong.com/theme/rb.basic/rb.layout_ft/basic/style.css?ver=1764857232">
<link rel="stylesheet" href="https://woljeong.com/theme/rb.basic/skin/connect/rb.connect/style.css?ver=1764857233">
<link rel="stylesheet" href="https://woljeong.com/theme/rb.basic/skin/popular/rb.basic/style.css?ver=1764857233">
<link rel="stylesheet" href="https://woljeong.com/rb/rb.css/set.color.php?rb_color_set=co_aa20ff&rb_color_code=%23aa20ff" />
<link rel="stylesheet" href="https://woljeong.com/rb/rb.css/set.header.php?rb_header_set=co_header_ffffff&rb_header_code=%23ffffff&rb_header_txt=black&rb_mobile_menu_icon_color_disable=0" />
<link rel="stylesheet" href="https://woljeong.com/rb/rb.css/set.style.php?ver=1792588349&rb_color_set=co_aa20ff&rb_color_code=%23aa20ff&rb_is_index=1&rb_is_shop=" />
<link rel="stylesheet" href="https://woljeong.com/rb/rb.css/set.style.css?ver=1791522747" />
<!--[if lte IE 8]>
<script src="https://woljeong.com/js/html5.js"></script>
<![endif]-->

<script>
// 자바스크립트에서 사용하는 전역변수 선언
const g5_url       = "https://woljeong.com";
const g5_bbs_url   = "https://woljeong.com/bbs";
const g5_is_member = "";
const g5_is_admin  = "";
const g5_is_mobile = "";
const g5_bo_table  = "";
const g5_sca       = "";
const g5_editor    = "";
const g5_cookie_domain = "";
const g5_theme_shop_url = "https://woljeong.com/theme/rb.basic/shop";
const g5_shop_url = "https://woljeong.com/shop";

// 레이아웃 ajax 에 전달되는 인덱스 플래그
const is_index = true;
const is_shop = false;
</script>


<script>
    (function() {
        function setViewport() {
            var w = document.documentElement.clientWidth;
            document.documentElement.style.setProperty('--vw', w + 'px');
            document.documentElement.style.setProperty('--scrollbar-width', (window.innerWidth - w) + 'px');
        }
        setViewport();
        window.addEventListener('resize', setViewport);
    })();
</script>

<script src="https://woljeong.com/js/jquery-1.12.4.min.js?ver=1764854786"></script>
<script src="https://woljeong.com/js/jquery-migrate-1.4.1.min.js?ver=1764854786"></script>
<script src="https://woljeong.com/theme/rb.basic/rb.js/rb.layout.js?ver=1791522673"></script>
<script src="https://woljeong.com/js/jquery.menu.js?ver=1764854786"></script>
<script src="https://woljeong.com/js/common.js?ver=1791521077"></script>
<script src="https://woljeong.com/js/wrest.js?ver=1764854787"></script>
<script src="https://woljeong.com/js/placeholders.min.js?ver=1764854786"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js"></script>
<script src="https://woljeong.com/theme/rb.basic/rb.js/swiper.js?ver=1764857231"></script>
<script src="https://woljeong.com/theme/rb.basic/rb.js/rb.common.js?ver=1791522180"></script>
<script src="https://woljeong.com/theme/rb.basic/rb.theme/js/rb.carousel.js?ver=1791522747"></script>
</head>
<body>

<main class="co_aa20ff co_header_ffffff gap_pc_0" id="main">



<!-- 팝업레이어 시작 { -->
<div id="hd_pop">


</div>

<script>
$(function() {
    $(".hd_pops_reject").click(function() {
        var id = $(this).attr('class').split(' ');
        var ck_name = id[1];
        var exp_time = parseInt(id[2]);
        $("#"+id[1]).css("display", "none");
        set_cookie(ck_name, 1, exp_time, g5_cookie_domain);
    });
    $('.hd_pops_close').click(function() {
        var idb = $(this).attr('class').split(' ');
        $('#'+idb[1]).css('display','none');
    });
    $("#hd").css("z-index", 1000);
});
</script>
<!-- } 팝업레이어 끝 -->

<script src="https://woljeong.com/rb/rb.mod/aos/aos.set.php"></script>
<link rel="stylesheet" href="https://woljeong.com/rb/rb.mod/aos/aos.css">
<script src="https://woljeong.com/rb/rb.mod/aos/aos.js"></script>



        <!--
    <header id="header">내용</header>
    <header>는 반드시 포함해주세요.
    -->

    <!-- 헤더 { -->
    <header id="header" data-rb-header-submenu-columns="1">

        <!-- GNB { -->
        <div class="gnb_wrap">

            <div class="inner" style="width:1400px; ">

                <!-- 토글메뉴 { -->
                <ul class="tog_wrap mobile rb_mobile_menu_left">
                    <li>
                        <button type="button" alt="메뉴열기" id="tog_gnb_mobile">
                            <svg xmlns="http://www.w3.org/2000/svg" width="18" height="16" viewBox="0 0 18 16" aria-hidden="true" focusable="false"><path fill="currentColor" d="M17 14C17.2549 14.0003 17.5 14.0979 17.6854 14.2728C17.8707 14.4478 17.9822 14.687 17.9972 14.9414C18.0121 15.1958 17.9293 15.4464 17.7657 15.6418C17.6021 15.8373 17.3701 15.9629 17.117 15.993L17 16H1C0.74512 15.9997 0.499968 15.9021 0.314632 15.7272C0.129296 15.5522 0.017765 15.313 0.00282788 15.0586C-0.0121092 14.8042 0.0706746 14.5536 0.234265 14.3582C0.397855 14.1627 0.629904 14.0371 0.883 14.007L1 14H17ZM17 7C17.2652 7 17.5196 7.10536 17.7071 7.29289C17.8946 7.48043 18 7.73478 18 8C18 8.26522 17.8946 8.51957 17.7071 8.70711C17.5196 8.89464 17.2652 9 17 9H1C0.734784 9 0.48043 8.89464 0.292893 8.70711C0.105357 8.51957 0 8.26522 0 8C0 7.73478 0.105357 7.48043 0.292893 7.29289C0.48043 7.10536 0.734784 7 1 7H17ZM17 0C17.2652 0 17.5196 0.105357 17.7071 0.292893C17.8946 0.48043 18 0.734784 18 1C18 1.26522 17.8946 1.51957 17.7071 1.70711C17.5196 1.89464 17.2652 2 17 2H1C0.734784 2 0.48043 1.89464 0.292893 1.70711C0.105357 1.51957 0 1.26522 0 1C0 0.734784 0.105357 0.48043 0.292893 0.292893C0.48043 0.105357 0.734784 0 1 0H17Z"/></svg>                        </button>

                        <script>
                            $(document).ready(function() {
                                $('#tog_gnb_mobile').click(function() {
                                    $('#cbp-hrmenu-btm').addClass('active');
                                    $('#m_gnb_close_btn').addClass('active');
                                    $('main').addClass('moves');
                                    $('header').addClass('moves');
                                });
                            });
                        </script>
                    </li>
                </ul>
                <!-- } -->

                <!-- 로고 { -->
                <ul class="logo_wrap">
                    <li>
                        <a href="https://woljeong.com" alt="월정윤스테이">

                            <picture id="logo_img">

                                <source id="sourceSmall" srcset="https://woljeong.com/data/logos/mo?ver=1792588349" media="(max-width: 1024px)">
                                <source id="sourceLarge" srcset="https://woljeong.com/data/logos/pc?ver=1792588349" media="(min-width: 1025px)">
                                <img id="fallbackImage" src="https://woljeong.com/data/logos/pc?ver=1792588349" alt="월정윤스테이" class="responsive-image">

                            </picture>

                        </a>

                    </li>
                </ul>
                <!-- } -->


                <!-- 퀵메뉴 { -->
                <ul class="snb_wrap">
                    <li class="qm_wrap">

                        
                        <div class="cb"></div>
                    </li>

                    <li class="member_info_wrap">
                                            </li>
                    <li class="my_btn_wrap">
                                                    <button type="button" alt="로그인" class="btn_round"  onclick="location.href='https://woljeong.com/bbs/login.php?url=https%3A%2F%2Fwoljeong.com%2F';">로그인</button>
                            <button type="button" alt="회원가입" class="btn_round arr_bg font-B" onclick="location.href='https://woljeong.com/bbs/register.php';">회원가입</button>
                                            </li>

                    <div class="cb"></li>
                </ul>
                <!-- } -->

                <div class="mobile_cb"></div>

                <!-- 검색 { -->
                <ul class="search_top_wrap">
                    <form name="fsearchbox" method="get" action="https://woljeong.com/bbs/search.php" onsubmit="return fsearchbox_submit(this);">
                        <div class="search_top_wrap_inner">
                        <input type="hidden" name="sfl" value="wr_subject||wr_content">
                        <input type="hidden" name="sop" value="and">

                        <input type="text" value="" name="stx" class="font-B" placeholder="통합검색" maxlength="20">
                        <button type="submit">
                            <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
                                <path fill-rule="evenodd" clip-rule="evenodd" d="M8.49928 1.91687e-08C7.14387 0.000115492 5.80814 0.324364 4.60353 0.945694C3.39893 1.56702 2.36037 2.46742 1.57451 3.57175C0.788656 4.67609 0.278287 5.95235 0.0859852 7.29404C-0.106316 8.63574 0.0250263 10.004 0.469055 11.2846C0.913084 12.5652 1.65692 13.7211 2.63851 14.6557C3.6201 15.5904 4.81098 16.2768 6.11179 16.6576C7.4126 17.0384 8.78562 17.1026 10.1163 16.8449C11.447 16.5872 12.6967 16.015 13.7613 15.176L17.4133 18.828C17.6019 19.0102 17.8545 19.111 18.1167 19.1087C18.3789 19.1064 18.6297 19.0012 18.8151 18.8158C19.0005 18.6304 19.1057 18.3796 19.108 18.1174C19.1102 17.8552 19.0094 17.6026 18.8273 17.414L15.1753 13.762C16.1633 12.5086 16.7784 11.0024 16.9504 9.41573C17.1223 7.82905 16.8441 6.22602 16.1475 4.79009C15.4509 3.35417 14.3642 2.14336 13.0116 1.29623C11.659 0.449106 10.0952 -0.000107143 8.49928 1.91687e-08ZM1.99928 8.5C1.99928 6.77609 2.6841 5.12279 3.90308 3.90381C5.12207 2.68482 6.77537 2 8.49928 2C10.2232 2 11.8765 2.68482 13.0955 3.90381C14.3145 5.12279 14.9993 6.77609 14.9993 8.5C14.9993 10.2239 14.3145 11.8772 13.0955 13.0962C11.8765 14.3152 10.2232 15 8.49928 15C6.77537 15 5.12207 14.3152 3.90308 13.0962C2.6841 11.8772 1.99928 10.2239 1.99928 8.5Z" fill="#09244B"/>
                            </svg>
                        </button>
                        </div>
                    </form>

                        <script>
                            function fsearchbox_submit(f) //검색
                            {
                                var stx = f.stx.value.trim();
                                if (stx.length < 2) {
                                    alert("검색어는 두글자 이상 입력해주세요.");
                                    f.stx.select();
                                    f.stx.focus();
                                    return false;
                                }

                                // 검색에 많은 부하가 걸리는 경우 이 주석을 제거하세요.
                                var cnt = 0;
                                for (var i = 0; i < stx.length; i++) {
                                    if (stx.charAt(i) == ' ')
                                        cnt++;
                                }

                                if (cnt > 1) {
                                    alert("빠른 검색을 위해 공백은 한번만 입력할 수 있어요.");
                                    f.stx.select();
                                    f.stx.focus();
                                    return false;
                                }
                                f.stx.value = stx;

                                return true;
                            }


                        </script>
                </ul>
                <!-- } -->

                <div class="cb"></div>
            </div>

            <div class="rows_gnb_wrap">
                <div class="inner row_gnbs" style="width:1400px; ">
                    <nav id="cbp-hrmenu" class="cbp-hrmenu pc">
                        <ul>
                                                    <li>
                                <a href="https://woljeong.com/content/%ED%8E%9C%EC%85%98-%EC%86%8C%EA%B0%9C/" target="_self" class="font-B">펜션 소개</a>
                                                            </li>
                                                    <li>
                                <a href="https://woljeong.com/content/%EC%98%88%EC%95%BD-%EC%95%88%EB%82%B4/" target="_self" class="font-B">예약 안내</a>
                                                            </li>
                                                    <li>
                                <a href="https://woljeong.com/content/%EC%98%A4%EC%8B%9C%EB%8A%94-%EA%B8%B8/" target="_self" class="font-B">오시는 길</a>
                                                            </li>
                                                    <li>
                                <a href="https://woljeong.com/bbs/group.php?gr_id=community" target="_self" class="font-B">커뮤니티</a>
                                                            </li>
                                                    <li>
                                <a href="https://woljeong.com/content/%EC%9B%94%EC%A0%95%ED%95%B4%EC%88%98%EC%9A%95%EC%9E%A5%EA%B0%80%EB%8A%94%EA%B8%B8/" target="_self" class="font-B">월정해수욕장가는길</a>
                                                            </li>
                                                </ul>
                    </nav>


                </div>
            </div>

        </div>
        <!-- } -->
    </header>
    <!-- } -->


    <script>
        function adjustContentPadding() {
            var header = document.getElementById('header');
            var contents = document.getElementById('contents_wrap');

            if (!header || !contents) {
                return;
            }

            var headerHeight = Math.ceil(header.getBoundingClientRect().height);
            contents.style.paddingTop = headerHeight + 'px';

            var sideMenu = document.getElementById('rb_sidemenu');
            if (sideMenu) {
                sideMenu.style.top = (headerHeight + 30) + 'px';
            }
        }

        window.addEventListener('resize', adjustContentPadding);
        window.addEventListener('load', adjustContentPadding);

        document.addEventListener('DOMContentLoaded', function() {
            adjustContentPadding();

            var header = document.getElementById('header');
            if (header && window.ResizeObserver) {
                window.rbHeaderResizeObserver = new ResizeObserver(adjustContentPadding);
                window.rbHeaderResizeObserver.observe(header);
            }
        });
    </script>

    <div class="contents_wrap" id="contents_wrap">

        
        
            
        <script>adjustContentPadding();</script>

        <!--
        $rb_core['sub_width'] 는 반드시 포함해주세요 (환경설정 > 서브가로폭)
        모듈박스 스타일 설정
        md_border_ : (solid, dashed)
        md_radius_ : (0~30)
        co_inner_padding_ : (0~30)
        co_gap_ : (0~30)
        -->

        <section class="index co_gap_pc_0">

        
        

        
            

    
<!--
* 환경설정에서 모듈 추가를 사용하려면 반드시 class="flex_box" 를 포함해야 합니다.

* 참고사항
- 섹션을 좌/우 에 배치하는 경우
- <div class="flex_box left"></div>
- <div class="flex_box right"></div>
- 와 같이 class="flex_box" 를 두개로 배치한 후 css를 추가해주세요.

- 생성되는 모듈은 각 섹션의 좌측부터 순서대로 배치되며
- 지정된 width 를 벗어나면 줄바꿈 되어 생성 됩니다.

- class="flex_box" 를 사용하지 않고 직접 메인페이지를 구성할 수 있습니다.
-->

<div class="flex_box" data-layout="1" data-layout-loaded="1">            <div
              id="rb-module-3"
              class="rb_layout_box "
              style="width:50%; height:auto;"
              data-order-id="1"
              data-id="3"
              data-layout="1"
              data-sec-key=""
              data-sec-uid=""
              data-title="공지사항"
              data-shop="0"
                          >

                <ul class="content_box rb_module_3    "

                    style="                    margin-top:20px;
                    margin-bottom:20px;
                    ">



                                                                <div class="rb-module-wrap module_latest_wrap md_arrow_0"
                           style="
                           height:auto;                           border-color:#DDDDDD;                                                                                  background-color:#FFFFFF;                            padding-left:20px; padding-right:20px; padding-top:20px; padding-bottom:20px;                            ">
                            
<link rel="stylesheet" href="https://woljeong.com/theme/rb.basic/skin/latest/rb.latest.thumb_top/style.css?ver=2026-10-21 22:12:29">



            <div class="bbs_main">
               
                <!-- { -->
                <ul class="bbs_main_wrap_tit" style="display:block">

                    <li class="bbs_main_wrap_tit_l">
                        <!-- 타이틀 { -->
                        <a href="https://woljeong.com/notice">
                            <h2 class="font-B" style="color:#00a3ff; font-size:20px; ">공지사항</h2>
                        </a>
                        <!-- } -->
                    </li>
                    
                    
                    <li class="bbs_main_wrap_tit_r">
                        <button type="button" class="more_btn" onclick="location.href='https://woljeong.com/notice';">더보기</button>
                    </li>
                    
                    <div class="cb"></div>
                </ul>
                <!-- } -->
                
                <!-- { -->
                <ul class="bbs_main_wrap_thumb_top_con">
                  
                    <div class="rb_swiper" 
                       id="rb_swiper_3" 
                       data-pc-w="1" 
                       data-pc-h="6" 
                       data-mo-w="1" 
                       data-mo-h="6" 
                       data-pc-gap="10" 
                       data-mo-gap="10" 
                       data-autoplay="0" 
                       data-autoplay-time="0" 
                       data-pc-swap="0" 
                       data-mo-swap="0" 
                       data-pc-speed="400" 
                       data-mo-speed="400"
                    >
                    
                    <div class="rb_swiper_inner">
                        <div class="rb-swiper-wrapper swiper-wrapper">
                            
                                                        
                            <div class="rb_swiper_list">
                            
                            <!-- for { -->
                                
                                <div>
                                    
                                                                        
                                    <ul class="bbs_main_wrap_con_ul2" style="width:100%">
                                        
                                                                                <li class="bbs_main_wrap_con_subj cut"><a href="https://woljeong.com/notice/%EC%9B%94%EC%A0%95-%EC%9C%A4%EC%8A%A4%ED%85%8C%EC%9D%B4-%EC%9D%B4%EC%9A%A9-%EC%95%88%EB%82%B4/" class="font-B">월정 윤스테이 이용 안내</a></li>
                                                                                
                                                                                
                                                                                

                                    </ul>
                                    <div class="cb"></div>
                                </div>
                            </div>
                            <!-- } -->
                            
                                                        
                            <div class="rb_swiper_list">
                            
                            <!-- for { -->
                                
                                <div>
                                    
                                                                        
                                    <ul class="bbs_main_wrap_con_ul2" style="width:100%">
                                        
                                                                                <li class="bbs_main_wrap_con_subj cut"><a href="https://woljeong.com/notice/%EC%9B%94%EC%A0%95-%EC%9C%A4%EC%8A%A4%ED%85%8C%EC%9D%B4-%EB%B0%94%EB%B2%A0%ED%81%90-%EC%9D%B4%EC%9A%A9-%EC%95%88%EB%82%B4/" class="font-B">월정 윤스테이 바베큐 이용 안내</a></li>
                                                                                
                                                                                
                                                                                

                                    </ul>
                                    <div class="cb"></div>
                                </div>
                            </div>
                            <!-- } -->
                            
                                                        
                            <div class="rb_swiper_list">
                            
                            <!-- for { -->
                                
                                <div>
                                    
                                                                        
                                    <ul class="bbs_main_wrap_con_ul2" style="width:100%">
                                        
                                                                                <li class="bbs_main_wrap_con_subj cut"><a href="https://woljeong.com/notice/%EC%9B%94%EC%A0%95-%EC%9C%A4%EC%8A%A4%ED%85%8C%EC%9D%B4-%EC%9A%94%EA%B8%88-%ED%91%9C/" class="font-B">월정 윤스테이 요금 표</a></li>
                                                                                
                                                                                
                                                                                

                                    </ul>
                                    <div class="cb"></div>
                                </div>
                            </div>
                            <!-- } -->
                            
                                                        
                            <div class="rb_swiper_list">
                            
                            <!-- for { -->
                                
                                <div>
                                    
                                                                        
                                    <ul class="bbs_main_wrap_con_ul2" style="width:100%">
                                        
                                                                                <li class="bbs_main_wrap_con_subj cut"><a href="https://woljeong.com/notice/%EC%9B%94%EC%A0%95-%EC%9C%A4%EC%8A%A4%ED%85%8C%EC%9D%B4-%EC%8B%9C%EC%A6%8C-%EC%95%88%EB%82%B4/" class="font-B">월정 윤스테이 시즌 안내</a></li>
                                                                                
                                                                                
                                                                                

                                    </ul>
                                    <div class="cb"></div>
                                </div>
                            </div>
                            <!-- } -->
                            
                                                        
                            <div class="rb_swiper_list">
                            
                            <!-- for { -->
                                
                                <div>
                                    
                                                                        
                                    <ul class="bbs_main_wrap_con_ul2" style="width:100%">
                                        
                                                                                <li class="bbs_main_wrap_con_subj cut"><a href="https://woljeong.com/notice/%EC%9B%94%EC%A0%95-%EC%9C%A4%EC%8A%A4%ED%85%8C%EC%9D%B4-%EC%9E%85%ED%87%B4%EC%8B%A4-%EC%95%88%EB%82%B4/" class="font-B">월정 윤스테이 입/퇴실 안내</a></li>
                                                                                
                                                                                
                                                                                

                                    </ul>
                                    <div class="cb"></div>
                                </div>
                            </div>
                            <!-- } -->
                            
                                                        
                            <div class="rb_swiper_list">
                            
                            <!-- for { -->
                                
                                <div>
                                    
                                                                        
                                    <ul class="bbs_main_wrap_con_ul2" style="width:100%">
                                        
                                                                                <li class="bbs_main_wrap_con_subj cut"><a href="https://woljeong.com/notice/%EC%9B%94%EC%A0%95-%EC%9C%A4%EC%8A%A4%ED%85%8C%EC%9D%B4-%ED%99%98%EB%B6%88-%EA%B7%9C%EC%A0%95/" class="font-B">월정 윤스테이 환불 규정</a></li>
                                                                                
                                                                                
                                                                                

                                    </ul>
                                    <div class="cb"></div>
                                </div>
                            </div>
                            <!-- } -->
                            
                                                                                    
                            </div>
                        </div>
                           
                         
                        
                    </div>
                </ul>
                
            </div>
                                </div>
                    
                    
                    
                    
                    

                    

                



                                        
                                    </ul>


                                <div class="flex_box_inner flex_box" data-layout="1-3" data-layout-loaded="1">
                                                        </div>
            </div>


                        <div
              id="rb-module-6"
              class="rb_layout_box "
              style="width:50%; height:auto;"
              data-order-id="2"
              data-id="6"
              data-layout="1"
              data-sec-key=""
              data-sec-uid=""
              data-title="예약하기"
              data-shop="0"
                          >

                <ul class="content_box rb_module_6    "

                    style="                    margin-top:40px;
                    margin-bottom:0px;
                    ">



                                        
                    
                                            <div class="rb-module-wrap module_widget_wrap"
                           style="
                           height:auto;                           border-color:#DDDDDD;                                                                                  background-color:#FFFFFF;                            padding-left:20px; padding-right:20px;                            ">
                            


<div>
<style>
	font {
		font-size: 1.5rem;
	}
</style>	
	<div>
		<font color=red>&nbsp;&nbsp;&nbsp; <b> 예약하기</b></font >
	</div><br>
	<div>
		<h5 >&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
			<a href="https://booking.naver.com/booking/3/bizes/538146/items/3962885" target="_new">
				<span><img src="/img/naver.png"> ▶ 온라인 예약</span>
			</a>
		</h5>		
	</div><br><br>
	<!-- <div>
		<h5 >&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
			<a href="https://www.airbnb.co.kr/rooms/50158448?adults=1&amp;category_tag=Tag:789&amp;children=0&amp;infants=0&amp;pets=0&amp;search_mode=flex_destinations_search&amp;federated_search_id=d36ab57e-5d5f-4702-9d86-a3a405975a8c&amp;source_impression_id=p3_1677813692_aa/6Sj3Rw7BDBpCS" rel="nofollow" target="_new">
				<span><img src="/img/airbnb.png"> ▶ 온라인 예약</span>
			</a>
		</h5>		
    </div><br><br>
	-->
</div>                        </div>
                    
                    
                    

                    

                



                                        
                                    </ul>


                                <div class="flex_box_inner flex_box" data-layout="1-6" data-layout-loaded="1">
                                                        </div>
            </div>


                        <div
              id="rb-module-4"
              class="rb_layout_box "
              style="width:100%; height:auto;"
              data-order-id="3"
              data-id="4"
              data-layout="1"
              data-sec-key=""
              data-sec-uid=""
              data-title="GALLERY"
              data-shop="0"
                          >

                <ul class="content_box rb_module_4    "

                    style="                    margin-top:0px;
                    margin-bottom:0px;
                    ">



                                                                <div class="rb-module-wrap module_latest_wrap md_arrow_0"
                           style="
                           height:auto;                           border-color:#DDDDDD;                                                                                  background-color:#FFFFFF;                            padding-left:10px; padding-right:10px;                            ">
                            
<link rel="stylesheet" href="https://woljeong.com/theme/rb.basic/skin/latest/rb.latest.thumb_top/style.css?ver=2026-10-21 22:12:29">



            <div class="bbs_main">
               
                <!-- { -->
                <ul class="bbs_main_wrap_tit" style="display:block">

                    <li class="bbs_main_wrap_tit_l">
                        <!-- 타이틀 { -->
                        <a href="https://woljeong.com/gallery">
                            <h2 class="font-B" style="color:#aa20ff; font-size:20px; ">GALLERY</h2>
                        </a>
                        <!-- } -->
                    </li>
                    
                    
                    <li class="bbs_main_wrap_tit_r">
                        <button type="button" class="more_btn" onclick="location.href='https://woljeong.com/gallery';">더보기</button>
                    </li>
                    
                    <div class="cb"></div>
                </ul>
                <!-- } -->
                
                <!-- { -->
                <ul class="bbs_main_wrap_thumb_top_con">
                  
                    <div class="rb_swiper" 
                       id="rb_swiper_4" 
                       data-pc-w="4" 
                       data-pc-h="2" 
                       data-mo-w="1" 
                       data-mo-h="4" 
                       data-pc-gap="10" 
                       data-mo-gap="10" 
                       data-autoplay="0" 
                       data-autoplay-time="0" 
                       data-pc-swap="0" 
                       data-mo-swap="0" 
                       data-pc-speed="400" 
                       data-mo-speed="400"
                    >
                    
                    <div class="rb_swiper_inner">
                        <div class="rb-swiper-wrapper swiper-wrapper">
                            
                                                        
                            <div class="rb_swiper_list">
                            
                            <!-- for { -->
                                
                                <div>
                                    
                                                                        <ul class="bbs_main_wrap_con_ul1">
                                        <a href="https://woljeong.com/gallery/%EC%9C%A4%EC%8A%A4%ED%85%8C%EC%9D%B4-%EC%A0%9C%EC%A3%BC-5/"><img src="https://woljeong.com/data/file/gallery/thumb-3232235521_69390393f1c4f_IMG_0270_400x333.jpg" alt="" class="skin_list_image"></a>
                                        
                                                                            </ul>
                                                                        
                                    <ul class="bbs_main_wrap_con_ul2" >
                                        
                                                                                
                                                                                
                                                                                

                                    </ul>
                                    <div class="cb"></div>
                                </div>
                            </div>
                            <!-- } -->
                            
                                                        
                            <div class="rb_swiper_list">
                            
                            <!-- for { -->
                                
                                <div>
                                    
                                                                        <ul class="bbs_main_wrap_con_ul1">
                                        <a href="https://woljeong.com/gallery/%EC%9C%A4%EC%8A%A4%ED%85%8C%EC%9D%B4-%EC%A0%9C%EC%A3%BC-4/"><img src="https://woljeong.com/data/file/gallery/thumb-aab70f5ff94a70e099d2eeff6fc19234_E7WBXQ6j_40419f3b23eb1ebc9981a8d9310f56dad6ef2f3a_400x333.jpg" alt="" class="skin_list_image"></a>
                                        
                                                                            </ul>
                                                                        
                                    <ul class="bbs_main_wrap_con_ul2" >
                                        
                                                                                
                                                                                
                                                                                

                                    </ul>
                                    <div class="cb"></div>
                                </div>
                            </div>
                            <!-- } -->
                            
                                                        
                            <div class="rb_swiper_list">
                            
                            <!-- for { -->
                                
                                <div>
                                    
                                                                        <ul class="bbs_main_wrap_con_ul1">
                                        <a href="https://woljeong.com/gallery/%EC%9C%A4%EC%8A%A4%ED%85%8C%EC%9D%B4-%EC%A0%9C%EC%A3%BC-3/"><img src="https://woljeong.com/data/file/gallery/thumb-aab70f5ff94a70e099d2eeff6fc19234_ebshpGok_f5cceca9b66ffe1d17b44b6f1f8d16e9667a1706_400x333.jpg" alt="" class="skin_list_image"></a>
                                        
                                                                            </ul>
                                                                        
                                    <ul class="bbs_main_wrap_con_ul2" >
                                        
                                                                                
                                                                                
                                                                                

                                    </ul>
                                    <div class="cb"></div>
                                </div>
                            </div>
                            <!-- } -->
                            
                                                        
                            <div class="rb_swiper_list">
                            
                            <!-- for { -->
                                
                                <div>
                                    
                                                                        <ul class="bbs_main_wrap_con_ul1">
                                        <a href="https://woljeong.com/gallery/%EC%9C%A4%EC%8A%A4%ED%85%8C%EC%9D%B4-%EC%A0%9C%EC%A3%BC-2/"><img src="https://woljeong.com/data/file/gallery/thumb-aab70f5ff94a70e099d2eeff6fc19234_LlirUT9E_a82a3a30edff58e2e0d569959c51d59bde644221_400x333.jpg" alt="" class="skin_list_image"></a>
                                        
                                                                            </ul>
                                                                        
                                    <ul class="bbs_main_wrap_con_ul2" >
                                        
                                                                                
                                                                                
                                                                                

                                    </ul>
                                    <div class="cb"></div>
                                </div>
                            </div>
                            <!-- } -->
                            
                                                        
                            <div class="rb_swiper_list">
                            
                            <!-- for { -->
                                
                                <div>
                                    
                                                                        <ul class="bbs_main_wrap_con_ul1">
                                        <a href="https://woljeong.com/gallery/%EC%9C%A4%EC%8A%A4%ED%85%8C%EC%9D%B4-%EC%A0%9C%EC%A3%BC-1/"><img src="https://woljeong.com/data/file/gallery/thumb-aab70f5ff94a70e099d2eeff6fc19234_h0lyE3gA_83ab165d5c39e89fc345a82e4d2d0246153a83ea_400x333.jpg" alt="" class="skin_list_image"></a>
                                        
                                                                            </ul>
                                                                        
                                    <ul class="bbs_main_wrap_con_ul2" >
                                        
                                                                                
                                                                                
                                                                                

                                    </ul>
                                    <div class="cb"></div>
                                </div>
                            </div>
                            <!-- } -->
                            
                                                        
                            <div class="rb_swiper_list">
                            
                            <!-- for { -->
                                
                                <div>
                                    
                                                                        <ul class="bbs_main_wrap_con_ul1">
                                        <a href="https://woljeong.com/gallery/%EC%9C%A4%EC%8A%A4%ED%85%8C%EC%9D%B4-%EC%A0%9C%EC%A3%BC/"><img src="https://woljeong.com/data/file/gallery/thumb-aab70f5ff94a70e099d2eeff6fc19234_LQebc6r8_f4c0c21722238ad2fb5ec6a7cb9a3ba0d1ab92c9_400x333.jpg" alt="" class="skin_list_image"></a>
                                        
                                                                            </ul>
                                                                        
                                    <ul class="bbs_main_wrap_con_ul2" >
                                        
                                                                                
                                                                                
                                                                                

                                    </ul>
                                    <div class="cb"></div>
                                </div>
                            </div>
                            <!-- } -->
                            
                                                                                    
                            </div>
                        </div>
                           
                         
                        
                    </div>
                </ul>
                
            </div>
                                </div>
                    
                    
                    
                    
                    

                    

                



                                        
                                    </ul>


                                <div class="flex_box_inner flex_box" data-layout="1-4" data-layout-loaded="1">
                                                        </div>
            </div>


                        <div
              id="rb-module-5"
              class="rb_layout_box "
              style="width:100%; height:auto;"
              data-order-id="4"
              data-id="5"
              data-layout="1"
              data-sec-key=""
              data-sec-uid=""
              data-title="네이버 블로그"
              data-shop="0"
                          >

                <ul class="content_box rb_module_5    "

                    style="                    margin-top:0px;
                    margin-bottom:0px;
                    ">



                                        
                    
                                            <div class="rb-module-wrap module_widget_wrap"
                           style="
                           height:auto;                           border-color:#DDDDDD;                                                                                  background-color:#FFFFFF;                            padding-left:20px; padding-right:20px;                            ">
                            <style>
    .gap_wrap {height:1px; margin-top: -10px; margin-bottom: -10px;}
</style>

<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<script src="https://woljeong.com/js/jquery-1.12.4.min.js?ver=1764854786"></script>
<script src="https://woljeong.com/js/jquery-migrate-1.4.1.min.js?ver=1764854786"></script>
<script src="https://woljeong.com/theme/rb.basic/rb.js/rb.layout.js?ver=1791522673"></script>
<script src="https://woljeong.com/js/jquery.menu.js?ver=1764854786"></script>
<script src="https://woljeong.com/js/common.js?ver=1791521077"></script>
<script src="https://woljeong.com/js/wrest.js?ver=1764854787"></script>
<script src="https://woljeong.com/js/placeholders.min.js?ver=1764854786"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js"></script>
<script src="https://woljeong.com/theme/rb.basic/rb.js/swiper.js?ver=1764857231"></script>
<script src="https://woljeong.com/theme/rb.basic/rb.js/rb.common.js?ver=1791522180"></script>
<script src="https://woljeong.com/theme/rb.basic/rb.theme/js/rb.carousel.js?ver=1791522747"></script>
</head>
<body>

<!-- 디자인 4: 다크 모던 스타일 -->
<style>
.naver-blog-widget-dark {
    background: linear-gradient(135deg, #1e1e1e 0%, #2d2d2d 100%);
    border-radius: 16px;
    padding: 30px;
    margin: 20px 0;
    box-shadow: 0 10px 40px rgba(0,0,0,0.3);
}

.naver-blog-widget-dark .widget-title {
    font-size: 24px;
    font-weight: 700;
    color: #fff;
    margin: 0 0 25px 0;
    text-align: center;
    background: linear-gradient(90deg, #03c75a, #00ff7f);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.naver-blog-widget-dark .blog-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.naver-blog-widget-dark .blog-item {
    background: rgba(255,255,255,0.05);
    border-radius: 10px;
    padding: 18px;
    margin-bottom: 12px;
    border: 1px solid rgba(255,255,255,0.1);
    transition: all 0.3s ease;
}

.naver-blog-widget-dark .blog-item:hover {
    background: rgba(255,255,255,0.08);
    border-color: #03c75a;
    transform: translateX(5px);
}

.naver-blog-widget-dark .blog-item a {
    text-decoration: none;
    color: inherit;
}

.naver-blog-widget-dark .blog-title {
    font-size: 15px;
    font-weight: 600;
    color: #fff;
    margin-bottom: 8px;
    line-height: 1.4;
}

.naver-blog-widget-dark .blog-desc {
    font-size: 13px;
    color: #b0b0b0;
    line-height: 1.5;
    margin-bottom: 8px;
}

.naver-blog-widget-dark .blog-date {
    font-size: 12px;
    color: #03c75a;
}

.naver-blog-widget-dark .view-more {
    text-align: center;
    margin-top: 20px;
}

.naver-blog-widget-dark .view-more a {
    display: inline-block;
    padding: 12px 30px;
    background: linear-gradient(90deg, #03c75a, #00ff7f);
    border-radius: 25px;
    color: #fff;
    text-decoration: none;
    font-size: 14px;
    font-weight: 600;
    transition: all 0.3s;
}

.naver-blog-widget-dark .view-more a:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(3,199,90,0.4);
}
</style>

<div class="naver-blog-widget-dark">
    <h3 class="widget-title">LATEST BLOG POSTS</h3>

            <ul class="blog-list">
                            <li class="blog-item">
                    <a href="https://blog.naver.com/yunstay/224072690947?fromRss=true&amp;trackingCode=rss" target="_blank" rel="noopener">
                        <div class="blog-title">제주동쪽 맛집 ) 몽탄 제주점</div>
                        <div class="blog-desc">안녕하세요 ~! 삼각지 맛집 몽탄의 시그니처 메뉴인 우대갈비를 제주도에서도 만날 수 있는거 다들 알고계시죠? 제주도 동쪽의 요즘 핫플인 ㅋㅋ 동...</div>
                        <div class="blog-date">🕐 2025.11.13</div>
                    </a>
                </li>
                            <li class="blog-item">
                    <a href="https://blog.naver.com/yunstay/224074605953?fromRss=true&amp;trackingCode=rss" target="_blank" rel="noopener">
                        <div class="blog-title">윤스테이 주변 빵 맛집 &amp; 카페 2</div>
                        <div class="blog-desc">안녕하세요 ? 윤스테이 근처 빵 맛집과 카페 2탄 입니다 ㅎㅎ 이번엔 김녕쪽 위주에요 ~ 1. 롯지먼트 주차장x , 주변 공영주차장 이용 지금은...</div>
                        <div class="blog-date">🕐 2025.11.13</div>
                    </a>
                </li>
                            <li class="blog-item">
                    <a href="https://blog.naver.com/yunstay/224072677880?fromRss=true&amp;trackingCode=rss" target="_blank" rel="noopener">
                        <div class="blog-title">월정리 바닷가와 함께하는 윤스테이!</div>
                        <div class="blog-desc">안녕하세요 ? 다들 동쪽 여행오셔서 제주도의 바닷가 잘 구경하고 계실까요 ㅎㅎ 저희 윤스테이는 아름다운 제주도 동쪽의 월정리 해변가에 위치한 독...</div>
                        <div class="blog-date">🕐 2025.11.11</div>
                    </a>
                </li>
                            <li class="blog-item">
                    <a href="https://blog.naver.com/yunstay/224053369528?fromRss=true&amp;trackingCode=rss" target="_blank" rel="noopener">
                        <div class="blog-title">윤스테이 주변 빵 맛집 &amp; 카페</div>
                        <div class="blog-desc">* 소금빵 맛집 1) 자아시로 8시부터 영업하는 소금빵, 에그타르트 맛집! 명란마요 소금빵, 보리콩 버터 소금빵이 시그니처 메뉴 :) 월정리 입...</div>
                        <div class="blog-date">🕐 2025.10.25</div>
                    </a>
                </li>
                            <li class="blog-item">
                    <a href="https://blog.naver.com/yunstay/223981288323?fromRss=true&amp;trackingCode=rss" target="_blank" rel="noopener">
                        <div class="blog-title">월정리 윤스테이 2층 테라스</div>
                        <div class="blog-desc">2층 테라스 그늘망 설치 ...</div>
                        <div class="blog-date">🕐 2025.08.24</div>
                    </a>
                </li>
                    </ul>

        <div class="view-more">
            <a href="https://blog.naver.com/yunstay" target="_blank" rel="noopener">Visit Blog →</a>
        </div>
    </div>
</body>
</html>
                        </div>
                    
                    
                    

                    

                



                                        
                                    </ul>


                                <div class="flex_box_inner flex_box" data-layout="1-5" data-layout-loaded="1">
                                                        </div>
            </div>


            </div>    




</section>
</div>




    <!--
    <footer>내용</footer>
    <footer>는 반드시 포함해주세요.
    -->

    <footer>
        <div class="footer_gnb">
            <div class="inner" style="width:1400px; ">
                <ul class="footer_gnb_ul1 pc">
                                        <a href="https://woljeong.com/content/%EC%84%9C%EB%B9%84%EC%8A%A4-%EC%9D%B4%EC%9A%A9%EC%95%BD%EA%B4%80/">이용약관</a>
                    <a href="https://woljeong.com/content/%EA%B0%9C%EC%9D%B8%EC%A0%95%EB%B3%B4-%EC%B2%98%EB%A6%AC%EB%B0%A9%EC%B9%A8/">개인정보처리방침</a>
                </ul>
                <ul class="footer_gnb_ul2">
                                                                    <a href="https://woljeong.com/shop/">마켓</a>
                                            
                    <a href="https://woljeong.com/bbs/qalist.php">1:1 문의</a>
                    <a href="https://woljeong.com/bbs/faq.php">FAQ</a>
                    <a href="https://woljeong.com/rb/new.php">새글</a>
                    <a href="https://woljeong.com/bbs/current_connect.php">접속자 
<span class="cc_total_cnt font-B">2</span></a>
                </ul>
                <div class="cb"></div>
            </div>
        </div>
        <div class="footer_copy">
            <div class="inner" style="width:1400px; ">
                <ul class="footer_copy_ul1">
                    <li class="footer_copy_ul1_li1">

                                                    <a href="#"><img src="https://woljeong.com/data/logos/pc_w?ver=1792588349"></a>
                        
                        <div class="mobile">
                                                        <a href="https://woljeong.com/content/%EC%84%9C%EB%B9%84%EC%8A%A4-%EC%9D%B4%EC%9A%A9%EC%95%BD%EA%B4%80/">이용약관</a>
                            <a href="https://woljeong.com/content/%EA%B0%9C%EC%9D%B8%EC%A0%95%EB%B3%B4-%EC%B2%98%EB%A6%AC%EB%B0%A9%EC%B9%A8/">개인정보처리방침</a>
                        </div>

                    </li>
                    <li class="footer_copy_ul1_li2">
                        <dd>윤스테이</dd>                        <dd>대표자 : 강순임</dd>                        <dd>대표전화 : 010-9387-0441</dd>                                                <dd>사업자등록번호 : 423-14-01664</dd>                        <dd>통신판매업신고번호 : 2021-제주 구좌-0075</dd>                                                <dd>구좌읍 제1167호</dd>
                        <dd>주소 : (63358)  제주특별자치도 제주시 구좌읍 월정5길 42</dd>                        <dd>개인정보책임자(이메일) : [email protected]</dd>                        <div class="cb"></div>
                    </li>

                                        <li class="footer_copy_ul1_li3">
                       Copyright © woljeong.com. All rights reserved.                    </li>
                    
                </ul>
                <ul class="footer_copy_ul2" itemscope="" itemtype="http://schema.org/Organization">
                    <link itemprop="url" href="https://woljeong.com">
                                                                                                                                                                                                        
                    


                    



                </ul>
                <div class="cb"></div>
            </div>
        </div>
    </footer>




<!-- 전체메뉴 { -->
<nav id="cbp-hrmenu-btm" class="cbp-hrmenu cbp-hrmenu-btm mobile">

   <div class="rb_btm_search_pn">
       <ul class="fixed_rb_btm_s">
           <form name="fsearchbox2" method="get" action="https://woljeong.com/bbs/search.php" onsubmit="return fsearchbox_submit2(this);">
           <input type="hidden" name="sfl" value="wr_subject||wr_content">

           <li class="rb_btm_search_pn_li1">
               <button type="button" class="rb_bs_back_btn">
                <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                <g clip-path="url(#clip0_75_6)">
                <path fill-rule="evenodd" clip-rule="evenodd" d="M8.29303 12.707C8.10556 12.5195 8.00024 12.2652 8.00024 12C8.00024 11.7348 8.10556 11.4805 8.29303 11.293L13.95 5.63601C14.0423 5.5405 14.1526 5.46431 14.2746 5.41191C14.3966 5.3595 14.5278 5.33191 14.6606 5.33076C14.7934 5.3296 14.9251 5.3549 15.048 5.40519C15.1709 5.45547 15.2825 5.52972 15.3764 5.62361C15.4703 5.71751 15.5446 5.82916 15.5949 5.95205C15.6451 6.07495 15.6704 6.20663 15.6693 6.33941C15.6681 6.47219 15.6405 6.60341 15.5881 6.72541C15.5357 6.84742 15.4595 6.95776 15.364 7.05001L10.414 12L15.364 16.95C15.5462 17.1386 15.647 17.3912 15.6447 17.6534C15.6424 17.9156 15.5373 18.1664 15.3518 18.3518C15.1664 18.5372 14.9156 18.6424 14.6534 18.6447C14.3912 18.647 14.1386 18.5462 13.95 18.364L8.29303 12.707Z" fill="#09244B"/>
                </g>
                <defs>
                <clipPath id="clip0_75_6">
                <rect width="24" height="24" fill="white"/>
                </clipPath>
                </defs>
                </svg>
               </button>
           </li>
           <li class="rb_btm_search_pn_li2">
               <input type="text" name="stx" maxlength="20" class="rb_bs_inp font-B" placeholder="검색어를 입력하세요." required>
           </li>
           <li class="rb_btm_search_pn_li3">
                <button type="submit" class="rb_bs_se_btn">
                <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                <g clip-path="url(#clip0_75_10)">
                <path fill-rule="evenodd" clip-rule="evenodd" d="M10.5 2C9.1446 2.00012 7.80887 2.32436 6.60427 2.94569C5.39966 3.56702 4.3611 4.46742 3.57525 5.57175C2.78939 6.67609 2.27902 7.95235 2.08672 9.29404C1.89442 10.6357 2.02576 12.004 2.46979 13.2846C2.91382 14.5652 3.65766 15.7211 4.63925 16.6557C5.62084 17.5904 6.81171 18.2768 8.11252 18.6576C9.41333 19.0384 10.7864 19.1026 12.117 18.8449C13.4477 18.5872 14.6975 18.015 15.762 17.176L19.414 20.828C19.6026 21.0102 19.8552 21.111 20.1174 21.1087C20.3796 21.1064 20.6304 21.0012 20.8158 20.8158C21.0012 20.6304 21.1064 20.3796 21.1087 20.1174C21.111 19.8552 21.0102 19.6026 20.828 19.414L17.176 15.762C18.164 14.5086 18.7792 13.0024 18.9511 11.4157C19.123 9.82905 18.8448 8.22602 18.1482 6.79009C17.4517 5.35417 16.3649 4.14336 15.0123 3.29623C13.6597 2.44911 12.096 1.99989 10.5 2ZM4.00001 10.5C4.00001 8.77609 4.68483 7.12279 5.90382 5.90381C7.1228 4.68482 8.7761 4 10.5 4C12.2239 4 13.8772 4.68482 15.0962 5.90381C16.3152 7.12279 17 8.77609 17 10.5C17 12.2239 16.3152 13.8772 15.0962 15.0962C13.8772 16.3152 12.2239 17 10.5 17C8.7761 17 7.1228 16.3152 5.90382 15.0962C4.68483 13.8772 4.00001 12.2239 4.00001 10.5Z" fill="#09244B"/>
                </g>
                <defs>
                <clipPath id="clip0_75_10">
                <rect width="24" height="24" fill="white"/>
                </clipPath>
                </defs>
                </svg>
                </button>
           </li>
           </form>

           <script>
               function fsearchbox_submit2(f) //검색
               {
                   var stx = f.stx.value.trim();
                   if (stx.length < 2) {
                       alert("검색어는 두글자 이상 입력해주세요.");
                       f.stx.select();
                       f.stx.focus();
                       return false;
                   }

                   // 검색에 많은 부하가 걸리는 경우 이 주석을 제거하세요.
                   var cnt = 0;
                   for (var i = 0; i < stx.length; i++) {
                       if (stx.charAt(i) == ' ')
                           cnt++;
                   }

                   if (cnt > 1) {
                       alert("빠른 검색을 위해 공백은 한번만 입력할 수 있어요.");
                       f.stx.select();
                       f.stx.focus();
                       return false;
                   }
                   f.stx.value = stx;

                   return true;
               }

           </script>

       </ul>
       <br><br><br><br>
       <ul class="rb_btm_skey">
           <h6 class="font-B">인기 검색어</h6>
           <li>
           

    <a class="ser_label" href="javascript:void(0);" data-key="월정리바다"><b>#</b> 월정리바다</a>
    <a class="ser_label" href="javascript:void(0);" data-key="in"><b>#</b> in</a>
    <a class="ser_label" href="javascript:void(0);" data-key="yunstay"><b>#</b> yunstay</a>
    <a class="ser_label" href="javascript:void(0);" data-key="펜션"><b>#</b> 펜션</a>
    <a class="ser_label" href="javascript:void(0);" data-key="대한민국"><b>#</b> 대한민국</a>
    <a class="ser_label" href="javascript:void(0);" data-key="모집"><b>#</b> 모집</a>
    <a class="ser_label" href="javascript:void(0);" data-key="월정독채펜션"><b>#</b> 월정독채펜션</a>
    <a class="ser_label" href="javascript:void(0);" data-key="윤스테이제주"><b>#</b> 윤스테이제주</a>
    <a class="ser_label" href="javascript:void(0);" data-key="제주"><b>#</b> 제주</a>
    <a class="ser_label" href="javascript:void(0);" data-key="제주도선원모집"><b>#</b> 제주도선원모집</a>



<!-- } 인기검색어 끝 -->           </li>
       </ul>


       <ul class="rb_btm_sbbs">
            <h6 class="font-B">요즘 뜨는 글</h6>

            


            <div class="hub_latest">
                <div class="rb_btm_hot_list">

                            
                                                          <div>
                                <ul>
                                  <li class="no_data">게시물이 없어요.</li>
                                </ul>
                              </div>
                                            </div>
            </div>



       </ul>
   </div>

   <button type="button" id="m_gnb_close_btn" class="mobile">
        <img src="https://woljeong.com/rb/rb.config/image/icon_close.svg">
    </button>


    <button type="button" class="rb_btm_search_btn">
        <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
            <path fill-rule="evenodd" clip-rule="evenodd" d="M8.49928 1.91687e-08C7.14387 0.000115492 5.80814 0.324364 4.60353 0.945694C3.39893 1.56702 2.36037 2.46742 1.57451 3.57175C0.788656 4.67609 0.278287 5.95235 0.0859852 7.29404C-0.106316 8.63574 0.0250263 10.004 0.469055 11.2846C0.913084 12.5652 1.65692 13.7211 2.63851 14.6557C3.6201 15.5904 4.81098 16.2768 6.11179 16.6576C7.4126 17.0384 8.78562 17.1026 10.1163 16.8449C11.447 16.5872 12.6967 16.015 13.7613 15.176L17.4133 18.828C17.6019 19.0102 17.8545 19.111 18.1167 19.1087C18.3789 19.1064 18.6297 19.0012 18.8151 18.8158C19.0005 18.6304 19.1057 18.3796 19.108 18.1174C19.1102 17.8552 19.0094 17.6026 18.8273 17.414L15.1753 13.762C16.1633 12.5086 16.7784 11.0024 16.9504 9.41573C17.1223 7.82905 16.8441 6.22602 16.1475 4.79009C15.4509 3.35417 14.3642 2.14336 13.0116 1.29623C11.659 0.449106 10.0952 -0.000107143 8.49928 1.91687e-08ZM1.99928 8.5C1.99928 6.77609 2.6841 5.12279 3.90308 3.90381C5.12207 2.68482 6.77537 2 8.49928 2C10.2232 2 11.8765 2.68482 13.0955 3.90381C14.3145 5.12279 14.9993 6.77609 14.9993 8.5C14.9993 10.2239 14.3145 11.8772 13.0955 13.0962C11.8765 14.3152 10.2232 15 8.49928 15C6.77537 15 5.12207 14.3152 3.90308 13.0962C2.6841 11.8772 1.99928 10.2239 1.99928 8.5Z" fill="#09244B"></path>
        </svg>
    </button>

    <script>
    $('.ser_label').click(function() {
        var dataKey = $(this).attr('data-key');
        $('.rb_bs_inp').val(dataKey);
    });
    document.addEventListener('click', function (ev) {
        // 검색 버튼 -> 열기
        var openBtn = ev.target.closest('.rb_btm_search_btn');
        if (openBtn) {
            var pn1 = document.querySelector('.rb_btm_search_pn');
            if (pn1) pn1.classList.add('open');
            return;
        }

        // 뒤로 버튼 -> 닫기
        var backBtn = ev.target.closest('.rb_bs_back_btn');
        if (backBtn) {
            var pn2 = document.querySelector('.rb_btm_search_pn');
            if (pn2) pn2.classList.remove('open');
            return;
        }
    });
    </script>

    <script>
        $(document).ready(function() {
            $('#m_gnb_close_btn').click(function() {
                $('#cbp-hrmenu-btm').removeClass('active');
                $('#m_gnb_close_btn').removeClass('active');
                $('main').removeClass('moves');
                $('header').removeClass('moves');
            });
        });
    </script>


    <div class="user_prof_bg">
                <li class="user_prof_bg_info font-B">Guest</li>
            </div>
    <div class="user_prof">
                <img src="https://woljeong.com/img/no_profile.gif" alt="profile_image">            </div>
    <div class="user_prof_btns">
        <li class="">
                        <button type="button" alt="로그인" class="btn_round" onclick="location.href='https://woljeong.com/bbs/login.php?url=https%3A%2F%2Fwoljeong.com%2F';">로그인</button>
            <button type="button" alt="회원가입" class="btn_round arr_bg font-B" onclick="location.href='https://woljeong.com/bbs/register.php';">회원가입</button>
                    </li>
    </div>



    <ul>
            <li class="">
            <a href="https://woljeong.com/content/%ED%8E%9C%EC%85%98-%EC%86%8C%EA%B0%9C/" target="_self" class="font-B">펜션 소개</a>
            
                    </li>
            <li class="">
            <a href="https://woljeong.com/content/%EC%98%88%EC%95%BD-%EC%95%88%EB%82%B4/" target="_self" class="font-B">예약 안내</a>
            
                    </li>
            <li class="">
            <a href="https://woljeong.com/content/%EC%98%A4%EC%8B%9C%EB%8A%94-%EA%B8%B8/" target="_self" class="font-B">오시는 길</a>
            
                    </li>
            <li class="">
            <a href="https://woljeong.com/bbs/group.php?gr_id=community" target="_self" class="font-B">커뮤니티</a>
            
                    </li>
            <li class="">
            <a href="https://woljeong.com/content/%EC%9B%94%EC%A0%95%ED%95%B4%EC%88%98%EC%9A%95%EC%9E%A5%EA%B0%80%EB%8A%94%EA%B8%B8/" target="_self" class="font-B">월정해수욕장가는길</a>
            
                    </li>
        </ul>



</nav>

<script>
(function () {
    // // 캡처 단계에서 3차 토글 먼저 처리 (기존 btm 스크립트 간섭 차단)
    document.addEventListener('click', function (e) {
        var btn = e.target.closest('#cbp-hrmenu-btm .rb-btm-3d-toggle');
        if (!btn) return;

        e.preventDefault();
        e.stopPropagation();

        var li = btn.closest('li.rb-btm-2d') || btn.closest('li');
        if (!li) return;

        var panel = li.querySelector(':scope > .cbp-hrsub-3') || li.querySelector('.cbp-hrsub-3');
        if (!panel) return;

        // // 토글
        var isOpen = panel.style.display === 'block' || panel.offsetParent !== null;
        if (isOpen) {
            panel.style.display = 'none';
            li.classList.remove('rb-3d-open');
        } else {
            // // 형제 3차 닫기(원하면 제거 가능)
            var sibs = li.parentElement ? li.parentElement.children : [];
            for (var i = 0; i < sibs.length; i++) {
                sibs[i].classList.remove('rb-3d-open');
                var p = sibs[i].querySelector('.cbp-hrsub-3');
                if (p) p.style.display = 'none';
            }

            panel.style.display = 'block';
            li.classList.add('rb-3d-open');
        }
    }, true); // true = capture
})();
</script>


<!-- } -->


<script src="https://woljeong.com/theme/rb.basic/rb.js/cbpHorizontalMenu.min.js?ver=1791522760"></script>
<script>
    $(function() {
        cbpHorizontalMenu.init();
        cbpHorizontalMenu_btm.init();
    });
</script>
<!-- } -->

<!-- 캘린더 옵션 { -->
<script>
    $.datepicker.setDefaults({
        closeText: "닫기",
        prevText: "이전달",
        nextText: "다음달",
        currentText: "오늘",
        monthNames: ["1월", "2월", "3월", "4월", "5월", "6월",
            "7월", "8월", "9월", "10월", "11월", "12월"
        ],
        monthNamesShort: ["1월", "2월", "3월", "4월", "5월", "6월",
            "7월", "8월", "9월", "10월", "11월", "12월"
        ],
        dayNames: ["일요일", "월요일", "화요일", "수요일", "목요일", "금요일", "토요일"],
        dayNamesShort: ["일", "월", "화", "수", "목", "금", "토"],
        dayNamesMin: ["일", "월", "화", "수", "목", "금", "토"],
        weekHeader: "주",
        dateFormat: "yy-mm-dd",
        firstDay: 0,
        isRTL: false,
        showMonthAfterYear: true,
        yearSuffix: "년"
    })

    $(".datepicker_inp").datepicker({
        //minDate: 0
    })
</script>


<link rel="stylesheet" href="https://woljeong.com/theme/rb.basic/rb.css/datepicker.css" />
<!-- } -->



<script>AOS.init();</script>
<!-- } 하단 끝 -->

<script>
// 뷰포트 안에 들어온 요소는 AOS 발동 위치와 관계없이 표시
function rb_aos_force_visible() {
    var windowH = window.innerHeight;
    document.querySelectorAll('[data-aos]').forEach(function(el) {
        var rect = el.getBoundingClientRect();
        if (rect.top < windowH && rect.bottom > 0) {
            el.classList.add('aos-animate');
        }
    });
}

document.addEventListener('DOMContentLoaded', rb_aos_force_visible);
window.addEventListener('load', rb_aos_force_visible);

(function() {
    var ticking = false;
    var trailingTimer = null;

    function requestAosVisibleCheck() {
        if (!ticking) {
            ticking = true;
            requestAnimationFrame(function() {
                rb_aos_force_visible();
                ticking = false;
            });
        }
        clearTimeout(trailingTimer);
        trailingTimer = setTimeout(rb_aos_force_visible, 120);
    }

    window.addEventListener('scroll', requestAosVisibleCheck, { passive: true });
    window.addEventListener('resize', requestAosVisibleCheck);
})();

function rb_update_mod_label_heights() {
    document.querySelectorAll('.rb-mod-label[data-mod-id]').forEach(function(label) {
        var modId = label.getAttribute('data-mod-id');
        var layoutBox = document.querySelector('.rb_layout_box[data-id="' + modId + '"]');
        if (!layoutBox) return;
        var moduleWrap = layoutBox.querySelector('.rb-module-wrap');
        if (!moduleWrap) return;
        var h = Math.round(moduleWrap.getBoundingClientRect().height);
        var hSpan = label.querySelector('.rb-mod-label-h');
        if (hSpan) hSpan.textContent = h + 'px';
    });
}

window.addEventListener('load', function() {
    setTimeout(rb_update_mod_label_heights, 300);
    var observer = new ResizeObserver(function() {
        rb_update_mod_label_heights();
    });
    document.querySelectorAll('.rb_layout_box[data-id]').forEach(function(box) {
        observer.observe(box);
    });
    setTimeout(function() {
        observer.disconnect();
    }, 7000);
});
</script>

<script>
    $(function() {
        // 폰트 리사이즈 쿠키있으면 실행
        font_resize("container", get_cookie("ck_font_resize_rmv_class"), get_cookie("ck_font_resize_add_class"));
    });

</script>




</main>


<script>
    $(function() {
        $('.content_box.rb_module_wide, .content_box.rb_module_mid, .rb_section_box.rb_sec_wide').each(function() {
            var parentWidth = $(this).parent().width();
            $(this).css('min-width', parentWidth + 'px');
        });
    });
</script>


<script>
    // jQuery 필요
    (function($) {
        'use strict';

        // === Singleton tooltip element ===
        var $tip = $('<div class="rb-tooltip" role="tooltip" aria-hidden="true"></div>').appendTo(document.body);
        var current = null; // 현재 타깃 요소
        var cfg = {
            gap: 8
        }; // 타깃과 툴팁 간격(px)

        // 위치 계산
        function place(el, pos) {
            var rect = el.getBoundingClientRect();
            $tip.removeClass('rb-tip-top rb-tip-right rb-tip-bottom rb-tip-left');

            // 먼저 보이게 해서 실제 크기 측정
            $tip.attr('data-show', '1').css({
                left: 0,
                top: 0,
                visibility: 'hidden'
            });
            var tRect = $tip[0].getBoundingClientRect();

            // auto: 가장 여유 있는 방향 선택
            if (!pos || pos === 'auto') {
                var vw = window.innerWidth,
                    vh = window.innerHeight;
                var space = {
                    top: rect.top,
                    right: vw - rect.right,
                    bottom: vh - rect.bottom,
                    left: rect.left
                };
                pos = Object.keys(space).sort(function(a, b) {
                    return space[b] - space[a];
                })[0];
            }

            var top = 0,
                left = 0;
            switch (pos) {
                case 'top':
                    top = rect.top - tRect.height - cfg.gap;
                    left = rect.left + (rect.width - tRect.width) / 2;
                    $tip.addClass('rb-tip-top');
                    break;
                case 'bottom':
                    top = rect.bottom + cfg.gap;
                    left = rect.left + (rect.width - tRect.width) / 2;
                    $tip.addClass('rb-tip-bottom');
                    break;
                case 'left':
                    top = rect.top + (rect.height - tRect.height) / 2;
                    left = rect.left - tRect.width - cfg.gap;
                    $tip.addClass('rb-tip-left');
                    break;
                default: // right
                    top = rect.top + (rect.height - tRect.height) / 2;
                    left = rect.right + cfg.gap;
                    $tip.addClass('rb-tip-right');
                    break;
            }

            // 뷰포트 살짝 보정(간단 클램프)
            var pad = 6;
            left = Math.max(pad, Math.min(left, window.innerWidth - tRect.width - pad));
            top = Math.max(pad, Math.min(top, window.innerHeight - tRect.height - pad));

            $tip.css({
                left: Math.round(left) + 'px',
                top: Math.round(top) + 'px',
                visibility: 'visible'
            });
        }

        // 보여주기
        function showTip($el, text, pos) {
            if (!text) return;
            current = $el[0];
            var id = 'rb-tip-' + Math.random().toString(36).slice(2, 8);
            $tip.text(text).attr({
                'id': id,
                'aria-hidden': 'false'
            }).attr('data-show', '1');
            $el.attr('aria-describedby', id);
            place(current, pos);
        }

        // 숨기기
        function hideTip() {
            if (!current) return;
            $(current).removeAttr('aria-describedby');
            current = null;
            $tip.attr({
                'data-show': '0',
                'aria-hidden': 'true'
            }).css('visibility', 'hidden');
        }

        // 문서 위임 이벤트: hover/focus
        $(document)
            .on('mouseenter focusin', '[data-tooltip]', function() {
                var $t = $(this);
                showTip($t, ($t.attr('data-tooltip') || '').trim(), ($t.attr('data-tooltip-pos') || 'right').trim());
            })
            .on('mouseleave focusout', '[data-tooltip]', function() {
                if (this === current) hideTip();
            })
            .on('keydown', function(e) {
                if (e.key === 'Escape') hideTip();
            })
            .on('scroll', function() {
                if (current) place(current, ($(current).attr('data-tooltip-pos') || 'right'));
            })
            .on('mousemove', function() {
                if (current) place(current, ($(current).attr('data-tooltip-pos') || 'right'));
            });

        // 터치: 탭 시 잠깐 표시(1.5s)
        $(document).on('touchstart', '[data-tooltip]', function() {
            var $t = $(this);
            showTip($t, ($t.attr('data-tooltip') || '').trim(), ($t.attr('data-tooltip-pos') || 'right').trim());
            setTimeout(hideTip, 1500);
        });

        // 전역 API (필요 시 직접 제어)
        window.RBTooltip = {
            show: function(el, text, opts) {
                var $el = $(el);
                showTip($el, text || $el.attr('data-tooltip'), (opts && opts.pos) || $el.attr('data-tooltip-pos') || 'right');
            },
            hide: hideTip,
            place: function() {
                if (current) place(current, ($(current).attr('data-tooltip-pos') || 'right'));
            }
        };
    })(jQuery);
</script>

<script>
    window.RBHelp = (function() {

        // 안전한 선택자
        function q(root, sel) {
            return root && root.querySelector ? root.querySelector(sel) : null;
        }

        // 안전한 closest: jQuery/NodeList/텍스트노드/구형 브라우저까지 대응
        function closestHelp(el) {
            // jQuery 객체면 첫 엘리먼트로
            if (el && el.jquery) el = el[0];
            // NodeList/HTMLCollection/배열이면 첫 엘리먼트로
            if (Array.isArray(el) || (el && typeof el.length === 'number' && el.item)) el = el[0];
            // 텍스트 노드면 부모로
            if (el && el.nodeType === 3) el = el.parentNode;

            if (!el || el.nodeType !== 1) return null; // Element만 허용

            if (typeof el.closest === 'function') return el.closest('.rb-help');

            // 폴백(아주 구형)
            for (var cur = el; cur && cur.nodeType === 1; cur = cur.parentElement) {
                if (cur.matches ? cur.matches('.rb-help') :
                    cur.msMatchesSelector && cur.msMatchesSelector('.rb-help')) {
                    return cur;
                }
            }
            return null;
        }

        function ensureBuilt(root) {
            var btn = q(root, '.rb-help-btn'),
                pop = q(root, '.rb-help-pop');
            if (!btn || !pop || pop.dataset.built === '1') return pop;

            var imgSrc = btn.getAttribute('data-img') || '';
            var txt = btn.getAttribute('data-txt') || '';
            var title = btn.getAttribute('data-title') || '';
            var alt = btn.getAttribute('data-alt') || '';
            var wHint = btn.getAttribute('data-img-w') || ''; // 있으면 공간 예약
            var hHint = btn.getAttribute('data-img-h') || '';

            var wrap = document.createElement('div');
            wrap.className = 'rb-help-pop-inner';

            if (imgSrc) {
                var img = new Image();
                img.className = 'rb-help-pop-img';
                img.src = imgSrc;
                img.alt = alt || '';
                if (wHint) img.width = parseInt(wHint, 10) || undefined; // 공간 예약
                if (hHint) img.height = parseInt(hHint, 10) || undefined;

                // ★ 이미지 로드 후 위치 재판단(첫 롤오버 튐 방지)
                var reAuto = function() {
                    requestAnimationFrame(function() {
                        autoFlip(pop);
                    });
                };
                if (img.complete) {
                    reAuto();
                } else {
                    img.addEventListener('load', reAuto, {
                        once: true
                    });
                    img.addEventListener('error', reAuto, {
                        once: true
                    });
                }

                wrap.appendChild(img);
            }

            var box = document.createElement('div');
            if (title) {
                var s = document.createElement('strong');
                s.className = 'rb-help-pop-title';
                s.textContent = title;
                box.appendChild(s);
            }
            if (txt) {
                var p = document.createElement('div');
                p.className = 'rb-help-pop-desc font-R';
                p.textContent = txt;
                box.appendChild(p);
            }
            wrap.appendChild(box);

            pop.innerHTML = '';
            pop.appendChild(wrap);
            pop.dataset.built = '1';
            return pop;
        }

        function setOpen(root, open) {
            var btn = q(root, '.rb-help-btn'),
                pop = q(root, '.rb-help-pop');
            if (!btn || !pop) return;

            // 열기 전 지연 구성 보장
            ensureBuilt(root);

            root.dataset.open = open ? 'true' : 'false';
            btn.setAttribute('aria-expanded', String(open));
            pop.setAttribute('aria-hidden', String(!open));

            if (open) {
                // ★ 첫 표시 프레임 숨김 → 측정/반영 → 보이기 (위치 튐 방지)
                var prevVis = pop.style.visibility;
                pop.style.visibility = 'hidden';
                requestAnimationFrame(function() {
                    autoFlip(pop);
                    pop.style.visibility = prevVis || '';
                });
            }
        }

        function autoFlip(pop) {
            pop.classList.remove('rb-flip-right');
            // 측정 중 애니메이션 간섭 방지
            var prevTransition = pop.style.transition;
            pop.style.transition = 'none';

            var rect = pop.getBoundingClientRect();
            if (rect.left < 8 || rect.right > window.innerWidth - 8) {
                pop.classList.add('rb-flip-right');
            }

            // 다음 프레임에 원복
            requestAnimationFrame(function() {
                pop.style.transition = prevTransition;
            });
        }

        // ===== 이벤트 바인딩 =====
        document.addEventListener('click', function(e) {
            // 버튼 클릭 토글
            var tgt = e.target && e.target.nodeType === 3 ? e.target.parentNode : e.target; // 텍스트노드 보정
            var btn = tgt && typeof tgt.closest === 'function' ? tgt.closest('.rb-help-btn') : null;
            if (btn) {
                e.preventDefault();
                var root = closestHelp(btn);
                setOpen(root, !(root && root.dataset.open === 'true'));
                return;
            }

            // 바깥 클릭 → 모두 닫기
            var h = closestHelp(tgt);
            if (!h) {
                document.querySelectorAll('.rb-help[data-open="true"]').forEach(function(x) {
                    setOpen(x, false);
                });
            }
        });

        // 마우스 진입/키보드 포커스 시 지연 구성
        document.addEventListener('mouseenter', function(e) {
            var h = closestHelp(e.target);
            if (h) ensureBuilt(h);
        }, true);

        document.addEventListener('focusin', function(e) {
            var h = closestHelp(e.target);
            if (h) {
                ensureBuilt(h);
                setOpen(h, true);
            }
        });

        // ESC 닫기
        document.addEventListener('keydown', function(e) {
            if (e.key === 'Escape') {
                document.querySelectorAll('.rb-help[data-open="true"]').forEach(function(x) {
                    setOpen(x, false);
                });
            }
        });

        // 리사이즈 시 위치 재판단
        window.addEventListener('resize', function() {
            document.querySelectorAll('.rb-help[data-open="true"] .rb-help-pop').forEach(autoFlip);
        });

        // 외부에서 필요 시: 특정 컨테이너 하위 프리빌드
        function rebind(container) {
            (container || document).querySelectorAll('.rb-help').forEach(ensureBuilt);
        }

        // 선택 사항: 페이지 로드 후 미리 구성(첫 롤오버 튐 더 줄이기)
        // document.addEventListener('DOMContentLoaded', function(){ rebind(document); });

        return {
            rebind: rebind
        };
    })();
</script>

<script>
    // 섹션 추가 버튼 상태 갱신
    function updateSectionButtons(root) {
        var $scope = root ? $(root) : $(document);
        $scope = $scope.addBack ? $scope : $(document); // 안전장치

        $scope.find('.add_section_wrap').addBack('.add_section_wrap').each(function() {
            var $wrap = $(this);
            var $btn = $wrap.children('button.add_section_btns');
            if (!$btn.length) return;

            var inNoneSection = $wrap.closest('.rb-none-section, #rb_sidemenu, #rb_sidemenu_float, #rb_sidemenu_shop, #rb_sidemenu_float_shop').length > 0;


            if (inNoneSection) {
                // 비활성 모드: 반투명 + 클릭 시 경고
                $btn
                    .css('opacity', 0.3)
                    .attr('onclick', "javascript:alert('섹션을 사용할 수 없어요.\\n섹션은 가로 100% 영역에만 사용이 가능해요.');");
            } else {
                // 정상 모드: 불투명 + 원래 핸들러
                $btn
                    .css('opacity', '')
                    .attr('onclick', 'set_section_send(this);');
            }
        });
    }

    // 초기 1회 실행
    $(function() {
        updateSectionButtons(document);

        // DOM 변화(추가/이동/클래스 변경)에도 자동 반영
        var observer = new MutationObserver(function(mutations) {
            var need = false;
            for (var i = 0; i < mutations.length; i++) {
                var m = mutations[i];
                if (m.type === 'childList') {
                    // .add_section_wrap가 추가/이동되면
                    if ([].some.call(m.addedNodes || [], function(n) {
                            return n.nodeType === 1 && (n.matches?.('.add_section_wrap') || n.querySelector?.('.add_section_wrap'));
                        })) {
                        need = true;
                        break;
                    }
                } else if (m.type === 'attributes' && m.attributeName === 'class') {
                    // 조상/자신의 클래스 변동 (rb-none-section 토글 등)
                    need = true;
                    break;
                }
            }
            if (need) updateSectionButtons(document);
        });

        observer.observe(document.body, {
            subtree: true,
            childList: true,
            attributes: true,
            attributeFilter: ['class']
        });

        // 필요하면 전역으로 노출
        window.updateSectionButtons = updateSectionButtons;
    });

    // 이미 있는 토글 함수들 끝부분에서도 한 번 호출해 주면 더 안전
    // 예) toggleSideOptions_open_mod() 마지막에:
    try {
        updateSectionButtons(document);
    } catch (e) {}
</script>


</body>

</html>

Latest requests

# Url Url Source Date
1 https://woljeong.com/ 2026-10-21 13:12:29
2 https://www.texarkanatwins.com/%25… 2026-10-21 13:12:29
3 https://www.texarkanatwins.com/%25… 2026-10-21 13:12:28
4 https://www.texarkanatwins.com/%25… 2026-10-21 13:12:28
5 https://auth.acog.org/OAuth/SignIn… 2026-10-21 13:12:27
6 https://www.texarkanatwins.com/%25… 2026-10-21 13:12:27
7 https://www.texarkanatwins.com/%25… 2026-10-21 13:12:26
8 https://auth.acog.org/OAuth/SignIn… 2026-10-21 13:12:26
9 https://auth.acog.org/OAuth/SignIn… 2026-10-21 13:12:26
10 https://www.texarkanatwins.com/%25… 2026-10-21 13:12:25
11 https://auth.acog.org/OAuth/SignIn… 2026-10-21 13:12:25
12 https://www.texarkanatwins.com/%25… 2026-10-21 13:12:25
13 https://www.thebolditalic.com/?gi=… 2026-10-21 13:12:25
14 https://auth.acog.org/OAuth/SignIn… 2026-10-21 13:12:24
15 https://auth.acog.org/OAuth/SignIn… 2026-10-21 13:12:24
16 https://digi13.b-cdn.net/research/… 2026-10-21 13:12:24
17 https://www.texarkanatwins.com/%25… 2026-10-21 13:12:23
18 https://auth.acog.org/OAuth/SignIn… 2026-10-21 13:12:23
19 https://auth.acog.org/OAuth/SignIn… 2026-10-21 13:12:23
20 https://auth.acog.org/OAuth/SignIn… 2026-10-21 13:12:23