@-webkit-keyframes rotation{from{-webkit-transform:rotate(0)}to{-webkit-transform:rotate(359deg)}}@-moz-keyframes rotation{from{-moz-transform:rotate(0)}to{-moz-transform:rotate(359deg)}}@-o-keyframes rotation{from{-o-transform:rotate(0)}to{-o-transform:rotate(359deg)}}@keyframes rotation{from{transform:rotate(0)}to{transform:rotate(359deg)}}body,html{width:100%;max-width:100%;height:100%;max-height:100%}body{position:relative;color:#000;font-size:14px}div,option,span{font-weight:400}input{user-select:text;-webkit-user-select:text;-moz-user-select:text;-webkit-appearance:none;-webkit-border-radius:0}input:active,input:focus,textarea:active,textarea:focus{outline:0}a,button,div,li,select,small,span,strong{-webkit-tap-highlight-color:transparent;font-weight:400;user-select:none;-webkit-user-select:none;-moz-user-select:none}a:focus{outline:0}.hide{visibility:hidden!important}.app{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:-ms-flex;display:flex;-webkit-box-direction:normal;-webkit-box-orient:vertical;-moz-box-direction:normal;-moz-box-orient:vertical;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;height:100%;max-height:100%;position:relative}.app.preview #navigation_bar{padding-top:20px!important}.app .header{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:-ms-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-align-items:center;align-items:center;background:#64b5f6!important;height:44px;min-height:44px;width:100%}.app .header #back_button{background-image:url('../../images/mobile/ic-nav-chevron-white.png')!important}.app .header span{color:#fff;font-size:20px;font-size:5.55555556vw;font-weight:500!important}.app .header .header-left{-webkit-box-flex:1;-moz-box-float:1;-webkit-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:-ms-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-align-items:center;align-items:center}.app .header .header-title{-webkit-box-flex:2;-moz-box-float:2;-webkit-flex:2;-ms-flex:2;flex:2;text-align:center!important;white-space:nowrap;font-size:18px!important;font-weight:700!important}.app .header .header-right{-webkit-box-flex:1;-moz-box-float:1;-webkit-flex:1;-ms-flex:1;flex:1;justify-content:flex-end;position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:-ms-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-align-items:center;align-items:center;height:100%}.app .header .header-right i.icon{position:relative;display:block;width:28px!important;height:28px!important}.app .header .header-right i.icon.icon-new-badge{position:absolute!important;top:-3px;right:-2px;width:14px!important;height:14px!important}.app .header .header-right .my-survey{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:-ms-flex;display:flex;vertical-align:middle;width:24px;width:6.66666667vw;height:24px;height:6.66666667vw;margin-right:24px;margin-right:6.66666667vw;-webkit-box-align:center;-webkit-align-items:center;-ms-align-items:center;align-items:center}.app .header .header-right .my-survey img{position:absolute;left:0;width:24px;width:6.66666667vw;height:24px;height:6.66666667vw;vertical-align:middle;border:1px solid #fff;border-radius:100%}.app .header .header-right .my-survey .has-new{position:absolute;top:-4px;left:0;font-size:8px;font-size:2.22222222vw;margin-left:16px;margin-left:4.44444444vw;font-weight:500;font-style:normal;font-stretch:normal;line-height:normal;letter-spacing:normal;text-align:center;color:#fff;width:12px;width:3.33333333vw;height:12px;height:3.33333333vw;line-height:12px;line-height:3.33333333vw;border-radius:12px;border-radius:3.33333333vw;background-color:#6497f6}.app .content-container{-webkit-box-flex:1;-moz-box-float:1;-webkit-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:-ms-flex;display:flex;-webkit-box-direction:normal;-webkit-box-orient:vertical;-moz-box-direction:normal;-moz-box-orient:vertical;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;position:relative;background:#fff}.app .content-container.gray{background:#eee}.app .content-container .content-wrapper{box-sizing:border-box;background:#fff;position:relative;touch-action:pan-y;user-select:none;-webkit-user-drag:none}.app .scroll-container{left:0;right:0;top:0;bottom:0;position:absolute;z-index:1;overflow-x:hidden;overflow-y:scroll;-webkit-overflow-scrolling:touch}.app .scroll-container.lock{overflow-y:hidden}.app .scroll-container .scroll-inner-wrapper{height:100%;position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:-ms-flex;display:flex;-webkit-box-direction:normal;-webkit-box-orient:vertical;-moz-box-direction:normal;-moz-box-orient:vertical;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.app .scroll-container .scroll-inner-wrapper .pull-indicator{width:23px;width:6.38888889vw;height:41px;height:11.38888889vw;margin:0 auto;-webkit-transform:translate3d(0,0,0) rotate(0);position:relative;-webkit-transition:-webkit-transform .3s ease}.app .scroll-container .scroll-inner-wrapper .pull-spinner{display:none;height:25px;width:25px;margin:0 auto;position:relative;left:-4px;-webkit-animation:rotation .6s infinite linear;-moz-animation:rotation .6s infinite linear;-o-animation:rotation .6s infinite linear;animation:rotation .6s infinite linear;border-left:4px solid rgba(202,202,202,.15);border-right:4px solid rgba(202,202,202,.15);border-bottom:4px solid rgba(202,202,202,.15);border-top:4px solid rgba(202,202,202,.9);border-radius:100%}.app .scroll-container .scroll-inner-wrapper .content-wrapper:last-child{-webkit-box-flex:1;-moz-box-float:1;-webkit-flex:1;-ms-flex:1;flex:1}.app .scroll-container .scroll-inner-wrapper .content-wrapper:last-child.ready{-webkit-box-flex:none;-moz-box-float:none;-webkit-flex:none;-ms-flex:none;flex:none}.app .content-wrapper{position:relative;background:#fff}.app .user-thumbnail-wrapper{position:relative;width:48px;width:13.33333333vw;height:48px;height:13.33333333vw}.app .user-thumbnail-wrapper .user-thumbnail{width:100%;height:100%;position:relative;overflow:hidden;background:#eee;border-radius:50%}.app .user-thumbnail-wrapper .user-thumbnail i,.app .user-thumbnail-wrapper .user-thumbnail img{width:100%;height:100%}.app .user-thumbnail-wrapper i.icon.badge{position:absolute;z-index:1;right:1px;bottom:1px;width:33%;height:33%}.app .floating-button-wrapper{position:absolute;bottom:16px;right:16px;z-index:10}.app .list-wrapper{height:100%;position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:-ms-flex;display:flex;-webkit-box-direction:normal;-webkit-box-orient:vertical;-moz-box-direction:normal;-moz-box-orient:vertical;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.app .list-wrapper .list-row-wrapper{position:relative;width:100%}.app .list-wrapper .list-row-wrapper .list-row-link{position:absolute;z-index:2;top:0;left:0;right:0;bottom:0}i.icon{background-size:cover;display:inline-block;vertical-align:middle}i.icon:after{content:"";display:block}i.icon.icon-post-view{background-image:url('../../images/news/ic-list-view.png')}i.icon.icon-post-comment{background-image:url('../../images/news/ic-list-comment.png')}i.icon.icon-new-badge{background-image:url('../../images/news/ic-new-badge.png')}i.icon.icon-reply{background-image:url('../../images/news/ic-comment-reply.png')}i.icon.icon-expand-down{background-image:url('../../images/news/ic-general-down-gray.png')}i.icon.icon-write{background-image:url('../../images/news/ic-writing.png')}i.icon.icon-photo-upload{background-image:url('../../images/news/ic-noonnews-fab-add-photo.png')}i.icon.icon-more-white{background-image:url('../../images/news/ic-nav-more-white.png')}i.icon.icon-candy-blue{background-image:url('../../images/news/ic-noonnews-candy.png')}i.icon.icon-close-popup{background-image:url('../../images/news/ic-noonnews-popup-close-gray.png')}.popup-wrapper{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;overflow:hidden;z-index:1000}.popup-wrapper .popup-inner-wrapper{position:relative;width:100%;height:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:-ms-flex;display:flex}.popup-wrapper .popup-inner-wrapper .backdrop{position:absolute;z-index:1000;width:100%;height:100%;background-color:rgba(0,0,0,.5)}.popup-wrapper .popup-inner-wrapper .popup{z-index:1001;position:relative;top:0;left:0;right:0;bottom:0;margin:auto;width:343px;width:95.27777778vw;background:#fff;box-shadow:0 0 6px 0 rgba(0,0,0,.2);-webkit-box-shadow:0 0 6px 0 rgba(0,0,0,.2);-moz-box-shadow:0 0 6px 0 rgba(0,0,0,.2);border-radius:18px}.popup-wrapper .popup-inner-wrapper .popup.can_open{height:516px;height:143.33333333vw}.popup-wrapper .popup-inner-wrapper .popup i.icon-close-popup{position:absolute;top:24px;right:24px;width:14px;width:3.88888889vw;height:14px;height:3.88888889vw;z-index:1001}.popup-wrapper .popup-inner-wrapper .popup i.icon-close-popup a{margin:-8px;position:absolute;top:0;left:0;right:0;bottom:0;z-index:1002}.popup-wrapper .popup-inner-wrapper .popup .popup-content{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:-ms-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-align-items:center;align-items:center;padding-bottom:24px;-webkit-box-direction:normal;-webkit-box-orient:vertical;-moz-box-direction:normal;-moz-box-orient:vertical;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;width:100%;height:100%}.popup-wrapper .popup-inner-wrapper .popup .popup-content .user-thumbnail-wrapper{margin-top:40px;height:80px;height:22.22222222vw;width:80px;width:22.22222222vw}.popup-wrapper .popup-inner-wrapper .popup .popup-content .user-thumbnail-wrapper i.icon.badge{width:25%;height:25%}.popup-wrapper .popup-inner-wrapper .popup .popup-content .user-profile{margin-top:20px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:-ms-flex;display:flex;width:100%;text-align:center;-webkit-box-direction:normal;-webkit-box-orient:vertical;-moz-box-direction:normal;-moz-box-orient:vertical;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-webkit-align-items:center;-ms-align-items:center;align-items:center}.popup-wrapper .popup-inner-wrapper .popup .popup-content .user-profile .user-nickname{font-size:20px;font-size:5.55555556vw;line-height:30px;line-height:8.33333333vw;color:#14181c;font-weight:700;max-width:200px;max-width:55.55555556vw;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.popup-wrapper .popup-inner-wrapper .popup .popup-content .user-profile .user-nickname.content-shape{width:100px;width:27.77777778vw;height:20px;height:5.55555556vw;margin-bottom:7px}.popup-wrapper .popup-inner-wrapper .popup .popup-content .user-profile .user-info{color:#474e53;font-weight:400;font-size:16px;font-size:4.44444444vw;line-height:24px;line-height:6.66666667vw;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.popup-wrapper .popup-inner-wrapper .popup .popup-content .user-profile .user-info.content-shape{width:120px;width:33.33333333vw;height:24px;height:6.66666667vw}.popup-wrapper .popup-inner-wrapper .popup .popup-content .content-shape{background:#eee}.popup-wrapper .popup-inner-wrapper .popup .popup-content .profile-open-button{font-size:16px;font-size:4.44444444vw;font-weight:500;margin-top:16px;margin-top:4.44444444vw;text-align:center;border-radius:14px;color:#70d6ff;width:calc(100% - 32px);height:48px;height:13.33333333vw;line-height:48px;line-height:13.33333333vw;background-color:#e9f9ff}.popup-wrapper .popup-inner-wrapper .popup .popup-content .profile-open-button i.icon{margin-right:5px;width:24px;width:6.66666667vw;height:24px;height:6.66666667vw;margin-bottom:3px}