@charset "utf-8";

nav{position: fixed; left: 0; background: #2f3033; width: 290px; height: 100vh;}
nav .nav_header{height: 146px;}
nav .nav_header .logo_wrap{height: 96px;}
nav .nav_header .logo_wrap img{position: relative; top: 30px; left: 50%; margin: 0 0 0 -94.5px;}
nav .nav_header p{text-align: center; font-size: 1.125em; color: #fff;}
nav .menu_list{border-top: 1px solid #555;}
nav .menu_list > li > a{display: block; padding: 15px 20px; color: #aaa;}
nav .menu_list > li:hover > a, nav .menu_list > li.active > a{color: #fff; transition: all 0.5s;}
nav .menu_list > li > ul{padding: 10px 0; background: #3d3e42; display: none;}
nav .menu_list > li > ul > li > a{position: relative; display: block; padding: 8px 40px; font-size: 0.875em; color: #999;}
nav .menu_list > li > ul > li > a::before{position: absolute; top: 0; bottom: 0; left: 30px; margin: auto 0; content: ""; width: 5px; height: 1px; background: #999;}
nav .menu_list > li > ul > li:hover > a::before{background: #fff;}
nav .menu_list > li > ul > li:hover > a, nav .menu_list > li > ul > li.active > a{color: #fff;}
nav .link_box{position: absolute; left: 0; right: 0; bottom: 0;}
nav .link_box a{position: relative; display: block; color: #fff; padding: 0 50px; line-height: 70px; height: 70px; border-top: 1px solid #555;}
nav .link_box a:hover{text-decoration: underline;}
nav .link_box a:first-child::before{content: ""; position: absolute; left: 20px; top: 0; bottom: 0; margin: auto 0; background: url(/images/admin/icon_protect.png) no-repeat; width: 14px; height: 22px; background-size: contain;}
nav .link_box a:last-child::before{content: ""; position: absolute; left: 20px; top: 0; bottom: 0; margin: auto 0; background: url(/images/admin/icon_logout.png) no-repeat; width: 14px; height: 22px; background-size: contain;}


/* 테이블 */
.tbl{border-top: 1px solid #043b95;}
.tbl th{border-right: 1px solid #d2d2d2; border-bottom: 1px solid #d2d2d2; height: 50px; color: #043b95;}
.tbl th:last-child{border-right: 0;}
.tbl td{border-right: 1px solid #d2d2d2; border-bottom: 1px solid #d2d2d2; text-align: center; height: 50px;}
.tbl td:last-child{border-right: 0;}
.tbl td input:read-only{height: 32px; border: 0;}
.editor{margin: 20px 0;}

.tbl_tArea{position: relative; margin: 0 0 20px; display: inline-block;}
.tbl_tArea .btn_add{position: absolute; right: 0; padding: 7px 10px; border-radius: 3px; border: 1px solid #d2d2d2;}
.tbl_tArea #type{width: 208px; height: 32px; border: 0; border-bottom: 1px solid #aaa;}
.tbl_tArea .sel_arrow{position: absolute; top: 12.5px; left: 184px; width: 0; height: 0; pointer-events: none; border-style: solid; border-width: 8px 5px 0 5px; border-color: #043b95 transparent transparent transparent;}

.sel_Ibox{position: relative; display: inline-block;}
.sel_Ibox #subtype{width: 165px; height: 32px;}
.sel_Ibox .sel_arrow{position: absolute; top: 12px; left: 140px; width: 0; height: 0; pointer-events: none; border-style: solid; border-width: 8px 5px 0 5px; border-color: #666 transparent transparent transparent;}
.input_box{display: inline-block;}
.btn_Ibox{display: inline-block;}
.btn_Ibox button{padding: 5px 10px; height: 32px; border-radius: 3px; border: 1px solid #d2d2d2;}
.file_box{position: relative; display: inline-block; font-size: 0;}
.file_box .input_text{width: 220px; border: 1px solid #aaa !important; margin-right: 10px;}
.file_box button{height: 32px; padding: 0 16px; color: #333; font-weight: bold; border: 1px solid #ccc; background: #fff; cursor: pointer;}
.file_box .input_file{display: block; position: absolute; left: 0; top: 0; z-index: 2; cursor: pointer; width: 100%; height: 100%; padding: 0; opacity: 0;}

/* 테이블 위 버튼 */
.btn_Tbox{margin: 0 0 20px; text-align: right;}
.btn_Tbox button{padding: 5px 10px; border: 1px solid #d2d2d2; border-radius: 3px;}
.btn_Tbox span{display: inline-block; border: 1px solid #d2d2d2; border-radius: 3px;}
.btn_Tbox span a{display: block; padding: 5px 10px;}


/* 테이블 아래 버튼 */
.btn_Bbox{margin: 20px 0 0; text-align: center;}
.btn_Bbox button{padding: 5px 10px; border: 1px solid #d2d2d2; border-radius: 3px;}



/* paging */
.pagination{padding: 20px 0 40px; font-size: 0; text-align: center;}
.pagination ul li{display: inline-block; width: 24px; height: 24px; margin-right: 5px; cursor: pointer;}
.pagination ul li:last-child{margin-right: 0;}
.pagination ul li a{display: block; line-height: 24px; font-size: 0.875em;}
.pagination ul li.current a{background: #043b95; color: #fff;}
/* .pagination .btn_first, .pagination .btn_prev, .pagination .btn_next, .pagination .btn_last{position: relative; width: 10px; height: 16px; display: inline-block; margin-right: 5px; top: 2px;}
.pagination .btn_first, .pagination .btn_last{width: 17px;}
.pagination .btn_last{margin-right: 0;}
.pagination .btn_first::before, .pagination .btn_prev::before, .pagination .btn_next::before, .pagination .btn_last::before{content: ""; position: absolute; left: 0; top: 0; width: 10px; height: 16px; background: url("/images/admin/icon_pagination.png") no-repeat;}
.pagination .btn_first::before{width: 17px; background-position: 0 -18px;}
.pagination .btn_prev::before{background-position: -7px 0;}
.pagination .btn_next::before{background-position: -19px 0;}
.pagination .btn_last::before{width: 17px; background-position: -19px -18px;}
.pagination .btn_page{margin: 0 5px;} */


.tbl_list{margin: 0 0 60px;}
.tbl_list th{height: 40px; border-bottom: 1px solid #d2d2d2; border-right: 1px solid #d2d2d2;}
.tbl_list td{height: 40px; border-bottom: 1px solid #d2d2d2; border-right: 1px solid #d2d2d2; padding: 0 20px;}
.tbl_list tr:first-child td{border-top: 1px solid #043b95;}
.tbl_list td:last-child{border-right: 0;}