.blog{padding:0 2rem}@media only screen and (max-width: 36em){.blog{padding:0}}.blog__content{max-width:700px;margin:auto}.blog__container{padding:0 1rem 4rem}@media only screen and (max-width: 48em){.blog__container{padding:0 1rem 2rem}}.blog__header{display:flex;margin-top:20px}@media only screen and (max-width: 48em){.blog__header{display:none}}.blog__header__l,.blog__header__r{width:30px;height:30px;display:flex;justify-content:center;align-items:center}.blog__header__c{flex:1}.blog__header__c span{margin-left:15px;font-size:18px;line-height:30px}.blog__header__icon{font-size:20px;cursor:pointer}.blog__main__banner{height:25rem;background-color:var(--base-gray-900-static);display:flex;align-items:center;justify-content:center}.blog__main__banner__container{width:100%;height:100%;position:relative;display:flex;justify-content:center;align-items:center}.blog__main__banner__container img{object-fit:cover;height:100%;width:100%}.blog__main__banner__container span{font-weight:300;font-size:2rem;background:linear-gradient(to right,white,rgba(255,255,255,.1));background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.blog__main__banner__address{position:absolute;bottom:1rem;left:1rem;font-size:12px;border-radius:4px;display:inline-block;padding:3px 8px;background-color:#212529b3;color:var(--base-gray-300-static)}.blog__main__banner__address--editable{cursor:pointer}.blog__main__banner__edit,.blog__main__banner__delete{position:absolute;right:20px}.blog__main__banner__edit__button,.blog__main__banner__delete__button{width:35px;height:35px;display:flex;justify-content:center;align-items:center;border-radius:100rem;cursor:pointer}.blog__main__banner__edit__button span,.blog__main__banner__delete__button span{font-size:15px!important}.blog__main__banner__edit{bottom:15px}.blog__main__banner__edit__button{background-color:var(--base-gray-400);color:var(--base-gray-900)}.blog__main__banner__delete{bottom:60px}.blog__main__banner__delete__button{border:1px solid var(--base-red);color:var(--base-red)}.blog__main__desktop{position:sticky;float:right;bottom:3rem}@media only screen and (max-width: 48em){.blog__main__desktop{display:none}}.blog__main__widget{background-color:var(--gmeum-btn-primary-bg-color);color:var(--gmeum-btn-primary-text-color);border-radius:100%;font-weight:500;font-size:20px;display:flex;justify-content:center;align-items:center;width:55px;height:55px;box-shadow:0 0 6px #0006}.blog__main__widget:hover{color:var(--gmeum-btn-primary-text-color)}.blog__main__header{display:flex;flex-direction:column;padding:2rem 1rem;background-color:var(--base-gray-000-static);border:1px solid var(--border-color)}.blog__main__header__profile{flex:1}.blog__main__header__actions{margin-top:10px}.blog__main__header__profile,.blog__main__header__actions{display:flex}.blog__main__header__avatar,.blog__main__header__extra,.blog__main__header__empty,.blog__main__header__write{width:7rem;display:flex;justify-content:center;align-items:center}@media only screen and (max-width: 36em){.blog__main__header__avatar,.blog__main__header__extra,.blog__main__header__empty,.blog__main__header__write{width:8rem!important}}.blog__main__header__title,.blog__main__header__category{margin:0 10px}.blog__main__header__avatar>span{background-color:var(--base-gray-200-static);width:50px;height:50px;line-height:50px;font-size:25px!important;cursor:pointer}@media only screen and (max-width: 36em){.blog__main__header__avatar>span{width:40px;height:40px;line-height:40px;font-size:20px!important}}.blog__main__header__title{flex:1}.blog__main__header__title--primary{display:block;font-size:2rem;font-weight:500;margin:0;color:var(--base-gray-900-static)}.blog__main__header__title--secondary{display:block;font-weight:400;color:var(--base-gray-700-static)}.blog__main__header__extra>span{font-size:20px}.blog__main__header__category{flex:1}@media only screen and (max-width: 36em){.blog__main__body{padding:0 2rem}}.blog__main__body__list{padding:20px 1rem 0}@media only screen and (max-width: 48em){.blog__main__body__list{padding:20px 0 0}}.blog__note__header-container{border-bottom:1px solid var(--base-gray-200-static);margin-bottom:10px}.blog__note__header{margin:auto;padding:10px 0 20px;display:flex;width:calc(100% - 70px);flex-direction:column;align-items:center}.blog__note__header__title{font-size:2rem;font-weight:500;word-break:break-all;word-break:break-word;margin:0;color:var(--text-color)}.blog__note__header__category{font-size:14px;font-weight:300;color:var(--text-color);cursor:pointer}.blog__note__header__author{color:var(--text-color-tertiary);transition:.3s all ease-out;font-size:12px;cursor:pointer}.blog__note__header__author:hover{color:var(--text-color-tertiary-hover)}.blog__note__header__date{font-size:12px;color:var(--base-gray-600-static);margin-left:10px}.blog__note__media--image{padding:0!important;margin:4rem 0 1rem}.blog__note__media--image .ant-image{max-width:100%}.blog__note__media--empty-image{width:120px;height:174px;border-radius:4px;box-shadow:0 0 5px #0006;display:flex;justify-content:center;align-items:center;word-break:break-all;word-break:break-word;padding:10px;color:var(--base-gray-800)!important;background-color:var(--base-gray-200);font-size:2.4rem;cursor:pointer}.blog__note__body{color:var(--text-color)}.blog__note__body__text h1,.blog__note__body__text h2,.blog__note__body__text h3,.blog__note__body__text h4,.blog__note__body__text h5,.blog__note__body__text p{margin:0;padding:0;line-height:1.6;font-family:inherit;color:inherit;text-rendering:optimizelegibility}.blog__note__body__text h1{font-size:30pt}.blog__note__body__text h2{font-size:24pt}.blog__note__body__text h3{font-size:20pt}.blog__note__body__text p{font-size:16px}.blog__note__body .ql-editor blockquote{border-left:4px solid var(--base-gray-400-static);margin-bottom:5px;margin-top:5px;padding-left:16px}.blog__note__comment{padding:0 1rem}@media only screen and (max-width: 36em){.blog__note__comment{padding:0}}.blog__note__comment__text-area{margin-top:20px;position:sticky;bottom:0}.blog__edit{padding-top:1rem;color:var(--text-color)}@media only screen and (max-width: 48em){.blog__edit{padding-top:2rem}}.blog__edit label{color:var(--text-color)}.blog__edit__confirm{text-align:center;height:4rem;width:10rem;margin:auto;margin-top:1rem}@media only screen and (max-width: 36em){.blog__edit__confirm{width:100%;height:6rem;margin-top:0;margin-bottom:1rem}}.blog__write{min-height:var(--vh);background-color:var(--background-color);position:relative;padding-top:1rem;color:var(--text-color)}@media only screen and (max-width: 48em){.blog__write{padding-top:2rem}}.blog__write__header{height:50px;position:relative;flex-shrink:0}@media only screen and (max-width: 48em){.blog__write__header{height:64px}}.blog__write__header__close{position:absolute;right:0;width:50px;height:50px;display:flex;justify-content:center;align-items:center;font-size:2.2rem;color:var(--text-color)}@media only screen and (max-width: 48em){.blog__write__header__close{width:64px;height:64px;font-size:2.4rem}}.blog__write__title{position:absolute;left:30px;top:12px;font-weight:600;font-size:18px;color:var(--base-gray-900)}@media only screen and (max-width: 48em){.blog__write__title{left:20px;top:18px}}.blog__write__content{padding:10px 30px 20px;overflow-y:auto}@media only screen and (max-width: 48em){.blog__write__content{padding:10px 20px 20px}}.blog__write__content::-webkit-scrollbar{width:12px}.blog__write__content::-webkit-scrollbar-track{background-color:var(--shelf-bg-color)}.blog__write__content::-webkit-scrollbar-thumb{border-radius:100px;background-color:var(--scroll-unhover-color);background-clip:padding-box;border:3px solid var(--shelf-bg-color)}.blog__write__content::-webkit-scrollbar-thumb:hover{background-color:var(--scroll-hover-color);background-clip:padding-box;border:3px solid var(--shelf-bg-color)}.blog__write label{color:var(--text-color)}.blog__write__form-label{color:var(--base-gray-900);display:block;font-size:12px;margin:0 0 3px 3px}.blog__write__confirm{height:4rem;margin:auto;margin-top:1rem;display:flex;justify-content:center;align-items:center;max-width:300px;gap:10px}@media only screen and (max-width: 48em){.blog__write__confirm{width:100%;max-width:unset}}@media only screen and (max-width: 36em){.blog__write__confirm{height:6rem;margin-top:0}}.blog__write__confirm__delete{flex:0 0 4rem}@media only screen and (max-width: 36em){.blog__write__confirm__delete{flex:0 0 6rem}}.blog__write__modal{overflow:hidden}.blog__write__modal .ant-modal-content{overflow:hidden;border-radius:6px}@media only screen and (max-width: 36em){.blog__write__modal .ant-modal-content{border-radius:0}}.blog__write__modal .ant-modal{margin:0 auto;top:0;width:650px!important}@media only screen and (max-width: 36em){.blog__write__modal .ant-modal{margin:0;max-width:unset;width:auto!important}}.blog__empty{display:flex;justify-content:center;align-items:center}.blog__empty__container{height:calc(var(--vh) - 8rem);display:flex;flex-direction:column;justify-content:center;align-items:center}.blog__empty__title{font-size:3rem;font-weight:600;color:var(--text-color)}.blog__empty__sub-title{font-size:1.8rem;display:inline-block;margin:20px 0;color:var(--text-color)}