@charset "utf-8";

/* 레이아웃 */
html { font-size: 18px; }
/*#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; }

/* 헤더 영역 */
.join { overflow: hidden; position: relative; display: block; height: 30px; }
.join_left li { line-height: 27px; }
.join_left li:first-child:after { top: 8px; }
.join_right { display: none; }

.head { margin-top: -5px; }
.head_center { position: relative; padding-left: 0; }
.head_right .menu_ham { display: block; }
.head_right .menu_ham a { position: absolute; right: 0; top: -5px; border: 0; }
.head_right .menu_ham a i { font-size: 70px; color: #ef4a82; }
/*
.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; }
*/
.div_user_infor .user_infor { top: -30px; }

.menu_nav { position: fixed; top: 0; left: 0; max-width: 100%; width: 100%; height: 100%; border: 0; display: none; z-index: 999; overflow-x: hidden; }
.navi_title { position: static; width: 100%; height: 50px; line-height: 50px; padding-left: 5px; text-indent: 5px; font-size: 20px; font-weight: 400; background: #fff; color: #000; }
.navi_title i { position: absolute; right: 5px; top: 10px; padding-left: 1px; cursor: pointer; color: #ef4a82;border-color: #ef4a82; }
.navi_title img { height: 36px; padding-top: 9px; }
.navi_title strong { position: absolute; left: 54px; top: 1px; color: #002d5b; font-weight: 600; font-size: 27px; }
/*.navi_row { padding: 0; }*/
.navi_chassis { display: flex; height: 100vh; margin-top: 0 !important;}
.navi_chassis > ul { display: block !important; width: calc(100% - 45px); background: #fff; }
.navi_chassis > ul > li { float: none; width: 100%; height: auto !important; line-height: 50px !important; font-size: 20px !important; border: 0; border-bottom: 1px solid rgba(255,255,255,0.3); background: #fff !important; padding-right: 20px; border-radius: 0 !important; margin-left: 0 !important; }
.navi_chassis > ul > li:last-child { border-right: 0; }
.navi_chassis > ul > li:after { content: "\e913"; font-family: "xeicon"; width: 10px; height: 10px; color: #000; position: absolute; right: 10%; top: 0px; }
.navi_chassis > ul > li.up:after { content: "\e91a"; font-family: "xeicon"; width: 10px; height: 10px; color: #000; position: absolute; right: 10%; top: 0px; }
.navi_chassis > ul > li.direct:after { content: ""; width: 10px; height: 10px; color: #000; position: absolute; right: 10%; top: 0px; }
.navi_chassis > ul > li a { color: #000 !important; }
.navi_chassis > ul > li a:hover { color: #ff6a6f !important; }
.navi_chassis > ul > li > ul { position: static !important; background: #fff !important; border: 0; width: calc(100% + 18px) !important; }
.navi_chassis > ul > li > ul.active:before { top: 45px !important; height: 5px !important; }
.navi_chassis > ul > li > ul > li { padding: 0 !important; line-height: 45px !important; border-top: 1px solid rgba(255,255,255,0.3) !important; }
.navi_chassis > ul > li > ul > li a { color: #002d5b !important; }
.navi_chassis .navi_blank { width: 45px;  height: 100vh; background: rgba(9,13,104,0.5); }

/*
@media (max-width: 560px) {
	.div_user_infor .user_infor { position: static; text-align: center; margin-top: -28px; margin-bottom: 20px; }
	.div_user_infor .menu_admin { right: 5px; }
}
*/