@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard.min.css");*{margin:0;box-sizing:border-box;padding:0;font-size:var(--bodyText);line-height:var(--lineHeight);--bodyText:16px;--lineHeight:1.7;font-family:pretendard}textarea{resize:none}a,button{color:#000}li{list-style:none}.dotArea{width:50vw;height:50dvh;position:fixed;top:0;left:0}.logo{background-image:url(/src/logo.svg);width:auto;height:25px;background-size:contain;aspect-ratio:2/.42;background-repeat:no-repeat;transition:opacity .3s ease}.logo.pcOnly:hover{opacity:.7}.logoCatWrap{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.postCol{border-right:1px solid #e3e3e3;float:left;height:100dvh;overflow:scroll;padding:0}.dotContainer,.postCol{width:calc(100% - 502px);min-width:calc(50% + 2px)}.dotContainer{position:absolute;height:100vh;pointer-events:none}.dotContainter:hover{background-color:red;pointer-events:auto}.pannelCol{width:500px;max-width:calc(50% - 2px);height:100vh;float:left;display:flex;justify-content:space-between;flex-direction:column;padding:20px}.AppArea{max-width:1280px;width:100%;position:relative;height:100dvh;margin-left:50%;transform:translateX(-50%);border-left:1px solid #f5f5f5;border-right:1px solid #f5f5f5}.catList li{display:inline-block;padding:12px 6px;background-color:#f5f5f5;border-radius:8px;margin:0 0 0 8px;line-height:1;cursor:pointer;font-size:13px;transition:background-color .3s ease,color .3s ease}.catList li:hover{background-color:#282828;color:#d3d3d3}.catList li.on{background-color:#000;color:#fff}.catList{margin-bottom:0}.tagList{margin-bottom:.5em}.tagList li{display:inline-block;margin:.25em .5em .25em 0;transition:opacity .3s ease}.tagList li:hover{opacity:.5}.tagList li div{display:flex;align-items:center;gap:.5em}.tagList div{font-size:13px}.textArea{height:40vh;border-radius:20px;padding:20px;text-align:center;background-color:#f5f5f5;border:0;font-family:pretendard}.submit,.textArea{width:100%;outline:none}.submit{border-radius:20px;padding:10px;background-color:#676767;color:#fff;border:none;transition:background-color .3s ease,color .3s ease;cursor:pointer}.submit:hover{background-color:#303030;color:#676767}.reviewWrap{display:block;margin:1em 0 10px;background-color:#f5f5f5;font-size:12px;padding:5px 20px;border-radius:5px;color:#000}.bottom{flex-direction:column}.bottom,.tagblock{display:flex;align-items:center}.tagblock{gap:.5em}.tagblock,.tagblock span{font-size:10px}.submitform{width:100%}.inputField{width:100%;border-radius:20px;padding:20px;text-align:center;background-color:#f5f5f5;border:0;outline:none;margin:1em 0}input[type=text].inputField{padding:8px 20px;margin:0 0 1em}.formText{width:100%;display:inline-block;text-align:center;color:#676767;font-size:12px}.dot{width:12px;height:12px;background-color:#f0f0f0;border-radius:100%;position:fixed;transition:all .3s ease!important;opacity:.95}.dot:hover{background-color:#303030}.tagCatFlex{display:flex;flex-direction:row;justify-content:space-between}.featured{padding:1px 10px;border:1px solid #353535;color:#000;border-radius:15px;font-size:10px;line-height:15px;display:flex;align-items:center}.btnWrap{width:100%;display:flex;gap:8px}.btnWrap .prev{background-color:#d3d3d3}.postCol h4{width:100%;text-align:center;margin:0}.postCol .author{line-height:80%;color:#676767}.postCol .author,.postCol .timestamp{display:inline-block;width:100%;text-align:center;font-size:80%}.postCol .timestamp{color:#e3e3e3;margin-bottom:2em}.postCol:-webkit-scrollbar{display:none}.postCol{-ms-overflow-style:none;scrollbar-width:none}.article{padding:20px;border-bottom:1px solid #e3e3e3}.text-content{overflow:hidden;max-height:6.8em;transition:max-height 2s ease}.text-content.expanded{max-height:1000px}.text-content.collapsed{max-height:6.8em}.expand-btn{background-color:transparent;outline:none;border:transparent;font-weight:700;margin-bottom:-1.6em;cursor:pointer;font-size:80%}.off div{background-color:#e3e3e3!important}.off div:hover{background-color:inherit!important}.postCol h4.subtitle{margin-bottom:1em;margin-top:.15em;color:#a1a1a1;font-weight:500}.dot{transition:opacity .3s ease}.dot.hide{opacity:0!important}.pswp-gallery img{max-width:100%}.pswp-gallery{padding-bottom:2em;text-align:center}.sendform{height:calc(40vh + 55px);min-height:400px;flex-direction:column;justify-content:end;width:100%}.timecode{margin:2em 0;color:#676767}.formdesc,.timecode{width:100%;display:block;text-align:center}.formdesc{margin:2em 0 15vh}.moOnly{display:none}.moFormWrap{background-color:#fff;position:relative;bottom:0;padding:10px;display:none}.alert,.moFormWrap{width:100%;text-align:center}.alert{position:fixed;top:0;left:0;z-index:999999;height:100vh;color:#000;display:flex;align-items:center;justify-content:center;font-size:22px;background-color:hsla(0,0%,100%,.85);padding:40px}.reviewWrap,html{overflow:hidden}.reviewWrap{position:relative;height:2.25em;width:100%}.reviewText{position:absolute;left:0;width:100%;text-align:center;font-size:12px;transform:translateY(0);animation-fill-mode:forwards}.oldText{animation:slideOut .3s ease}.newText{animation:slideIn .3s ease}.expand-btn:hover{text-decoration:underline;text-underline-offset:.25rem}.spaceBetween{display:flex;flex-direction:column;justify-content:space-between;height:100%}@keyframes slideOut{0%{transform:translateY(0);opacity:1}to{transform:translateY(-100%);opacity:0}}@keyframes slideIn{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}@media screen and (max-width:768px){.btnWrap{flex-direction:row}.AppArea{max-width:100%;height:calc(100dvh - 125px);transform:none;overflow:scroll;margin-left:0;border:transparent;padding-bottom:120px}.AppArea,.pannelCol{position:relative}.pcOnly{display:none}.moOnly{display:block}.postCol{width:100%;border-right:none;overflow:hidden}.pannelCol{height:150px;display:none;justify-content:space-between;flex-direction:column}.pannelCol,.tagCatNav{width:100%;padding:20px}.tagCatNav{top:-100dvh;transition:top .7s ease;z-index:2}.tagCatNav,.tagCatNav.on{position:fixed;height:calc(100dvh - 60px);left:0;background-color:#fff}.tagCatNav.on{width:100%;top:60px;padding:20px}.moFormWrap{width:100%;background-color:#fff;position:fixed;bottom:0;padding:10px;text-align:center;height:-moz-fit-content;height:fit-content}.textArea{height:345px}.reviewWrap{margin:.5em 0}.textArea.mo{height:calc(var(--bodyText) + 40px);overflow:hidden;padding-top:15px}.sendform.moOnly{height:60px;display:flex}.inputField{margin:.25em 0 .75em}.headerMo{width:100%;display:flex;flex-basis:row;position:fixed;background-color:#fff;top:0;left:0;justify-content:space-between;padding:15px 20px;z-index:3;align-items:center}.headerMo .logo{width:126px;background-repeat:no-repeat;flex-shrink:0}.headerMo .logo,button.menu{height:30px;background-size:contain}button.menu{background-image:url(/src/plus.svg);width:30px;outline:none;border:transparent;background-color:transparent;transition:all .7s ease}.menu.on{transform:rotate(45deg)}.postCol{height:auto;margin-top:60px;margin-bottom:120px}.catItem{display:inline-block;padding:12px 6px;background-color:#f5f5f5;border-radius:8px;margin:0 4px 0 0;line-height:16px;font-size:13px}.btnMenu{display:flex;align-items:center;width:calc(100% - 136px);gap:10px}.postCol h4{margin:1em 0 0}.fade{background:linear-gradient(270deg,#fff,transparent);height:100%;pointer-events:none;position:absolute;right:0;top:0;width:54px;z-index:3}.reviewWrap{width:100%}.tagList li:hover{opacity:1}.currentMenu{display:flex;overflow:hidden;width:100%;height:40px;flex:1 1;position:relative}.tagList li div{gap:0}.scroller{display:flex;overflow-x:scroll;width:100%;scroll-behavior:smooth;-webkit-overflow-scrolling:touch}.innerScroller{display:flex;gap:.5em;width:-moz-fit-content;width:fit-content}.tagDisplay{display:flex;align-items:center;cursor:pointer;white-space:nowrap}.tagDisplay div{width:10px;height:10px;border-radius:100%;margin-right:5px}.catList li{margin:0 8px 0 0}.catList{margin-bottom:10px}.sendform{min-height:0}}

