@charset "UTF-8";
/*-------------------------------------------------
title       : 레이아웃
Author      : 이지현
Create date : 2022-01-12
-------------------------------------------------*/
#header { position: fixed; top: 0; left: 0; width: 28rem; padding-top: 5.1rem; padding-bottom: 2.3rem; background-color: #0D2743; border-radius: 0 0 30px 30px; text-align: center; z-index: 10; }

#header .logo { margin-bottom: 2.4rem; }

#header .logo_txt { color: #fff; font-size: 1.5rem; font-weight: 400; }

#header .logo_txt span { display: block; font-size: 1.3rem; opacity: 0.5; }

#side { position: fixed; top: 0; left: 0; width: 28rem; height: 100%; padding-top: 25.9rem; background-color: #284769; color: #fff; z-index: 9; }

#side .user_info { padding: 3.1rem 0 2.4rem 2.6rem; font-size: 0; }

#side .user_info .user { display: inline-block; width: calc(100% - 4.9rem); font-size: 2rem; font-weight: 600; vertical-align: middle; }

#side .user_info .logout { display: inline-block; width: 2.9rem; height: 2.9rem; text-align: center; font-size: 1.8rem; vertical-align: middle; border-radius: 100%; background-color: rgba(255, 255, 255, 0.15); overflow: hidden; }

#side .user_info .logout i { display: block; line-height: 2.9rem; }

#side .user_info ul { margin-top: 1.5rem; font-size: 1.6rem; }

#side .user_info ul li { color: rgba(255, 255, 255, 0.7); line-height: 2.6rem; }

#side .user_info ul li strong { display: inline-block; width: 9rem; font-weight: 400; color: white; }

#side .menu ul { background-color: rgba(255, 255, 255, 0.05); }

#side .menu ul li { letter-spacing: -0.48px; line-height: 1.9rem; }

#side .menu ul li a { display: block; padding: 1.3rem 2.2rem; word-break: keep-all; }

#side .menu ul li.active a { background: transparent linear-gradient(147deg, #4C4CE3 0%, #4DD8AD 100%) 0% 0% no-repeat padding-box; font-weight: 600; }

#side .menu ul li + li { border-top: 1px solid rgba(255, 255, 255, 0.1); }

/* 최종평가위원 */
.final #header { background-color: #0D4143; }

.final #side { background-color: #0F595C; }

.final #side .menu ul li.active a { background: transparent linear-gradient(123deg, #50C6C0 0%, #228FBF 100%) 0% 0% no-repeat padding-box; }