.blog{align-items:center;display:inline-flex;flex-direction:row;justify-content:center;margin:120px 0 0;width:100%}.blog,.blog>div{position:relative}.blog>div{overflow:hidden;width:calc(100% - 80px)}.blog>div>div{display:inline-flex;transition:transform .4s ease-in-out;width:100%}.blog>div>div>div{flex:0 0 33.33333%;padding:0 16px}.blog>div>div>div>div{border-radius:4px;box-shadow:0 2px 4px 0 var(--color-overlay-100),0 1px 1px 0 var(--color-overlay-100);cursor:pointer;display:inline-flex;flex-direction:column;transition:all .2s}.blog>div>div>div>div:hover{box-shadow:0 2px 4px 0 var(--color-overlay-300),0 1px 1px 0 var(--color-overlay-300)}.blog>div>div>div>div>strong{background-color:#36ac36;border-left:1px solid #36ac36;border-right:1px solid #36ac36;border-top:1px solid #36ac36;border-top-left-radius:4px;border-top-right-radius:4px;color:var(--color-secondary);max-height:300px;overflow:hidden;padding:20px;transition:all .2s;word-break:break-all}.blog>div>div>div>div>p{border-bottom:1px solid var(--color-line);border-left:1px solid var(--color-line);border-right:1px solid var(--color-line);height:100%;max-height:320px;padding:20px;word-break:break-all}.blog>div>div>div>small{display:inline-block;opacity:.4;padding:10px 0;text-align:end;width:100%}.blog>button{background:none;border:none;cursor:pointer;position:absolute;top:50%;transform:translateY(-50%)}.blog>button:disabled{cursor:default;opacity:0;z-index:-10}.blog>button:first-child{left:0}.blog>button:last-child{right:0}.blog>button>svg{height:32px;width:32px;fill:var(--color-overlay-900)}.input{border:1px solid var(--color-overlay-300);border-radius:2px;color:var(--color-primary);font-size:1.1rem;max-width:640px;padding:8px 8px 8px 16px;position:relative;width:100%}.input,.input::placeholder{font-family:Pretendard,sans-serif}.input::placeholder{opacity:.6}.textarea{border:1px solid var(--color-overlay-300);border-radius:2px;color:var(--color-primary);font-size:1.1rem;max-width:640px;padding:8px 8px 8px 16px;position:relative;resize:none;width:100%}.textarea,.textarea::placeholder{font-family:Pretendard,sans-serif}.textarea::placeholder{opacity:.6}.selectbox{align-items:center;display:inline-flex;flex-direction:row;justify-content:center;max-width:240px;width:100%}.selectbox>label{background-color:var(--color-secondary);border:1px solid var(--color-overlay-300);border-radius:2px;color:var(--color-primary);cursor:pointer;padding:8px 8px 8px 16px;position:relative;width:240px}.selectbox>label>div:first-child{align-items:center;display:inline-flex;justify-content:space-between;width:100%}.selectbox>label>div:first-child>svg{height:24px;width:24px;fill:var(--color-primary);pointer-events:none;transition:all .1s}.selectbox>label>div:nth-child(2){backdrop-filter:blur(12px);border-bottom:1px solid var(--color-overlay-300);border-bottom-left-radius:2px;border-bottom-right-radius:2px;border-left:1px solid var(--color-overlay-300);border-right:1px solid var(--color-overlay-300);display:inline-flex;flex-direction:column;left:0;position:absolute;top:41px;width:100%;z-index:10}.selectbox>label>div:nth-child(2)>span{background-color:var(--color-secondary);color:var(--color-primary);padding:10px 10px 10px 20px;width:100%}.selectbox>label>div:nth-child(2)>span:hover{background-color:var(--color-line)}.radio{align-items:center;cursor:pointer;display:inline-flex;flex-direction:row;line-height:1;position:relative}.radio>input{appearance:none;border:1px solid var(--color-overlay-700);cursor:pointer;margin:0 8px 0 0;position:relative}.radio>input,.radio>input:before{border-radius:50%;height:18px;width:18px}.radio>input:before{background-color:initial;content:"";left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.radio>input:checked{border:1px solid var(--color-theme-main)}.radio>input:checked:before{background-color:var(--color-theme-main);border-radius:50%;content:"";height:9px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:9px}.radio>input:checked:disabled{opacity:.6}.radio>p{opacity:1;white-space:nowrap}.checkbox{align-items:center;display:inline-flex;flex-direction:row;line-height:1}.checkbox,.checkbox>input{cursor:pointer;position:relative}.checkbox>input{appearance:none;border:1px solid var(--color-overlay-700);border-radius:2px;height:18px;margin:0 8px 0 0;width:18px}.checkbox>input:before{content:"";height:18px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:18px}.checkbox>input:checked{background-color:var(--color-theme-main);border:1px solid var(--color-theme-main)}.checkbox>input:checked:before{border-color:#0000 var(--color-secondary) var(--color-secondary) #0000;border-style:solid;border-width:0 2px 2px 0;content:"";height:10px;left:5px;position:absolute;top:1px;transform:rotate(45deg);width:6px}.checkbox>input:checked:disabled{opacity:.6}.attach,.attach>label{align-items:center;display:inline-flex;flex-direction:row}.attach>label{background-color:var(--color-overlay-900);border-radius:4px;color:var(--color-secondary);cursor:pointer;padding:8px 16px;white-space:nowrap}.attach>label>svg{height:24px;width:24px;fill:var(--color-secondary);margin:0 2px 0 0}.attach>label>input[type=file]{display:none}.attach>div{align-items:center;background-color:var(--color-overlay-100);border-radius:6px;display:inline-flex;flex-direction:row;margin:0 0 0 10px;max-width:320px;padding:6px 10px 6px 16px}.attach>div>p{max-width:120px;opacity:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.attach>div>svg{height:18px;margin:0 0 0 6px;width:18px;fill:#ed2d2d;cursor:pointer;transition:all .2s}.viewer{background-color:var(--color-overlay-900);bottom:0;display:inline-flex;height:100vh;left:0;overflow:hidden;position:fixed;right:0;top:0;width:100vw;z-index:1000}.viewer>div{align-items:center;display:inline-flex;flex-direction:row;height:100%;justify-content:center;width:100%}.viewer>div>img{cursor:pointer;height:100%;max-height:90%;max-width:90%;object-fit:contain;width:auto}.banner{border:1px solid var(--color-surface-300);box-shadow:0 4px 12px var(--color-overlay-500);cursor:pointer;line-height:0;position:fixed;top:40px;z-index:1000}.banner>img{height:80vh;max-width:calc(50vw - 30px);width:auto}.call{bottom:20px;position:fixed;right:20px}.call>img{animation:ShakeIcon 4s ease-in-out infinite;display:inline-block;height:48px;width:48px}@keyframes ShakeIcon{0%{transform:translateX(0)}38%{transform:translateX(0)}42%{transform:translateX(-6px)}46%{transform:translateX(6px)}50%{transform:translateX(-4px)}54%{transform:translateX(4px)}58%{transform:translateX(-2px)}62%{transform:translateX(2px)}66%{transform:translateX(0)}to{transform:translateX(0)}}