@font-face {
    font-family: 'NotoSansKR';
    font-weight: 500;
    src: local('NotoSansKR-Bold'), url('../fonts/NotoSansKR-Bold.woff2') format('woff2'), url('../fonts/NotoSansKR-Bold.woff') format('woff'), url('../fonts/NotoSansKR-Bold.otf') format('opentype');
}

@font-face {
    font-family: 'NotoSansKR';
    font-weight: 400;
    src: local('NotoSansKR-Regular'), url('../fonts/NotoSansKR-Regular.woff2') format('woff2'), url('../fonts/NotoSansKR-Regular.woff') format('woff'), url('../fonts/NotoSansKR-Regular.otf') format('opentype');
}

@font-face {
    font-family: 'NotoSansKR';
    font-weight: 300;
    src: local('NotoSansKR-Light'), url('../fonts/NotoSansKR-Light.woff2') format('woff2'), url('../fonts/NotoSansKR-Light.woff') format('woff'), url('../fonts/NotoSansKR-Light.otf') format('opentype');
}


/**
 * HTML CSS 재정의
 */

html,
body {}


/**
 * SmartAdmin CSS 재정의
 */

.page-menu-bar {
    position: relative;
    flex: 1 1 auto;
    height: 100%;
}

.page-menu-bar .page-sidebar {
    left: 0;
    top: 0;
    height: 100%;
}

.page-menu-bar .page-sidebar .primary-nav .nav-menu>li.active>a:before {
    display: none;
}

.page-menu-bar .page-sidebar .nav-menu li.active>a:after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
    width: 20%;
    height: 6px;
    background-color: #f04f23;
}

.nav-menu li.open>a {
    font-weight: 500;
}

.nav-menu li>a>[class*='fa-'] {
    font-size: inherit !important;
}

.nav-menu li>a>[class*='fa-caret-right'] {
    position: absolute;
    left: 14px;
    margin: 0 !important;
    width: auto !important;
    text-align: center;
}

.nav-menu li li>a>[class*='fa-caret-right'] {
    left: 40px;
}

.nav-menu li li li>a>[class*='fa-caret-right'] {
    left: 66px;
}

.nav-menu li li li li>a>[class*='fa-caret-right'] {
    left: 92px;
}

.nav-menu li.open>a>[class*='fa-caret-right']:before,
.nav-menu li.active>a>[class*='fa-caret-right']:before {
    content: "\f0d7";
}

.page-header .page-logo {
    width: 200px;
}

.page-header .page-logo .page-logo-link {
    width: 100%;
    height: 100%;
    padding: 0 10px;
}

.page-header .page-logo img {
    width: auto;
    height: auto;
    max-height: 100%;
    max-width: 100%;
}

.header-icon:not(.btn)>[class*='fa-']:first-child {
    font-size: 2.5em;
}

.subheader:not(:empty) {
    margin-bottom: 1rem;
}

.daterangepicker select.monthselect,
.daterangepicker select.yearselect {
    vertical-align: middle;
}

.form-label {
    font-weight: 700;
}

.js-list-filter {
    word-break: keep-all;
}

.tooltip-inner {
    z-index: 2050;
    text-align: start;
}

.nav-tabs .nav-item .nav-link {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
}

.dataTables_wrapper {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    overflow: hidden;
}

.dataTables_scroll {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    overflow: hidden;
}

.dataTables_scrollHead {
    flex: 0 0 auto;
}

.dataTables_scrollHeadInner {
    width: auto !important;
}

.dataTables_paginate {
    flex: 0 0 auto;
    margin-top: 1rem !important;
}

td.dataTables_empty {
    color: #000;
    font-size: 1rem;
}

.panel.panel-side-left {
    flex: 0 0 480px;
    margin-right: 1.5rem;
}

.table thead tr th {
    border-top-width: 0;
    border-bottom-width: 1px;
}


/**
 * SmartAdmin CSS 재정의 끝
 */


/**
 * CSS 정의
 */

body {
    background-color: #f7f7f7;
}

.word-keep-all {
    word-break: keep-all;
}

.word-break-all {
    word-break: break-all;
}

.table.table-fixed {
    table-layout: fixed;
}

