https://gopizza.kr/_next/static/chunks/pages/media-cb0f67793ebf9aa7.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[8361],{1645:function(e,t,i){(window.__NEXT_P=window.__NEXT_P||[]).push(["/media",function(){return i(7167)}])},1871:function(e,t,i){"use strict";i.d(t,{Z:function(){return p}});var r=i(5944),o=i(7294),a=i(1998),n=i(6);let l=(0,a.Z)("div",{target:"e1emlpu0",label:"VideoPlayWrap"})("position:relative;overflow:hidden;width:100%;height:100%;border-radius:2rem;&.mobile_view{display:none;}> div{width:100%;height:100%;}/* &:after{content:\"\";position:absolute;z-index:3;top:0;left:0;width:100%;height:100%;background:transparent;}*/\n\n  .video_bg{position:relative;overflow:hidden;}.video_img-01,.video_img-02{position:absolute;left:0;top:0;width:100%;height:100%;z-index:11;}.play-video{position:absolute;z-index:100;left:50%;top:50%;width:6.5rem;height:6.5rem;margin:-3.3rem 0 0 -3.3rem;border-radius:50%;background:rgba(8,3,31,0.76);text-indent:-9999px;-webkit-transition:all 0.5s;transition:all 0.5s;&:after{content:'';position:absolute;left:2.7rem;top:2.3rem;width:2rem;height:2rem;background:url('https://dev-gopizza-homepage.s3.ap-northeast-2.amazonaws.com/ui/images/icons/blog_icon_play.png');}}",n.mq[0],"{border-radius:10px;&.mobile_view{display:block;}&.pc_view{display:none;}}");var d=i(6310),s=i(1852),p=function(e){let{videoUrl:t,imgUrl:i,txt1:a}=e,[n,p]=(0,o.useState)(!1),[m,u]=(0,o.useState)(!1),c=()=>{u(!0)},h=()=>{u(!1)};(0,o.useEffect)(()=>{p(!0)},[]);let[g,f]=(0,o.useState)(!1),b=(0,s.useMediaQuery)({maxWidth:767});return(0,o.useEffect)(()=>{f(!0)},[]),(0,r.tZ)(r.HY,{children:g&&b?(0,r.tZ)(l,{className:"mobile_view",children:(0,r.tZ)("a",{target:"_blank",rel:"noreferrer",href:t,children:(0,r.tZ)("div",{className:"video_bg",children:(0,r.tZ)("div",{className:"thumb",children:(0,r.tZ)("img",{src:i,alt:a})})})})}):(0,r.BX)(l,{className:"pc_view",onMouseEnter:c,onMouseLeave:h,children:[(0,r.tZ)("div",{style:{position:"absolute",top:0,left:0,zIndex:2,opacity:m?1:0},children:n&&(0,r.tZ)(d.Z,{width:"100%",height:"100%",playing:m,muted:!0,controls:!1,opts:{playerVars:{rel:0,modestbranding:1,loop:0}},url:"https://www.youtube.com/watch?v=".concat(t.split("/")[3])})}),m&&(0,r.tZ)("a",{target:"_blank",rel:"noreferrer",href:t,style:{position:"absolute",top:0,left:0,zIndex:2,width:"100%",height:"100%"}}),(0,r.tZ)("div",{className:"video_bg",style:{position:"relative",zIndex:1,opacity:m?0:1},children:(0,r.tZ)("div",{className:"thumb",children:(0,r.tZ)("img",{src:i,alt:a})})})]})})}},1757:function(e,t,i){"use strict";i.d(t,{$:function(){return n},r:function(){return a}});var r=i(1998),o=i(6);let a=(0,r.Z)("main",{target:"efwdgln0",label:"EventWrap"})("position:relative;width:128rem;margin:0 auto;padding:5.3rem 0 26.5rem;img{width:100%;}.filter{display:flex;justify-content:flex-end;margin-bottom:5.4rem;li{margin-right:2.4rem;font-size:1.8rem;span{cursor:pointer;}&.on span{font-weight:bold;color:var(--color-orange);}&:last-of-type{margin-right:0;}}}.list_event{display:grid;gap:4rem;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr);&.promotion li{overflow:hidden;height:40.3rem;border-radius:2rem;}li{overflow:hidden;position:relative;width:40rem;.thumb img{border-radius:2rem;}}}.mainvideo{position:relative;width:128rem;height:72.3rem;margin:5.3rem auto 6.4rem;background:var(--color-black);iframe{position:relative;z-index:10;}}.btn_go_list{display:flex;align-items:center;justify-content:center;width:36rem;height:8rem;margin:5.6rem auto 0;color:#fff;font-size:2.4rem;border-radius:3.6rem;background:var(--color-bluedark);}",o.mq[0],"{width:100%;padding:2.6rem 0 90px 0;.list_tab{box-shadow:0 -1px 24px 0 rgba(0,0,0,0.16);}.filter{justify-content:center;margin:26px 0;li{margin-right:20px;font-size:14px;}}.list_event{padding:0 20px;gap:20px;grid-template-columns:repeat(2,1fr);&.promotion li{width:auto;height:150px;border-radius:10px;}li{width:100%;.thumb img{border-radius:10px;}}}.mainvideo{width:calc(100vw - 40px);height:auto;margin:30px auto;}.video_wrap{overflow:hidden;width:calc(100vw - 40px);margin:36px auto 48px !important;border-radius:10px;.box_img{width:100%;height:180px;}}.btn_go_list{width:280px;height:60px;margin:25px auto 0;font-size:18px;border-radius:3.6rem;}}

