:root{--background:#ffffff;--foreground:#171717}@media (prefers-color-scheme:dark){:root{--background:#0a0a0a;--foreground:#ededed}}body,html{max-width:100vw;overflow-x:hidden}body{color:var(--foreground);background:var(--background);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box;padding:0;margin:0}a{color:inherit}@media (prefers-color-scheme:dark){html{color-scheme:dark}}html{scroll-behavior:smooth}body{padding-top:56px;font-family:Spoqa Han Sans,sans-serif}*,:after,:before{padding:0;margin:0}canvas,img{width:100%;max-width:100%}a,canvas,img{display:block}a{text-decoration:none;color:#565656;font-size:14px}li{list-style:none}p{font-size:16px;line-height:20px;font-family:Spoqa Han Sans}address{font-style:normal}button{outline:0;border:0;font-weight:400;background-color:rgba(0,0,0,0);font-family:Spoqa Han Sans}h1{font-size:32px;line-height:40px}h1,h2{font-family:Happiness-Sans-Title}h2{font-size:20px;line-height:32px}h3{font-size:16px;line-height:20px;font-family:Happiness-Sans-Title}nav{position:fixed;top:0;width:100%;transition:all .3s ease;z-index:999}nav section{justify-content:space-between;z-index:1000;padding:8px}nav section,nav section .nav__right-wrap{display:flex}footer{margin-top:48px!important;padding:48px 0;background-color:#20282f}footer>.footer_section{padding:0 8px;font-weight:700;color:#c7cad3;gap:16px 0}footer>.footer_section,footer>.footer_section ul{display:flex;flex-direction:column}footer>.footer_section ul li{height:24px}footer>.footer_section ul li a{color:#c7cad3;font-weight:400;display:inline-block;line-height:24px}.recommend__post-wrap h2{padding:8px}.post__card-section{display:flex;flex-wrap:wrap;gap:8px;padding:0 8px}.post__card-section .post__card-wrap{width:calc(25% - 6px);border:1px solid #f1f1f1;border-radius:8px;overflow:hidden}.post__card-section .post__card-wrap .post__card-txt{padding:8px;border-radius:0 0 8px 8px;border-top:1px solid #f1f1f1}.post__card-section .post__card-wrap .post__card-txt h3{margin-top:4px;font-size:18px;line-height:24px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;word-break:break-word}.post__card-section .post__card-wrap .post__card-txt p{margin-top:8px;font-size:14px;line-height:18px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;word-break:break-word}@media(max-width:480px){.post__card-section .post__card-wrap{width:calc(50% - 4px)}}.post__author-wrap{display:flex;gap:8px}.post__author-wrap a,.post__author-wrap button{padding:4px 8px;border-radius:8px;color:#343434;line-height:24px;font-size:14px;font-weight:700;cursor:pointer}.post__author-wrap a{border:1px solid #f1f1f1;background-color:#f1f1f1;transition:all .3s ease}.post__author-wrap a:hover{border:1px solid #343434;background-color:#343434;color:#fafafa;transition:all .3s ease}.post__author-wrap button{background-color:#ff4567;border:1px solid #ff4567;color:#fff1f1;transition:all .3s ease}.post__author-wrap button:hover{background-color:snow;color:#ff4567;transition:all .3s ease}.my__post-list{border:1px solid #ccc}.my__post-list li{width:100%;display:flex;justify-content:space-between;padding:8px}.my__post-list li+li{border-top:1px solid #ccc}.register__page-main>section section,.register__page-main>section>div{padding:0 54px}.register__page-main>section>div input,.register__page-main>section>div textarea{width:100%;line-height:24px;display:block;border:1px solid #ccc;outline:none}.register__page-main>section>div .register__post-title{line-height:44px;font-size:32px;font-weight:700}.register__page-main>section>div .post__submit-btn{margin-top:24px;width:100%;font-size:24px;line-height:48px}.register__page-main>section>div a{display:inline-block}.register__page-main>section>section{position:relative}.register__page-main>section>section div{display:flex}.register__page-main>section>section div input{display:block;width:50%;line-height:24px;border:1px solid #ccc;outline:none}.register__page-main>section>section button{line-height:24px;position:absolute;left:0;width:54px}.register__page-main>section>.register__post-category{display:flex;flex-direction:column;align-items:end;margin-bottom:16px}.bn-block-group{border:1px solid #ccc}.tag__item-wrap{margin-top:8px;display:flex;gap:4px}.tag__item-wrap>span{font-size:14px;background-color:#f1f1f1;border-radius:20px;line-height:20px;display:flex;gap:4px;padding:2px 2px 2px 10px}.tag__item-wrap>span button{width:20px;line-height:18px;text-align:center;border-radius:16px;border:1px solid #ff4567;color:#ff4567;transition:all .3s ease;cursor:pointer}.tag__item-wrap>span button:hover{background-color:#ff4567;color:snow;transition:all .3s ease}.post__slug-main .post__slug-bg{background-color:#121212;position:relative}.post__slug-main .post__slug-bg:after{position:absolute;top:0;left:0;content:"";display:block;width:100%;height:100%;background-image:linear-gradient(0deg,#121212 5%,rgba(18,18,18,.4705882353) 20%)}.post__slug-main .post__slug-bg-wrap{margin:0 auto;position:relative;max-width:540px;aspect-ratio:16/9}.post__slug-main .post__slug-bg-wrap>a{position:absolute;top:8px;left:8px;color:#fafafa;padding:8px 12px;border:1px solid #f1f1f1;border-radius:8px;z-index:9}.post__slug-main .post__slug-bg-wrap>h1{color:#fafafa;z-index:2;position:absolute;left:8px;bottom:24px}.post__slug-main .post__slug-bg-wrap>img{height:100%;object-fit:cover}.post__slug-main .post__slug-bg-wrap>div{width:100%;height:100%;background-color:rgba(0,0,0,.1);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);position:absolute;top:0;left:0}.post__slug-main .post__slug-bg-wrap>div:after{position:absolute;top:0;left:0;content:"";display:block;width:100%;height:100%;background-image:linear-gradient(90deg,#121212 5%,transparent 35%)}.post__slug-main .post__slug-bg-wrap>div:before{position:absolute;top:0;left:0;content:"";display:block;width:100%;height:100%;background-image:linear-gradient(270deg,#121212 5%,transparent 35%)}.post__summary-wrap{margin:8px 0}.post__summary-wrap .post__summary-txt{border:1px solid #cdcdcd;padding:8px;border-radius:8px}.post__summary-wrap h2{color:#343434}.post__summary-wrap p{color:#343434;line-height:22px}.post__time-wrap{padding:8px;margin-top:8px}.post__editor-view .bn-block-group{display:flex;flex-direction:column;gap:4px}.post__editor-view .bn-editor{padding:0}.post__editor-view .bn-block-group{border:none}.post__editor-view h2{font-size:24px;line-height:32px}.post__editor-view h3{font-weight:400;font-size:18px;line-height:24px}.post__editor-view p{line-height:22px}.post__editor-view a{border:1px solid #ff4567;font-size:16px;line-height:18px;padding:10px 8px 8px;color:#ff4567;border-radius:4px;box-shadow:2px 2px 8px #ff5e7b}.post__editor-view .bn-block-outer h2,.post__editor-view .bn-block-outer h3,.post__editor-view .bn-block-outer p{padding:0 8px}.post__editor-view img.bn-visual-media{border-radius:8px}.post__faq-wrap{padding:0 8px}.post__faq-wrap section{padding:8px;border:1px solid #cdcdcd;border-radius:8px}@media screen and (max-width:840px){.post__summary-wrap{padding:0 8px}.post__editor-view .bn-editor{padding:0}.post__editor-view img.bn-visual-media{border-radius:0}}