body{margin:0;font-family:"Noto Regular",-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}@media(min-width:800px){.nav{margin-top:30px}.nav-menu-button{display:none}.nav-menu-item:hover{cursor:pointer}.nav-menu-item:hover .nav-sub{opacity:1;visibility:visible}.nav-menu-item:hover .nav-menu-underbar{opacity:1}.nav-menu-item:hover .nav-menu-title{color:#4e4e4e}}.header{position:relative;display:flex;justify-content:center;width:100%;height:80px;background-color:#fff}.header .header-container{display:flex;width:90%;max-width:1200px;height:calc(100% - 1px);margin:0;align-items:end;justify-content:space-between}.header .header-bottom-divider{position:absolute;bottom:0;width:100%;height:1px;background-color:#c6c1b3}.header-login{display:flex;flex-flow:row wrap;margin-right:20px;visibility:hidden}.header-login :link{display:flex;justify-content:center;align-items:center;width:100px;height:20px;text-decoration:none;margin-left:10px}.header-login span{color:#000;margin:0;position:relative;display:block;font-size:.8rem}.header-login p+p{margin-left:10px}.header-login .header-img-link{width:20px;margin-right:5px}.nav{display:flex;flex-direction:column;align-items:end;margin-right:50px}.nav-logo{padding-left:50px;display:flex;height:100%;flex-direction:row;align-items:center}.nav-logo img{height:50px}.nav-menu{display:flex;width:100%;list-style:none;align-items:center;padding-left:0;z-index:99;margin:0}.nav-menu-item{display:block;position:relative;width:120px;height:60px}.nav-menu-item a{display:flex;flex-direction:column;height:100%!important}.nav-menu-item .nav-menu-dropdown{height:100%;display:flex;align-items:center}.nav-menu-item .nav-menu-dropdown p{text-align:center;flex:auto}.nav-menu-item :link{display:flex;justify-content:center;align-items:center;width:120px;height:40px;text-decoration:none}.nav-menu-item p{margin:0;color:#000;font-family:"Noto Regular";font-size:18px}.nav-menu-item+.nav-menu-item{margin-left:10px}.nav-menu-underbar{position:absolute;bottom:0;width:100%;height:4px;opacity:0;background-color:#c6c1b3}.nav-menu-underbar.selected{opacity:1}.nav-sub{text-transform:none;list-style:none;position:absolute;padding:0;width:120px;background-color:#765c4e;opacity:0;visibility:hidden;z-index:99;transition:opacity .3s}.nav-sub-item{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;width:120px;height:50px}.nav-sub-item p{color:#fff;font-size:16px;font-family:"noto regular"}.nav-sub-item:hover{background:rgba(0,0,0,.1)}@media(max-width:799px){.header{position:-webkit-sticky;position:sticky;z-index:100;min-height:50px;max-height:50px}.header .header-container{height:100%;width:100%;align-items:center}.header-login{margin-right:50px;height:100%;display:none}.header-login span{display:none}.header-login .header-img-link{width:30px;margin-right:0}.header-login a{width:30px!important}.nav{display:none}.nav.active{display:flex;flex-direction:column;position:absolute;width:100%;background-color:#fff;top:50px;z-index:100}.nav-logo{padding-left:20px}.nav-logo,.nav-logo img{height:40px}.nav-menu{flex-direction:column;padding:0;margin:0}.nav-menu-item{display:flex;flex-direction:column;width:100%;height:auto;background:#bbc9cf}.nav-menu-item+.nav-menu-item{margin-left:0}.nav-menu-item a{height:50px!important;min-width:-webkit-fill-available}.nav-menu-item:hover{cursor:pointer}.nav-menu-item .nav-menu-dropdown{text-align:center;height:50px}.nav-menu-item .nav-sub.active{position:relative;width:100%;opacity:1;visibility:visible}.nav-menu-item .nav-sub.active .nav-sub-item{width:100%;height:auto}.nav-menu-button{display:inline;margin-right:10px}.nav-menu-button :hover{cursor:pointer}.nav-menu-button img{width:30px;height:30px}}.footer{position:relative;margin-top:auto;left:0;bottom:0;width:100%;height:100px;padding-top:20px;padding-bottom:20px;background:#fafafa}.footer,.footer .contents{display:flex;justify-content:center}.footer .contents{align-items:center;width:60%;font-size:14px;color:#4f7396}.footer ul{flex:.3 1;list-style:none;margin-left:50px}.footer ul li{white-space:nowrap}@media(max-width:799px){.footer{height:80px}.footer .contents{right:0}.footer .footer-first{display:none}.footer ul{padding:0;flex:1 1;margin-left:0;text-align:center}}.section{position:relative;flex-direction:column;width:100%;min-height:500px;background:#fafafa}.section,.section-body{display:flex;height:100%}.section-body{flex-flow:column wrap;align-items:center}.section-body padding{top:20px;left:50px;bottom:20px;right:50px}.section-body .section-body-container{width:100%;height:auto;display:flex;flex-direction:column;position:relative}.section-title{flex-direction:column;align-items:center;order:0;padding-top:40px;padding-bottom:40px;font-family:"noto bold";font-size:32px;color:#000;background:linear-gradient(180deg,rgba(221,215,203,.9803921568627451),transparent)}.section-sub,.section-title{display:flex;justify-content:center}.section-sub{flex-direction:row}.section-sub-item{display:flex;justify-content:center;width:120px;height:40px;margin:10px 0 0;font-size:22px;white-space:nowrap}.section-sub-item :link{display:flex;justify-content:flex-start;align-items:center;width:120px;height:40px;text-decoration:none}.section-sub-item p{color:#3a3a3a;white-space:nowrap;justify-self:flex-start}.section-sub-item .sub-menu span{font-family:"noto regular";text-align:center;width:100%;color:#3a3a3a;margin-top:0;margin-bottom:0}.section-sub-item .sub-menu.selected{display:flex;align-items:center;text-decoration:underline;text-underline-offset:8px}.section-sub-item .sub-menu.selected span{font-family:"noto bold"}@media(max-width:799px){.section{flex-direction:column}.section-body{width:100%;padding:0 0 20px}.section-title{width:100%;height:auto;order:0;padding-top:20px;padding-bottom:20px;box-sizing:border-box}.section-title .title-hidden{display:none}.section-title span{display:flex;align-items:center;position:relative;left:0;font-size:24px;font-family:"noto medium"}.section-title .section-sub{display:flex;justify-content:start;padding-left:20px;margin-top:5px}.section-title .section-sub .section-sub-item{margin:0;display:flex;align-items:center;justify-content:start;width:80px}.section-title .section-sub .section-sub-item a{width:auto}.section-title .section-sub .section-sub-item span{margin:0;padding:0;height:40px;color:#3a3a3a;font-family:"noto regular";font-size:16px}.section-title .section-sub .section-sub-item .sub-menu.selected span{color:#000;font-family:"noto medium"}}.banner-container{display:flex;width:900px;height:450px;padding:16px;position:relative;flex-flow:column nowrap;align-items:center}.scroll-view{width:100%;height:100%;padding:0;display:flex;position:relative;flex-direction:row;list-style:none;overflow-x:hidden;flex-wrap:nowrap;white-space:nowrap}.scroll-view li{flex:0 0 auto;align-items:center;box-sizing:border-box}.scroll-view li,.scroll-view li div{display:flex;justify-content:center;width:100%}.scroll-view li div{height:100%}.scroll-view li img{width:100%;height:100%;object-fit:fill;border-radius:12px}@media(max-width:799px){.banner-container{display:flex;width:100%;height:280px;padding:0}.scroll-view{margin-top:0}.scroll-view li img{border-radius:0}}.notice-table{position:relative;width:90%;align-self:center;border-collapse:collapse;font-size:1.2rem;margin-top:20px;margin-bottom:20px;padding:30px 30px 10px}.notice-table .notice-body td{text-align:center;height:30px}.community-table{position:relative;width:90%;align-self:center;border-collapse:collapse;font-size:1.2rem;margin-top:20px;margin-bottom:20px;padding:30px 30px 10px}.community-table .community-body td{text-align:center;height:30px}.post-header{height:50px;border-bottom:1px solid hsla(0,0%,50.2%,.3);border-top:1px solid hsla(0,0%,50.2%,.8)}.post-item-row{height:50px;border-bottom:1px solid hsla(0,0%,50.2%,.2);padding:5px}.post-item-row :link{text-decoration:none}.post-item-row .post-title{color:#000}.post-item-row .post-title:hover{cursor:pointer;text-decoration:underline}.page-container{width:100%;display:flex;flex-direction:row;justify-content:center}.page-ul{float:left;list-style:none;text-align:center;border-radius:3px;color:#fff;padding:1px;border-top:3px solid #186ead;border-bottom:3px solid #186ead;background-color:rgba(0,0,0,.4)}.page-li{display:inline-block;font-size:17px;font-weight:600;padding:5px;border-radius:5px;width:25px}.page-li.selected{color:#fff!important;background-color:#098209!important}.page-li:hover:not(.selected){cursor:pointer}.page-li:focus,.page-li:hover:not(.selected){color:#fff;background-color:#263a6c}.page-li+.page-li{margin-left:10px}.styled-button{display:inline-flex;align-items:center;justify-content:center;font-weight:700;outline:none;border:none;border-radius:4px;cursor:pointer;padding-left:1rem;padding-right:1rem;color:#fff}.styled-button.complete{font-size:20px;font-weight:600;background:#228be6}.styled-button.complete:hover{background:#50a3eb}.styled-button.complete:active{background:#1671bf}.styled-button.complete.outline{color:#228be6;background:none;border:1px solid #228be6}.styled-button.complete.outline:hover{background:#228be6;color:#fff}.styled-button.cancel{font-size:20px;font-weight:600;background:#f06595}.styled-button.cancel:hover{background:#f593b5}.styled-button.cancel:active{background:#eb3775}.styled-button.cancel.outline{color:#f06595;background:none;border:1px solid #f06595}.styled-button.cancel.outline:hover{background:#f06595;color:#fff}.styled-button.normal{font-size:18px;font-weight:600;background:#495057}.styled-button.normal:hover{background:#606a73}.styled-button.normal:active{background:#32373b}.styled-button.normal.outline{color:#495057;background:none;border:1px solid #495057}.styled-button.normal.outline:hover{background:#495057;color:#fff}.styled-button+.styled-button{margin-left:1rem}.styled-button.fullWidth{width:100%;justify-content:center}.styled-button.fullWidth+.styled-button.fullWidth{margin-left:0;margin-top:1rem}.write-form{display:flex;flex-flow:column;position:relative;align-items:center;width:90%;padding:10px}.write-type{font-size:24px;font-family:"noto medium";align-self:flex-start;margin-bottom:20px}@media(max-width:799px){.write-type{font-size:22px}}.write-division{border-radius:4px;border:1px solid #dee2e6;outline:none;box-sizing:border-box;width:100%;height:40px;background-color:#fff}.write-title{outline:none;font-size:18px}.write-body,.write-title{margin-top:10px;padding:8px;border-radius:4px;border:1px solid #dee2e6;width:100%;box-sizing:border-box}.write-body{height:400px;background-color:#fff;display:flex;flex-flow:column nowrap;align-items:flex-start;overflow:auto}.write-body :first-child:empty:before{content:attr(placeholder);display:block;color:#8e8e8e}.write-body div{font-size:18px;width:100%;outline:none;height:-webkit-min-content;height:min-content}.write-body div:hover{cursor:text}.button-container{width:100%;display:flex;flex-direction:row;justify-content:flex-end;margin-top:10px;margin-bottom:10px}.button-container :first-child{margin-right:auto}.button-container input[type=file]{position:absolute;width:0;height:0;padding:0;overflow:hidden;border:0}.write-img-container{max-width:50%;display:table;height:-webkit-max-content;height:max-content;margin-left:2px;margin-top:5px;margin-bottom:5px}.write-img-container img{display:table-row;width:100%}.write-img-container img:hover{cursor:pointer}.write-img-container:focus{outline:2px solid #9acd32}@keyframes spinner{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.spinner{width:40px;height:40px;border:10px solid #d7d7d7;border-top-color:#383636;border-radius:50%;animation:spinner 1s linear infinite}.loading-container{display:flex;justify-content:center;align-items:center;position:fixed;top:0;left:0;width:100%;height:100%;z-index:1000;background-color:rgba(0,0,0,.36470588235294116)}.community-header{margin:0 0 30px;height:auto;align-self:center}.video-more-container,.video-more-container .video-more{display:flex;justify-content:center}.video-more-container .video-more{width:200px;padding:10px;align-items:center;border-radius:20px;text-decoration:none;color:#000;font-family:"noto bold";font-size:20px;margin-top:20px;border:1px solid transparent;margin-bottom:30px}.video-more-container .video-more:hover{border:1px solid #ededed;box-shadow:1px 2px 4px rgba(0,0,0,.25098039215686274)}.video-more-container .video-more:hover .menu-button-title{color:#000}.video-more-container .video-more img{width:40px;margin-right:10px}.notice-header{margin:0 0 30px;height:auto;align-self:center}.write-button{background:#38d9a9;display:none!important;width:40px;height:40px;text-decoration:none;cursor:pointer;display:flex;align-items:center;justify-content:center;position:relative;left:80%;bottom:0;font-size:40px;color:#fff;border-radius:40px;border:none;outline:none;transition:all .125s ease-in}.write-button:hover{background:#63e6be}.write-button:active{background:#20c997}@media(max-width:799px){.video-more-container .video-more{border:1px solid #ededed;box-shadow:1px 2px 4px rgba(0,0,0,.25098039215686274)}}.slide-indicator{width:8px;height:8px;border-radius:5px;background-color:#000;opacity:1%}.slide-indicator.selected{opacity:1%}.slide-indicator+.slide-indicator{margin-left:5px}.modal-alert-bg{top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.36470588235294116)}.modal-alert-bg,.modal-alert-container{display:flex;justify-content:center;align-items:center;position:fixed;z-index:1000}.modal-alert-container{flex-direction:column;width:500px;border:1px solid #ccc;padding:16px;box-shadow:1px 1px 1px #000;top:30%;border-radius:8px;box-sizing:border-box;background-color:#e8e8e8}.modal-image-container{top:15%;width:600px;height:450px;padding:0;background-color:initial;border:transparent;box-shadow:none}.modal-image-container .modal-image{width:100%;height:100%;background-color:#fff}.modal-video-container{top:15%;width:800px;height:450px;padding:0;background-color:initial;border:transparent;box-shadow:none}.modal-video-container .modal-video{width:100%;height:100%;background-color:#fff}@media(max-width:799px){.modal-image-container{top:calc(50% - 150px);width:400px;height:300px;transform:rotate(90deg)}.modal-video-container{width:300px;height:250px}}.bulletin-grid-container{display:grid;width:100%;padding:20px;box-sizing:border-box;grid-template-columns:repeat(auto-fill,800px);grid-template-rows:repeat(auto-fill);grid-row-gap:20px;row-gap:20px;grid-column-gap:20px;column-gap:20px;justify-content:center;align-content:center}.bulletin-grid-container .bulletin-grid-item{background-color:#fff;display:flex;flex-direction:column;text-decoration:none;color:#000}.bulletin-grid-container .bulletin-grid-item:hover{cursor:pointer}.bulletin-grid-container .bulletin-grid-item .bulletin-thumbnail{width:100%;border:0}.bulletin-grid-container .bulletin-grid-item .div-info-container{padding:5px}.bulletin-grid-container .bulletin-grid-item .div-info-container .div-title{font-size:24px;text-align:center}@media(max-width:799px){.bulletin-grid-container{grid-template-columns:repeat(1,300px);grid-template-rows:repeat(2);grid-row-gap:20px;row-gap:20px;grid-column-gap:20px;column-gap:20px}}.bulletin-pager-container .bulletin-desktop{display:flex;flex-direction:column;align-items:center;width:100%;padding:20px}.bulletin-pager-container .bulletin-mobile{display:none}.bulletin-pager-container .bulletin-pager-header{display:flex;width:500px;justify-content:space-between;align-items:center;margin-bottom:10px}.bulletin-pager-container .bulletin-pager-header .bulletin-title{font-size:26px;font-family:"noto medium";text-align:center}.bulletin-pager-container .bulletin-pager-header .bulletin-pager-arrow{width:25px;height:25px}.bulletin-pager-container .bulletin-pager-header .bulletin-pager-arrow.left{rotate:180deg}.bulletin-pager-container .bulletin-pager-header .bulletin-pager-arrow:not(.disabled):hover{cursor:pointer}.bulletin-pager-container .bulletin-pager-header .bulletin-pager-arrow.disabled{visibility:hidden}.bulletin-pager-container .bulletin-pager-body{width:80%;margin-top:20px;display:flex;flex-direction:column;align-items:center}.bulletin-pager-container .bulletin-pager-body .bulletin-thumbnail{width:1000px;border:0}@media(max-width:799px){.bulletin-pager-container{align-content:center}.bulletin-pager-container .bulletin-desktop{display:none}.bulletin-pager-container .bulletin-mobile{display:flex;flex-direction:column;width:100%;height:500px;padding-top:50px;padding-bottom:50px;grid-column-gap:20px;column-gap:20px;box-sizing:border-box}.bulletin-mobile-item{color:#000;text-underline-offset:10px;letter-spacing:.1cap}.bulletin-mobile-item:hover{cursor:pointer}.bulletin-mobile-item+.bulletin-mobile-item{margin-top:40px}.bulletin-mobile-item .bulletin-mobile-title{text-align:center;font-size:24px;font-family:"noto bold"}}.church-container{width:100%}.church-container .section-divider{position:relative;width:80%;margin-top:50px;left:10%;margin-bottom:50px;height:1px;background-color:#afafaf}.church-container .church-section{display:flex;flex-direction:row;align-items:center;justify-content:center}.church-container .church-section.vertical{flex-direction:column}.church-container .church-section p{margin:0;font-size:20px;font-family:"noto medium";line-height:200%;letter-spacing:.1cap}.church-container .church-section p.intro-people-title{text-align:center;font-family:"noto bold"}.church-container .church-section .church-intro-image{width:30%;border-radius:10px}.church-container .church-section .intro-people-senior{width:700px;margin-top:50px;margin-bottom:50px;display:flex;flex-direction:row}.church-container .church-section .intro-people-senior img{width:180px;background-color:#404047;border-radius:50%}.church-container .church-section .intro-people-senior .senior-text-container{margin-left:100px;width:100%;display:flex;flex-direction:column;justify-content:space-between}.church-container .church-section .intro-people-senior .senior-text-container .senior-name{font-size:22px}.church-container .church-section .intro-people-assistant{width:800px;margin-top:30px;margin-bottom:50px;display:flex;flex-direction:row;justify-content:space-between;text-align:center}.church-container .church-section .intro-people-assistant .assistant-body img{width:180px;border-radius:50%;background-color:#e0e0e0}.church-container .church-section .intro-people-assistant .assistant-body .assistant-name{font-size:18px;font-family:"noto medium"}.church-container .church-section .intro-people-assistant .assistant-body .assistant-part{font-size:16px}.church-container .church-section .intro-people-assistant div{margin-top:10px}.church-container .church-school-grid{width:1000px;margin-top:50px;margin-bottom:30px;display:grid;grid-template-columns:repeat(2,1fr);grid-row-gap:30px;row-gap:30px;grid-column-gap:50px;column-gap:50px}.church-container .church-school-grid .school-grid-item img{width:100%;height:300px;object-fit:cover;border-radius:8px}.church-container .church-school-grid .school-grid-item p{width:100%;font-size:20px;text-align:center;font-family:"noto medium"}@media(min-width:800px){.church-intro-mobile{display:none}.church-intro-image{margin-top:20px;margin-left:100px}}@media(max-width:799px){.church-container .church-section{flex-direction:column;align-items:center}.church-container .church-section .church-intro-desktop{display:none}.church-container .church-section .intro-people-title{font-family:"noto bold"}.church-container .church-section p{width:70%;line-height:160%;font-family:"noto regular"}.church-container .church-section .church-intro-image{margin-top:50px;width:80%}.church-container .church-section .intro-people-assistant{width:90%;display:grid;grid-template-columns:repeat(2,1fr);grid-row-gap:20px;row-gap:20px;margin-bottom:0}.church-container .church-section .intro-people-assistant .assistant-body img{width:120px;border-radius:50%;background-color:#e0e0e0}.church-container .church-section .intro-people-assistant .assistant-body div{margin-top:5px}.church-container .church-school-grid{width:90%;grid-template-columns:1fr;grid-gap:30px;gap:30px}.church-container .church-school-grid p{margin-top:10px}.church-container .church-school-grid .school-grid-item img{height:250px}}.location-container span{font-size:24px;font-family:"noto medium";margin-bottom:10px}@media(max-width:799px){.location-container span{font-size:22px}}.location-container .location-info{margin-top:10px;font-size:20px}@media(max-width:799px){.location-container .location-info{font-size:18px}}.location-container .location-transport{margin-top:50px;margin-bottom:50px;font-size:20px}@media(max-width:799px){.location-container .location-transport{font-size:18px}}.location-container .location-transport>div{margin-top:5px}.location-container .location-transport .location-subway{display:flex;white-space:nowrap;flex-direction:row}.location-container .location-transport .location-subway #subway-multiline{white-space:normal}.location-container #map{margin-top:10px;width:600px;height:400px}@media(max-width:799px){.location-container{padding-left:10px;padding-right:10px;width:90%}.location-container .location-map-container{width:100%;display:flex}.location-container #map{height:220px}}.worship-container span{font-size:24px;font-family:"noto medium";margin-bottom:10px;margin-left:10px}@media(max-width:799px){.worship-container span{font-size:22px}}.worship-table{border-collapse:collapse;border-radius:10px;border:1px hidden #ddd;box-shadow:0 0 0 1px #ddd;width:800px;margin-top:20px;margin-bottom:50px}.worship-table thead :first-child :first-child{border-top-left-radius:10px}.worship-table thead :first-child :last-child{border-top-right-radius:10px}.worship-table tbody :last-child :first-child{border-bottom-left-radius:10px}.worship-table tbody :last-child :last-child{border-bottom-right-radius:10px}.worship-table th{width:33%;background-color:#333;height:50px;border:1px solid #ddd;color:#fff;font-size:18px;padding:0}.worship-table th :first-child{border-top-left-radius:20px}.worship-table td{height:50px;border:1px solid #ddd;text-align:center;font-size:16px}@media(max-width:799px){.worship-table{width:310px;margin-bottom:30px}.worship-table th:first-child,.worship-table th:nth-child(2){width:30%}.worship-table th:nth-child(3){width:40%}}.menu-button-container{display:flex;flex-direction:column;align-items:center;justify-content:center;width:calc(20% - 20px);padding-top:30px;padding-bottom:30px;border:1px solid transparent;border-radius:20px}.menu-button-container:hover{border:1px solid #ededed;box-shadow:1px 2px 4px rgba(0,0,0,.25098039215686274)}.menu-button-container:hover .menu-button-title{color:#000}.menu-button-container a{width:100%;height:100%;text-decoration:none;display:flex;flex-direction:column;align-items:center}.menu-button-container .menu-button-title{text-align:center;color:#3e3e3e;font-family:"Noto Medium";font-size:18px;margin-top:20px;margin-bottom:0}.menu-button-container .menu-button-img{width:40px;height:40px}@media(max-width:799px){.menu-button-container{width:calc(50% - 25px);border:1px solid #ededed;box-shadow:0 1px 4px rgba(0,0,0,.25098039215686274)}.menu-button-container .menu-button-img{width:32px;height:32px}}.home-container{display:flex;flex-direction:column;height:100%;align-items:center;background:linear-gradient(180deg,rgba(221,215,203,.9803921568627451),#fafafa 30%)}.home-container .main-title{font-size:20px;font-weight:700;text-align:center}.home-container .main-menu-container{display:flex;width:900px;flex-direction:column;align-items:center;height:auto;padding-top:30px;padding-bottom:30px;box-sizing:border-box}.home-container .main-menu-container .main-menu-body{width:100%;max-width:1000px;display:flex;flex-direction:row;justify-content:space-between}@media(max-width:799px){.home-container .main-menu-container{width:100%}.home-container .main-menu-container .main-menu-body{height:auto;flex-wrap:wrap;grid-row-gap:20px;row-gap:20px;justify-content:center;grid-column-gap:20px;column-gap:20px}}.grid-container{display:grid;width:100%;padding:10px;box-sizing:border-box;grid-template-columns:repeat(3,minmax(0,25%));grid-row-gap:50px;row-gap:50px;grid-column-gap:50px;column-gap:50px;justify-content:center;align-content:center}.grid-container .grid-item{display:flex;flex-direction:column}.grid-container .grid-item:hover{cursor:pointer}.grid-container .grid-item .img-thumbnail{width:100%;border:0;border-radius:20px}.grid-container .grid-item .div-info-container{padding:10px}.grid-container .grid-item .div-info-container .div-title{font-size:20px;font-family:"noto medium";text-align:center}.grid-container .grid-item .div-info-container .div-subtitle{font-size:.8rem;margin-bottom:5px}@media(max-width:799px){.grid-container{grid-template-columns:repeat(1,80%);grid-template-rows:repeat(auto-fill);grid-row-gap:30px;row-gap:30px}}.post-container{margin:30px;padding:20px 20px 30px}.post-container .post-title{font-size:30px;font-weight:500}.post-container .post-info{width:100%;margin-top:10px;justify-content:space-between}.post-container .post-info,.post-container .post-info .post-profile-container{display:flex;flex-direction:row;align-items:center}.post-container .post-info .post-profile-container .post-profile{width:30px;height:30px;border-radius:15px;border:1px solid hsla(0,0%,50.2%,.2);margin-right:10px}.post-container .post-info .post-date{right:0}.post-container .post-body{min-height:300px;font-size:1.2rem}.post-container .comment-container{display:flex;position:relative;flex-direction:row;align-items:center}.post-container .comment-container .comment-reply{position:relative;display:none;margin-left:25px}.post-container .comment-container .comment-reply.visible{display:block}.post-container .comment-body-container{display:flex;flex-direction:column;padding:15px}.post-container .comment-body-container.reply{margin-left:25px}.post-container .comment-body-container .comment-profile{width:30px;height:30px;border-radius:15px;border:1px solid hsla(0,0%,50.2%,.2)}.post-container .comment-body-container .comment-info-profile{display:flex;flex-direction:row;align-items:center}.post-container .comment-body-container .comment-nickname{font-size:18px;font-weight:600;margin-left:10px;color:indigo}.post-container .comment-body-container .comment-content{font-size:18px;margin:0;padding-top:10px;padding-bottom:10px}.post-container .comment-body-container .comment-content.deleted{color:grey}.post-container .comment-body-container .comment-date{font-size:15px;font-weight:400}.post-container .comment-reply-button{margin-top:10px;color:hsla(0,0%,50.2%,.8)}.post-container .comment-reply-button:hover{cursor:pointer}.comment-write-container{position:relative;display:flex;flex-direction:row;align-items:center}.comment-write-container.reply{margin-top:5px;margin-left:50px;margin-bottom:20px}.comment-write{position:relative;width:100%;height:80px;font-size:18px;font-weight:500;margin-right:10px;padding:10px 10px 20px;box-sizing:border-box;resize:none}.comment-button-container{margin:0;display:flex;height:80px;flex-direction:column;width:-webkit-min-content;width:min-content;justify-content:center}.comment-button-container.reply{justify-content:space-between}.comment-button-container .styled-button{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;margin-left:0}.divider-horizontal{width:100%;height:1px;background-color:hsla(0,0%,50.2%,.2);margin-top:15px;margin-bottom:15px}.divider-horizontal.comment{margin-top:5px;margin-bottom:10px}.divider-vertical{width:2px;height:100%;background-color:hsla(0,0%,50.2%,.2);margin-left:10px;margin-right:10px}.styled-input{outline:none;padding:5px;font-size:18px;margin:0;box-sizing:initial}.login-container{height:100%}.login-form{display:flex;flex-direction:column;align-items:center;padding-top:50px;width:100%;height:100%;background-color:grey}.login-form .login-title{font-size:40px;font-weight:400}.login-form :link{display:flex;justify-content:center;align-items:center;width:100px;height:30px;text-decoration:none}.login-form p{color:#00f}@font-face{font-family:"Noto Regular";src:url(/static/media/NotoSansKR-Regular.e1aa54c0.otf) format("opentype");font-weight:400;font-style:normal}@font-face{font-family:"Noto Bold";src:url(/static/media/NotoSansKR-Bold.c252383c.otf) format("opentype");font-weight:700;font-style:normal}@font-face{font-family:"Noto Medium";src:url(/static/media/NotoSansKR-Medium.56207b5e.otf) format("opentype");font-weight:400;font-style:normal}@font-face{font-family:"Noto Light";src:url(/static/media/NotoSansKR-Light.636ff9b5.otf) format("opentype");font-weight:400;font-style:normal}.signup-container{display:flex;flex-direction:column;align-items:center;height:100%;background-color:grey;padding:30px}.signup-form{width:300px}.signup-form .signup-title{font-size:30px;font-weight:400;text-align:center}.signup-form .signup-input-title{font-size:20px;margin-top:10px}.signup-form .signup-input-title.margin{margin-top:40px}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media(prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{background-color:#282c34;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}#root{height:100%;width:100%;display:flex;justify-content:center}
/*# sourceMappingURL=main.4e81280a.chunk.css.map */