/* ------------------------------------------------------------------- */
/* black #292929 / dark #30475E / 강조 #4E89AE / light #e5e5e5
---------------------------------------------------------------------- */
:root {
    --c1: #4E89AE;
    --c2: #30475E;
    --c3: #fadcac;
    --light-c: #e5e5e5;
    --dark-c: #292929;
    --action: all 0.3s ease;
    --shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.15);
}

/* default */
a,
a:hover {
    color: inherit;
}

/* top */
#header-container.fixed {
    background-color: #30475E;
    box-shadow: 0 2px 3px 0px #999;
}

.user-menu .user-name,
#navigation > ul > li > a,
.user-menu .user-name:after {
    color: #fff;
}

.userInfo .dashboard-stat.count.active,
.userinfo-grid .jqx-grid-pager-number.jqx-rc-all.jqx-fill-state-pressed {
    background: #30475E;
    border-color: #30475E;
}

.manual-btn,
.noti-message i {
    color: #e5e5e5;
}

.manual-btn:hover i,
.manual-btn.active i,
.noti-message i:hover {
    color: #fff;
}

.right-side.on .manual-btn,
.right-side.on .noti-message i {
    color: #30475E;
}

.right-side.on .manual-btn:hover i,
.right-side.on .manual-btn.active i,
.right-side.on .noti-message i:hover {
    color: #4E89AE;
}


#navigation ul li a:after, #navigation ul ul li a:after {
    opacity: 1;
}

div.datedropper:before,
div.datedropper .pick-submit,
div.datedropper .pick-lg-b .pick-sl:before,
div.datedropper .pick-m,
div.datedropper .pick-lg-h {
    background-color: #4E89AE !important;
}

div.datedropper .pick-y.pick-jump,
div.datedropper .pick li span,
div.datedropper .pick-lg-b .pick-wke,
div.datedropper .pick-btn {
    color: #4E89AE !important;
}

.comment-by-listing a:hover,
.browse-all-user-listings a i,
.hosted-by-title h4 a:hover,
.style-2 .trigger.active a,
.style-2 .ui-accordion .ui-accordion-header-active:hover,
.style-2 .ui-accordion .ui-accordion-header-active,
#posts-nav li a:hover,
.plan.featured .listing-badge,
.post-content h3 a:hover,
.add-review-photos i,
.show-more-button i,
.listing-details-sidebar li a,
.star-rating .rating-counter a:hover,
.header-widget .sign-in:hover,
#footer a,
#footer .footer-links li a:hover,
#navigation.style-1 .current,
#navigation.style-1 ul li:hover a,
.user-menu.active .user-name:after,
.user-menu:hover .user-name:after,
.user-menu.active .user-name,
.user-menu:hover .user-name,
.main-search-input-item.location a:hover,
.chosen-container .chosen-results li.highlighted,
.input-with-icon.location a i:hover,
.sort-by .chosen-container-single .chosen-single div:after,
.sort-by .chosen-container-single .chosen-default,
.panel-dropdown a:after,
.post-content a.read-more,
.post-meta li a:hover,
.widget-text h5 a:hover,
.about-author a,
a.button.border.white:hover,
.icon-box-2 i,
a.button.border,
.style-2 .ui-accordion .ui-accordion-header:hover,
.style-2 .trigger a:hover,
.plan.featured .listing-badges .featured,
.list-4 li:before,
.list-3 li:before,
.list-2 li:before,
.list-1 li:before,
.info-box h4,
.testimonial-carousel .slick-slide.slick-active .testimonial:before,
.sign-in-form .tabs-nav li a:hover,
.sign-in-form .tabs-nav li.active a,
.lost_password:hover a,
#top-bar .social-icons li a:hover i,
.listing-share .social-icons li a:hover i,
.agent .social-icons li a:hover i,
#footer .social-icons li a:hover i,
.headline span i {
    color: #4E89AE;
}

