@charset "utf-8";
/* CSS Document */

#main .cosme + .cosme{padding-top: 20%}
#main .cosme .more{ color: #9fa0a0; border: solid #c3c2c2; border-width: 1px 0; cursor: pointer; position: relative; }
#main .cosme .more.active{ border-bottom: none; }
#main .cosme .more .close{ display: none; }
#main .cosme .more.active .open{ display: none; }
#main .cosme .more.active .close{ display: inline; }
#main .cosme .more::before{ content: ''; position: absolute; right: 0; top: 50%; width: 14px; padding-top: 14px; border: solid #c3c2c2; border-width: 2px 2px 0 0; transform: translateY(-25%) translate(-50%,-50%) rotate(-225deg); }
#main .cosme .more.active::before{ transform: translateY(25%) translate(-50%,-50%) rotate(-45deg); }
#main .cosme .acordion{ position: relative; }
#main .cosme .acordion::before{ content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 2em; background: linear-gradient(to bottom, rgba(255,255,255,0), rgba(255,255,255,1) 90%); }
#main .cosme .more.active+.acordion::before{ display: none; }