.update-container{display:flex;margin:10px;height:100px;background:#fefefe;cursor:pointer;box-shadow:1px 1px 2px 1px #444;transition:all 0.4s ease}.update-container:hover{background:#fafafa;box-shadow:1px 1px 2px 1px #222}.update-container>.img-container{padding:0 !important;text-align:left;min-width:20%;max-width:30%}.update-container>.img-container>img{max-width:100%}.update-container>.text-container{display:flex;align-items:center;padding:0 12px;text-align:left}.update-container>.text-container>span{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}.update-images-container{margin:0 20px 20px 20px}.update-images-container .slick-list.draggable{margin:0 15px !important}.update-images-container .slick-dots{bottom:-25px !important}.update-items{text-align:center}.update-items .contents li:not(.update-item){list-style-type:inherit}.update-item{position:relative;display:block;margin-bottom:20px;-webkit-transition:height 500ms ease;-o-transition:height 500ms ease;transition:height 500ms ease}.update-item:nth-child(odd).active{margin-right:40%}.update-item:nth-child(odd) .update-expander{left:0}.update-item:nth-child(even) .update-expander{right:0}.update-expander{position:absolute;top:120px;z-index:99;overflow:hidden;max-height:0;-webkit-transition:max-height 500ms ease;-o-transition:max-height 500ms ease;transition:max-height 500ms ease}.update-contents{position:relative}.update-contents:after{display:block;position:absolute;bottom:-10px;left:50%;margin-left:-30px;width:0;height:0;content:"";z-index:999;border-left:30px solid transparent;border-right:30px solid transparent;border-bottom-style:solid;border-bottom-width:0px;-webkit-transition:border-bottom-width 500ms ease;-o-transition:border-bottom-width 500ms ease;transition:border-bottom-width 500ms ease}.update-item.active .update-contents:after{border-bottom-width:30px}ul{margin:0;padding:0;list-style:none}@media (max-width: 768px){ul.update-items>.update-item{width:60% !important;margin:10px 0}.update-item .thumbnail{width:100% !important}}.update-contents:after{border-bottom-color:#fff}.update-expander{background:#fff;box-shadow:0px 1px 2px #000}.update-expander-contents{margin:0 auto;width:1000px;padding:20px 0}.update-expander-contents .col-xs-7,.update-expander-contents .col-xs-12{text-align:left;margin-top:20px}.update-expander-contents:after{clear:both;display:table;content:""}.update-expander-contents>div.col{float:left;width:480px}.update-expander-contents>div.col+div.col{margin-left:40px}.update-expander-contents div.close{position:absolute;top:10px;right:20px;z-index:9999}.update-expander-contents div.title{font-weight:500;color:#D28A3C}.update-expander-contents div.contents{margin-top:10px;border-top:1px solid #BCB098;border-bottom:1px solid #BCB098;padding:10px 0;font-size:14px;line-height:24px;color:#797262}.update-expander-contents div.image>img{width:100%;display:block}@media (min-width: 640px) and (max-width: 999px){.update-expander-contents{width:640px}}@media (max-width: 639px){.update-expander-contents{width:100%}}@media (min-width: 640px) and (max-width: 999px){.update-expander-contents>div.col{width:310px}}@media (max-width: 639px){.update-expander-contents>div.col{float:none;padding:25px 20px 0;width:auto}}@media (min-width: 640px) and (max-width: 999px){.update-expander-contents>div.col+div.col{margin-left:20px}}@media (max-width: 639px){.update-expander-contents>div.col+div.col{margin-left:0px}}