.qtyTotal,
.mm-menu em.mm-counter,
.option-set li a.selected,
.pricing-list-container h4:after,
#backtotop a,
.chosen-container-multi .chosen-choices li.search-choice,
.select-options li:hover,
button.panel-apply,
.layout-switcher a:hover,
.listing-features.checkboxes li:before,
.comment-by a.reply:hover,
.add-review-photos:hover,
.office-address h3:after,
.post-img:before,
button.button,
input[type="button"],
input[type="submit"],
a.button,
a.button.border:hover,
table.basic-table th,
.plan.featured .plan-price,
mark.color,
.style-4 .tabs-nav li.active a,
.style-5 .tabs-nav li.active a,
.dashboard-list-box .button.gray:hover,
.change-photo-btn:hover,
.dashboard-list-box a.rate-review:hover,
input:checked + .slider,
.add-pricing-submenu.button:hover,
.add-pricing-list-item.button:hover,
.custom-zoom-in:hover,
.custom-zoom-out:hover,
#geoLocation:hover,
#streetView:hover,
#scrollEnabling:hover,
#scrollEnabling.enabled,
#mapnav-buttons a:hover,
#sign-in-dialog .mfp-close:hover,
#small-dialog .mfp-close:hover {
    background-color: #4E89AE;
}

.rangeslider__fill,
span.blog-item-tag,
.testimonial-carousel .slick-slide.slick-active .testimonial-box,
.listing-item-container.list-layout span.tag,
.tip,
.mfp-arrow:hover {
    background: #4E89AE;
}


.rangeslider__handle {
    border-color: #4E89AE;
}

.layout-switcher a.active {
    color: #4E89AE;
    border-color: #4E89AE;
}

#titlebar.listing-titlebar span.listing-tag {
    border-color: #4E89AE;
    color: #4E89AE;
}


.listing-slider .slick-next:hover,
.listing-slider .slick-prev:hover {
    background-color: #4E89AE;
}


.listing-nav-container.cloned .listing-nav li:first-child a.active,
.listing-nav-container.cloned .listing-nav li:first-child a:hover,
.listing-nav li:first-child a,
.listing-nav li a.active,
.listing-nav li a:hover {
    border-color: #4E89AE;
    color: #4E89AE;
}

.pricing-list-container h4 {
    color: #4E89AE;
    border-color: #4E89AE;
}

.sidebar-textbox ul.contact-details li a {
    color: #4E89AE;
}

a.button.border {
    color: #4E89AE;
    border-color: #4E89AE;
}

.trigger.active a,
.ui-accordion .ui-accordion-header-active:hover,
.ui-accordion .ui-accordion-header-active {
    background-color: #4E89AE;
    border-color: #4E89AE;
}

.numbered.color ol > li::before {
    border-color: #4E89AE;;
    color: #4E89AE;
}

.numbered.color.filled ol > li::before {
    border-color: #4E89AE;
    background-color: #4E89AE;
}

.info-box {
    border-top: 2px solid #4E89AE;
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0.98), rgba(255, 255, 255, 0.95));
    background-color: #4E89AE;
    color: #4E89AE;
}

.info-box.no-border {
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0.96), rgba(255, 255, 255, 0.93));
    background-color: #4E89AE;
}

.tabs-nav li a:hover,
.tabs-nav li.active a {
    border-color: #4E89AE;
    color: #4E89AE;
    cursor: pointer;
}

.border-line .tabs-nav li a:hover,
.border-line .tabs-nav li.active a,
.tabs-nav.border-line li a:hover,
.toggle-list .toggle-title.active {
    color: #4E89AE;
}

.style-3 .tabs-nav li a:hover,
.style-3 .tabs-nav li.active a {
    border-color: #4E89AE;
    background-color: #4E89AE;
}

.checkboxes input[type=checkbox]:checked + label:before {
    background-color: #4E89AE;
    border-color: #4E89AE;
}

.radioboxes input[type=radio]:checked + label:before {
    background-color: #4E89AE;
    border-color: #4E89AE;
}

.listing-item-container.compact .listing-item-content span.tag {
    background-color: #4E89AE;
}

.dashboard-nav ul li.active,
.dashboard-nav ul li:hover {
    border-color: #4E89AE;
}

