@charset "UTF-8";

html {height:100%;}
body {height:100%; overflow-wrap:break-word; line-height:1; letter-spacing:-1px; color:#000; background:#e8e9eb; font-family:'NanumSquare', sans-serif; font-weight:400;
-webkit-text-size-adjust:none;}
input, button, select {font-family:'NanumSquare', '나눔고딕','NanumGothic','맑은고딕','MalgunGothic','돋움','Dotum','Helvetica', sans-serif;}

/* CDN COMMON CSS 적용 할 것 */
.content-wrap>.content-top>.content-top-side .btn-logout,
.content-wrap>.content-top>.content-top-side .btn-help {cursor:pointer;}
.content-wrap>.content-top>.content-title>h1 {font-weight:400;}

/* Navigation */
nav.menu {width:250px;}
nav.menu>ul.items>.active>ul {display:block; height:inherit; overflow:auto;}
nav.menu>ul.items>li>a>i{position:absolute; top:19px; right:16px; display:inline-block; width:9px; height:10px; background:url('../../img/ico_sprites_menu.png') no-repeat -46px 0;}
nav.menu>ul.items>li.active>a>i{background-position:-64px 0;}
nav.menu>ul.items>li.active>a>i.active {background-position:-55px 0;}  /* 1depth Active 화살표 변경없이 색상변경 */
nav.menu>ul.items>li>ul>li>a>i {position:absolute; top:19px; right:16px; display:inline-block; width:9px; height:10px; background:url('../../img/ico_sprites_menu.png') no-repeat -46px 0;}
nav.menu>ul.items>li>ul>li.active>a>i {background-position:-55px 0;}
nav.menu>.main-logo {transition:background 0.5s; height:69px; border-bottom:1px solid #555555; text-indent:-9999em; background:#222222 url('../../img/main-logo-big.jpg') no-repeat;}
nav.menu>.main-logo a {display:block; height:69px;}
nav.menu>.main-title {display:block; transition:background 0.5s; height:160px; text-indent:-9999em; background:url('../../img/main-title-big.jpg') no-repeat;}

/* Graph CSS */
#highChart {float:left}
#hourly_count {float:left; width:400px; height:550px;}
#daily_count {float:right; width:400px; height:550px;}
#wordcloud {float:right; width:900px; height:550px;}

/* Content-title ico Style */
.content-wrap>.content-top>.content-title>h1:before {margin-top:-2px; background:url('../../img/ico_sprites_menu.png'); background-position:-74px 0;}

/* Content Top AREA CSS */
.sub-content-top {margin-bottom:28px;}
.sub-content-top:after {content:''; display:block; clear:both;}
.sub-content-top > * {float:left; margin-right:5px;}
.sub-content-top .date {float:right; line-height:40px;}

/* Table Type */
table.tbl-type01 {width:100%; word-break:break-all; background-color:#fff; color:#555555;}
table.tbl-type01 th {padding:11px 0 12px; border-top:1px solid #aaa; border-left:1px solid #aaa; border-right:1px solid #aaa; border-bottom:1px solid #cccccc; line-height:110%; font-size:17px; font-weight:bold;}
table.tbl-type01 td {padding:10px 10px 8px; border-bottom:1px solid #cccccc; border-left:1px solid #aaa; border-right:1px solid #aaa; line-height:20px; font-size:16.5px; text-align:center; font-family:'NanumSquareR', sans-serif; background-color:#f4f4f4;}
table.tbl-type01 td button:hover {background-color:#c31820;}

.btn-tbl-type01 {transition:all 0.2s; display:inline-block; padding:7px; border-radius:3px; background-color:#c31820; color:#fff; font-size:16.5px; line-height:17px; letter-spacing:-1px;}

/* Button CSS */
.btn-type01 {display:inline-block; height:40px; padding:0 15px; border-radius:3px; text-align:center; line-height:40px; font-size:17px;}
.btn-type02 {display:inline-block; height:40px; padding:0 15px; border-radius:3px; text-align:center; line-height:40px; font-size:17px;}

.btn-red {background-color:#c31820; color:#fff;}
.btn-white {background-color:#ffffff; color:#333333;}

/* Input CSS */
input[type=text] {height:40px; padding:10px 18px; border:1px solid #cccccc; border-radius:5px;}
input[type=date] {height:40px; padding:10px 0 10px 18px; border:1px solid #cccccc; border-radius:5px;}

/* SelectBox CSS */
.select-type01 {float:left; min-width:160px; padding:10px 18px; border:1px solid #cccccc; border-radius:5px; font-size:16.5px; line-height:18px;}

/* 이전 다음 버튼 */
.page_button {text-align:center; margin:20px 0;}
.page_button button {transition:all 0.2s; display:inline-block; border-radius:3px; background-color:#c31820; color:#fff; font-size:17px; letter-spacing:-1px;;}
.page_button button:hover {background-color:#c31820;}

/* mask */
#mask {z-index:50; display:none; position:fixed; left:0; top:0; width:100%; height:100%; opacity:0.8; background-color:#000;}

/*로딩 팝업*/
.loading-popup {display:none; z-index:100; position:fixed; top:50%; left:50%; margin-left: -28px; margin-top: -21px;}

.paging {
    padding-top: 2rem;
    text-align: center;
}

.paging:after {
    content:''; 
    display:block; 
    clear:both;
}

.paging .btn-paging {
    display:inline-block; 
    width:23px; 
    height:23px; 
    vertical-align:middle; 
    background:url('../../img/ico_sprites_menu.png');
}

.paging .btn-paging span {
    overflow:hidden; 
    height:0; 
    font-size:0; 
    text-indent:-10000px;
}

.paging .btn-paging-first {
    margin-right:2px; 
    background-position:-96px -92px;
}

.paging .btn-paging-prev {
    margin-right:5px; 
    background-position:-96px -46px;
}

.paging .btn-paging-next {
    margin-left:5px; 
    background-position:-96px -69px;
}

.paging .btn-paging-last {
    margin-left:2px; 
    background-position:-96px -115px;
}

.paging .num {
    display:inline-block; 
    vertical-align:middle;
}

.paging .num:after {
    content:''; 
    display:block; 
    clear:both;
}

.paging .num > a {
    transition:all 0.2s;
     float:left; 
     display:inline-block; 
     width:50px; 
     height:30px; 
     margin-left:5px; 
     border:1px solid #c8c8c8; 
     text-align:center; 
     line-height:22px; 
     font-size:1em; 
     color:#666666; 
     background-color:#fff;
}

.paging .num > a:first-child {
    margin-left:0;
}

.paging .num > a.on,
.paging .num > a:hover {
    border-color:#a9a8a8; 
    background-color:#a9a8a8; 
    color:#fff;
}