html,body,div,p,section,main,img,h1,h2,h3,h4,h5,h6,ul,li,ol,dl,dt,dd,span,article{margin:0;padding:0}*{box-sizing:border-box}ul,li,dl,ol,dt,dd{list-style:none}html{width:100%;height:100%}body{background-color:#f8f9fa;overflow-y:scroll;height:100%}#root{max-width:1600px;width:90%;margin:0 auto}dialog{padding:20px;border:none;border-radius:10px;box-shadow:0 4px 6px #0003;max-width:800px;width:90%}dialog::backdrop{background-color:#00000080}dialog img{max-width:100%}header .row-top{display:flex;justify-content:space-between;align-items:center;padding:30px 0;margin-bottom:30px;border-bottom:4px solid #000}header .row-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:30px}.row-top .topSch{align-self:flex-end}.row-top .topSch #iptSearch{border:1px solid #ddd;border-radius:20px;padding:10px 20px;min-width:300px;text-align:center;font-size:18px}.row-bottom .sortSec{border:1px solid #ddd;border-radius:4px;padding:10px 20px}@media screen and (max-width:840px){header .row-top{padding:60px 0 20px;margin-bottom:30px}header .row-top .logo{position:absolute;top:10px;left:20px;font-size:30px}header .row-top .topSch{width:100%}header .row-top .topSch #iptSearch{padding:5px 15px;min-width:auto;width:100%}header .row-top .util{position:absolute;top:10px;right:20px}header .row-bottom{flex-direction:column;align-items:center;margin-top:20px}header .row-bottom .util{align-self:flex-end;margin-top:15px}}main .list-container{display:flex;justify-content:center;align-items:center;padding:40px 0}main .list-container img{max-width:100%}main .list-container h2{height:100%;width:100%}main .list-container ul{display:grid;grid-template-columns:repeat(5,1fr);gap:20px;justify-items:center;width:100%}@media screen and (max-width:1300px){main .list-container ul{grid-template-columns:repeat(3,1fr);gap:20px}}@media screen and (max-width:840px){main .list-container ul{grid-template-columns:repeat(2,1fr);gap:20px}}@media screen and (max-width:480px){main .list-container ul{grid-template-columns:repeat(1,1fr);gap:20px}}.write-container .title{font-size:42px;text-align:center;margin-bottom:40px}.write-container .row+.row{margin-top:15px}.write-container .row label{display:block;margin-bottom:2px;font-weight:700}.write-container .row input,.write-container .row select,.write-container .row textarea{padding:5px 8px;border-radius:5px;border:1px solid #ddd;width:100%}.write-container .row select{width:160px}.write-container .row input{height:32px}.write-container .bottom-btn{margin-top:15px;text-align:center}button.btn-blue{background-color:#5786f4;color:#fff;font-weight:700}@media screen and (max-width:840px){.write-container .title{font-size:18px;margin-bottom:15px}}footer{padding:40px 0;margin-top:30px;border-top:4px solid #000;font-size:13px;color:#777}._card_1scbm_3{max-width:100%;background-color:#fff;box-shadow:0 0 16px #bfbfbf}._card_1scbm_3 ._photo-wrap_1scbm_4{height:0;padding-top:60%;position:relative}._card_1scbm_3 ._photo-wrap_1scbm_4 img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}._card_1scbm_3 ._top-info_1scbm_6{padding:20px}._card_1scbm_3 ._title_1scbm_8{font-size:20px;font-weight:700;line-height:1;letter-spacing:-.05em;margin-bottom:10px}._card_1scbm_3 ._s-text_1scbm_9{font-size:14px;letter-spacing:-.05em;margin-bottom:15px;color:#888;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden;text-overflow:ellipsis}._card_1scbm_3 ._day-info_1scbm_14{font-size:12px;color:#888}._card_1scbm_3 ._bottom-info_1scbm_16{border-top:1px solid #ddd;padding:20px;display:flex;align-items:center;justify-content:space-between}._card_1scbm_3 ._bottom-info_1scbm_16 ._l-ele_1scbm_18{display:flex;align-items:center}._card_1scbm_3 ._bottom-info_1scbm_16 ._l-ele_1scbm_18 ._p-photo_1scbm_19{width:24px;height:24px;display:inline-block;border-radius:50%;overflow:hidden}._card_1scbm_3 ._bottom-info_1scbm_16 ._l-ele_1scbm_18 ._nickname_1scbm_21{font-size:9px}._card_1scbm_3 ._bottom-info_1scbm_16 ._r-ele_1scbm_23 ._like-btn_1scbm_24{padding:0}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}h1{font-size:3.2rem;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1rem;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}button.active{background-color:#4573fc;color:#fff;font-weight:700}}