/*! PhotoSwipe main CSS by Dmytro Semenov | photoswipe.com */.pswp{--pswp-bg:#000;--pswp-placeholder-bg:#222;--pswp-root-z-index:100000;--pswp-preloader-color:rgba(79,79,79,.4);--pswp-preloader-color-secondary:hsla(0,0%,100%,.9);--pswp-icon-color:#fff;--pswp-icon-color-secondary:#4f4f4f;--pswp-icon-stroke-color:#4f4f4f;--pswp-icon-stroke-width:2px;--pswp-error-text-color:var(--pswp-icon-color);position:fixed;top:0;left:0;width:100%;height:100%;z-index:var(--pswp-root-z-index);display:none;touch-action:none;opacity:.003;contain:layout style size;-webkit-tap-highlight-color:rgba(0,0,0,0)}.pswp,.pswp:focus{outline:0}.pswp *{box-sizing:border-box}.pswp img{max-width:none}.pswp--open{display:block}.pswp,.pswp__bg{transform:translateZ(0);will-change:opacity}.pswp__bg{opacity:.005;background:var(--pswp-bg)}.pswp,.pswp__scroll-wrap{overflow:hidden}.pswp__bg,.pswp__container,.pswp__content,.pswp__img,.pswp__item,.pswp__scroll-wrap,.pswp__zoom-wrap{position:absolute;top:0;left:0;width:100%;height:100%}.pswp__img,.pswp__zoom-wrap{width:auto;height:auto}.pswp--click-to-zoom.pswp--zoom-allowed .pswp__img{cursor:zoom-in}.pswp--click-to-zoom.pswp--zoomed-in .pswp__img{cursor:move;cursor:-webkit-grab;cursor:grab}.pswp--click-to-zoom.pswp--zoomed-in .pswp__img:active{cursor:-webkit-grabbing;cursor:grabbing}.pswp--no-mouse-drag.pswp--zoomed-in .pswp__img,.pswp--no-mouse-drag.pswp--zoomed-in .pswp__img:active,.pswp__img{cursor:zoom-out}.pswp__button,.pswp__container,.pswp__counter,.pswp__img{-webkit-user-select:none;-moz-user-select:none;user-select:none}.pswp__item{z-index:1;overflow:hidden}.pswp__hidden{display:none!important}.pswp__content{pointer-events:none}.pswp__content>*{pointer-events:auto}.pswp__error-msg-container{display:grid}.pswp__error-msg{margin:auto;font-size:1em;line-height:1;color:var(--pswp-error-text-color)}.pswp .pswp__hide-on-close{opacity:.005;will-change:opacity;transition:opacity var(--pswp-transition-duration) cubic-bezier(.4,0,.22,1);z-index:10;pointer-events:none}.pswp--ui-visible .pswp__hide-on-close{opacity:1;pointer-events:auto}.pswp__button{position:relative;display:block;width:50px;height:60px;padding:0;margin:0;overflow:hidden;cursor:pointer;background:none;border:0;box-shadow:none;opacity:.85;-webkit-appearance:none;-webkit-touch-callout:none}.pswp__button:active,.pswp__button:focus,.pswp__button:hover{transition:none;padding:0;background:none;border:0;box-shadow:none;opacity:1}.pswp__button:disabled{opacity:.3;cursor:auto}.pswp__icn{fill:var(--pswp-icon-color);color:var(--pswp-icon-color-secondary);position:absolute;top:14px;left:9px;width:32px;height:32px;overflow:hidden;pointer-events:none}.pswp__icn-shadow{stroke:var(--pswp-icon-stroke-color);stroke-width:var(--pswp-icon-stroke-width);fill:none}.pswp__icn:focus{outline:0}.pswp__img--with-bg,div.pswp__img--placeholder{background:var(--pswp-placeholder-bg)}.pswp__top-bar{position:absolute;left:0;top:0;width:100%;height:60px;display:flex;flex-direction:row;justify-content:flex-end;z-index:10;pointer-events:none!important}.pswp__top-bar>*{pointer-events:auto;will-change:opacity}.pswp__button--close{margin-right:6px}.pswp__button--arrow{position:absolute;top:0;width:75px;height:100px;top:50%;margin-top:-50px}.pswp__button--arrow:disabled{display:none;cursor:default}.pswp__button--arrow .pswp__icn{top:50%;margin-top:-30px;width:60px;height:60px;background:none;border-radius:0}.pswp--one-slide .pswp__button--arrow{display:none}.pswp--touch .pswp__button--arrow{visibility:hidden}.pswp--has_mouse .pswp__button--arrow{visibility:visible}.pswp__button--arrow--prev{right:auto;left:0}.pswp__button--arrow--next{right:0}.pswp__button--arrow--next .pswp__icn{left:auto;right:14px;transform:scaleX(-1)}.pswp__button--zoom{display:none}.pswp--zoom-allowed .pswp__button--zoom{display:block}.pswp--zoomed-in .pswp__zoom-icn-bar-v{display:none}.pswp__preloader{position:relative;overflow:hidden;width:50px;height:60px;margin-right:auto}.pswp__preloader .pswp__icn{opacity:0;transition:opacity .2s linear;animation:pswp-clockwise .6s linear infinite}.pswp__preloader--active .pswp__icn{opacity:.85}@keyframes pswp-clockwise{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.pswp__counter{height:30px;margin-top:15px;-webkit-margin-start:20px;margin-inline-start:20px;font-size:14px;line-height:30px;color:var(--pswp-icon-color);text-shadow:1px 1px 3px var(--pswp-icon-color-secondary);opacity:.85}.pswp--one-slide .pswp__counter{display:none}