.uppy-Dashboard-inner {
    width: 100% !important;
}

.form-date-range {
    width: 240px;
}

.table {
    text-align: center;
}

.table thead {
    background-color: #f2f2f2;
    background-image: -webkit-gradient(linear, left bottom, left top, from(#f2f2f2), to(#fafafa));
    background-image: linear-gradient(to top, #f2f2f2, #fafafa);
}

.table td {
    vertical-align: middle;
}

.flex-1-auto {
    flex: 1 1 auto;
}

.no-resize {
    resize: none;
}

tr.selected .table_checkbox .custom-checkbox .custom-control-label::before {
    color: #fff;
    border-color: #4e6381;
    background-color: #587091;
}

tr.selected .table_checkbox .custom-checkbox .custom-control-label::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3e%3c/svg%3e")
}

.nav-tabs .nav-item .nav-link {
    color: #fff;
}

.nav-tabs .nav-item .nav-link.active:not(:hover) {
    color: #fff;
}

.nav-tabs .nav-link.active {
    background-color: #f04f23;
    border-bottom-color: #f04f23;
}

.fixed_left {
    position: fixed;
    top: 134px;
    bottom: 77px;
}

.pagination.pagelist {
    display: inline-flex;
    white-space: nowrap;
}

.dropdown-checkbox {
    width: 100%;
    padding: 14px;
}

.dropdown-checkbox-toggle {
    padding: 6px 24px 6px 12px;
    text-align: start;
}

.dropdown-checkbox-toggle:after {
    position: absolute;
    right: 5px;
    bottom: 13px;
    content: " ";
    display: inline-block;
    width: 16px;
    height: 16px;
    font-size: 1rem;
    color: #000;
}

.dropdown-checkbox-toggle .checkbox-title {
    display: block;
    width: 100%;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.dropdown-checkbox-header {
    margin-bottom: 15px;
}

.dropdown-checkbox-header .checkbox-search {
    position: relative;
}

.dropdown-checkbox-header .checkbox-search input {
    width: 100%;
    padding: 5px 30px 5px 10px;
}

.dropdown-checkbox-header .checkbox-search:before {
    content: "\f002";
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
    display: inline-block;
    font-family: 'Font Awesome 5 Pro';
    font-weight: 400;
}

.dropdown-checkbox-footer {
    margin-top: 15px;
}

.dropdown-checkbox-footer .btn-group {
    clear: both;
}

.dropdown-checkbox-footer .btn-ok {
    float: right;
}

.dropdown-checkbox ul {
    max-height: 360px;
    margin: 15px 0;
    padding: 0;
    border: 1px solid #ccc;
    list-style: none;
    overflow-x: hidden;
    overflow-y: auto;
}

.dropdown-checkbox ul li:nth-child(n+2) {
    border-top: 1px solid #ccc;
}

.dropdown-checkbox ul li .custom-checkbox {
    position: relative;
    width: 100%;
    margin: 0 0 0 5px;
    padding: 10px 5px 10px 35px;
}


/**
 * CSS 정의 끝
 */


/**
 * SKP DMP CSS
 */

.app_profile_page {
    flex: 1 1 auto;
}

.app_profile_create_page {
    padding-bottom: 2.813rem;
}


/**
 * SKP DMP CSS
 */

.tree_dmp_page {
    display: flex;
    flex-flow: row nowrap;
    flex: 1 1 100%;
}

.tree_dmp_left_content {
    flex: 0 0 480px;
    margin-right: 1.5rem;
}

.tree_dmp_left_content>.panel {
    width: 480px;
    margin-bottom: 0;
}

.tree_dmp_right_content {
    flex: 1 1 auto;
}

.tree_dmp_page .nav-menu li:nth-of-type(n+2) {
    border-top: 1px solid #e8e8e8;
}

.tree_dmp_page .panel-hdr {
    flex: 0 0 auto;
}

.tree_dmp_page .panel-container {
    flex: 1 1 auto;
    overflow: hidden;
}

.tree_dmp_page .list_filter_header {
    flex: 0 0 auto;
    padding: 1rem 1.5rem;
}

.tree_dmp_page .list_filter_container {
    flex: 1 1 auto;
    overflow: hidden;
}

.tree_dmp_page .tree_list_container {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.tree_dmp_page .tree_list_container .tree_list {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
}

.tree_dmp_page .tree_list_container>.row {
    flex: 0 0 auto;
}


/**
 * SKP DMP CSS 정의 끝
 */


/**
 * 타겟 세그먼트 CSS
 */

.data_upload_page {}

.data_upload_create_page {
    padding-bottom: 2.813rem;
}

.modal#create_data_upload .modal-dialog {
    min-width: 1140px;
}

.data_upload_create_page #upload_file_list {
    word-break: break-all;
}

.data_upload_create_page .select2-container .select2-search--inline .select2-search__field {
    height: auto;
}

.interest_modal .interest_list> :nth-child(n+2) {
    margin-top: 0.5rem;
}

.interest_modal .interest_list .interest_row {
    display: flex;
    flex-flow: row nowrap;
}

.interest_modal .interest_list .interest_row:first-child .button_minus {
    visibility: hidden;
}

.interest_modal .interest_list .interest_row:not(:nth-last-child(1)):first-child .button_minus {
    visibility: visible;
}

.interest_modal .interest_list .interest_row>.form-control {
    width: auto;
}

.interest_modal .interest_list .interest_row> :nth-child(n) {
    flex: 1 1 240px;
}

.interest_modal .interest_list .interest_row> :nth-child(n+2) {
    margin-left: 10px;
}

.interest_modal .interest_list .interest_row .interest_row_type {
    flex: 0 0 100px;
}

.interest_modal .interest_list .interest_row .interest_row_daterange,
.interest_modal .interest_list .interest_row .interest_row_button,
.interest_modal .interest_list .interest_row .interest_row_button_group {
    flex: 0 0 auto;
}

.data_upload_content .list-group-item:not([class*='bg-']):hover {
    background-color: #efefef;
}

.data_upload_page #data_upload_form {
    display: flex;
    flex-direction: column;
}

.data_upload_page #data_upload_form .data_upload_content {
    flex: 1 1 auto;
}

