@import "https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/variable/pretendardvariable.css";
*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;outline:none}html,body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;width:100%;margin:0;padding:0;font-family:Pretendard Variable,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;overflow-x:hidden}.app-container{justify-content:center;align-items:flex-start;width:100%;min-width:340px;min-height:100vh;display:flex}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.media-element{opacity:0;width:100%;height:auto;transition:opacity .2s ease-out;display:block}.media-placeholder-wrapper:not(.loading-shimmer) .media-element{opacity:1}.home-media-frame{aspect-ratio:4/3;justify-content:center;align-items:center;width:100%;max-width:100%;margin:0 auto;display:flex}.home-media-frame.is-loaded{aspect-ratio:auto}.common-menu-icon{cursor:pointer;justify-content:flex-end;align-items:flex-start;width:24px;height:24px;margin-top:7px;display:flex}.menu-icon-img{object-fit:contain;width:24px;height:24px;display:block}.container{background:#fff;width:402px;height:874px;margin:0 auto;position:relative}.name{color:#000;width:138px;height:81px;font-family:Pretendard Variable,sans-serif;font-size:32px;font-style:normal;font-weight:400;line-height:38px;position:absolute;top:82px;left:24px}.menu{flex-direction:column;justify-content:space-between;width:23px;height:16px;display:flex;position:absolute;top:102px;left:355px}.line{border:2px solid #000;width:23px}.image-box{background:#d9d9d9;justify-content:center;align-items:center;width:354px;height:528px;display:flex;position:relative;top:207px;left:24px}.image-placeholder{object-fit:cover;width:100%;height:100%;position:absolute}.image-text{text-align:center;color:gray;width:83px;height:38px;font-family:Pretendard Variable,sans-serif;font-size:32px;font-style:normal;font-weight:400;line-height:38px;position:absolute}
.menu-container{z-index:1000;width:100%;max-width:1200px;height:100dvh;padding:40px max(24px,min(1.212rem + 1.15vw,50px));padding-bottom:calc(100px + env(safe-area-inset-bottom));box-sizing:border-box;opacity:0;visibility:hidden;background-color:#fff;flex-direction:column;justify-content:flex-start;display:flex;position:fixed;top:0;left:50%;overflow-y:auto;transform:translate(-50%)}.menu-container.is-open{opacity:1;visibility:visible;transition:opacity .3s;transform:translate(-50%)}.back-arrow{animation:none}.menu-container.no-animation .menu-button{opacity:1;animation:none}@keyframes slideInFromRight{0%{transform:translate(100%)}}.back-arrow{cursor:pointer;z-index:10;-webkit-tap-highlight-color:transparent;flex-shrink:0;justify-content:center;align-items:center;width:32px;transition:transform .3s cubic-bezier(.16,1,.3,1),opacity .3s;display:flex}.back-arrow:active{opacity:.5;transform:scale(.9)}@media (hover:hover){.back-arrow:hover{opacity:.6;transform:translate(-5px)}}.arrow-icon{object-fit:contain;width:100%;height:100%}.menu-items{flex-direction:column;gap:40px;margin-top:60px;padding-bottom:40px;display:flex}.menu-button{all:unset;color:#000;cursor:pointer;text-align:left;opacity:0;width:-webkit-fit-content;width:fit-content;font-size:32px;transition:all .3s cubic-bezier(.25,.46,.45,.94);animation:.3s ease-out forwards itemFadeIn}@keyframes itemFadeIn{0%{opacity:0;transform:translate(-15px)}to{opacity:1;transform:translate(0)}}@media (hover:hover){.menu-button:hover{color:#acacac}}.menu-button:focus{outline:none}.menu-button:active{opacity:.5;transform:scale(.98)}.menu-button:first-child{animation-delay:.15s}.menu-button:nth-child(2){animation-delay:.18s}.menu-button:nth-child(3){animation-delay:.21s}.menu-button:nth-child(4){animation-delay:.24s}.menu-button:nth-child(5){animation-delay:.27s}