.dashboard-list-box .comment-by-listing a:hover {
    color: #4E89AE;
}

.opening-day:hover h5 {
    color: #4E89AE !important;
}

.map-box h4 a:hover {
    color: #4E89AE;
}

.infoBox-close:hover {
    background-color: #4E89AE;
    -webkit-text-stroke: 1px #4E89AE;
}

.cluster-visible {
    background-color: #4E89AE;
}

.cluster-visible:before {
    border: 7px solid #4E89AE;
    box-shadow: inset 0 0 0 4px #4E89AE;
}

.marker-arrow {
    border-color: #4E89AE transparent transparent;
}

.face.front {
    border-color: #4E89AE;
    color: #4E89AE;
}

.face.back {
    background: #4E89AE;
    border-color: #4E89AE;
}

.custom-zoom-in:hover:before,
.custom-zoom-out:hover:before {
    -webkit-text-stroke: 1px #4E89AE;
}

.category-box-btn:hover {
    background-color: #4E89AE;
    border-color: #4E89AE;
}

.message-bubble.me .message-text {
    color: #4E89AE;
    background-color: rgba(249, 25, 66, 0.05);
}

.message-bubble.me .message-text:before {
    color: rgba(249, 25, 66, 0.05);
}

.opening-hours.summary li:hover,
.opening-hours.summary li.total-costs span {
    color: #f91742;
}

.payment-tab-trigger > input:checked ~ label::before {
    border-color: #f91742;
}

.payment-tab-trigger > input:checked ~ label::after {
    background-color: #f91742;
}

/*add*/
.mmenu-trigger {
    color: #fff;
}

#navigation ul ul li a:hover,
#navigation ul ul li a:active {
    color: #4E89AE;
}

.category_content {
    border-color: #4E89AE;
}

.dropzone:hover,
.ajax-upload-dragdrop:hover {
    border: 2px dashed #4E89AE !important;
}

.dropzone:before,
.ajax-upload-dragdrop:before {
    background-color: #4E89AE !important;
}

.dropzone:hover .dz-message {
    color: #4E89AE !important;
}

.ajax-file-upload:hover {
    color: #4E89AE !important;
}

.point-text {
    color: #4E89AE;
}

.memo_btn .memo_btn_save {
    background: #4E89AE;
}

/* 나 */
a.wf-count-0, a.wf-count-0 > div,
.circle-0, .circle-0 + .circle-label {
    color: #4E89AE;
}

/* 작업그룹 */
a.wf-count-1, a.wf-count-1 > div,
.circle-1, .circle-1 + .circle-label {
    color: #53ab6a;
}

.maps .circle-1 > div {
    background: #53ab6a;
}

/* 부서 */
a.wf-count-2, a.wf-count-2 > div,
.circle-2, .circle-2 + .circle-label {
    color: #c3ad45;
}

.maps .circle-2 > div {
    background: #c3ad45;
}

/* 회사 */
a.wf-count-3, a.wf-count-3 > div,
.circle-3, .circle-3 + .circle-label {
    color: #aea1e8;
}

.maps .circle-3 > div {
    background: #aea1e8;
}


/* Flow Item Title */
.wf-title {
    background: #4E89AE;
}

/* Flow Item Title */
.wf-title-zero {
    background: #4E89AE;
}

.wf-count-selected {
    background: #4E89AE;
}

.jqx-grid-cell_b {
    color: #4E89AE;
}

.maps .circle-0 > div {
    background: #4E89AE;
}

.maps .atf-list-close a:hover {
    color: #4E89AE;
}

.atf_list {
    border-top: 2px solid #4E89AE;
}

.check_list_view .jqxWidget.list-view.top-line {
    border-top: 2px solid #4E89AE;
}

.timeline-sm .timeline-sm-item .timeline-sm-date.ing {
    color: #4E89AE;
}

.timeline-sm .date-item .ing {
    color: #4E89AE;
}

.timeline-sm .timeline-sm-item:after,
.timeline-sm .line-item:before {
    border-color: #4E89AE;
}

