{"id":44,"date":"2025-08-07T03:44:57","date_gmt":"2025-08-07T03:44:57","guid":{"rendered":"https:\/\/sg7080.mycafe24.com\/?page_id=44"},"modified":"2025-08-11T06:53:31","modified_gmt":"2025-08-11T06:53:31","slug":"%eb%93%9d%ea%b8%88%ed%98%84%ec%9e%a5","status":"publish","type":"page","link":"https:\/\/daemyungbuild.co.kr\/?page_id=44","title":{"rendered":"\ud604\uc7a5"},"content":{"rendered":"\n<!-- AOS -->\n<link href=\"https:\/\/unpkg.com\/aos@2.3.1\/dist\/aos.css\" rel=\"stylesheet\">\n<script src=\"https:\/\/unpkg.com\/aos@2.3.1\/dist\/aos.js\"><\/script>\n\n<script src=\"https:\/\/code.jquery.com\/jquery-3.6.0.min.js\"><\/script>\n\n\n\n<div class=\"wp-block-cover\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"644\" class=\"wp-block-cover__image-background wp-image-324 size-large\" alt=\"\" src=\"https:\/\/daemyungbuild.co.kr\/wp-content\/uploads\/2025\/08\/sub_banner-1024x644.png\" data-object-fit=\"cover\" srcset=\"https:\/\/daemyungbuild.co.kr\/wp-content\/uploads\/2025\/08\/sub_banner-1024x644.png 1024w, https:\/\/daemyungbuild.co.kr\/wp-content\/uploads\/2025\/08\/sub_banner-300x189.png 300w, https:\/\/daemyungbuild.co.kr\/wp-content\/uploads\/2025\/08\/sub_banner-768x483.png 768w, https:\/\/daemyungbuild.co.kr\/wp-content\/uploads\/2025\/08\/sub_banner-1536x965.png 1536w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><span aria-hidden=\"true\" class=\"wp-block-cover__background has-background-dim\" style=\"background-color:#373c42\"><\/span><div class=\"wp-block-cover__inner-container is-layout-constrained wp-block-cover-is-layout-constrained\">\n<div class=\"titleBox\">\n<div class=\"title_inner\">\n<h1 data-aos=\"fade-up\" data-aos-duration=\"1500\">\ud604\uc7a5<\/h1>\n<\/div>\n<\/div>\n<\/div><\/div>\n\n\n\n<div class=\"scene_title\">\n<h1>\ud604\uc7a5<\/h1>\n<\/div>\n\n<div class=\"video_wrap\">\n<video autoplay muted loop playsinline style=\"width:100%; height:auto;\">\n  <source src=\"https:\/\/daemyungbuild.co.kr\/wp-content\/uploads\/2025\/08\/\ub4dd\uae08\ud604\uc7a5.mp4\" type=\"video\/mp4\">\n  \ube0c\ub77c\uc6b0\uc800\uac00 video \ud0dc\uadf8\ub97c \uc9c0\uc6d0\ud558\uc9c0 \uc54a\uc2b5\ub2c8\ub2e4.\n<\/video>\n<h5>BEFORE &#038; AFTER<\/h5>\n<\/div>\n\n\n\n<style>\n.scene_title>h1{font-size:40px; text-align:center; font-weight:700; margin-top:100px;}\n.video_wrap{\n    width: 100%;\n    max-width: 1600px;\n    margin: 0 auto;\n    padding: 100px 0;\n}\n.video_wrap>h5{font-size:30px; text-align:center; margin-top:100px;}\n.ba-slider_text>h5{font-size:30px; text-align:center; margin-bottom:100px;}\n.ba-slider {\n      position: relative;\n    overflow: hidden;\n    height: 100vh;\n    max-width: 1600px;\n    margin: 0 auto;\nmargin-bottom:100px;\n}\n\n.ba-slider img {\n  width: 100%;\nheight: 100%;\nobject-fit: cover;\n  display:block;\n  max-width:none;\n}\n\n.ba-slider .resize {\n  position: absolute;\n  top:0;\n  left: 0;\n  height: 100%;\n  width: 50%;\n  overflow: hidden;\n}\n\n\n.ba-slider .handle { \/* Thin line seperator *\/\n  position:absolute; \n  left:50%;\n  top:0;\n  bottom:0;\n  width:4px;\n  margin-left:-2px;\n\n  background: rgba(0,0,0,.5);\n  cursor: ew-resize;\n}\n\n.ba-slider .handle:after {  \/* Big orange knob  *\/\n  content: '';\n  position: absolute;\n  transform: translate(-50%, -50%);\n  top: 50%;\n  margin-left: 0;\n  display: block;\n  width: 185px;\n  height: 185px;\n  background: url(https:\/\/daemyungbuild.co.kr\/wp-content\/uploads\/2025\/08\/Asset-1.png)no-repeat;\n  color:white;\n  font-weight:bold;\n  font-size:36px;\n  text-align:center;\n  line-height:64px;\n\n}\n\n\/* \uc544\uc774\ud504\ub808\uc784\uc73c\ub85c \ubc1c\ub3d9\uc2dc pointer-events: none; \uc744 \uc918\uc57c \ud3ec\uc778\ud130\ub97c \uc548\ub193\uce68 *\/\niframe {width: 100%; height: 500px; pointer-events: none;}\n\n\n@media all and (max-width:768px){\n.ba-slider{height:auto;}\n.video_wrap>h5, .ba-slider_text>h5{font-size:25px; }\n}\n\n\n<\/style>\n\n\n\n<div class=\"ba-slider\">\n  <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/08\/KakaoTalk_20250807_133922727.jpg\" alt=\"\ube44\ud3ec\">\n  <!-- <iframe src=\"https:\/\/www.sunykorea.ac.kr\/en\/html\/sub04\/040401.html\" frameborder=\"0\"><\/iframe> -->\n  <div class=\"resize\">\n    <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/08\/KakaoTalk_20250807_143409812.jpg\" alt=\"\uc560\ud504\ud130\">\n    <!-- <iframe src=\"https:\/\/www.sunykorea.ac.kr\/en\/html\/sub04\/040401.html\" frameborder=\"0\"><\/iframe> -->\n  <\/div>\n  <span id=\"handle\" class=\"handle\"><\/span>\n<\/div>\n<div class=\"ba-slider_text\">\n<h5>BEFORE &#038; AFTER<\/h5>\n<\/div>\n\n\n\n<script>\n  AOS.init();\n<\/script>\n\n\n\n<script>\n\n(function($) {\n  function drags(dragElement, resizeElement, container) {\n    \n    \/\/ Initialize the dragging event on mousedown.\n    dragElement.on('mousedown.ba-events touchstart.ba-events', function(e) {\n      \n      dragElement.addClass('ba-draggable');\n      resizeElement.addClass('ba-resizable');\n      \n      \/\/ Check if it's a mouse or touch event and pass along the correct value\n      var startX = (e.pageX) ? e.pageX : e.originalEvent.touches[0].pageX;\n      \n      \/\/ Get the initial position\n      var dragWidth = dragElement.outerWidth(),\n          posX = dragElement.offset().left + dragWidth - startX,\n          containerOffset = container.offset().left,\n          containerWidth = container.outerWidth();\n   \n      \/\/ Set limits\n      minLeft = containerOffset + 10;\n      maxLeft = containerOffset + containerWidth - dragWidth - 10;\n      \n      \/\/ Calculate the dragging distance on mousemove.\n      dragElement.parents().on(\"mousemove.ba-events touchmove.ba-events\", function(e) {\n        \n        \/\/ Check if it's a mouse or touch event and pass along the correct value\n        var moveX = (e.pageX) ? e.pageX : e.originalEvent.touches[0].pageX;\n        \n        leftValue = moveX + posX - dragWidth;\n        \n        \/\/ Prevent going off limits\n        if ( leftValue < minLeft) {\n          leftValue = minLeft;\n        } else if (leftValue > maxLeft) {\n          leftValue = maxLeft;\n        }\n        \n        \/\/ Translate the handle's left value to masked divs width.\n        widthValue = (leftValue + dragWidth\/2 - containerOffset)*100\/containerWidth+'%';\n        \n        \/\/ Set the new values for the slider and the handle. \n        $('.ba-draggable').css('left', widthValue);\n        $('.ba-resizable').css('width', widthValue);\n      \/\/ Bind mouseup events to stop dragging.\n      }).on('mouseup.ba-events touchend.ba-events touchcancel.ba-events', function(){\n        dragElement.removeClass('ba-draggable');\n        resizeElement.removeClass('ba-resizable');\n        \/\/ Unbind all events for performance\n        $(this).off('.ba-events'); \n      });\n      e.preventDefault();\n    });\n  }\n\n  \/\/ Define plugin\n  $.fn.beforeAfter = function(onReady) {\n    onReady = onReady || function() {};\n    onReady();\n\n    var cur = this;\n    \/\/ Adjust the slider\n    var width = cur.width()+'px';\n    cur.find('.resize img').css('width', width);\n    \/\/ Bind dragging events\n    drags(cur.find('.handle'), cur.find('.resize'), cur);\n\n    \/\/ Update sliders on resize. \n    \/\/ Because we all do this: i.imgur.com\/YkbaV.gif\n    $(window).resize(function(){\n      var width = cur.width()+'px';\n      cur.find('.resize img').css('width', width);\n    });\n    \n    return this;\n  }\n}(jQuery));\n\n$('.ba-slider').beforeAfter();\n\n<\/script>\n","protected":false},"excerpt":{"rendered":"<p>\ud604\uc7a5 \ube0c\ub77c\uc6b0\uc800\uac00 video \ud0dc\uadf8\ub97c \uc9c0\uc6d0\ud558\uc9c0 \uc54a\uc2b5\ub2c8\ub2e4. BEFORE &#038; AFTER BEFORE &#038; AFTER<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-fullwidth.php","meta":{"kt_blocks_editor_width":"","footnotes":""},"class_list":["post-44","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/daemyungbuild.co.kr\/index.php?rest_route=\/wp\/v2\/pages\/44","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/daemyungbuild.co.kr\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/daemyungbuild.co.kr\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/daemyungbuild.co.kr\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/daemyungbuild.co.kr\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=44"}],"version-history":[{"count":42,"href":"https:\/\/daemyungbuild.co.kr\/index.php?rest_route=\/wp\/v2\/pages\/44\/revisions"}],"predecessor-version":[{"id":921,"href":"https:\/\/daemyungbuild.co.kr\/index.php?rest_route=\/wp\/v2\/pages\/44\/revisions\/921"}],"wp:attachment":[{"href":"https:\/\/daemyungbuild.co.kr\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=44"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}