.data_upload_page #data_upload_form .data_upload_footer {
    flex: 0 0 auto;
}


/**
 * 타겟 세그먼트 CSS 정의 끝
 */


/**
 * 타겟 세그먼트 CSS
 */

.target_segment_detail_page {
    display: flex;
    flex-flow: row nowrap;
}

.target_segment_left_content {
    flex: 0 0 640px;
    margin-right: 1.5rem;
}

.target_segment_left_content .fixed_left {
    width: 640px;
    margin-bottom: 0;
}

.target_segment_left_content .panel,
.target_segment_left_content .panel-container,
.target_segment_left_content .panel-content {
    height: 100%;
}

.target_segment_left_content .tab-content {
    flex: 1 1 auto;
    overflow: hidden;
}

.target_segment_left_content .left_container {
    display: flex;
    flex-flow: row nowrap;
    overflow: hidden;
}

.target_segment_left_content .tab_navigation {
    flex: 0 0 auto;
    margin-right: 1rem;
}

.target_segment_left_content .tab_contents {
    flex: 1 1 auto;
    overflow: hidden;
}

.target_segment_left_content .nav-tabs .nav-item:nth-child(n+2) {
    margin-top: 1rem;
}

.target_segment_right_content {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
}

.target_segment_right_content .panel-container {
    height: 100%;
}

.target_segment_right_content .panel-container>div {
    flex: 0 0 auto;
}

.target_segment_right_content .panel-container> :first-child {
    flex: 1 1 auto;
}

.target_segment_detail_page .nav-justified .nav-item {
    flex: 1 1 30%;
}

.target_segment_detail_page .nav-justified .nav-item .nav-link {
    border: 1px solid #e8e8e8;
    font-size: 0.719rem;
}

.target_segment_detail_page .nav-tabs .nav-link.active {
    border-radius: 4px;
}

.target_segment_detail_page .nav-menu li:nth-child(n+2),
.target_segment_detail_page .nav-menu li li:first-child {
    border-top: 1px solid #e8e8e8;
}

.target_segment_detail_page .tab-pane {
    height: 100%;
}

