@charset "utf-8";
html,
body { height: 100%; }
#wrap {
display: table;
width: 100%;
min-height: 100%;
}
#header {
display: table-cell;
position: relative;
width: 200px;
min-height: 100%;
background: #1d1d1f;
vertical-align: top;
}
#header:after {
content: "";
display: block;
position: absolute;
top: 0;
bottom: 0;
right: 0;
width: 1px;
background: #171b26;
z-index: 0;
}
#admin_prof {
display: block;
position: relative;
width: 200px;
height: 100px;
padding-bottom: 30px;
background: #29c7ca;
border-right: 1px solid #0aa0a5;
box-sizing: border-box;
z-index: 1;
}
#admin_prof h1 {
position: relative;
text-align: center;
line-height: 70px;
}
#admin_prof h1 img {
position: relative;
z-index: 0;
}
#admin_prof h1 i {
display: block;
position: absolute;
bottom: 5px;
right: 10px;
font-size: 11px;
font-style: normal;
font-weight: 400;
line-height: 1.0em;
color: #1e878a;
z-index: 1;
}
#admin_prof p {
position: absolute;
bottom: 0;
left: 0;
right: 0;
height: 30px;
margin: 0;
background: #2bacb0;
}
#admin_prof a:hover { color: #fff !important; }
#admin_prof .name {
display: block;
position: relative;
padding-right: 30px;
padding-left: 15px;
font-size: 13px;
line-height: 30px;
color: #d6eff1;
text-decoration: none;
font-family: 'Noto Sans KR', sans-serif;
}
#admin_prof .logout {
display: block;
position: absolute;
top: 0;
bottom: 0;
right: 0;
width: 30px;
height: 30px;
overflow: hidden;
text-indent: -999px;
}
#admin_prof .logout:before {
content: "\e984";
font-family:'icon';
color: #d6eff1;
font-size: 12px;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
line-height: 30px;
text-align: center;
text-indent: 0;
}
#page_top {
position: relative;
height: 71px;
box-sizing: border-box;
border-bottom: 1px solid #131a24;
background: #1d1d1f;
}
#page_top h2 {
position: absolute;
top: 0;
left: 0;
bottom: 0;
line-height: 70px;
padding-left: 40px;
font-size: 20px;
font-family: 'Noto Sans KR', sans-serif;
color: #c3c8cc;
font-weight: 300;
}
#page_top a {
display: block;
position: relative;
width: 70px;
height: 70px;
float: right;
border-left: 1px solid #4d515c;
overflow: hidden;
color: #c3c8cc;
text-indent: -999px;
}
#page_top a:before {
display: block;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
font-family: 'icon';
line-height: 70px;
font-size: 25px;
text-align: center;
text-indent: 0;
}
#page_top a:hover {
color: #fff;
background: #e7604a;
border-color: #a6240d;
}
#page_top a.ico-home:before { content: "\e900"; }
#page_top a.ico-dev:before { content: "\e995"; }
#wrapper {
display: table-cell;
position: relative;
vertical-align: top;
min-height: 100%;
}
#gnb {
display: block;
position: relative;
padding-top: 20px;
font-family: 'Noto Sans KR', sans-serif;
}
#gnb > ul > li > a {
display: block;
padding: 10px 20px;
color: #9da4b3;
font-size: 15px;
text-decoration: none;
}
#gnb .gnb_2dli { position: relative; }
#gnb .gnb_2dli > a {
display: block;
padding: 10px 20px 10px 25px;
color: #acaeb2;
font-size: 13px;
}
#gnb .gnb_2dli > a:before {
font-family: 'icon';
padding-right: 7px;
}
#gnb .gnb_2dli.check:after {
content: "\ea10";
font-family: 'icon';
display: block;
position: absolute;
top: 0;
right: 10px;
line-height: 39px;
color: #e76148;
}
#gnb .gnb_2dli > a:hover {
color: #fff;
background: #484c58;
text-decoration: none;
font-weight: 100;
}
#gnb .gnb_2dul {
display: none;
background: #262931;
}
#gnb .gnb_2dli.check > a:after {
content: "";
display: block;
position: absolute;
}
#gnb .gnb_2dli > a:before { content: "\e994"; }
#gnb .gnb_2dli > a[data-text="기본환경설정"]:before { content: "\e994"; }
#gnb .gnb_2dli > a[data-text="팝업레이어관리"]:before { content: "\e925"; }
#gnb .gnb_2dli > a[data-text="세션파일 일괄삭제"]:before { content: "\e94d"; }
#gnb .gnb_2dli > a[data-text="캐시파일 일괄삭제"]:before { content: "\e94d"; }
#gnb .gnb_2dli > a[data-text="썸네일파일 일괄삭제"]:before { content: "\e90e"; }
#gnb .gnb_2dli > a[data-text="커뮤니티 설정"]:before { content: "\e96f"; }
#gnb .gnb_2dli > a[data-text="화면 설정"]:before { content: "\e956"; }
#gnb .gnb_2dli > a[data-text="디자인 설정"]:before { content: "\e90c"; }
#gnb .gnb_2dli > a[data-text="메인슬라이드 관리"]:before { content: "\e913"; }
#gnb .gnb_2dli > a[data-text="회원관리"]:before { content: "\e923"; }
#gnb .gnb_2dli > a[data-text="접속자집계"]:before { content: "\e99c"; }
#gnb .gnb_2dli > a[data-text="접속자검색"]:before { content: "\e986"; }
#gnb .gnb_2dli > a[data-text="접속자로그삭제"]:before { content: "\e988"; }
#gnb .gnb_2dli > a[data-text="투표관리"]:before { content: "\e926"; }
#gnb .gnb_2dli > a[data-text="게시판관리"]:before { content: "\e9ba"; }
#gnb .gnb_2dli > a[data-text="게시판그룹관리"]:before { content: "\e9bc"; }
#gnb .gnb_2dli > a[data-text="내용관리"]:before { content: "\e908"; }
#gnb .gnb_2dli > a[data-text="이모티콘관리"]:before { content: "\e9e1"; }
#gnb .gnb_2dli > a[data-text="프로필 양식 관리"]:before { content: "\ea72"; }
#gnb .gnb_2dli > a[data-text="캐릭터 관리"]:before { content: "\e9b2"; }
#gnb .gnb_2dli > a[data-text="타이틀 관리"]:before { content: "\e935"; }
#gnb .gnb_2dli > a[data-text="보유타이틀 관리"]:before { content: "\e936"; }
#gnb .gnb_2dli > a[data-text="레벨설정 관리"]:before { content: "\ea4f"; }
#gnb .gnb_2dli > a[data-text="경험치 관리"]:before { content: "\e993"; }
#gnb .gnb_2dli > a[data-text="커플 관리"]:before { content: "\e9da"; }
#gnb .gnb_2dli > a[data-text="스탯 관리"]:before { content: "\e99d"; }
#gnb .gnb_2dli > a[data-text="상점관리"]:before { content: "\e93a"; }
#gnb .gnb_2dli > a[data-text="아이템관리"]:before { content: "\e99f"; }
#gnb .gnb_2dli > a[data-text="아이템 보유현황"]:before { content: "\e9ae"; }
#gnb .gnb_2dli > a[data-text="아이템 구매기록"]:before { content: "\e9ba"; }
#gnb .gnb_2dli > a[data-text="레시피 관리"]:before { content: "\e996"; }
#gnb .gnb_2dli > a[data-text="소지금관리"]:before { content: "\e93f"; }
#container { padding: 25px; }
#fsearch input { margin: 0; }
#fsearch .btn_submit {
border: none;
background: #29c7c9;
color: #fff;
font-size: 13px;
width: 50px;
height: 28px;
cursor: pointer;
line-height: 1.0em;
}