@import"//spoqa.github.io/spoqa-han-sans/css/SpoqaHanSans-kr.css";@font-face{font-family:Paperlogy-8ExtraBold;src:url(https://fastly.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-8ExtraBold.woff2) format("woff2");font-weight:800;font-style:normal}@font-face{font-family:Happiness-Sans-Title;src:url(https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2205@1.0/Happiness-Sans-Title.woff2) format("woff2");font-weight:400;font-style:normal}html{scroll-behavior:smooth}body{padding-top:46px;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}address{font-style:normal}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}header{box-shadow:0 0 1px #787878;padding:8px 0;position:fixed;width:100%;top:0;left:0;background-color:#fff;z-index:999}header>nav{padding:0 8px}header>nav>.header__img-wrap{width:32px;height:32px}.canvas__opt-wrap{display:flex;padding:8px;border:1px solid #ccc;border-radius:4px;align-items:center;gap:0 8px}.canvas__opt-wrap .canvas__opt-section{display:flex;flex-direction:column}.canvas__canvas-wrap{width:240px;border:1px dotted #ccc}.post_edit-wrap{display:flex;flex-direction:column;gap:12px 0}.post_edit-wrap input,.post_edit-wrap textarea{width:100%}.post_edit-wrap textarea{height:240px}.post__suggest-wrap{margin-top:24px}.post__suggest-wrap article{display:flex;flex-direction:column;border-radius:8px;border:1px solid #f1f1ff;overflow:hidden}.post__suggest-wrap article h2{font-size:16px;padding:4px 8px;background-image:linear-gradient(135deg,#000567,#4567ff);color:#fafaff}.post__suggest-wrap article>a{padding:8px;display:flex;gap:0 8px}.post__suggest-wrap article>a>div{width:120px;aspect-ratio:1/1}.post__suggest-wrap article>a>div>img{object-fit:cover;height:100%;border-radius:8px;box-shadow:0 0 1px #f1f1f1}.post__suggest-wrap article>a>section{display:flex;flex-direction:column;gap:4px 0}.post__post-main{padding:0 8px}.post__post-main h2{color:#343434}.post__post-section{display:flex;gap:8px;margin-top:12px;flex-wrap:wrap}.post__post-section article{width:calc(25% - 6px)}.post__post-item{border-radius:8px;border:1px solid #f1f1f1;overflow:hidden;box-sizing:border-box}.post__post-item>a>div{padding:8px}.post__post-item>a>div>span{background-color:#f8f8f8;padding:4px 6px;border-radius:4px;font-weight:700;color:#565656;display:inline-block;margin-bottom:8px;font-size:14px;line-height:18px}.post__content-title{padding:8px 0;border-bottom:1px solid #ccc;display:flex;flex-direction:column}.post__content-title>div{font-weight:700;margin-top:8px}.post__content-title>div span{color:#565656}.post__content-text{margin-top:16px}.post__content-text>div>img{border-radius:8px;border:1px solid #f1f1f1}.post__content-text>p{margin-top:16px;line-height:1.6}.post__content-shortcut{margin-top:24px;display:flex;flex-direction:column;gap:8px 0}.post__content-shortcut article{border-radius:8px;border:1px solid #ccc;padding:8px;display:flex;align-items:center;gap:0 12px}.post__content-shortcut article>div{font-size:20px;font-weight:700}.post__content-shortcut article>section h3{color:#565656;font-size:14px}.post__content-shortcut article>section p{font-size:14px}.post__content-faq{margin-top:24px}.post_content-related{margin-top:24px;display:flex;flex-direction:column;gap:8px 0}.post_content-related ul{display:flex;gap:8px;flex-wrap:wrap}.post_content-related ul li{width:calc(25% - 6px)}@media screen and (max-width:600px){.post__post-section article,.post_content-related ul li{width:calc(50% - 4px)}}.qna__qna-wrap{margin-top:24px;gap:8px 0}.qna__qna-wrap,.qna__qna-wrap ul{display:flex;flex-direction:column}.qna__qna-wrap ul{gap:16px 0;padding:8px;background-color:#fff;border:1px solid #ccc;border-radius:8px}.qna__qna-question{font-weight:700;margin-bottom:4px}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}.drag__wrap{width:100%;height:120px;padding:8px;box-sizing:border-box;border-radius:8px;border:2px dotted #8d8dff;position:relative;display:flex;align-items:center;justify-content:center}.drag__wrap>.file__upload-input{display:none}.drag__wrap label{width:100%;text-align:center;line-height:100px}.image__preview-wrap{display:flex;flex-direction:column;flex-wrap:wrap;gap:8px}.image__preview-img{display:flex;width:100%;border:1px solid #ccc;justify-content:space-between}.image__preview-img>section{position:relative;width:180px;height:180px;object-fit:cover}.image__preview-img>section>img{height:100%;object-fit:cover}.image__preview-img>section>span{position:absolute;top:4px;right:4px;background-color:#121212;color:#fff;font-weight:700;font-size:14px;padding:0 4px}.image__preview-img>section>div{display:flex;position:absolute;bottom:4px;left:4px;gap:4px}.image__preview-img>section>div>button{background-color:#343434;padding:0 4px;font-size:16px;font-weight:700;color:#fff}.image__preview-img>div{padding:8px;width:calc(100% - 188px);gap:12px 0}.image__preview-img>div,.image__preview-img>div>div{display:flex;flex-direction:column}.image__preview-img>div>div label{font-size:14px}.image__preview-img>div>div input,.image__preview-img>div>div textarea{border:0;outline:0;border-bottom:1px solid #ccc}.image__preview-img>div>div .write__post-text{height:120px}.image__preview-img textarea{resize:none}.main__page-main{min-height:100vh;padding:8px}.main__page-latest{display:flex;flex-wrap:wrap;gap:12px}.main__page-latest a{width:calc(25% - 9px);border:1px solid #f1f1f1;box-sizing:border-box;border-radius:8px;overflow:hidden}.post__list-img{width:100%;aspect-ratio:16/9}.post__list-img img{height:100%;object-fit:cover;box-shadow:0 0 1px #787878}.post__list-text{padding:8px;display:flex;flex-direction:column;gap:4px}.post__list-text>h2{font-size:16px;line-height:24px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.post__list-text>p{font-size:14px;line-height:22px;word-break:break-all;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;-webkit-line-clamp:3;min-height:66px}.post__list-text span,.post__list-text>time{font-size:12px;line-height:20px}.post__list-text>time{margin-top:-4px}@media screen and (max-width:600px){.main__page-latest a{width:calc(50% - 6px)}}.main__page-title-wrap{padding:8px 0;margin-bottom:12px}.main__page-title-wrap p{margin-top:8px}.post__item-wrap{display:flex;flex-direction:column;gap:12px 0;margin-bottom:60px;padding:0 12px}.post__item-title{padding-bottom:16px;border-bottom:1px solid #cdcdcd}.post__item-title h1{font-size:28px;line-height:40px}.post__item-text{display:flex;flex-direction:column;gap:32px 0}.post__item-text>div>figure{border-radius:8px;overflow:hidden;border:1px solid #ddd}.post__item-text>div>figure>figcaption{border-top:1px solid #f1f1f1;font-size:12px;color:#fafafa;text-align:center;line-height:20px;padding:4px 0;background-color:#565656}.post__item-text>div>p{padding:0 4px;font-size:16px;line-height:24px}.post__item-text>div>h2{padding:0 4px;margin-top:8px;font-size:20px;line-height:24px}.post__item-text>div figure+p{margin-top:12px}.post__item-text>div h2+p{margin-top:4px}.post__item-text>div p+p{margin-top:8px}.related__post-wrap{display:flex;flex-direction:column;gap:12px 0}.related__post-wrap ul{display:flex;flex-direction:column;gap:8px 0}.related__post-wrap ul a{display:flex;justify-content:space-between;align-items:center;border-radius:8px;overflow:hidden;border:1px solid #f1f1f1}.related__post-wrap ul a>div{width:180px;height:180px}.related__post-wrap ul a>div>img{object-fit:cover;height:100%}.related__post-wrap ul a>section{width:calc(100% - 180px);padding:12px 8px}.related__post-wrap ul a>section time{margin-bottom:12px;display:block}.related__post-wrap ul a>section p{word-break:break-all;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;-webkit-line-clamp:4;line-height:22px;min-height:88px}.post__item-related{display:flex;flex-direction:column;gap:8px 0}.post__item-related>article:hover{transition:all .3s ease;box-shadow:4px 4px 16px #ccc}.post__item-related>article{padding:8px;border-radius:8px;box-shadow:2px 2px 8px #ddd}.post__item-related>article a{display:flex;justify-content:space-between;align-items:center}.post__item-related>article a>div{width:180px;aspect-ratio:1/1}.post__item-related>article a>div img{width:100%;height:100%;object-fit:cover;border-radius:8px;border:1px solid #f1f1f1}.post__item-related>article a>section{width:calc(100% - 188px)}.write__write-wrap{padding:8px;display:flex;flex-direction:column;gap:24px}.write__write-wrap .write__write-input-wrap{display:flex;flex-direction:column;gap:20px}.write__write-wrap .write__write-input-wrap>section{display:flex;flex-direction:column;gap:4px}.write__write-wrap .write__write-input-wrap>section>label{font:14px;color:#565656}.write__write-wrap .write__write-input-wrap>section>input{line-height:30px;border:1px solid #cdcdcd;border-radius:4px}.write__write-wrap .write__write-time-wrap{display:flex;flex-direction:column;gap:4px}.write__write-wrap .write__write-time-wrap>div input{width:48px}