.timeline-sm-item + .clo_tas_btn:before,
.timeline-sm .timeline-sm-item:before,
.timeline-sm div.clo_tas,
.timeline-text.clo_tas {
    background: #4E89AE;
}

.dueline-item:after {
    border-color: #fadcac;
}

.ajax-file-upload-bar {
    background-color: #4E89AE;
}

.ajax-file-upload-green.filePreview:hover,
.ajax-file-upload-red.fileDel:hover {
    background: #4E89AE;
}

#guide_header {
    color: #4E89AE
}

/*Relation top color*/
.grid-main > .grid-main-area > div.rel-middle {
    border-top: 2px solid #4E89AE;
}

.divTableRow.header > div.divTableCell {
    border-top: 2px solid #4E89AE;
}

.searchEmp .divTableCell a:hover {
    color: #4E89AE;
}

.inner-booking-list.file a.rate-review:hover {
    background-color: #4E89AE;
}

/* 주소조회 s9jss_single */
.juso-input {
    border: 1px solid #4E89AE;
}

.dro {
    background-color: #4E89AE;
    border: 1px solid #4E89AE;
}

/* Autocomplete */
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-header .ui-state-focus {
    border: 1px solid #4E89AE;
    background: #eee;
}

.ui-widget-content .ui-state-focus {
    background: #eee;
    border-color: transparent;
}

/*Jquery ui 1.13.2에서 focus*/
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
    background: #eee;
    border-color: transparent;
}

.satisfy .top {
    border-top: 2px solid #4E89AE;
}

.page .page-header {
    border-bottom: 2px solid #4E89AE;
    border-image-slice: 1;
    border-image-width: 0 0 2px 0;
}

input.filled,
input.filled:valid {
    border: 1px solid #e5d4ba !important;
    background-color: #f2efec !important;
}

.portal .panel-body {
    border-top: 2px solid #4E89AE;
}

/* input */
input:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
input[type="number"]:focus,
textarea:focus {
    border: 1px solid #4E89AE;
}

.fullLayoutModal.mobile-modal .ui-dialog-titlebar {
    background: #4E89AE;
}

.search-bar.bg-color {
    background: #4E89AE;
}

.app_inner_title {
    border-top-color: #4E89AE;
}

.categories-boxes-container ul li.active a {
    border-color: #4E89AE;
}

.category-small-box:hover i::before, .category-small-box:hover h5, .categories-boxes-container ul li.active .category-small-box i::before, .categories-boxes-container ul li.active .category-small-box h5 {
    color: #4E89AE;
}

.set_title_text {
    color: #4E89AE;
}

.inner-list-container .grid-container.header {
    border-top-color: #4E89AE;
}

ul.atom-search-list-box > li:hover, ul.atom-search-list-box > li.selected-item {
    border-color: #4E89AE;
    background-color: #4E89AE;
}

li[id^=xtab].jqx-tabs-title-selected-top {
    color: #4E89AE;
}

#navigation ul li ul li:hover,
#navigation ul li ul li:active {
    color: #4E89AE;
}

#navigation ul li a:hover {
    color: #fff;
}


/* form */
.field_label_require:before,
.grp_desc span {
    color: #ff3434;
}

input.field_rq {
    border-color: #ffd3cc;
}

input[type=text]:not(:disabled).select-val {
    background: #f9e8dc;
}

input.field_rq:not(.select-val):focus {
    background-color: #fff;
    border-color: #4E89AE !important;
}

select.field_rq {
    border-color: #ffd3cc;
}

/* mobile */
.form-set .set-title {
    color: #4E89AE;
}

.mobile-list div[role="columnheader"],
.mobile-modal .jqx-grid div[role="columnheader"] {
    background-color: #252d40;
}

.footer-icon.active {
    color: #4E89AE;
}

.square-button {
    background-color: #4E89AE;
}

.simbol-count,
.list-banner-count {
    color: #fff;
    background-color: #ff5f45;
}

.listBanner-content .choiceMark .active {
    color: #4E89AE;
}