.target_segment_detail_page .tab-pane>div {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.target_segment_detail_page #category_list {}

.target_segment_detail_page #segment_tabs {
    flex: 0 0 auto;
    flex-direction: column;
    border: 0;
}

.target_segment_detail_page .category_header {
    flex: 0 0 auto;
}

.target_segment_detail_page .category_container {
    flex: 1 1 auto;
    overflow: hidden;
}

.target_segment_detail_page .category_container .ui-draggable-handle {}

#target_segment_group_list .card {
    width: 100%;
    border: 0;
    border-radius: 0;
}

#target_segment_group_list .card+.card {
    margin-top: 0 !important;
}

#target_segment_group_list .card .segment_empty {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 35px;
}

#target_segment_group_list .card-header {
    display: flex;
    align-items: center;
    padding: 0.5rem 1rem;
    border-radius: 0;
    color: #fff;
}

#target_segment_group_list .card-header .card-header-title {
    flex: 1 1 auto;
}


/*
#target_segment_group_list {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    padding: 0;
    border-radius: 0;
}
*/

#target_segment_group_list .card-body {
    display: flex;
    flex-flow: row nowrap;
    padding: 0;
    border: 1px solid #e0e0e0;
    border-radius: 0;
}

#target_segment_group_list .card-body .card-body-left {
    flex: 0 0 auto;
    align-self: center;
    padding: 1rem;
}

#target_segment_group_list .card-body .card-body-right {
    flex: 1 1 auto;
    padding: 1rem;
    text-align: center;
    border-left: 1px solid #dee2e6;
}

#target_segment_group_list> :nth-child(n+2),
#target_segment_group_list .card-body .card-body-right> :nth-child(n+2) {
    margin-top: 12px;
}


/*
#target_segment_group_list .card-body .card {
    width: 100%;
}
*/

#target_segment_group_list .card-top-operation {
    display: flex;
    justify-content: center;
    padding: 1rem 0;
}

#target_segment_group_list .card-top-operation select {
    max-width: 93px;
}

#target_segment_group_list> :first-child .card-top-operation {
    display: none;
}

.target_segment_item {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    width: 100%;
}

.target_segment_item_info {
    display: flex;
    flex-flow: row nowrap;
    flex: 1 1 100%;
    border: 1px solid #e5e5e5;
    border-radius: 4px;
}

.target_segment_item_info>div {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 0.5rem;
}

.target_segment_item_info>div:nth-child(n+2) {
    border-left: 1px solid #e5e5e5;
}

.target_segment_item_info.data_insight div:nth-of-type(1) {
    flex: 0 0 25%;
}

.target_segment_item_info.data_insight div:nth-of-type(2) {
    flex: 1 1 auto;
}

.target_segment_item_info.data_insight div:nth-of-type(3) {
    flex: 0 0 25%;
}

.target_segment_item_info>div:nth-of-type(1) {
    flex: 0 0 10%;
}

.target_segment_item_info>div:nth-of-type(2),
.target_segment_item_info>div:nth-of-type(4) {
    flex: 0 0 25%;
}

.target_segment_item_info>div:nth-of-type(3) {
    flex: 1 1 100%;
}

.target_segment_drag_item,
.target_segment_drag_item2 {
    width: auto;
    padding: 0.5rem 1rem;
    background-color: rgba(255, 255, 255, 0.8);
    border: 1px solid #e8e8e8;
    color: #000 !important;
    list-style: none;
}

.target_segment_drag_item :nth-child(n+2) {
    margin-left: 1rem;
}

.target_segment_page .hyper_local_table .hyper_local_all {
    display: none;
}

.target_segment_page .hyper_local_table .hyper_local_all.show {
    display: block;
}


/**
 * 타겟 세그먼트 CSS 정의 끝
 */


/**
 * Hyper Local CSS 정의
 */

.hyper_local_page {
    display: flex;
    flex-flow: row nowrap;
    flex: 1 1 auto;
}

.hyper_local_page .panel .panel-container {
    height: 100%;
}

