.no-content{width:90%;margin:auto;text-align:center;padding-top:80px}.no-content h2{word-break:keep-all;margin-bottom:10px;font-weight:600;color:#191919}.no-content p{font-size:16px;color:#666;margin-bottom:60px}.no-content a{display:block;width:250px;height:50px;line-height:50px;margin:auto;margin-bottom:20px;color:#191919;display:flex;align-items:center;border-radius:7px;font-weight:600;box-shadow:2px 2px 8px rgba(0,0,0,.1);padding:0 20px}.no-content a span{vertical-align:middle;display:block;text-align:center;width:100%}.no-content a span.logo{display:inline-block;height:30px;width:30px;overflow:hidden;position:relative;font-size:1rem;padding:0 20px}.no-content a span img{height:100%;position:absolute;top:0;left:0}.no-content a.kakaotalk{background-color:#fee500}.line-list.container{padding:0}.title-box{justify-content:space-between;margin:0 auto;padding:0 5px;position:relative;width:93%;border-bottom:1px solid #efefef;padding-bottom:50px}.title-box a{display:block;position:absolute;left:0;top:50%;transform:translateY(-50%);font-size:18px;color:#007bff;font-weight:400}.title-box h2{font-size:18px;margin:0;line-height:6.9444vw;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-weight:600}.title-box .sharebtn{margin:0;background:none;border:none;padding:0 2.7778vw;position:absolute;right:0;top:50%;transform:translateY(-50%);height:auto}.title-box .sharebtn svg{color:#333}.filter{display:flex;width:90%;margin:auto;padding:15px 0;justify-content:space-between;max-width:640px;overflow:scroll}.filter::-webkit-scrollbar{display:none}.filter{-ms-overflow-style:none;scrollbar-width:none}.filter ul{margin:0;padding:0;list-style:none;display:flex;flex-wrap:nowrap;justify-content:space-around;min-width:-moz-fit-content;min-width:fit-content;width:100%}.filter ul li{margin-right:20px;display:inline-block;white-space:nowrap;color:#d2d2d2;font-weight:400;font-size:18px}.filter ul li:last-child{margin-right:0}.filter ul li.on{border-color:#5ebdeb;color:#5ebdeb;font-weight:900}.msg-wrap{margin-top:4.1667vw;--auto-grid-min-size:330px;display:grid;grid-template-columns:repeat(auto-fill,minmax(var(--auto-grid-min-size),1fr))}.msg-board{margin-top:-.2778vw}.msg-board .msg-card{width:92%;border:none;height:17vw;max-width:380px;min-height:170px;margin:auto;margin-bottom:3vw;display:flex;border-radius:10px;overflow:hidden;background:#fff;box-shadow:3px 3px 9px rgba(0,0,0,.1)}.msg-board .msg-card .desc{width:30%;padding:10px;position:relative}.msg-board .msg-card .desc p.type{background:#fff;display:inline-block;text-align:center;font-size:36px;margin:0}.msg-board .msg-card.text .desc p.type{color:#ffa753}.msg-board .msg-card.video .desc p.type{color:#2ec33a}.msg-board .msg-card.image .desc p.type{color:#fb5c5c}.msg-board .msg-card.audio .desc p.type{color:#b09fff}.msg-board .msg-card.etc .desc p.type{color:#959595}.msg-board .msg-card .desc p.info{position:absolute;left:10px;bottom:0}.msg-board .msg-card .desc p.info span{padding-left:0;font-size:14px}.msg-board .msg-card .desc p.info span.date,.msg-board .msg-card .desc p.info span.size{display:block}.msg-board .msg-card .content{width:70%;background:#666;overflow:hidden;box-sizing:border-box;margin:7px;border-radius:5px}.msg-board .msg-card.audio .content,.msg-board .msg-card.image .content,.msg-board .msg-card.video .content{display:flex;align-items:center;justify-content:center}.msg-board .msg-card.etc .content div,.msg-board .msg-card.text .content p{background:#efefef;width:100%;height:100%;padding:10px;-webkit-box-orient:vertical;-webkit-line-clamp:5;overflow:hidden;text-align:left}.msg-board .msg-card.text .content p{word-break:break-all;margin:0}.msg-board .msg-card.video .content video{width:100%;height:100%;vertical-align:middle}.msg-board .msg-card.image .content img{height:100%}.msg-board .msg-card.audio .content audio{height:0;width:0}.msg-board .msg-card.audio .content,.msg-board .msg-card.video .content{position:relative}.content .button{color:#fff;border:none;cursor:pointer;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.content .button span{font-size:40px;opacity:.7;transition:opacity .2s}.content .timeline{flex:1;display:flex;align-items:center;border:none;position:absolute;bottom:0;left:0;width:100%}.content .timeline .bar{background:hsla(0,0%,100%,.2);height:15px;flex:1}.content .timeline .bar .inner{background:hsla(0,0%,100%,.7);width:0;height:100%}.datashare{position:fixed;bottom:0;left:0;transition:.5s;width:100%;height:100%;opacity:0;pointer-events:none;text-align:center}.datashare.on{display:block;opacity:1;pointer-events:all;background:rgba(0,0,0,.3)}.datashare .bg{background:transparent;width:100%;height:100%}.datashare .share{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:90%;background:#fff;height:-moz-fit-content;height:fit-content;border-radius:10px;box-shadow:3px 3px 15px rgba(0,0,0,.07);padding:30px 30px 40px}.datashare .share h4{line-height:1.4;margin:0;margin-bottom:1.3889vw;font-weight:600;font-size:18px}.datashare .share>p{line-height:1.2;font-size:15px;margin:0;word-break:keep-all}.datashare .share .title-btn{display:flex;justify-content:space-between;align-items:flex-start;border-bottom:1px solid #999;padding:5px 0;margin:20px 0 20px}.datashare .share .title-btn h5{margin:0;padding:0;font-size:17px;font-weight:600}.datashare .share .title-btn button{margin:0;padding:3px 0;border:none;outline:none;width:60px;height:-moz-fit-content;height:fit-content;border-radius:5px;background-color:#5ebdeb;color:#fff;font-weight:600;font-size:14px}.datashare .share ul{padding:0;margin:0;width:100%;margin-top:5px}.datashare .share ul li{margin:auto;height:11.1111vw;display:flex;align-items:center;justify-content:space-between;width:100%;margin-bottom:1.3889vw;padding:0 2.7778vw;border:none;background:#efefef;border-radius:5px}.datashare .share ul li>span{display:block;text-align:left;font-size:14px}.datashare .share ul li p{display:block;width:11.1111vw;background:#999;border-radius:5.5556vw;height:5.5556vw;box-sizing:border-box;margin-top:4.1667vw;position:relative}.datashare .share ul li p span{display:block;width:5vw;height:5vw;border-radius:50%;background:#fff;position:absolute;top:.2778vw;left:.2778vw}.datashare .share ul li p.on{background:#00c853}.datashare .share ul li p.on span{left:auto;right:.2778vw}.datashare .share button{width:22.2222vw;margin:5.5556vw auto 0}.share-detail{text-align:left;margin-bottom:10px}h6{font-size:16px;color:#333;font-weight:600;margin:0}.share-detail p{font-size:14px;color:#666;margin-bottom:20px}.share-detail p span{color:#fb5c5c}