.mobile-modal .ui-dialog-buttonset .ui-button.btn-point {
    color: #fff;
    background-color: #4E89AE;
    border-color: #4E89AE;
}

.btn-group.step-button #next-step,
.btn-group.non-step-button .btn {
    background-color: #4E89AE;
    border-color: #4E89AE;
}

.tab .tabs-nav > .tab-title.active > .label {
    border-color: #4E89AE;
    color: #4E89AE;
}

/* catalog color */
.card.category {
    border-top-color: #4E89AE;
}

#list_wrap .card.mb-4 .card-header.py-3 {
    background-color: #4E89AE;
}

/* atom */
.selected-items .item {
    background-color: #4E89AE;
}

/* ui_xview.css */
.xtab-cnt {
    background-color: #4E89AE;
}


/* 통합검색 영역 */
.total-search .fa-search {
    color: #30475E;
}

.total-search .input-search {
    background-color: #fff;
    border-color: #fff;
}

.total-search .input-search:focus {
    border-color: #4E89AE;
    background-color: #fff;
}

/* total search list */
.total-search-list {
    border-color: #4E89AE;
}


/* menu nav */
.main-nav {
    background-color: #fff;
}

ul.menu-sub > ul.menu-sub {
    background: #4E89AE;
}


/* menu nav tab */
.nav-tabs li a span {
    color: #4E89AE;
}

.nav-tabs li.tab_fav a.active i {
    color: #4E89AE;
}

.nav-item.no-child > .menu-item .menu-label,
.nav-item.no-child > .menu-item i.left_menu_icon,
.nav-item > .menu-item.collapsed .menu-label,
.nav-item > .menu-item.collapsed i.left_menu_icon {
    color: inherit;
}

.no-child .menu-item-2 span,
.menu-item-2.collapsed span {
    color: inherit;
}

.menu-nav ul li:hover > .menu-item .menu-label,
.nav-item > .menu-item .menu-label,
.menu-item-2 span,
.nav-item i.left_menu_icon {
    color: #4E89AE;
}

.menu-nav ul li:hover > .menu-item .menu-label {
    font-weight: bold;
}

.menu-nav ul li ul li a:before {
    background-color: #4E89AE;
}

.menu-fix-btn.active {
    background-color: #30475E;
}

.menu-nav ul li ul li a:before {
    color: #4E89AE;
    background-color: #f2efec;
}

.menu-nav ul li ul li a.collapsed:before {
    color: #30475E;
    background-color: #f2efec;
}


/*하위메뉴 클릭 후 글자색 */
.menu-nav ul li ul li a span.active {
    color: #4E89AE;
    font-weight: bold;
}

li.nav-item.active > .menu-item i.left_menu_icon {
    color: #4E89AE;
}

#menu_items li.nav-item.active {
    border-left: 3px solid #4E89AE;
    background-color: #f2efec;
}

/* left nav manual btn */
.menu-footer .menu-manual {
    background-color: #30475E;
}

.menu-footer .menu-manual:hover {
    background-color: #4E89AE;
}


/* Recent Menu */
.rm-title {
    color: #4E89AE;
}

.rm-list li a {
    color: #30475E;
}


/* app-tool-btn */
#app-tool-btn {
    color: #fff;
    border-color: #4E89AE;
}

#app-tool-btn.on {
    border-color: #4E89AE;
    background-color: #4E89AE;
}

.app-tool-item ul li a:hover {
    background-color: #eee;
    color: #292929;
}

.app-tool-item ul li.fst:hover:before {
    color: #eee;
}

/* button hover color */
.btn-group .btn:hover {
    background-color: #30475E;
}

.btn-group .btnbg {
    background: #4E89AE;
    color: #fff;
}

/* fix button color */
.cate-fix-btn.active i {
    color: #4E89AE;
}

/* sub page */
#head .history span.title {
    color: #4E89AE;
    border-color: #4E89AE;
}

#head .history span.dot {
    background-color: #fadcac;
}

/* popup */
.form-title {
    background: linear-gradient(to right, #292929, #30475E);
}