.hyper_local_page .nav-menu li.active:not(.open) a:before {
    content: '\f413';
    font-family: 'nextgen-icons';
    position: absolute;
    top: calc(50% - 5px);
    right: 11px;
    font-size: 7px;
    height: 10px;
    width: auto;
    color: #24b3a4;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.hyper_local_page .nav-menu li:nth-of-type(n+2) {
    border-top: 1px solid #e8e8e8;
}

.hyper_local_left {
    flex: 0 0 480px;
    margin-right: 1.5rem;
}

.hyper_local_left>.panel {
    width: 480px;
    margin-bottom: 0;
}

.hyper_local_left_content {
    display: flex;
    flex-direction: column;
    height: 100%;
    overflow: hidden;
}

.hyper_local_left_content .category_container {
    flex: 1 1 auto;
    overflow: hidden;
}

.hyper_local_left_content .tab-content {
    flex: 1 1 auto;
    overflow: hidden;
}

.hyper_local_right {
    display: flex;
    flex-direction: column;
    flex: 1 1 100%;
}

.hyper_local_right .geo_map {
    position: relative;
}

.hyper_local_right #geo_map {
    height: 700px;
    z-index: 0;
}

.hyper_local_right .geo_list {}

.hyper_local_right .geo_list .panel-container {
    display: flex;
    flex-direction: column;
}

.hyper_local_right .list_info .btn-file-download {
    position: absolute;
    z-index: 1;
}

.hyper_local_right .hyper_local_list {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
}

.hyper_local_right .hyper_local_list .table_page_list {
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-end;
    flex: 0 0 auto;
    margin-top: 1rem;
}

.hyper_local_right .hyper_local_list .table_page_list .pagination {
    margin: 0;
}

.hyper_local_right .polygon_info {
    background-color: rgba(255, 255, 255, 0.9);
    border: 1px solid #e0e0e0;
    border-radius: 5px;
    margin: 10px 10px 0 0;
    padding: 0.5rem;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.4s, visibility 0.4s;
    z-index: 1;
}

#create_hyper_local #google_map {
    height: 700px;
}

.tags {
    list-style: none;
    margin: 0;
    overflow: hidden;
    padding: 0;
}

#create_hyper_local #google_map .pac-target-input {
    width: 500px;
    height: 40px;
    margin: 10px;
    border-radius: 0;
    border-color: rgb(255, 255, 255);
    box-shadow: rgba(0, 0, 0, 0.3) 0px 1px 4px -1px;
}

.tags li {
    float: left;
}

.tag {
    background: #eee;
    border-radius: 3px 0 0 3px;
    color: #999;
    display: inline-block;
    height: 26px;
    line-height: 26px;
    padding: 0 20px 0 23px;
    position: relative;
    margin: 0 10px 10px 0;
    text-decoration: none;
    -webkit-transition: color 0.2s;
}

.tag::before {
    background: #fff;
    border-radius: 10px;
    box-shadow: inset 0 1px rgba(0, 0, 0, 0.25);
    content: '';
    height: 6px;
    left: 10px;
    position: absolute;
    width: 6px;
    top: 10px;
}

.tag::after {
    background: #fff;
    border-bottom: 13px solid transparent;
    border-left: 10px solid #eee;
    border-top: 13px solid transparent;
    content: '';
    position: absolute;
    right: 0;
    top: 0;
}

.tag:hover {
    background-color: crimson;
    color: white;
}

.tag:hover::after {
    border-left-color: crimson;
}


/**
 * Hyper Local CSS 정의 끝
 */


/**
 * Indoor Location CSS 정의
 */

.indoor_location_page {
    display: flex;
    flex-flow: row nowrap;
    flex: 1 1 100%;
}

.indoor_location_page .nav-menu li.active:not(.open) a:before {
    content: '\f413';
    font-family: 'nextgen-icons';
    position: absolute;
    top: calc(50% - 5px);
    right: 11px;
    font-size: 7px;
    height: 10px;
    width: auto;
    color: #24b3a4;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.indoor_location_page .nav-menu li:nth-of-type(n+2) {
    border-top: 1px solid #e8e8e8;
}

.indoor_location_create_page {
    padding-bottom: 2.813rem;
}

.indoor_left_content {
    flex: 0 0 480px;
    margin-right: 1.5rem;
}

.indoor_left_content>.panel {
    width: 480px;
    margin-bottom: 0;
}

