더 나은 서비스 제공을 위해 고객님의 소중한 의견을 들려주세요!

응모

<html>
<head>
    <meta thisis="neweventpromotioncontent!@#">
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no, maximum-scale=1, user-scalable=no">
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css">
    <link rel="stylesheet" as="style" crossorigin="" href="https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.8/dist/web/static/pretendard-dynamic-subset.css">
    <style>
        @import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.8/dist/web/static/pretendard-dynamic-subset.css");
        * {
            font-family: "Pretendard";
        }

        body {
            margin: 0px;
            padding: 0px;
        }
        #container {
            position: relative;
        }
        .width-full {
            width: 100%;
        }
        .bg-white {
            background-color: #fff;
        }
    </style>
</head>

<body>
    <div id="container">
        <img class="width-full" src="https://cdn-onlinemall.discovery-expedition.com/cdn-cgi/image/format=auto,fit=contain,onerror=redirect/images/dx_mobile_survey_section_all.png">
        
    </div>


    <script>
        document.addEventListener("DOMContentLoaded", function(event) {
            handleContainerResize();
        });

        function handleContainerResize() {
            function sendHeightToParent() {
                const visualArea = document.querySelector('#container');
                if (visualArea) {
                    const containerHeight = visualArea.scrollHeight;
                    window.parent.postMessage({ action: 'onResizeContentHeight', iframeHeight: containerHeight }, '*');
                }
            }
            
            function handleVisualAreaResize() {
                sendHeightToParent();
            }
            
            sendHeightToParent();
            
            window.addEventListener('resize', handleVisualAreaResize);
        }
    </script>
</body>
</html>

<html>
<head>
    <meta thisis="neweventpromotioncontent!@#">
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no, maximum-scale=1, user-scalable=no">
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css">
    <link rel="stylesheet" as="style" crossorigin="" href="https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.8/dist/web/static/pretendard-dynamic-subset.css">
    <style>
        @import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.8/dist/web/static/pretendard-dynamic-subset.css");
        * {
            font-family: "Pretendard";
        }

        body {
            margin: 0px;
            padding: 0px;
            overflow: hidden;
        }
        #container {
            position: relative;
        }
        .width-full {
            width: 100%;
        }
    </style>
</head>

<body>
    <div id="container">
        <img class="width-full" src="https://cdn-onlinemall.discovery-expedition.com/cdn-cgi/image/format=auto,fit=contain,onerror=redirect/images/dx_pc_survey_section_all.png">
        
    </div>


    <script>
        document.addEventListener("DOMContentLoaded", function(event) {
            handleContainerResize();
        });

        function handleContainerResize() {
            function sendHeightToParent() {
                const visualArea = document.querySelector('#container');
                if (visualArea) {
                    const containerHeight = visualArea.scrollHeight;
                    window.parent.postMessage({ action: 'onResizeContentHeight', iframeHeight: containerHeight }, '*');
                }
            }
            
            function handleVisualAreaResize() {
                sendHeightToParent();
            }
            
            sendHeightToParent();
            
            window.addEventListener('resize', handleVisualAreaResize);
        }
    </script>
</body>
</html>