@charset "utf-8";

/* 레이아웃 */
html { font-size: 18px; }
/*#nav { position: absolute; top: 0; height: 100%; background: #2D2926; border: 0; display: none; z-index: 999; }*/
#nav { position: fixed; top: 0; left: 0; width: 100%; height: 100%; border: 0; display: none; z-index: 999; overflow-x: hidden; }

/* 로우 영역 */
.row, .row_wrap { padding: 0 5px; }

/* 헤더 영역 */
#top_menu:before, #top_menu_login:before { content: ''; width: 100%; height: 3px; background: darkblue; position: absolute; left: 0; top: 0; }
#top_menu.changed:before { content: ''; width: 100%; height: 3px; background: darkblue; position: absolute; left: 0; top: 140px; z-index: 999; }
#top_menu_login.changed:before { content: ''; width: 100%; height: 3px; background: darkblue; position: absolute; left: 0; top: 93px; z-index: 999; }
.join { overflow: hidden; position: relative; display: block; height: 30px; }
.join_left li { line-height: 27px; }
.join_left li:first-child:after { top: 8px; }

.top_menu_right, .top_menu_right_login { float: right; display: block; }
.top_menu_right .top_menu_fold, .top_menu_right_login .top_menu_fold_login { position: absolute; right: 5px; top: 0; display: block; width: 120px; height: 28px; line-height: 27px; text-align: center; font-size: 0.778rem; font-weight: 500; color: #fff; background: darkblue; border: 1px solid darkblue; border-radius: 0 0 6px 6px; z-index: 999; }
.top_menu_right ul, .top_menu_right_login ul { position: absolute; right: 0; top: 0; width: 100%; background: #fff; z-index: 999; }
.top_menu_right li, .top_menu_right_login li { height: 45px; line-height: 45px; text-align: center; font-size: 16px; border: 1px solid #ddd; }
.top_menu_right li a, .top_menu_right_login li a { display: block; width: 100%; }

.join_right { display: none; }

.head { margin-top: -5px; }
.head .w90p { width: 90px; height: 90px; }
.head_center { position: relative; padding-left: 0; }
.head_center img { top: 0; }
.head_right form { display: none; }
.head_right .menu_ham { display: block; }
.head_right .menu_ham a { position: absolute; right: 0; top: -8px; border: 0; background: #fff; }
.head_right .menu_ham a i { font-size: 70px; color: darkblue; }
.div_user_infor .user_infor { position: static; text-align: center; margin-top: -40px; margin-bottom: 15px; }
.div_user_infor .menu_admin { top: 0; right: 73px; }

.navi_title { position: static; width: 100%; height: 50px; line-height: 50px; padding-left: 5px; text-indent: 5px; font-size: 20px; font-weight: 400; background: darkblue; color: #fff; }
.navi_title i { position: absolute; right: 5px; top: 10px; padding-left: 1px; cursor: pointer; }
.navi_row { padding: 0; }
.navi_chassis { display: flex; height: 100vh; }
.navi_chassis > ul { width: calc(100% - 45px); background: darkblue; }
.navi_chassis > ul > li { float: none; width: 100%; font-size: 20px; border: 0; border-bottom: 1px solid rgba(255,255,255,0.3); background: dodgerblue; padding-right: 20px; }
.navi_chassis > ul > li.admin { width: 100%; }
.navi_chassis > ul > li:last-child { border-right: 0; }
/*.navi_chassis > ul > li:after { content: "\e941"; font-family: "xeicon"; width: 10px; height: 10px; color: #fff; position: absolute; right: 10%; top: 0px; }*/
.navi_chassis > ul > li:after { content: ""; width: 10px; height: 10px; color: #fff; position: absolute; right: 10%; top: 0px; }
.navi_chassis > ul > li.up:after { content: "\e944"; font-family: "xeicon"; width: 10px; height: 10px; color: #fff; position: absolute; right: 10%; top: 0px; }
.navi_chassis > ul > li.direct:after { content: ""; width: 10px; height: 10px; color: #fff; position: absolute; right: 10%; top: 0px; }
.navi_chassis > ul > li a { color: #fff; }
.navi_chassis > ul > li > ul { position: static; background: royalblue; border: 0; width: calc(100% + 20px); }
.navi_chassis > ul > li > ul > li { border-bottom: 1px solid rgba(255,255,255,0.3); }
.navi_chassis .navi_blank { width: 45px;  height: 100vh; background: rgba(9,13,104,0.5); }

@media (max-width: 560px) {
	.head .w90p { width: 80px; height: 80px; }
	.head_center h1 { font-size: 1.4rem; }
	.head_center h1 em { position: absolute; left: 15px; top: 0px; text-align: center; }
	.head_center h1 strong { position: absolute; left: 68px; top: 0px; text-align: center; }
	.div_user_infor .user_infor { position: static; text-align: center; margin-top: -28px; margin-bottom: 20px; }
	.div_user_infor .menu_admin { right: 5px; }
}