.indoor_left_content .panel-hdr {
    flex: 0 0 auto;
}

.indoor_left_content .panel-container {
    flex: 1 1 auto;
    overflow: hidden;
}

.indoor_left_content #category_list {
    flex: 1 1 auto;
}

.indoor_right_content {
    flex: 1 1 auto;
}


/**
  * Indoor Location CSS 정의 끝
  */


/**
 * Insight CSS 정의
 */

.data_insight_page {}

.insight_view_page table.dataTable {
    margin-bottom: 0 !important;
}

.insight_view_page #table_graph tr td:last-child {
    vertical-align: middle;
}


/* Insight Trend */

.insight_trend_page {}

.insight_trend_page .panel-hdr h2 {
    color: inherit;
}

.insight_trend_page .panel-hdr .row {
    width: 100%;
}

.insight_trend_page .trend_header_up {
    background-color: #d95f5f;
    color: #fff;
}

.insight_trend_page .trend_header_down {
    background-color: #6ab8f7;
    color: #fff;
}

.insight_trend_page .trend_up {
    color: #d95f5f;
}

.insight_trend_page .trend_down {
    color: #6ab8f7;
}

.insight_trend_page .trend_up,
.insight_trend_page .trend_down {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    justify-content: center;
}

.insight_trend_page .trend_up>i,
.insight_trend_page .trend_down>i {
    font-size: 1.5em;
}

.insight_trend_page .trend_list .sparklines {
    display: block;
    width: 100%;
    height: 100%;
}

.insight_trend_page .trend_list .list-group-item {}

.insight_trend_page .trend_list .list-group-item>.row {
    align-items: center;
}

.insight_trend_page .trend_list .list-group-item>.row>:nth-child(3) {
    font-size: 1.25em;
    text-align: center;
}

.data_insight_trend_chart .modal-dialog {
    max-height: initial;
}

.data_insight_trend_chart .modal-dialog .modal-content {
    height: auto;
    background-color: #fff;
    border-radius: 4px;
}


/* Insight Create */

.insight_create_page {
    flex: 1 1 auto;
}

.insight_create_page .list_filter_container {
    flex: 1 1 auto;
}


/**
 * Insight CSS 정의 끝
 */


/**
 * Pace.js CSS 정의
 */

.pace {
    -webkit-pointer-events: none;
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

.pace-inactive {
    display: none;
}

.pace .pace-progress {
    background: #f04f23;
    position: fixed;
    z-index: 2000;
    top: 0;
    right: 100%;
    width: 100%;
    height: 2px;
}

.pace .pace-progress-inner {
    display: block;
    position: absolute;
    right: 0px;
    width: 100px;
    height: 100%;
    box-shadow: 0 0 10px #f04f23, 0 0 5px #f04f23;
    opacity: 1.0;
    -webkit-transform: rotate(3deg) translate(0px, -4px);
    -moz-transform: rotate(3deg) translate(0px, -4px);
    -ms-transform: rotate(3deg) translate(0px, -4px);
    -o-transform: rotate(3deg) translate(0px, -4px);
    transform: rotate(3deg) translate(0px, -4px);
}

.pace .pace-activity {
    display: block;
    position: fixed;
    z-index: 2000;
    top: 50%;
    right: 50%;
    width: 50px;
    height: 50px;
    transform: translate(-50%, -50%);
    border: solid 6px transparent;
    border-top-color: #f04f23;
    border-left-color: #f04f23;
    border-radius: 100%;
    -webkit-animation: pace-spinner 400ms linear infinite;
    -moz-animation: pace-spinner 400ms linear infinite;
    -ms-animation: pace-spinner 400ms linear infinite;
    -o-animation: pace-spinner 400ms linear infinite;
    animation: pace-spinner 400ms linear infinite;
}

@-webkit-keyframes pace-spinner {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-moz-keyframes pace-spinner {
    0% {
        -moz-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -moz-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-o-keyframes pace-spinner {
    0% {
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-ms-keyframes pace-spinner {
    0% {
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -ms-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes pace-spinner {
    0% {
        transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
        transform: rotate(360deg);
    }
}


/**
 * Pace.js CSS 정의 끝
 */