1",o.so,"{.btn_go_list{width:200px;}}"),n=(0,r.Z)("div",{target:"efwdgln1",label:"Board"})("width:128rem;margin:0 auto;.box_tit{display:flex;align-items:center;width:100%;margin-bottom:3.9rem;border-bottom:0.2rem solid var(--color-gray);.txt{width:100%;*{font-family:'rucksack';}h4{color:var(--color-black);font-size:3.6rem;font-weight:bold;}.date{padding:1.6rem 0;font-size:2.4rem;}}button{display:none !important;width:4.8rem;height:4.8rem;background:url('https://dev-gopizza-homepage.s3.ap-northeast-2.amazonaws.com/ui/images/event/promotion/icon-share.svg')\n        no-repeat left top / 100%;}}.contents{p,span,a,div{font-size:1.8rem;text-align:center;}}",o.mq[0],"{width:100%;padding:36px 20px;.box_tit{margin-bottom:19.5px;border-bottom:1px solid var(--color-gray);.txt{h4{font-size:24px;}.date{margin:8px 0 19.5px 0;padding:0;font-size:16px;}}button{display:block;width:24px;height:24px;margin-bottom:19.5px;align-self:end;background:url('https://dev-gopizza-homepage.s3.ap-northeast-2.amazonaws.com/ui/images/event/promotion/icon-share.svg')\n          no-repeat left top / 100%;}}.contents{p,span,a,div{font-size:14px;text-align:center;}}}")},7167:function(e,t,i){"use strict";i.r(t),i.d(t,{__N_SSG:function(){return s},default:function(){return p}});var r=i(5944),o=i(7294),a=i(1871),n=i(1852),l=i(1757),d=function(e){let{children:t}=e;return(0,r.BX)(l.r,{children:[(0,r.tZ)("h2",{className:"tit",children:"미디어"}),t]})},s=!0,p=function(e){let[t,i]=(0,o.useState)(!1);(0,n.useMediaQuery)({maxWidth:767}),(0,o.useEffect)(()=>{i(!0)},[]);let[l,s]=(0,o.useState)(!1),[p,m]=(0,o.useState)(!1);return(0,o.useEffect)(()=>{s(!0)},[]),(0,r.BX)(d,{children:[(0,r.BX)("div",{className:"mainvideo",children:[(0,r.BX)("div",{className:"loader loader-7",children:[(0,r.tZ)("div",{className:"line line1"}),(0,r.tZ)("div",{className:"line line2"}),(0,r.tZ)("div",{className:"line line3"})]}),(0,r.tZ)("iframe",{src:"https://www.youtube.com/embed/".concat(null==e?void 0:e.list[0].youtube_url.split("/")[3],"?controls=0&autoplay=1&mute=1&loop=1&playlist=").concat(null==e?void 0:e.list[0].youtube_url.split("/")[3]),frameBorder:"0",allow:"accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture",allowFullScreen:!0,title:"YouTube Video"})]}),(0,r.tZ)("ul",{className:"list_event",children:e.list.map((e,t)=>(0,r.tZ)("li",{children:(0,r.tZ)(a.Z,{videoUrl:e.youtube_url,imgUrl:e.image_url,txt1:e.subject})},t))})]})}}},function(e){e.O(0,[6310,1852,9774,2888,179],function(){return e(e.s=1645)}),_N_E=e.O()}]);