main.post{width:100%;display:flex;flex-direction:column}.post-title-box{display:grid;grid-template-columns:repeat(2,auto);grid-template-rows:repeat(2,auto);grid-row-gap:14px;row-gap:14px;position:relative;margin:0 26px 24px;flex-wrap:wrap;order:2;.post-title{color:#006351;font-weight:600;font-size:1.7rem;align-self:start;justify-self:start;order:1}.setting{align-self:center;justify-self:end;order:5;position:relative;display:flex;.post-edit{background:none;border:none;cursor:pointer;width:20px;height:20px;display:flex;justify-content:center;align-items:center}img#edit{height:1.5rem;content:url(/img/gear.svg);margin:auto}}hr{order:3;grid-column:1/3;background:#006351;height:1px;border:0}.post-subtitle-box{align-self:center;justify-self:start;display:flex;justify-content:space-between;flex-direction:column;order:4;.post-author{color:#337e78;text-decoration:underline;font-size:1.4rem;cursor:pointer}.post-date{color:#667085;font-size:1.4rem;font-weight:300;font-family:var(--font-rem)}}.like-button-container{order:2;position:relative;align-self:start;justify-self:end;.like-button{min-width:32px;background:none;border:none;cursor:pointer;font-size:1.5rem;font-weight:300;font-family:var(--font-rem);color:#006351;display:flex;justify-content:space-between;align-items:center;gap:0 7px}}}.post-edit-modal{background-color:#fff;border:1px solid #c6d5da;border-radius:12px;padding:16px;display:none;flex-direction:column;gap:20px 0;position:absolute;right:28px;z-index:1;width:max-content;a,button{color:#006351;font-size:1.5rem;font-weight:500;text-decoration:none;position:relative;display:flex;align-items:center;background:none;border:none;cursor:pointer}a:not(:first-child):after,button:not(:first-child):after{content:"";position:absolute;top:-10px;left:0;width:100%;height:1px;background-color:#dbe7eb}}.post-edit-modal.modal-active{display:flex}.image-container{width:100%;display:inline-block;vertical-align:top;margin-bottom:28px;position:relative;.post-image{width:100%;aspect-ratio:1/2;vertical-align:top;order:1;background-color:wheat}.download-container{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background-color:#0000003d;border:1px solid #2ed3b7;border-radius:4px;display:flex;justify-content:center;align-items:center;position:absolute;right:13px;bottom:13px;width:30px;height:30px;cursor:pointer}.download-container:hover{background-color:#fff}}.post-information{width:100%;padding:0 26px;order:5;margin-bottom:90px;.tag-container{width:100%;display:flex;gap:4px 4px;flex-direction:row;flex-wrap:wrap;.tag-box{display:inline;font-size:1.4rem;color:#006351}.tag-box:before{content:"#"}}}.post-content{font-size:1.4rem;color:#475467;width:100%;padding:0 26px 28px;margin-bottom:80px;white-space:pre-wrap;order:4}.post-content,.post-subtitle{font-family:var(--font-pretendard)}.post-subtitle{font-size:1.5rem;font-weight:600;color:#006351;padding:0 26px;margin-bottom:8px}.post-sns-container{order:6}.post-sns{font-family:var(--font-pretendard);font-size:1.2rem;color:#667085;padding:0 26px;margin-bottom:32px;display:flex}.post-sns:before{content:"";display:inline-block;width:1.5rem;height:1.5rem;margin-right:9px;background-image:url(/img/link.svg);background-size:1.5rem 1.5rem}.post-share-container{order:7}.share-button-container{padding:0 26px;.share-button{cursor:pointer;background:none;border-radius:70px;border:1px solid #006351;color:#006351;font-family:var(--font-rem);font-size:1.2rem;display:inline-flex;justify-content:center;align-items:center;width:auto;height:auto;margin-right:5px;padding:5px 10px}.share-button:before{margin-right:9px}.share-button.bluesky:before{background-image:url(/img/bluesky.svg)}.share-button.bluesky:before,.share-button.twitter:before{content:"";display:inline-block;width:1.5rem;height:1.5rem;background-size:1.5rem 1.5rem}.share-button.twitter:before{background-image:url(/img/twitter.svg)}.share-button.bluesky:after{content:"BLUESKY"}.share-button.twitter:after{content:"TWITTER"}}@media (min-width:701px){main.post{width:700px;display:block}.post-title-box{margin:0 0 28px;padding-top:48px;border:none;row-gap:0;.post-title{color:#006351;font-weight:700;font-size:4.7rem;padding:0 0 36px}.setting{align-self:start;order:2}hr{display:none}.post-subtitle-box{display:block;width:auto}.like-button-container{order:5;.like-button{min-width:64px;position:absolute;right:0;border-radius:40px;border:1px solid #b2c6cd;padding:0 13px;height:32px;font-size:1.6rem;font-family:var(--font-rem)}.like-button:hover{background-color:#e4e7ec}}}.image-container{width:320px;aspect-ratio:1/2;margin-right:28px;.post-image{height:640px;aspect-ratio:1/2;display:inline-block}}.post-edit-modal{left:28px}.post-information{display:inline-block;width:350px;padding:0;margin:0;.tag-container{.tag-box{padding:2px 8px;border:1px solid #99c0b8;border-radius:20px;font-size:1.2rem}}}.post-content{padding:0 0 28px;border-bottom:1px dashed #b2c6cd;margin-bottom:28px}.post-sns,.post-subtitle,.share-button-container{padding:0}}.item-viewer{.item-viewer-title{color:#006351;font-size:1.7rem;font-weight:600;margin-bottom:12px}.item-searcher-list{border:1px solid #006351;border-radius:8px;padding:20px 16px;background-color:#ffffff66;gap:20px 0;display:flex;flex-direction:column;width:100%;margin-bottom:12px;.item-searcher{display:flex;position:relative;font-size:1.4rem;align-items:center;padding-right:27px;.item-image{width:40px;height:40px;margin-right:10px}.post-item-information{display:flex;flex-direction:column;gap:3px;p{font-weight:500;color:#006351}.item-color-information{display:flex;gap:0 5px;span{border-radius:2px;padding:0 4px;font-size:1.2rem}}}.search-button{background:none;border-radius:50%;border:1px solid #99c0b8;width:28px;height:28px;position:absolute;right:0;cursor:pointer;img#search{height:1.8rem;content:url(/img/search_header.svg);margin:auto}}}.item-searcher:not(:first-child):after{content:"";position:absolute;top:-10px;left:0;width:100%;height:1px;background-color:#99c0b8}}}.post-search-modal{background-color:#fff;border:1px solid #c6d5da;border-radius:12px;padding:16px;display:none;flex-direction:column;gap:20px 0;position:absolute;right:32px;top:0;width:max-content;a{color:#006351;font-family:var(--font-pretendard);font-size:1.5rem;font-weight:500;text-decoration:none;position:relative;display:flex;align-items:center}a:last-child:before{background-image:url(/img/search_header.svg)}a:last-child:before,a:not(:last-child):before{content:"";display:inline-block;width:1.4rem;height:1.4rem;margin-right:9px;background-size:1.4rem 1.4rem}a:not(:last-child):before{background-image:url(/img/link.svg)}a:not(:first-child):after{content:"";position:absolute;top:-10px;left:0;width:100%;height:1px;background-color:#dbe7eb}}.post-search-modal.modal-active{display:flex;z-index:1}@media (min-width:601px){.post-search-modal{left:calc(100% + 32px);right:auto}}