https://studiorb.me 스튜디오 빨간벽돌 Tue, 12 Jan 2021 02:09:58 +0000 https://studiorb.me en https://studiorb.me/Home-Image-Scroll-copy Wed, 08 Apr 2020 08:07:26 +0000 스튜디오 빨간벽돌 https://studiorb.me/Home-Image-Scroll-copy <img width="1198" height="2295" width_o="1198" height_o="2295" data-src="https://freight.cargo.site/t/original/i/575bd9ce2a5f250ddb357c98e89461c719d70e267a7b236f9d1ea087b8e89218/trlt.png" data-mid="66129622" border="0" data-rotation="-15" src="https://freight.cargo.site/w/1000/i/575bd9ce2a5f250ddb357c98e89461c719d70e267a7b236f9d1ea087b8e89218/trlt.png" /> <img width="1485" height="1486" width_o="1485" height_o="1486" data-src="https://freight.cargo.site/t/original/i/87f3383834fd7ea4057ae408d043dbc50654922aae37d354fb7d0a6ae31922ec/-2.png" data-mid="66129630" border="0" src="https://freight.cargo.site/w/1000/i/87f3383834fd7ea4057ae408d043dbc50654922aae37d354fb7d0a6ae31922ec/-2.png" /> <img width="2746" height="1819" width_o="2746" height_o="1819" data-src="https://freight.cargo.site/t/original/i/8f56c05fc56f9ac3cb708526a1b0dd8864cdcc866950c77545029866e7cefead/-4.png" data-mid="66129628" border="0" data-rotation="10" src="https://freight.cargo.site/w/1000/i/8f56c05fc56f9ac3cb708526a1b0dd8864cdcc866950c77545029866e7cefead/-4.png" /> <img width="474" height="474" width_o="474" height_o="474" data-src="https://freight.cargo.site/t/original/i/5f80a020d33ebda698b324352890a69c4a6715a6aaf4386a0f85fcb1ae33acdc/voiceofacts.gif" data-mid="66129623" border="0" src="https://freight.cargo.site/w/474/i/5f80a020d33ebda698b324352890a69c4a6715a6aaf4386a0f85fcb1ae33acdc/voiceofacts.gif" /> <img width="2746" height="1819" width_o="2746" height_o="1819" data-src="https://freight.cargo.site/t/original/i/2bcaa8486a332a13b265d3a63b85f9f6996f7b9b225a98ba0ff2434d03780d16/-5.png" data-mid="66129629" border="0" src="https://freight.cargo.site/w/1000/i/2bcaa8486a332a13b265d3a63b85f9f6996f7b9b225a98ba0ff2434d03780d16/-5.png" /> <img width="434" height="874" width_o="434" height_o="874" data-src="https://freight.cargo.site/t/original/i/3ccf988d09df53e26550ec2d01e06bbdaf7f3762b93ab7b5f5be9b2c18f33a84/scgp1.gif" data-mid="66134578" border="0" data-rotation="-20" src="https://freight.cargo.site/w/434/i/3ccf988d09df53e26550ec2d01e06bbdaf7f3762b93ab7b5f5be9b2c18f33a84/scgp1.gif" /> <img width="1590" height="1412" width_o="1590" height_o="1412" data-src="https://freight.cargo.site/t/original/i/9b26f79ad7e9656a29c5408f6810d449b5a576e9cd08a187407781c1e844b9f1/doota_2018fw.png" data-mid="66129614" border="0" src="https://freight.cargo.site/w/1000/i/9b26f79ad7e9656a29c5408f6810d449b5a576e9cd08a187407781c1e844b9f1/doota_2018fw.png" /> <img width="1026" height="937" width_o="1026" height_o="937" data-src="https://freight.cargo.site/t/original/i/516b2ee4c53396c53422cbbc0d5a53e98928cee697f4a7b9fb9d973068eeed93/doota_2018nyw.png" data-mid="66129615" border="0" data-rotation="-25" src="https://freight.cargo.site/w/1000/i/516b2ee4c53396c53422cbbc0d5a53e98928cee697f4a7b9fb9d973068eeed93/doota_2018nyw.png" /> <img width="1200" height="878" width_o="1200" height_o="878" data-src="https://freight.cargo.site/t/original/i/3625393ed0eb918b1e96ed9d34bad1fac8bab965e5517e1ae65b15c833571467/sweeteadu.gif" data-mid="66129624" border="0" src="https://freight.cargo.site/w/1000/i/3625393ed0eb918b1e96ed9d34bad1fac8bab965e5517e1ae65b15c833571467/sweeteadu.gif" /> <img width="434" height="874" width_o="434" height_o="874" data-src="https://freight.cargo.site/t/original/i/4285522d66dad03d48cd7a3d076bd27bdaa0f8146ec6b574e8661b39fb08e9a3/nct1.gif" data-mid="66131292" border="0" data-rotation="15" src="https://freight.cargo.site/w/434/i/4285522d66dad03d48cd7a3d076bd27bdaa0f8146ec6b574e8661b39fb08e9a3/nct1.gif" /> <img width="2413" height="1633" width_o="2413" height_o="1633" data-src="https://freight.cargo.site/t/original/i/a7311867a73f2f8757edda2b5f63cbbc07770fbda8c242646a9ab753e28bda05/Balletmate1.png" data-mid="66129618" border="0" data-rotation="-20" src="https://freight.cargo.site/w/1000/i/a7311867a73f2f8757edda2b5f63cbbc07770fbda8c242646a9ab753e28bda05/Balletmate1.png" /> <img width="907" height="629" width_o="907" height_o="629" data-src="https://freight.cargo.site/t/original/i/64505bde59daa6f4fc6711aec548bfafa92a699922bc560dbd31e7ddb31b40de/doota_2019fw1.png" data-mid="66134253" border="0" src="https://freight.cargo.site/w/907/i/64505bde59daa6f4fc6711aec548bfafa92a699922bc560dbd31e7ddb31b40de/doota_2019fw1.png" /> <img width="1088" height="897" width_o="1088" height_o="897" data-src="https://freight.cargo.site/t/original/i/b09baeefa3a9ecbc43212df816771635917629e4ee3c98a43d24b06dbeb3be76/unpplugged.png" data-mid="66129620" border="0" data-rotation="10" src="https://freight.cargo.site/w/1000/i/b09baeefa3a9ecbc43212df816771635917629e4ee3c98a43d24b06dbeb3be76/unpplugged.png" /> <img width="1677" height="714" width_o="1677" height_o="714" data-src="https://freight.cargo.site/t/original/i/7de87e2171369da9aa5328689313593f86bff835b3d618764e9cdddaa3796296/doota_2019nyw1.png" data-mid="66134029" border="0" data-rotation="10" src="https://freight.cargo.site/w/1000/i/7de87e2171369da9aa5328689313593f86bff835b3d618764e9cdddaa3796296/doota_2019nyw1.png" /> <img width="1268" height="1322" width_o="1268" height_o="1322" data-src="https://freight.cargo.site/t/original/i/5d18abad7da46aa0b11a6a20f4713233325fb4613ba253ea1bd49d2e5d92360d/doota_summer.png" data-mid="66129616" border="0" data-no-zoom="true" src="https://freight.cargo.site/w/1000/i/5d18abad7da46aa0b11a6a20f4713233325fb4613ba253ea1bd49d2e5d92360d/doota_summer.png" /> <img width="1080" height="1080" width_o="1080" height_o="1080" data-src="https://freight.cargo.site/t/original/i/ef2ac10eb44186204d877141c70817a339cd5b73d11e0600a648642621f7763b/.png" data-mid="66135506" border="0" src="https://freight.cargo.site/w/1000/i/ef2ac10eb44186204d877141c70817a339cd5b73d11e0600a648642621f7763b/.png" /> <img width="2746" height="1819" width_o="2746" height_o="1819" data-src="https://freight.cargo.site/t/original/i/1d33e46ad222a451334e9b52a430e8072516a3960b9c171250e127bd891caa67/-3.png" data-mid="66135508" border="0" src="https://freight.cargo.site/w/1000/i/1d33e46ad222a451334e9b52a430e8072516a3960b9c171250e127bd891caa67/-3.png" /> <img width="3598" height="3803" width_o="3598" height_o="3803" data-src="https://freight.cargo.site/t/original/i/1eacbd9a30932d94e47c65143cf84b231db5890456b682f3b3d4eef0d7d59deb/-1.png" data-mid="66129631" border="0" data-rotation="-25" src="https://freight.cargo.site/w/1000/i/1eacbd9a30932d94e47c65143cf84b231db5890456b682f3b3d4eef0d7d59deb/-1.png" /> <img width="960" height="1092" width_o="960" height_o="1092" data-src="https://freight.cargo.site/t/original/i/14854ad69ec1008dcbe6da3220f338790fc47a374ab0f7e7f9224ea9013b2cea/onigiri4.png" data-mid="66129617" border="0" src="https://freight.cargo.site/w/960/i/14854ad69ec1008dcbe6da3220f338790fc47a374ab0f7e7f9224ea9013b2cea/onigiri4.png" /> <img width="1418" height="2005" width_o="1418" height_o="2005" data-src="https://freight.cargo.site/t/original/i/876612b1d237f9c8436e684ccd2c15b602556b2dd17608e8bf5011b4d060beeb/-04.png" data-mid="129730635" border="0" data-rotation="10" src="https://freight.cargo.site/w/1000/i/876612b1d237f9c8436e684ccd2c15b602556b2dd17608e8bf5011b4d060beeb/-04.png" /> <img width="527" height="1075" width_o="527" height_o="1075" data-src="https://freight.cargo.site/t/original/i/5e3b4b2e5e6c20fba3c637ba36a60c4a5b81d766ba7dbacc0510c3c8bed55b9e/-07.png" data-mid="94757454" border="0" data-rotation="-12.5" src="https://freight.cargo.site/w/527/i/5e3b4b2e5e6c20fba3c637ba36a60c4a5b81d766ba7dbacc0510c3c8bed55b9e/-07.png" /> <img width="1245" height="1060" width_o="1245" height_o="1060" data-src="https://freight.cargo.site/t/original/i/1514f6d4b58d7b7523faddb06576c4569de79a31f97a4b8054b4dbf7ed3c3e8b/woowonjae.png" data-mid="66129621" border="0" data-rotation="20" src="https://freight.cargo.site/w/1000/i/1514f6d4b58d7b7523faddb06576c4569de79a31f97a4b8054b4dbf7ed3c3e8b/woowonjae.png" /> $(document).ready(function(){ setTimeout(hoverThumb,200); }); https://studiorb.me/HIVCD-Graduation-Week-2020 Tue, 12 Jan 2021 02:09:58 +0000 스튜디오 빨간벽돌 https://studiorb.me/HIVCD-Graduation-Week-2020 01HIVCD Graduation Week 2020 <img width="2019" height="1319" width_o="2019" height_o="1319" data-src="https://freight.cargo.site/t/original/i/20c697c1445204eb21a0c21707d4476fb666fa17a7b75d12db5d55a9b0611263/-02.png" data-mid="94748096" border="0" data-scale="60" src="https://freight.cargo.site/w/1000/i/20c697c1445204eb21a0c21707d4476fb666fa17a7b75d12db5d55a9b0611263/-02.png" /> <img width="2019" height="1318" width_o="2019" height_o="1318" data-src="https://freight.cargo.site/t/original/i/e850ffd79e7b38d2f0641aba768d8f637536025f27d8fccb5904b99beadf41e6/-05.png" data-mid="94748099" border="0" data-scale="60" src="https://freight.cargo.site/w/1000/i/e850ffd79e7b38d2f0641aba768d8f637536025f27d8fccb5904b99beadf41e6/-05.png" /> <img width="2019" height="1319" width_o="2019" height_o="1319" data-src="https://freight.cargo.site/t/original/i/795a6ff75ab47cc69523aedadde538e52c01044d11fee8ce473b9c5e3b716bff/-04.png" data-mid="94748098" border="0" data-scale="60" src="https://freight.cargo.site/w/1000/i/795a6ff75ab47cc69523aedadde538e52c01044d11fee8ce473b9c5e3b716bff/-04.png" /> <img width="2019" height="1319" width_o="2019" height_o="1319" data-src="https://freight.cargo.site/t/original/i/1f4c185b96d4295226c9811282ecb2f3cead6d017f9d5747d051d8981c7f2fe8/-03.png" data-mid="94748097" border="0" data-scale="60" src="https://freight.cargo.site/w/1000/i/1f4c185b96d4295226c9811282ecb2f3cead6d017f9d5747d051d8981c7f2fe8/-03.png" /> <img width="2019" height="1319" width_o="2019" height_o="1319" data-src="https://freight.cargo.site/t/original/i/b1af72e2d85c201cc6afee8bae580d995aed53766abec6a9586385b0444170a6/-06.png" data-mid="94748100" border="0" data-scale="60" src="https://freight.cargo.site/w/1000/i/b1af72e2d85c201cc6afee8bae580d995aed53766abec6a9586385b0444170a6/-06.png" /> <img width="528" height="1075" width_o="528" height_o="1075" data-src="https://freight.cargo.site/t/original/i/3e76e955d165f6447a6086d3224c439259c12c706fe2bd672a616410c4113d91/-09.png" data-mid="94748243" border="0" data-rotation="-10" src="https://freight.cargo.site/w/528/i/3e76e955d165f6447a6086d3224c439259c12c706fe2bd672a616410c4113d91/-09.png" /> <img width="527" height="1075" width_o="527" height_o="1075" data-src="https://freight.cargo.site/t/original/i/5e3b4b2e5e6c20fba3c637ba36a60c4a5b81d766ba7dbacc0510c3c8bed55b9e/-07.png" data-mid="94748241" border="0" src="https://freight.cargo.site/w/527/i/5e3b4b2e5e6c20fba3c637ba36a60c4a5b81d766ba7dbacc0510c3c8bed55b9e/-07.png" /> <img width="527" height="1075" width_o="527" height_o="1075" data-src="https://freight.cargo.site/t/original/i/78ca140a33f0bfedb2a6a6e8627ec6ab0a1ecb0e7d2d3b191e8e2fbc0591aee1/-08.png" data-mid="94748242" border="0" data-rotation="10" src="https://freight.cargo.site/w/527/i/78ca140a33f0bfedb2a6a6e8627ec6ab0a1ecb0e7d2d3b191e8e2fbc0591aee1/-08.png" /> <img width="800" height="519" width_o="800" height_o="519" data-src="https://freight.cargo.site/t/original/i/256606ab4396a3f0122bc678c0497f208214c79749d62a0674f520ff1867a962/ezgif-6-8507a40cbdfa.gif" data-mid="94750844" border="0" src="https://freight.cargo.site/w/800/i/256606ab4396a3f0122bc678c0497f208214c79749d62a0674f520ff1867a962/ezgif-6-8507a40cbdfa.gif" /> <img width="800" height="519" width_o="800" height_o="519" data-src="https://freight.cargo.site/t/original/i/1bcef781ff90eff4e3b15f297d0cf88fddfbc57cc5d05a05da475bd731749b27/ezgif-6-df2882bf2910.gif" data-mid="94750845" border="0" src="https://freight.cargo.site/w/800/i/1bcef781ff90eff4e3b15f297d0cf88fddfbc57cc5d05a05da475bd731749b27/ezgif-6-df2882bf2910.gif" /> <img width="800" height="519" width_o="800" height_o="519" data-src="https://freight.cargo.site/t/original/i/6426ffdecd51a2ea1a157478635fd8f54700da59dcc2d0b44125276189a831f9/ezgif-6-eff2699c9dfd.gif" data-mid="94750847" border="0" src="https://freight.cargo.site/w/800/i/6426ffdecd51a2ea1a157478635fd8f54700da59dcc2d0b44125276189a831f9/ezgif-6-eff2699c9dfd.gif" /> <img width="800" height="866" width_o="800" height_o="866" data-src="https://freight.cargo.site/t/original/i/9e05334282c4ddcca188e853c6948f86a65043dc1cf78cba1653de970a3c7dbd/ezgif-6-d70fdaacf7d2.gif" data-mid="94750966" border="0" src="https://freight.cargo.site/w/800/i/9e05334282c4ddcca188e853c6948f86a65043dc1cf78cba1653de970a3c7dbd/ezgif-6-d70fdaacf7d2.gif" /> <img width="800" height="866" width_o="800" height_o="866" data-src="https://freight.cargo.site/t/original/i/810b9d8bfa764a086f411269cd5d9ad453e6e15cee66e4ea157abca5f7d44c50/ezgif-6-50a1e20fb28d.gif" data-mid="94750964" border="0" src="https://freight.cargo.site/w/800/i/810b9d8bfa764a086f411269cd5d9ad453e6e15cee66e4ea157abca5f7d44c50/ezgif-6-50a1e20fb28d.gif" /> Clients Works HIVCD Graduation Week 2020 Web design / Front-end Development 2020 홍익대학교 시각디자인과 졸업전시 웹사이트를 React 기반으로 제작하였다. 전시를 관람하며 원하는 작품을 .zip버튼을 통해 담아둘 수 있고,담아둔 작품들을 .zip페이지에서 드래그 앤 드롭을 통해 자유롭게 배치할 수 있다. .pf_grid.pf_web{margin-top: 3rem;} .pf_free_mobile{padding: 3rem 0;} .pf_free_mobile.last{padding-bottom: 10rem;} body.mobile .pf_free_mobile{padding-bottom: 1rem;} /* absoulte - odd */ body.mobile .pf_free_mobile .image-gallery{overflow: visible;} body.mobile .pf_free_mobile .image-gallery{ width: 100%; position: relative; } body.mobile .pf_free_mobile.first{padding: 5rem 1.5rem 1rem;} body.mobile .pf_free_mobile.first .image-gallery > div:nth-child(2){padding-top: 5rem;} body.mobile .pf_free_mobile.first .image-gallery > div:nth-child(3){padding-top: 10rem;} body.mobile .pf_free_mobile.last .image-gallery{ margin: 0 auto; } $(document).ready(function(){ setTimeout(titleSet,10); }) https://studiorb.me/JAYPARK-SEXY-4EVA Thu, 06 Feb 2020 09:29:16 +0000 스튜디오 빨간벽돌 https://studiorb.me/JAYPARK-SEXY-4EVA 02JAYPARK WORLD TOUR- SEXY 4EVA <img width="2082" height="1171" width_o="2082" height_o="1171" data-src="https://freight.cargo.site/t/original/i/f6473afecb1f606ed25dc58fd60bce329fd87f84c913d14a767a143272fd1d29/sexy4eva1.png" data-mid="60671588" border="0" src="https://freight.cargo.site/w/1000/i/f6473afecb1f606ed25dc58fd60bce329fd87f84c913d14a767a143272fd1d29/sexy4eva1.png" /> <img width="1815" height="903" width_o="1815" height_o="903" data-src="https://freight.cargo.site/t/original/i/47fca014a3061fc1b86e2c780328ad7b1ac305f011b698f7090a721163aec5b4/sexy4eva2.png" data-mid="64517225" border="0" src="https://freight.cargo.site/w/1000/i/47fca014a3061fc1b86e2c780328ad7b1ac305f011b698f7090a721163aec5b4/sexy4eva2.png" /> <img width="1026" height="1504" width_o="1026" height_o="1504" data-src="https://freight.cargo.site/t/original/i/57ea3947340635f707f9508e538566defb17f1fa56a8d4009b2f45325e7b001c/sexy4eva3.png" data-mid="64517226" border="0" src="https://freight.cargo.site/w/1000/i/57ea3947340635f707f9508e538566defb17f1fa56a8d4009b2f45325e7b001c/sexy4eva3.png" /> <img width="1007" height="1504" width_o="1007" height_o="1504" data-src="https://freight.cargo.site/t/original/i/c74fb21a163c5ae2ad0d99eb28297edb87f85fb66c1391dfa727763e85913f64/sexy4eva6.png" data-mid="64517229" border="0" src="https://freight.cargo.site/w/1000/i/c74fb21a163c5ae2ad0d99eb28297edb87f85fb66c1391dfa727763e85913f64/sexy4eva6.png" /> <img width="510" height="510" width_o="510" height_o="510" data-src="https://freight.cargo.site/t/original/i/28fb8b3fd609ed5c758eb35ef65df9b58214947e930712c3674d0a8aef6c6815/sexy4eva7.gif" data-mid="64517256" border="0" data-rotation="-17.5" src="https://freight.cargo.site/w/510/i/28fb8b3fd609ed5c758eb35ef65df9b58214947e930712c3674d0a8aef6c6815/sexy4eva7.gif" /> <img width="1007" height="1504" width_o="1007" height_o="1504" data-src="https://freight.cargo.site/t/original/i/2c51e65f0391456b99ce4866d80195f79584f74fbe6a263fcdc61a0c8ba1bb17/sexy4eva4.png" data-mid="64517227" border="0" src="https://freight.cargo.site/w/1000/i/2c51e65f0391456b99ce4866d80195f79584f74fbe6a263fcdc61a0c8ba1bb17/sexy4eva4.png" /> <img width="1007" height="1504" width_o="1007" height_o="1504" data-src="https://freight.cargo.site/t/original/i/a85de6bf52151377a283dd082c543726d4ec2a896f2acd8dc0caf4b2a8643b4b/sexy4eva5.png" data-mid="64517228" border="0" src="https://freight.cargo.site/w/1000/i/a85de6bf52151377a283dd082c543726d4ec2a896f2acd8dc0caf4b2a8643b4b/sexy4eva5.png" /> <img width="1000" height="555" width_o="1000" height_o="555" data-src="https://freight.cargo.site/t/original/i/06ece5491de2544ab3638e467d637d618bb60e07b36b9778a297072bc6f52cab/1.gif" data-mid="64510393" border="0" src="https://freight.cargo.site/w/1000/i/06ece5491de2544ab3638e467d637d618bb60e07b36b9778a297072bc6f52cab/1.gif" /> <img width="1000" height="554" width_o="1000" height_o="554" data-src="https://freight.cargo.site/t/original/i/a0dc9c08756c1f9bfea4b66fce782a2de8192d64fe795c6045c0c867adcafa03/22.gif" data-mid="64516595" border="0" src="https://freight.cargo.site/w/1000/i/a0dc9c08756c1f9bfea4b66fce782a2de8192d64fe795c6045c0c867adcafa03/22.gif" /> <img width="1000" height="554" width_o="1000" height_o="554" data-src="https://freight.cargo.site/t/original/i/f6d9cffe5e1c92e62e1f8d724270f8049435a67dfbf025cfb57137f7ad54747a/3.gif" data-mid="64516564" border="0" src="https://freight.cargo.site/w/1000/i/f6d9cffe5e1c92e62e1f8d724270f8049435a67dfbf025cfb57137f7ad54747a/3.gif" /> <img width="434" height="874" width_o="434" height_o="874" data-src="https://freight.cargo.site/t/original/i/91f763b2fd048d2c6d65439163bfc62492f6ca6d48d9cca55db73f26c119e73c/jpt1.gif" data-mid="65027836" border="0" data-rotation="-17.5" src="https://freight.cargo.site/w/434/i/91f763b2fd048d2c6d65439163bfc62492f6ca6d48d9cca55db73f26c119e73c/jpt1.gif" /> <img width="434" height="874" width_o="434" height_o="874" data-src="https://freight.cargo.site/t/original/i/8df8a7065dc4732cc1fead9b6d31249565eb397002f30410775a149ee7661e12/jpt2.gif" data-mid="64624881" border="0" data-rotation="22.5" src="https://freight.cargo.site/w/434/i/8df8a7065dc4732cc1fead9b6d31249565eb397002f30410775a149ee7661e12/jpt2.gif" /> Clients Works AOMG Web design / Front-end Development 박재범 2019 월드투어 공식 웹사이트를 제작했다. 아시아, 유럽, 미국의 주요 도시들의 공연 일시를 한눈에 확인하고 각 도시별 티켓 구매처로 이동할 수 있는 티켓 페이지와, 콘서트 머천다이즈 제품을 확인할 수 있는 머취페이지, 팝업 스토어가 열릴 때마다 확인할 수 있는 팝업 섹션으로 구성되어 있다. .pf_free_mobile{ padding-top: 10rem; } body.mobile .image-gallery .gallery_card:nth-child(2){ padding-top: 5rem; } /* absoulte - odd */ body.mobile .image-gallery .gallery_card:nth-child(3), body.mobile .image-gallery .gallery_card:nth-child(5), body.mobile .image-gallery .gallery_card:nth-child(6){ position: absolute; } body.mobile .image-gallery .gallery_card:nth-child(3), body.mobile .image-gallery .gallery_card:nth-child(4), body.mobile .image-gallery .gallery_card:nth-child(5), body.mobile .image-gallery .gallery_card:nth-child(6), body.mobile .image-gallery .gallery_card:nth-child(7){ overflow: auto; padding-bottom: 1rem; } body.mobile .image-gallery .gallery_card:nth-child(3), body.mobile .image-gallery .gallery_card:nth-child(7){ padding-top: 8rem; width: 65%; } body.mobile .image-gallery .gallery_card:nth-child(5){ left: 2rem; z-index: 1; padding: 1rem 2.5rem; } body.mobile .image-gallery .gallery_card:nth-child(6){ padding-top: 8rem; overflow: visible; width: 103%; } body.mobile .image-gallery .gallery_card:nth-child(7){ padding-top: 15rem; padding-bottom: 5rem; } body.mobile .pf_free_mobile .image-gallery .gallery_card:nth-child(1){ position: absolute; margin-left: 3.5rem; width: 55%; padding-top: 0; transform: rotate(-15.5deg) !important; } body.mobile .pf_free_mobile .image-gallery .gallery_card:nth-child(2){ width: 50%; float: right; margin-right: 2.5rem; padding-top: 9rem; transform: rotate(17.5deg) !important; } body.mobile .image-gallery .gallery_card:nth-child(4) .gallery_card_image, body.mobile .image-gallery .gallery_card:nth-child(5) .gallery_card_image, body.mobile .image-gallery .gallery_card:nth-child(6) .gallery_card_image, body.mobile .image-gallery .gallery_card:nth-child(7) .gallery_card_image{ height: auto !important; overflow: visible; padding-bottom: 0 !important; } body.mobile .image-gallery .gallery_card:nth-child(4) img, body.mobile .image-gallery .gallery_card:nth-child(6) img{ width: 55%; float: left; } body.mobile .image-gallery .gallery_card:nth-child(5) img{ width: 35%; } body.mobile .image-gallery .gallery_card:nth-child(4) img, body.mobile .image-gallery .gallery_card:nth-child(6) img{ float: right; } body.mobile .image-gallery .gallery_card:nth-child(4) img{ margin-right: 1rem; } $(document).ready(function(){ setTimeout(titleSet,10); }) https://studiorb.me/JAYPARK-TRLT Thu, 06 Feb 2020 08:57:25 +0000 스튜디오 빨간벽돌 https://studiorb.me/JAYPARK-TRLT 03JAYPARK WORLD TOUR- The Road Less Traveled <img width="2167" height="1891" width_o="2167" height_o="1891" data-src="https://freight.cargo.site/t/original/i/194b195054b67703dd8bbf98dc08aef61f8e0a6af7af5ddcc62a07703948b11b/trlt1.png" data-mid="60380552" border="0" src="https://freight.cargo.site/w/1000/i/194b195054b67703dd8bbf98dc08aef61f8e0a6af7af5ddcc62a07703948b11b/trlt1.png" /> <img width="1677" height="1232" width_o="1677" height_o="1232" data-src="https://freight.cargo.site/t/original/i/852cd00cdbcb4fb58f786d1cc7c0030b96a31c9d25a377a37800a0e72be521d2/trlt2.png" data-mid="60380559" border="0" src="https://freight.cargo.site/w/1000/i/852cd00cdbcb4fb58f786d1cc7c0030b96a31c9d25a377a37800a0e72be521d2/trlt2.png" /> <img width="1275" height="1342" width_o="1275" height_o="1342" data-src="https://freight.cargo.site/t/original/i/f93ab78744c76d419c04cbbe68fffd0026e4b37b48aa6b03eef61e4d48de7780/trlt4.png" data-mid="60380579" border="0" src="https://freight.cargo.site/w/1000/i/f93ab78744c76d419c04cbbe68fffd0026e4b37b48aa6b03eef61e4d48de7780/trlt4.png" /> <img width="434" height="874" width_o="434" height_o="874" data-src="https://freight.cargo.site/t/original/i/f9c26a4acb904064de7db74375a89444baa213463fe934d27d108f3e1625d69d/jparkp1.gif" data-mid="64622602" border="0" src="https://freight.cargo.site/w/434/i/f9c26a4acb904064de7db74375a89444baa213463fe934d27d108f3e1625d69d/jparkp1.gif" /> <img width="434" height="874" width_o="434" height_o="874" data-src="https://freight.cargo.site/t/original/i/1835647df9d9d359de512eb0875214c49d6531b724c53ea1d883902b105f8c91/jparkp2.gif" data-mid="64622603" border="0" src="https://freight.cargo.site/w/434/i/1835647df9d9d359de512eb0875214c49d6531b724c53ea1d883902b105f8c91/jparkp2.gif" /> <img width="1198" height="2295" width_o="1198" height_o="2295" data-src="https://freight.cargo.site/t/original/i/575bd9ce2a5f250ddb357c98e89461c719d70e267a7b236f9d1ea087b8e89218/trlt.png" data-mid="60761114" border="0" data-rotation="30" src="https://freight.cargo.site/w/1000/i/575bd9ce2a5f250ddb357c98e89461c719d70e267a7b236f9d1ea087b8e89218/trlt.png" /> <img width="1000" height="555" width_o="1000" height_o="555" data-src="https://freight.cargo.site/t/original/i/d399ff04b032f6e7109d7383a522c7b2b7cb520701ab56307b22fb3b11e5532a/-1.gif" data-mid="64501971" border="0" src="https://freight.cargo.site/w/1000/i/d399ff04b032f6e7109d7383a522c7b2b7cb520701ab56307b22fb3b11e5532a/-1.gif" /> <img width="1000" height="555" width_o="1000" height_o="555" data-src="https://freight.cargo.site/t/original/i/7710efbfb786cb826fd5398eebe11fc5a62e7bfe74f1304bdcd4855c78f0827c/-2.gif" data-mid="64502228" border="0" src="https://freight.cargo.site/w/1000/i/7710efbfb786cb826fd5398eebe11fc5a62e7bfe74f1304bdcd4855c78f0827c/-2.gif" /> <img width="1000" height="555" width_o="1000" height_o="555" data-src="https://freight.cargo.site/t/original/i/55aa5ac878b83fb20752e0ff15cb5d759e9ed0e679fca3d45af4115a54368a46/-3.gif" data-mid="64502728" border="0" src="https://freight.cargo.site/w/1000/i/55aa5ac878b83fb20752e0ff15cb5d759e9ed0e679fca3d45af4115a54368a46/-3.gif" /> Clients Works AOMG Web design / Front-end Development 박재범 정규앨범 [The Road Less Traveled] 공식 웹사이트를 제작했다. 앨범 발매 컨텐츠 아카이빙 및 인스타그램, 유튜브 팝업 플레이 기능과 앨범 아트워크를 업로드한 이미지에 적용할 수 있는 커스터마이징 기능을 구현했다. body.mobile .pf_free .image-gallery .gallery_card:nth-child(3){ overflow: auto; padding-bottom: 1rem; } body.mobile .image-gallery .gallery_card:nth-child(3) .gallery_card_image{ height: auto !important; padding-bottom: 0 !important; } body.mobile .image-gallery .gallery_card:nth-child(3) img{ width: 70%; float: right; } body.mobile .pf_free .image-gallery .gallery_card:nth-child(4){ width: 55%; position: absolute; padding-top: 12rem; left: 1rem; } body.mobile .pf_free .image-gallery .gallery_card:nth-child(5){ width: 50%; padding-top: 18rem; padding-bottom: 7rem; float: right; margin-right: 1rem; } body.mobile .pf_free .image-gallery .gallery_card:nth-child(6){ width: 48%; position: absolute; right: 0; transform: rotate(-22deg) !important; } $(document).ready(function(){ setTimeout(titleSet,10); }) https://studiorb.me/Woo-Won-Jae Thu, 06 Feb 2020 05:11:55 +0000 스튜디오 빨간벽돌 https://studiorb.me/Woo-Won-Jae 04Woo Won Jae- What Day Is It Today? <img width="1658" height="1322" width_o="1658" height_o="1322" data-src="https://freight.cargo.site/t/original/i/a3b56d035616920a5f9b0ee77fc1a78056e52dfd95aebcafce37d32d28b405c1/woowonjae1.png" data-mid="60375089" border="0" data-no-zoom="true" src="https://freight.cargo.site/w/1000/i/a3b56d035616920a5f9b0ee77fc1a78056e52dfd95aebcafce37d32d28b405c1/woowonjae1.png" /> <img width="1967" height="1331" width_o="1967" height_o="1331" data-src="https://freight.cargo.site/t/original/i/e4d8bb01599f5bde62e09fd4246a55d96c7aeb17d7c064f47aeae6b2641b8877/woowonjae9.png" data-mid="60376062" border="0" data-no-zoom="true" src="https://freight.cargo.site/w/1000/i/e4d8bb01599f5bde62e09fd4246a55d96c7aeb17d7c064f47aeae6b2641b8877/woowonjae9.png" /> <img width="3077" height="3863" width_o="3077" height_o="3863" data-src="https://freight.cargo.site/t/original/i/a996f5982839f267004642e67e74721382c9e8d239c8f15cbd0343c67283ca3c/woowonjae7.png" data-mid="60375316" border="0" data-no-zoom="true" src="https://freight.cargo.site/w/1000/i/a996f5982839f267004642e67e74721382c9e8d239c8f15cbd0343c67283ca3c/woowonjae7.png" /> <img width="1000" height="555" width_o="1000" height_o="555" data-src="https://freight.cargo.site/t/original/i/fcc39bd13fa065e79341347a24cd778b89503f16b71976420e82de70a8aa338b/.gif" data-mid="64504181" border="0" src="https://freight.cargo.site/w/1000/i/fcc39bd13fa065e79341347a24cd778b89503f16b71976420e82de70a8aa338b/.gif" /> <img width="1000" height="555" width_o="1000" height_o="555" data-src="https://freight.cargo.site/t/original/i/c5c75cd7520066562d2ce6daae98125a51bed237b08259b170f988d6525dcae9/2.gif" data-mid="64505858" border="0" src="https://freight.cargo.site/w/1000/i/c5c75cd7520066562d2ce6daae98125a51bed237b08259b170f988d6525dcae9/2.gif" /> <img width="434" height="874" width_o="434" height_o="874" data-src="https://freight.cargo.site/t/original/i/33ae227e431dd0f78f19993881e4d25fea6543d02085e225e8e2201c422a63c0/-1.gif" data-mid="64621690" border="0" data-rotation="-15" src="https://freight.cargo.site/w/434/i/33ae227e431dd0f78f19993881e4d25fea6543d02085e225e8e2201c422a63c0/-1.gif" /> <img width="434" height="874" width_o="434" height_o="874" data-src="https://freight.cargo.site/t/original/i/888b2c23bf3da452f2191cbd1b9e62b0cae2aebb123ed0d2625437d4626f0cb1/-2.gif" data-mid="64622161" border="0" data-rotation="22.5" src="https://freight.cargo.site/w/434/i/888b2c23bf3da452f2191cbd1b9e62b0cae2aebb123ed0d2625437d4626f0cb1/-2.gif" /> Clients Works AOMG Web Design / Web Developing 우원재 콘서트 Woo - What day is it today? 머천다이즈 온라인 팝업 스토어 페이지를 PC, Tablet, Mobile 각 기기의 특성에 맞추어 반응형으로 제작했다. .pf_free_mobile{ padding-top: 10rem; } body.mobile .pf_free_mobile .image-gallery .gallery_card:nth-child(1){ position: absolute; margin-left: 3.5rem; width: 55%; padding-top: 0; } body.mobile .pf_free_mobile .image-gallery .gallery_card:nth-child(2){ width: 50%; float: right; margin-right: 2.5rem; padding-top: 9rem; } $(document).ready(function(){ setTimeout(titleSet,10); }) https://studiorb.me/NCT-DREAM-We-Boom Thu, 26 Mar 2020 09:02:54 +0000 스튜디오 빨간벽돌 https://studiorb.me/NCT-DREAM-We-Boom 05SM : NCT DREAM- We Boom <img width="192" height="192" width_o="192" height_o="192" data-src="https://freight.cargo.site/t/original/i/37375eff67063af6268f4f57915e41f204e87cae74b561e83782ce207333f9df/s5.png" data-mid="64630519" border="0" src="https://freight.cargo.site/w/192/i/37375eff67063af6268f4f57915e41f204e87cae74b561e83782ce207333f9df/s5.png" /> <img width="192" height="192" width_o="192" height_o="192" data-src="https://freight.cargo.site/t/original/i/18946633dfe8cacf05bdf78d3eca5296c0b4e285d8a28f4bc58b87e29ee097d9/s4.png" data-mid="64629774" border="0" src="https://freight.cargo.site/w/192/i/18946633dfe8cacf05bdf78d3eca5296c0b4e285d8a28f4bc58b87e29ee097d9/s4.png" /> <img width="192" height="192" width_o="192" height_o="192" data-src="https://freight.cargo.site/t/original/i/c41c640f5c5fe882dd033d0e750ada06188c7259fbfdf990279f28d1d4cb6795/s3.png" data-mid="64629773" border="0" src="https://freight.cargo.site/w/192/i/c41c640f5c5fe882dd033d0e750ada06188c7259fbfdf990279f28d1d4cb6795/s3.png" /> <img width="1380" height="528" width_o="1380" height_o="528" data-src="https://freight.cargo.site/t/original/i/66cbeb97e839b4b7da2d67a3bc013aa5cd3c02ba478f9b4fdc9a5e05ecc4e0f5/logo-main.png" data-mid="64629691" border="0" src="https://freight.cargo.site/w/1000/i/66cbeb97e839b4b7da2d67a3bc013aa5cd3c02ba478f9b4fdc9a5e05ecc4e0f5/logo-main.png" /> <img width="628" height="557" width_o="628" height_o="557" data-src="https://freight.cargo.site/t/original/i/76d73d61a62ece0c8ead7b3cbb98302aca0816cdf4b3ea652581aeb304a06f43/g2.png" data-mid="64629614" border="0" src="https://freight.cargo.site/w/628/i/76d73d61a62ece0c8ead7b3cbb98302aca0816cdf4b3ea652581aeb304a06f43/g2.png" /> <img width="143" height="143" width_o="143" height_o="143" data-src="https://freight.cargo.site/t/original/i/2008809548ae2f5f52ab066acaa7e0549cb3c44a53c46a0a1c9d86a4a246fc48/s1.png" data-mid="64629770" border="0" src="https://freight.cargo.site/w/143/i/2008809548ae2f5f52ab066acaa7e0549cb3c44a53c46a0a1c9d86a4a246fc48/s1.png" /> <img width="1073" height="1609" width_o="1073" height_o="1609" data-src="https://freight.cargo.site/t/original/i/8e65ba61e28793def8d91bce57ea6024c006c12a947a2f240c1369e3c94bfcdb/21-B2.jpg" data-mid="64630097" border="0" src="https://freight.cargo.site/w/1000/i/8e65ba61e28793def8d91bce57ea6024c006c12a947a2f240c1369e3c94bfcdb/21-B2.jpg" /> <img width="1080" height="1629" width_o="1080" height_o="1629" data-src="https://freight.cargo.site/t/original/i/91c5367264f7da6cec031bf987d0b6f522284eb4115ae50a37837f874d35644e/20-A2.jpg" data-mid="64630398" border="0" src="https://freight.cargo.site/w/1000/i/91c5367264f7da6cec031bf987d0b6f522284eb4115ae50a37837f874d35644e/20-A2.jpg" /> <img width="1644" height="403" width_o="1644" height_o="403" data-src="https://freight.cargo.site/t/original/i/e8e47dd4b15a283363af8205df3f2d0aedd44a65e6a8db0dce0c0fee1c4e675e/logo-sub.png" data-mid="64631462" border="0" data-rotation="40" src="https://freight.cargo.site/w/1000/i/e8e47dd4b15a283363af8205df3f2d0aedd44a65e6a8db0dce0c0fee1c4e675e/logo-sub.png" /> <img width="143" height="143" width_o="143" height_o="143" data-src="https://freight.cargo.site/t/original/i/8258436574efd53940003fe44c684b563d4c61a7c13f62d682c72a8126e46563/s2.png" data-mid="64631110" border="0" src="https://freight.cargo.site/w/143/i/8258436574efd53940003fe44c684b563d4c61a7c13f62d682c72a8126e46563/s2.png" /> <img width="461" height="644" width_o="461" height_o="644" data-src="https://freight.cargo.site/t/original/i/c44c2436634d82b7de5a1fd8ec0372b8fcb2ef5a0f1f613ac6249e117539f580/g6.png" data-mid="64631088" border="0" data-rotation="17.5" src="https://freight.cargo.site/w/461/i/c44c2436634d82b7de5a1fd8ec0372b8fcb2ef5a0f1f613ac6249e117539f580/g6.png" /> <img width="1072" height="1608" width_o="1072" height_o="1608" data-src="https://freight.cargo.site/t/original/i/163e249c497eda717278c748d62ca3954b34c6af9ee3e884b007938dcd47cbb5/22-B1.jpg" data-mid="64631047" border="0" src="https://freight.cargo.site/w/1000/i/163e249c497eda717278c748d62ca3954b34c6af9ee3e884b007938dcd47cbb5/22-B1.jpg" /> <img width="557" height="557" width_o="557" height_o="557" data-src="https://freight.cargo.site/t/original/i/93e8c1ecc4a0799635d18210ffc0330151321bf6c23ec544f85bd0fd9cb3952f/spinner.gif" data-mid="64629568" border="0" src="https://freight.cargo.site/w/557/i/93e8c1ecc4a0799635d18210ffc0330151321bf6c23ec544f85bd0fd9cb3952f/spinner.gif" /> <img width="434" height="874" width_o="434" height_o="874" data-src="https://freight.cargo.site/t/original/i/261c585be55847aaead6168d5307e2951af5deadfdb0664abf8e6ea103c39d05/nct4.gif" data-mid="64625283" border="0" data-rotation="-12.5" src="https://freight.cargo.site/w/434/i/261c585be55847aaead6168d5307e2951af5deadfdb0664abf8e6ea103c39d05/nct4.gif" /> <img width="192" height="192" width_o="192" height_o="192" data-src="https://freight.cargo.site/t/original/i/c41c640f5c5fe882dd033d0e750ada06188c7259fbfdf990279f28d1d4cb6795/s3.png" data-mid="64629773" border="0" src="https://freight.cargo.site/w/192/i/c41c640f5c5fe882dd033d0e750ada06188c7259fbfdf990279f28d1d4cb6795/s3.png" /> <img width="434" height="874" width_o="434" height_o="874" data-src="https://freight.cargo.site/t/original/i/de81d4102153d0bd6c00057d0037100b414a298fdd36d032d310a59b2403cb70/nct3.gif" data-mid="64625284" border="0" src="https://freight.cargo.site/w/434/i/de81d4102153d0bd6c00057d0037100b414a298fdd36d032d310a59b2403cb70/nct3.gif" /> <img width="434" height="874" width_o="434" height_o="874" data-src="https://freight.cargo.site/t/original/i/d53465b8af051cf0e2fa6022a6d03b772748e8d16fbf8047ef982e6e0b4477ac/nct2.gif" data-mid="64625285" border="0" data-rotation="10" src="https://freight.cargo.site/w/434/i/d53465b8af051cf0e2fa6022a6d03b772748e8d16fbf8047ef982e6e0b4477ac/nct2.gif" /> <img width="192" height="192" width_o="192" height_o="192" data-src="https://freight.cargo.site/t/original/i/18946633dfe8cacf05bdf78d3eca5296c0b4e285d8a28f4bc58b87e29ee097d9/s4.png" data-mid="64629774" border="0" src="https://freight.cargo.site/w/192/i/18946633dfe8cacf05bdf78d3eca5296c0b4e285d8a28f4bc58b87e29ee097d9/s4.png" /> <img width="192" height="192" width_o="192" height_o="192" data-src="https://freight.cargo.site/t/original/i/37375eff67063af6268f4f57915e41f204e87cae74b561e83782ce207333f9df/s5.png" data-mid="64630519" border="0" src="https://freight.cargo.site/w/192/i/37375eff67063af6268f4f57915e41f204e87cae74b561e83782ce207333f9df/s5.png" /> <img width="143" height="143" width_o="143" height_o="143" data-src="https://freight.cargo.site/t/original/i/8258436574efd53940003fe44c684b563d4c61a7c13f62d682c72a8126e46563/s2.png" data-mid="64631110" border="0" src="https://freight.cargo.site/w/143/i/8258436574efd53940003fe44c684b563d4c61a7c13f62d682c72a8126e46563/s2.png" /> <img width="375" height="667" width_o="375" height_o="667" data-src="https://freight.cargo.site/t/original/i/22ddd985f146f954fd5503c0f1148f7f99cbde4c71d107258231bb88e80f1fbc/702fe291011081.5e26c70adda67.png" data-mid="64628926" border="0" src="https://freight.cargo.site/w/375/i/22ddd985f146f954fd5503c0f1148f7f99cbde4c71d107258231bb88e80f1fbc/702fe291011081.5e26c70adda67.png" /> <img width="375" height="667" width_o="375" height_o="667" data-src="https://freight.cargo.site/t/original/i/426ab703b04fe3cef63f58347aea2c6159c7511a27cadbc6509bf531b7938e23/606eb091011081.5e26c70ade078.png" data-mid="64628925" border="0" src="https://freight.cargo.site/w/375/i/426ab703b04fe3cef63f58347aea2c6159c7511a27cadbc6509bf531b7938e23/606eb091011081.5e26c70ade078.png" /> <img width="375" height="667" width_o="375" height_o="667" data-src="https://freight.cargo.site/t/original/i/83c01e4638ee298acebd69b7c4c2cae57979c2e968fa7ecef8a399a54cdccca3/322fc591011081.5e26c70adffcb.png" data-mid="64628846" border="0" src="https://freight.cargo.site/w/375/i/83c01e4638ee298acebd69b7c4c2cae57979c2e968fa7ecef8a399a54cdccca3/322fc591011081.5e26c70adffcb.png" /> <img width="375" height="667" width_o="375" height_o="667" data-src="https://freight.cargo.site/t/original/i/e581cda2ad627d5f3d0551f87622c7b91d397c2c56673bffcd7e97dd53aee475/44e6b191011081.5e26c70adf77d.png" data-mid="64628717" border="0" src="https://freight.cargo.site/w/375/i/e581cda2ad627d5f3d0551f87622c7b91d397c2c56673bffcd7e97dd53aee475/44e6b191011081.5e26c70adf77d.png" /> <img width="375" height="667" width_o="375" height_o="667" data-src="https://freight.cargo.site/t/original/i/09f18e6c790f2f840b6828d7b0db4e12879b4efb29e28294ee391ee60987d043/476c9991011081.5e26c70adee27.png" data-mid="64628857" border="0" src="https://freight.cargo.site/w/375/i/09f18e6c790f2f840b6828d7b0db4e12879b4efb29e28294ee391ee60987d043/476c9991011081.5e26c70adee27.png" /> <img width="375" height="667" width_o="375" height_o="667" data-src="https://freight.cargo.site/t/original/i/f0b0a95acde2bfe4fa2be84a5502e7a93919889cf3189f8ea47062baaa1c08e6/39f59191011081.5e26c70adf23f.png" data-mid="64628643" border="0" src="https://freight.cargo.site/w/375/i/f0b0a95acde2bfe4fa2be84a5502e7a93919889cf3189f8ea47062baaa1c08e6/39f59191011081.5e26c70adf23f.png" /> Clients Works SM Entertainment Web design / Front-end Development SM 엔터테인먼트의 아티스트 NCT Dream의 Weboom 이벤트 페이지를 개발했다. 서버 구축 및 프런트 개발 외, 총 7일간 실시간 업데이트를 통해 새로운 콘텐츠를 팬들에게 노출시키는 작업을 진행했다. .image-gallery .group1, .image-gallery .group2, .image-gallery .group3, .image-gallery .group4{ position: relative; padding: 40px 0 50px; } /* group1 */ .image-gallery .group1{ margin-top: 20px; } .image-gallery .group1 .gallery_card{ width: 30%; position: absolute; } .image-gallery .group1 .gallery_card:nth-child(1){ top: 0; left: 0; } .image-gallery .group1 .gallery_card:nth-child(2){ top: 125px; right: 35px; } .image-gallery .group1 .gallery_card:nth-child(3){ top: 85px; right: -5px; } .image-gallery .group1 .gallery_card:nth-child(4){ width: 76%; position: static; margin: 7px auto 0; padding-left: 0.5rem; } .image-gallery .group1 .gallery_card:nth-child(5){ width: 60%; position: static; margin: 0 auto ; } /* group 2*/ .image-gallery .group2{ padding-top: 30px; } .image-gallery .group2 .gallery_card:nth-child(1){ position: absolute; right: 0; width: 35%; top: -10px; } .image-gallery .group2 .gallery_card:nth-child(2), .image-gallery .group2 .gallery_card:nth-child(3){ width: 80%; margin: 0 auto; } .image-gallery .group2 .gallery_card:nth-child(4){ position: absolute; bottom: 65px; left: -30px; width: 73%; } /* group3 */ .image-gallery .group3{ padding-top: 0; } .image-gallery .group3 .gallery_card:nth-child(1), .image-gallery .group3 .gallery_card:nth-child(2), .image-gallery .group3 .gallery_card:nth-child(4){ position: absolute; z-index: 1; } .image-gallery .group3 .gallery_card:nth-child(1){ top: 10px; right: 5px; width: 30%; } .image-gallery .group3 .gallery_card:nth-child(2){ width: 33%; top: -50px; right: 15px; } .image-gallery .group3 .gallery_card:nth-child(3){ width: 80%; margin: 0 auto; } .image-gallery .group3 .gallery_card:nth-child(4){ width: 60%; left: 0; bottom: 0; } /* group4 */ .image-gallery .group4 .gallery_card:nth-child(1), .image-gallery .group4 .gallery_card:nth-child(3), .image-gallery .group4 .gallery_card:nth-child(4){ width: 65%; margin: 0 auto; padding: 4.5rem 2.5rem; } .image-gallery .group4 .gallery_card:nth-child(2), .image-gallery .group4 .gallery_card:nth-child(5), .image-gallery .group4 .gallery_card:nth-child(6), .image-gallery .group4 .gallery_card:nth-child(7){ position: absolute; width: 33%; z-index: 1; } .image-gallery .group4 .gallery_card:nth-child(2){ top: 405px; left: 55px; } .image-gallery .group4 .gallery_card:nth-child(5){ right: 60px; bottom: 40px; } .image-gallery .group4 .gallery_card:nth-child(6){ top: 900px; left: 40px; } .image-gallery .group4 .gallery_card:nth-child(7){ top: 935px; } /* pf2 */ .pf_2{ padding: 3rem 0; } .pf_2 .image-gallery .gallery_card{ width: 50%; float: left; padding: 1.25rem 2.5rem !important; } .pf_2 .image-gallery .gallery_card:nth-child(1), .pf_2 .image-gallery .gallery_card:nth-child(3), .pf_2 .image-gallery .gallery_card:nth-child(5){ padding-right: 0.5rem !important; } .pf_2 .image-gallery .gallery_card:nth-child(2), .pf_2 .image-gallery .gallery_card:nth-child(4), .pf_2 .image-gallery .gallery_card:nth-child(6){ padding-left: 0.5rem !important; } $(document).ready(function(){ setTimeout(titleSet,10); setTimeout(mbImg,100); }) function mbImg(){ var target = $("body.mobile .pf_free .image-gallery .gallery_card"); // group var group1 = ''; var group2 = ''; var group3 = ''; var group4 = ''; $("body.mobile .pf_free .image-gallery > div").prepend(group4); $("body.mobile .pf_free .image-gallery > div").prepend(group3); $("body.mobile .pf_free .image-gallery > div").prepend(group2); $("body.mobile .pf_free .image-gallery > div").prepend(group1); var i; // group1 for(i = 0; i < 5; i++){ target.eq(i).appendTo($(".group1")); } // group2 for(i=5; i https://studiorb.me/SCG Mon, 30 Mar 2020 06:26:53 +0000 스튜디오 빨간벽돌 https://studiorb.me/SCG 06SCG <img width="1000" height="555" width_o="1000" height_o="555" data-src="https://freight.cargo.site/t/original/i/a97f34969fa3abecbab9c2d42ac30e51b7a708b9392a57054b10953b94a6dad7/scg1.gif" data-mid="65033894" border="0" src="https://freight.cargo.site/w/1000/i/a97f34969fa3abecbab9c2d42ac30e51b7a708b9392a57054b10953b94a6dad7/scg1.gif" /> <img width="1000" height="554" width_o="1000" height_o="554" data-src="https://freight.cargo.site/t/original/i/4880f8fe24673731c83cd411b59b4f767bce4372e959833e4f4bf48cc0499c08/scg2.gif" data-mid="65034733" border="0" src="https://freight.cargo.site/w/1000/i/4880f8fe24673731c83cd411b59b4f767bce4372e959833e4f4bf48cc0499c08/scg2.gif" /> <img width="1000" height="554" width_o="1000" height_o="554" data-src="https://freight.cargo.site/t/original/i/201b4b96861fc8fae1a0243daf99f909e711195b4972f35bce11f94961784d06/scg3.gif" data-mid="65035393" border="0" src="https://freight.cargo.site/w/1000/i/201b4b96861fc8fae1a0243daf99f909e711195b4972f35bce11f94961784d06/scg3.gif" /> <img width="1000" height="1269" width_o="1000" height_o="1269" data-src="https://freight.cargo.site/t/original/i/4170598360a88dc44108844850679ac48df7b0aaaaa314431906ece6c77e7bc8/scg_-1.png" data-mid="65036816" border="0" src="https://freight.cargo.site/w/1000/i/4170598360a88dc44108844850679ac48df7b0aaaaa314431906ece6c77e7bc8/scg_-1.png" /> <img width="1000" height="886" width_o="1000" height_o="886" data-src="https://freight.cargo.site/t/original/i/2f73a9f91668eccdbac2ac8e673482f0f47751d7536b33ed91f595f4733e791e/scg_-1-.png" data-mid="65036814" border="0" src="https://freight.cargo.site/w/1000/i/2f73a9f91668eccdbac2ac8e673482f0f47751d7536b33ed91f595f4733e791e/scg_-1-.png" /> <img width="1000" height="1524" width_o="1000" height_o="1524" data-src="https://freight.cargo.site/t/original/i/0c60d07f2e4b319d577a1402b9d1eee43a4b800c13550616ea2bb3a1505fa0ea/scg_-1--2.png" data-mid="65036815" border="0" src="https://freight.cargo.site/w/1000/i/0c60d07f2e4b319d577a1402b9d1eee43a4b800c13550616ea2bb3a1505fa0ea/scg_-1--2.png" /> <img width="434" height="874" width_o="434" height_o="874" data-src="https://freight.cargo.site/t/original/i/3ccf988d09df53e26550ec2d01e06bbdaf7f3762b93ab7b5f5be9b2c18f33a84/scgp1.gif" data-mid="65040578" border="0" src="https://freight.cargo.site/w/434/i/3ccf988d09df53e26550ec2d01e06bbdaf7f3762b93ab7b5f5be9b2c18f33a84/scgp1.gif" /> <img width="434" height="874" width_o="434" height_o="874" data-src="https://freight.cargo.site/t/original/i/287552b78aa99fa1ebc8e700c59c7d2b8424a4d12d1dd48e6aba73d9012ebe70/-_1.gif" data-mid="65860835" border="0" src="https://freight.cargo.site/w/434/i/287552b78aa99fa1ebc8e700c59c7d2b8424a4d12d1dd48e6aba73d9012ebe70/-_1.gif" /> Clients Works SCG Web design / Front-end Development 유현준 대표가 운영하는 공간 맞춤 컨설팅 그룹인 SCG의 홈페이지 제작하였다. 카고 컬렉티브를 기반으로 PC, Mobile 각 기기의 특성에 맞추어 반응형으로 제작했다. .pf_grid.pf_web{ margin-top : 1rem; } .pf_free_mobile{ padding-top: 10rem; } body.mobile .pf_free_mobile .image-gallery .gallery_card:nth-child(1){ position: absolute; margin-left: 0.5rem; width: 55%; padding-top: 0; } body.mobile .pf_free_mobile .image-gallery .gallery_card:nth-child(2){ width: 50%; float: right; margin-right: 0.5rem; padding-top: 9rem; } $(document).ready(function(){ setTimeout(titleSet,10); }); https://studiorb.me/AOMG-a6ovestore Mon, 06 Apr 2020 07:21:35 +0000 스튜디오 빨간벽돌 https://studiorb.me/AOMG-a6ovestore 07AOMG - a6ovestore <img width="1000" height="554" width_o="1000" height_o="554" data-src="https://freight.cargo.site/t/original/i/41d6166bc2e56eaeb73b2a71b93771a66529a5d807ffa114ab27a3799b2246a2/above1.gif" data-mid="65857195" border="0" src="https://freight.cargo.site/w/1000/i/41d6166bc2e56eaeb73b2a71b93771a66529a5d807ffa114ab27a3799b2246a2/above1.gif" /> <img width="1000" height="554" width_o="1000" height_o="554" data-src="https://freight.cargo.site/t/original/i/8cb2d886d405aba5e01f86237a7be5d4d4ffb4eb268cb7db75de09b7066047af/above2.gif" data-mid="65857453" border="0" src="https://freight.cargo.site/w/1000/i/8cb2d886d405aba5e01f86237a7be5d4d4ffb4eb268cb7db75de09b7066047af/above2.gif" /> <img width="5692" height="7698" width_o="5692" height_o="7698" data-src="https://freight.cargo.site/t/original/i/dc2530aa2b71317ac49961f88868bf7568655b4dab2f05dda4914dc8575a6f79/_-1.png" data-mid="65859364" border="0" data-scale="77" src="https://freight.cargo.site/w/1000/i/dc2530aa2b71317ac49961f88868bf7568655b4dab2f05dda4914dc8575a6f79/_-1.png" /> <img width="5692" height="3158" width_o="5692" height_o="3158" data-src="https://freight.cargo.site/t/original/i/79a540fe9ee033bec84ff993a4865abdca1be951d0a5f73f76196d1f1b14394a/2_-1.png" data-mid="65860218" border="0" data-scale="77" src="https://freight.cargo.site/w/1000/i/79a540fe9ee033bec84ff993a4865abdca1be951d0a5f73f76196d1f1b14394a/2_-1.png" /> <img width="5692" height="5075" width_o="5692" height_o="5075" data-src="https://freight.cargo.site/t/original/i/e53c21dcff2e2f1bafe141f0b02c91d257ef704a7b38ea0a0f960c305e14b5ee/3_-1.png" data-mid="65860546" border="0" data-scale="77" src="https://freight.cargo.site/w/1000/i/e53c21dcff2e2f1bafe141f0b02c91d257ef704a7b38ea0a0f960c305e14b5ee/3_-1.png" /> <img width="434" height="874" width_o="434" height_o="874" data-src="https://freight.cargo.site/t/original/i/6e468ea2bb9f8a964a4806b44f4f19184b87c972c5ab345d9331d87ba08ece33/abovep.gif" data-mid="65862330" border="0" src="https://freight.cargo.site/w/434/i/6e468ea2bb9f8a964a4806b44f4f19184b87c972c5ab345d9331d87ba08ece33/abovep.gif" /> <img width="434" height="874" width_o="434" height_o="874" data-src="https://freight.cargo.site/t/original/i/efbd35bb515d180e72ad77c7d8e42fade68bd18c9963e0d6de78fbcbd2aa980e/abovp2.gif" data-mid="65862608" border="0" src="https://freight.cargo.site/w/434/i/efbd35bb515d180e72ad77c7d8e42fade68bd18c9963e0d6de78fbcbd2aa980e/abovp2.gif" /> &nbsp; Clients Works AOMG Homepage Renewal AOMG 머천다이즈 스토어 A6ove Store를 고도몰을 사용하여 PC, Mobile 각 기기의 특성에 맞게 홈페이지 리뉴얼 작업을 진행했다. 전체적인 톤앤매너에 맞춰 홈페이지에 사용한 디자인 소스도 제작했다. .pf_grid.pf_web{ margin-top : 1rem; } .pf_free_mobile{ padding-top: 10rem; } body.mobile .pf_free_mobile .image-gallery .gallery_card:nth-child(1){ position: absolute; margin-left: 0.5rem; width: 55%; padding-top: 0; } body.mobile .pf_free_mobile .image-gallery .gallery_card:nth-child(2){ width: 50%; float: right; margin-right: 0.5rem; padding-top: 9rem; } $(document).ready(function(){ setTimeout(titleSet,10); }); https://studiorb.me/Krave-Beauty Mon, 10 Feb 2020 08:07:17 +0000 스튜디오 빨간벽돌 https://studiorb.me/Krave-Beauty 08Krave Beauty- Pressreset House <img width="1366" height="840" width_o="1366" height_o="840" data-src="https://freight.cargo.site/t/original/i/3d77db60d99a7bfc87c3fa739bf3a9c92cf7dabce0821fab61bdd361a279040b/--9.png" data-mid="64299480" border="0" src="https://freight.cargo.site/w/1000/i/3d77db60d99a7bfc87c3fa739bf3a9c92cf7dabce0821fab61bdd361a279040b/--9.png" /> <img width="538" height="538" width_o="538" height_o="538" data-src="https://freight.cargo.site/t/original/i/5acd57629e78b1bff11623e906cb773bed31b27ea5c08e1757d5efa14a4c3d8e/--16.png" data-mid="64299510" border="0" src="https://freight.cargo.site/w/538/i/5acd57629e78b1bff11623e906cb773bed31b27ea5c08e1757d5efa14a4c3d8e/--16.png" /> <img width="720" height="509" width_o="720" height_o="509" data-src="https://freight.cargo.site/t/original/i/af7c257ef18bc7b4ab017b8302e2a7b61f2f8a1c03e0467a4da6341383c56ebd/-680.png" data-mid="64299647" border="0" src="https://freight.cargo.site/w/720/i/af7c257ef18bc7b4ab017b8302e2a7b61f2f8a1c03e0467a4da6341383c56ebd/-680.png" /> <img width="1366" height="758" width_o="1366" height_o="758" data-src="https://freight.cargo.site/t/original/i/7eb09289d37ef883e5e14dcd1d909b23fd3453a8926a3b218017ac71f89e8bc3/krave1.gif" data-mid="64298642" border="0" data-scale="77" src="https://freight.cargo.site/w/1000/i/7eb09289d37ef883e5e14dcd1d909b23fd3453a8926a3b218017ac71f89e8bc3/krave1.gif" /> <img width="1366" height="758" width_o="1366" height_o="758" data-src="https://freight.cargo.site/t/original/i/5899b19df9d0f9cdd0df8835dcd92356f5bd57ce1b70c56d494b53e8c15e73d4/krave2.gif" data-mid="64297921" border="0" data-scale="77" src="https://freight.cargo.site/w/1000/i/5899b19df9d0f9cdd0df8835dcd92356f5bd57ce1b70c56d494b53e8c15e73d4/krave2.gif" /> <img width="1366" height="758" width_o="1366" height_o="758" data-src="https://freight.cargo.site/t/original/i/b76f0034bc01c1cdec55ea558b89c92f9beb11e69bbffaa2d97a42aa95d1f2f9/krave3.gif" data-mid="64298409" border="0" data-scale="77" src="https://freight.cargo.site/w/1000/i/b76f0034bc01c1cdec55ea558b89c92f9beb11e69bbffaa2d97a42aa95d1f2f9/krave3.gif" /> <img width="434" height="874" width_o="434" height_o="874" data-src="https://freight.cargo.site/t/original/i/d1a3841f570723ed7a1b6a5f75e08fb9f70d3659ea6fa94cb7b684da6c6eec08/1.gif" data-mid="65027300" border="0" src="https://freight.cargo.site/w/434/i/d1a3841f570723ed7a1b6a5f75e08fb9f70d3659ea6fa94cb7b684da6c6eec08/1.gif" /> <img width="434" height="874" width_o="434" height_o="874" data-src="https://freight.cargo.site/t/original/i/6cd3918d04149175235ef2393ac73c8f51102caf6d649ffb60f4509211cabf41/2.gif" data-mid="65028079" border="0" src="https://freight.cargo.site/w/434/i/6cd3918d04149175235ef2393ac73c8f51102caf6d649ffb60f4509211cabf41/2.gif" /> Clients Works Krave Beauty Web design / Front-end Development 코스메틱 브랜드인 KraveBeauty의 #PressResetHouse 온라인 팝업스토어 페이지를 PC, Mobile 등 각 기기의 특성에 맞추어 반응형으로 제작했다. body.mobile .pf_grid.pf_web{ margin-top: 5rem; } body.mobile .image-gallery .gallery_card:nth-child(2){ width: 80%; float: right; margin-right: 4%; } body.mobile .image-gallery .gallery_card:nth-child(3){ width: 60%; float: left; margin-left: 5%; } .pf_free_mobile{ padding-top: 10rem; } body.mobile .pf_free_mobile .image-gallery .gallery_card:nth-child(1){ position: absolute; margin-left: 0.5rem; width: 55%; padding-top: 0; } body.mobile .pf_free_mobile .image-gallery .gallery_card:nth-child(2){ width: 50%; float: right; margin-right: 0.5rem; padding-top: 9rem; } $(document).ready(function(){ setTimeout(titleSet,10); }); https://studiorb.me/NABBA-Training-Base Wed, 12 Feb 2020 07:26:19 +0000 스튜디오 빨간벽돌 https://studiorb.me/NABBA-Training-Base 09NABBA Training Base <img width="1968" height="984" width_o="1968" height_o="984" data-src="https://freight.cargo.site/t/original/i/92de4682bb89a17746d8b0f5712ceeedca63452a077bfdf12d43d5368a8eb388/naaba1.png" data-mid="60892266" border="0" src="https://freight.cargo.site/w/1000/i/92de4682bb89a17746d8b0f5712ceeedca63452a077bfdf12d43d5368a8eb388/naaba1.png" /> <img width="1807" height="1830" width_o="1807" height_o="1830" data-src="https://freight.cargo.site/t/original/i/15702d5b33bf204aca932ccc190afdff15978cdf1f7f56dee4642fa564021a22/naaba2.png" data-mid="60892330" border="0" src="https://freight.cargo.site/w/1000/i/15702d5b33bf204aca932ccc190afdff15978cdf1f7f56dee4642fa564021a22/naaba2.png" /> <img width="1000" height="554" width_o="1000" height_o="554" data-src="https://freight.cargo.site/t/original/i/dbb3d6f6602361951ff0284bd68522784659aede681007bdb934ff48c8b1eae2/2.gif" data-mid="64617978" border="0" src="https://freight.cargo.site/w/1000/i/dbb3d6f6602361951ff0284bd68522784659aede681007bdb934ff48c8b1eae2/2.gif" /> <img width="1000" height="554" width_o="1000" height_o="554" data-src="https://freight.cargo.site/t/original/i/31646905c14f75a0b4144c709b8b10e56f2d02f1c378f244bc1ce8ba9b357578/1.gif" data-mid="64618215" border="0" src="https://freight.cargo.site/w/1000/i/31646905c14f75a0b4144c709b8b10e56f2d02f1c378f244bc1ce8ba9b357578/1.gif" /> <img width="434" height="874" width_o="434" height_o="874" data-src="https://freight.cargo.site/t/original/i/279f862fba831032044e9a8fa7d0b3319dd87bc98362766e9dc6a7bfbb372443/2.gif" data-mid="65990746" border="0" src="https://freight.cargo.site/w/434/i/279f862fba831032044e9a8fa7d0b3319dd87bc98362766e9dc6a7bfbb372443/2.gif" /> <img width="434" height="874" width_o="434" height_o="874" data-src="https://freight.cargo.site/t/original/i/bf4b94214738fc8def5e92c47678673f7a7cf1f58cddc1c6a518fe8608fdf2e3/-1.gif" data-mid="65989782" border="0" src="https://freight.cargo.site/w/434/i/bf4b94214738fc8def5e92c47678673f7a7cf1f58cddc1c6a518fe8608fdf2e3/-1.gif" /> Clients Works NABBA Web design / Front-end Development 카페24를 이용하여 PC, Mobile 각 기기의 특성에 맞게 반응형 홈페이지 제작을 했다. 퍼블리싱, 서버 구축 작업에 참여했다. body.mobile .pf_grid.pf_web{ margin-top: 5rem; margin-bottom: 2rem; } .pf_free_mobile{ padding-top: 10rem; } body.mobile .pf_free_mobile .image-gallery .gallery_card:nth-child(1){ position: absolute; margin-left: 0.5rem; width: 55%; padding-top: 0; } body.mobile .pf_free_mobile .image-gallery .gallery_card:nth-child(2){ width: 50%; float: right; margin-right: 0.5rem; padding-top: 9rem; } $(document).ready(function(){ setTimeout(titleSet,10); })