@charset "UTF-8";
@font-face {
    font-family: "Noto Sans KR";
    src: url("/_user/common/font/NotoSansKR-Regular.woff") format("woff"), url("/_user/common/font/NotoSansKR-Regular.woff2") format("truetype");
    font-weight: 400;
    font-style: normal; }
@font-face {
    font-family: "Noto Sans KR";
    src: url("/_user/common/font/NotoSansKR-Medium.woff") format("woff"), url("/_user/common/font/NotoSansKR-Medium.woff2") format("truetype");
    font-weight: 500;
    font-style: normal; }
@font-face {
    font-family: "Noto Sans KR";
    src: url("/_user/common/font/NotoSansKR-Bold.woff") format("woff"), url("/_user/common/font/NotoSansKR-Bold.woff2") format("truetype");
    font-weight: 700;
    font-style: normal; }

.load-wrap {position: absolute; z-index: 1; right: 0; height: calc(100% - 50px); width: calc(100% - 260px); background: #F4F7FC;}
.load-wrap .lottie-box {text-align: center; font-size: 14px; color: #2a4e9f; width: 400px; height: 400px; position: absolute; left: 50%; top: 44%; transform: translate(-50%,-50%);}
.load-wrap .lottie-box span {font-weight: bold;}

.dashboard-wrap {border-top: none !important;}
.dashboard-wrap .period {display: flex; margin-left: auto; width: fit-content; position: relative; top: -45px; right: 0; font-size: 14px; color: #000;}
.dashboard-wrap .section {display: flex; justify-content: space-between;}
.dashboard-wrap>h2 {font-size: 28px; margin-bottom: 30px;}
.top-con {display: flex; justify-content: flex-end; margin-top: -66px; margin-bottom: 30px;}

.daterange-wrapper {display: flex; align-items: center; justify-content: space-around; white-space: nowrap; background: #fff; border-radius: 4px; border: 1px solid #d7dbec; box-sizing: border-box; overflow: hidden; margin-right: 10px; padding: 0 16px;}
.daterange-wrapper > p , .daterange-wrapper > button {color: #fff; font-size: 12px; letter-spacing: -0.3px;}
.daterange-wrapper > button {width: 46px; height: 36px; background: #00287A; border-radius: 18px;}
.dashboard-cal {max-width: 20px; margin-left: 5px; order: 2;}
.daterange-wrap {position: relative; display: flex; height: 40px; line-height: 40px; box-sizing: border-box; border-radius: 5px; font-weight: 700; text-align: center;}
.daterange-wrap #daterange {position: absolute; left: 0; top: 0; z-index: 1; opacity: 0; width: 100%; height: 100%;}
.daterange-wrap .date-wrap .start .date .sdaterange::placeholder {color: #5A607F; font-size: 12px;}
.daterange-wrap em {display: inline-block;}
.daterange-wrap>div {display: flex; align-items: center; justify-content: flex-start; position: relative; width: 100%;}
.daterange-wrap .date {display: flex; align-items: center; max-width: 64px;}
.date-button {position: absolute; right: 0;}
.date-button > button {height: 16.7px;}
.date-button > button > img {width: 17.5px;}
.daterange-wrap .date , .daterange-wrap .time {position: relative;}
.daterange-wrap .time {max-width: 120px;}
.daterange-wrap .stime, .daterange-wrap .etime {margin-left: 5px;}
.date-wrap .date > input[type="text"] , .date-wrap > em {color: #5A607F; font-size: 12px; letter-spacing: -0.3px; background: transparent;}
.daterangepicker.show-calendar .ranges {margin-top: 0;}
.daterangepicker .drp-calendar.left , .daterangepicker .drp-calendar.right {padding: 20px 15px;}
.table-condensed > thead > tr:first-of-type .prev , .table-condensed > thead > tr:first-of-type .next {min-width: 32px; height: 32px; border: 1px solid #ddd; border-radius: 17px; display: flex; align-items: center; justify-content: center; box-sizing: border-box; margin-bottom: 10px; position: absolute; top: 10px;}
.table-condensed > thead > tr:first-of-type .next {right: 15px;}
.daterangepicker select.monthselect , .daterangepicker select.yearselect {width: auto; font-size: 20px; font-weight: 500; color: #00287A; margin-right: 5px; position: relative;}
.daterangepicker select.yearselect:before {position: absolute; content: '.'; bottom: 0; right: 0; width: 1px; height: 1px;}
.table-condensed > thead > tr:nth-of-type(2) {border-top: 1px solid #ddd !important;}
.table-condensed > thead > tr:nth-of-type(2) > th:first-of-type {color: #FF7575;}
.table-condensed > thead > tr:nth-of-type(2) > th:last-of-type {color: #10A0CF;}
.daterangepicker .drp-buttons {border-top: none !important;}
.daterangepicker.show-calendar .drp-buttons {justify-content: center;}
.daterangepicker .drp-selected {display: none;}
.daterangepicker .drp-selected {margin-left: 0;}
.daterangepicker .start-date.active:after  {position: absolute; content: ''; top: 0; right: -6px; width: 0; height: 0; border-bottom: 13px solid transparent; border-top: 11px solid transparent; border-left: 6px solid #357ebd;}
.daterangepicker .end-date.active:after {position: absolute; content: ''; top: 0; left: -6px; width: 0; height: 0; border-bottom: 13px solid transparent; border-top: 11px solid transparent; border-right: 6px solid #357ebd;}
.daterangepicker .start-date.end-date.active:after {opacity: 0;}
.daterangepicker {right: 75px !important; z-index: 1;}
.daterangepicker .drp-calendar {max-width: none;}
/*.fc-time, .fc-title {display: none;}*/
.daterangepicker select.monthselect {font-weight: 700;}
.date-wrap > em {display: none;}
.daterangepicker .drp-selected {display: none;}

.table-condensed > thead > tr:first-of-type {display: flex; align-items: center;}
.table-condensed > thead > tr:first-of-type .month {display: flex; align-items: center; justify-content: center; margin-bottom: 18px; position: absolute; left: 50%; transform: translateX(-50%);}
.table-condensed > thead > tr:first-of-type .prev , .table-condensed > thead > tr:first-of-type .next {min-width: 32px; height: 32px; border: 1px solid #ddd; border-radius: 17px; display: flex; align-items: center; justify-content: center; box-sizing: border-box; margin-bottom: 10px; position: absolute; top: 10px;}
.table-condensed > thead > tr:first-of-type .next {right: 15px;}
.daterangepicker select.monthselect , .daterangepicker select.yearselect {width: auto; font-size: 20px; font-weight: 500; color: #00287A; margin-right: 5px; position: relative; border: none;}
.daterangepicker select.yearselect:before {position: absolute; content: '.'; bottom: 0; right: 0; width: 1px; height: 1px;}
.table-condensed > thead > tr:nth-of-type(2) {border-top: 1px solid #ddd !important;}
.table-condensed > thead > tr:nth-of-type(2) > th:first-of-type {color: #FF7575;}
.table-condensed > thead > tr:nth-of-type(2) > th:last-of-type {color: #10A0CF;}
.table-condensed > thead > tr:nth-of-type(2) > th , .table-condensed > tbody > tr > td {border: 1px solid #ddd !important; width: auto !important;}
.daterangepicker .drp-buttons {border-top: none !important;}
.daterangepicker.show-calendar .drp-buttons {justify-content: center; padding-top: 25px; padding-bottom: 0;}
.daterangepicker .drp-selected {display: none; margin-left: 0;}
.daterangepicker .start-date.active:after  {position: absolute; content: ''; top: 0; right: -12px;  width: 0; height: 0; border-bottom: 21.665px solid transparent; border-top: 21.665px solid transparent; border-left: 12px solid #357ebd;}
.daterangepicker .end-date.active:after {position: absolute; content: ''; top: 0; left: -6px; width: 0; height: 0; border-bottom: 13px solid transparent; border-top: 13px solid transparent; border-right: 6px solid #0090DF;}
.daterangepicker .start-date.end-date.active:after {opacity: 0;}
.daterangepicker {right: 75px !important; z-index: 1;}
.daterangepicker .drp-calendar {max-width: none;}
/*.fc-time, .fc-title {display: none;}*/
.daterangepicker select.monthselect {font-weight: 700;}
.daterangepicker {padding: 40px 50px 30px; margin-top: 20px; width: 640px;}
.daterangepicker .drp-calendar {max-width: 270px;}
.daterange-wrapper > p , .daterange-wrapper > button {font-size: 16px;}
.daterange-wrapper > button {width: 91px; height: 50px; line-height: 50px; border-radius: 25px;}
.daterange-wrap>div:before {width: 50px; height: 50px; right: -50px;}
.daterangepicker .drp-calendar.left , .daterangepicker .drp-calendar.right {min-width: 300px;}
.daterangepicker .drp-calendar.left {padding: 0; margin-right: 40px;}
.daterangepicker .drp-calendar.right {padding: 0;}
.daterangepicker .drp-calendar.left .calendar-table {padding-right: 0;}
.daterangepicker select.monthselect , .daterangepicker select.yearselect {width: auto; font-size: 24px; font-weight: 500; color: #00287A; margin-right: 5px; position: relative; border: none;}
.daterangepicker select.yearselect {order: 1;}
.daterangepicker select.monthselect {order: 2;}
.table-condensed > thead > tr:first-of-type {display: flex; align-items: center; min-height: 50px; margin-bottom: 9px;}
.table-condensed > thead {position: relative;}
.table-condensed > tbody {height: 260px;}
.table-condensed > thead > tr:first-of-type .prev , .table-condensed > thead > tr:first-of-type .next {width: 34px; height: 34px; border: 1px solid #ddd; border-radius: 17px; display: flex; align-items: center; justify-content: center; box-sizing: border-box; margin-bottom: 10px; position: absolute; top: 10px;}
.table-condensed > thead > tr:first-of-type .prev {left: 0; top: 10px;}
.table-condensed > thead > tr:first-of-type .next {right: 15px; top: 10px;}
.daterangepicker .end-date.active:after {position: absolute; content: ''; top: 0; left: -12px; width: 0; height: 0; border-bottom: 21.665px solid transparent; border-top: 21.665px solid transparent; border-right: 12px solid #357ebd;}
.daterangepicker.opensright:before , .daterangepicker.opensright:after {display: none;}
.daterangepicker select.yearselect {width: 55% !important;}

.snb {position: relative; margin-right: 16px; width: auto;}
.snb>select {height: 42px; width: auto; background: #fff; border-radius: 5px; padding: 0 30px;}
.snb:before {position: absolute; content: ''; width: 0; height: 0; border-right: 4px solid transparent; border-left: 4px solid transparent; border-top: 5px solid #5A607F; top: 50%; transform: translateY(-50%); right: 16px;}
.top-con>button {width: 90px; height: 42px; border-radius: 4px; background-color: #181F47; color: #fff; white-space: nowrap; font-size: 12px; text-align: center;}

.dash-chart-wrap {min-width: 940px; width: 77%; box-sizing: border-box; margin-right: 20px;}
.circle-chart-wrap {display: flex; flex-direction: column; height: 100%;}
.circle-chart-top-wrap>div , .circle-chart-bottom-wrap>div {background: #fff; border-radius: 6px;}
.circle-chart-top-wrap>div>p , .circle-chart-bottom-wrap>div>p {font-size: 18px; letter-spacing: -0.9px; color: #181F47; font-weight: 700; margin-bottom: 30px;}
.circle-chart-top-wrap {display: flex; margin-bottom: 20px;}
.circle-chart-top-wrap>div {margin-right: 20px; padding: 30px 35px; width: 33.33%; height: 472px; box-sizing: border-box; box-shadow: 0 1px 10px rgba(199,199,199,0.3);}
.circle-chart-top-wrap>div:last-of-type {margin-right: 0;}
.circle-chart-bottom-wrap {height: 100%;}
.circle-chart-bottom-wrap>div {padding: 30px 35px; box-sizing: border-box; height: 100%; box-shadow: 0 1px 6px rgba(199,199,199,0.3);}

.keyword-popular-regist-wrap {min-width: 270px; width: 25%; box-sizing: border-box;}
.keyword-popular-regist-wrap>div {padding: 30px 35px; box-sizing: border-box; border-radius: 6px; margin-bottom: 20px; background: #fff; box-shadow: 0 1px 6px rgba(199,199,199,0.3);}
.popular-list, .regist-list {min-height: 346px;}
.popular-list>ul, .regist-list>ul {max-height: 230px; overflow-y: auto;}
.popular-list>ul::-webkit-scrollbar, .regist-list>ul::-webkit-scrollbar {width: 20px;}
.popular-list>ul::-webkit-scrollbar-thumb, .regist-list>ul::-webkit-scrollbar-thumb {background: #7f7f7f; background-clip: padding-box; border: 7px solid transparent; border-radius: 45px;}
.popular-list>ul::-webkit-scrollbar-track, .regist-list>ul::-webkit-scrollbar-track {background: #fff;}
.keyword-popular-regist-wrap .keyword-list {background: #2A4E9F; height: 472px;}
.keyword-popular-regist-wrap>div:last-of-type {margin-bottom: 0;}
.keyword-popular-regist-wrap>div>p {font-weight: 700; font-size: 18px; margin-bottom: 25px; letter-spacing: -0.9px;}
.keyword-popular-regist-wrap>div>ul>li {font-size: 14px; display: flex; align-items: center; letter-spacing: -0.7px;}
.keyword-popular-regist-wrap>div>ul>li>strong {font-size: 18px; margin-right: 10px;}
.keyword-list>p , .keyword-list>ul>li {color: #fff;}
.keyword-list>ul>li {margin-bottom: 10px;}
.keyword-list>ul>li:last-of-type {margin-bottom: 0;}
.keyword-list>ul>li>p {color: #fff; font-size: 14px; font-weight: 300; opacity: 0.8;}
.popular-list>p , .regist-list>p {color: #181F47;}
.popular-list>ul>li , .regist-list>ul>li {border-bottom: 1px solid #EEEEEE; padding: 10px 0;}
.popular-list>ul>li:first-of-type , .regist-list>ul>li:first-of-type {padding-top: 0;}
.popular-list>ul>li>strong , .regist-list>ul>li>strong {color: #2A4E9F;}
.popular-list>ul>li>p , .regist-list>ul>li>p {width: 100%; padding-right: 20px; font-size: 14px; color: #5A607F;}
.popular-list>ul>li>span , .regist-list>ul>li>span {font-size: 12px; white-space: nowrap; color: #7E84A3;}

.tab-view {padding-top: 30px;}
.tab-view>div {display: none;}
.tab-view>div.active {display: block;}
.tab>ul {display: flex; align-items: center; justify-content: space-between; gap: 8px;}
.tab-ul>li>a {display: block;}
.tab>ul>li {width: 100%; box-sizing: border-box;}
.tab>ul>li:last-of-type {margin-right: 0;}
.tab>ul>li>a {display: flex; padding: 15px 20px; align-items: center; justify-content: space-between; border-radius: 4px; box-shadow: 0px 2px 10px #44444F1A;}
.tab>ul>li>a>div>span {color: #5A607F; font-size: 12px; letter-spacing: -0.6px;}
.tab>ul>li>a>div>p {font-size: 20px; letter-spacing: -1px; font-weight: 700; color: #181F47;}
.btn-img>p {width: 50px; height: 50px; background-color: #EFF2FA; background-position: 50% 50%; background-repeat: no-repeat; border-radius: 100%; display: flex; align-items: center; justify-content: center;}
.btn-user {background-image: url("/css/img/btn-user-blue.png");}
.btn-view {background-image: url("/css/img/btn-pureview-blue.png");}
.btn-pureview {background-image: url("/css/img/btn-view-blue.png");}
.btn-clock {background-image: url("/css/img/btn-clock-blue.png");}
.btn-leave {background-image: url("/css/img/btn-leave-blue.png");}
.btn-end {background-image: url("/css/img/btn-end-blue.png");}
.tab>ul>li.active>a {background-color: #2A4E9F;}
.tab>ul>li.active>a>div>span , .tab>ul>li.active>a>div>p {color: #fff;}
.tab>ul>li.active .btn-img>p {background-color: #2283F6;}
.tab>ul>li.active .btn-user {background-image: url("/css/img/btn-user-white.png");}
.tab>ul>li.active .btn-view {background-image: url("/css/img/btn-pureview-white.png");}
.tab>ul>li.active .btn-pureview {background-image: url("/css/img/btn-view-white.png");}
.tab>ul>li.active .btn-clock {background-image: url("/css/img/btn-clock-white.png");}
.tab>ul>li.active .btn-leave {background-image: url("/css/img/btn-leave-white.png");}
.tab>ul>li.active .btn-end {background-image: url("/css/img/btn-end-white.png");}

.apexcharts-canvas {margin: 0 auto;}
.apexcharts-legend {justify-content: flex-start !important; flex-direction: column;}
.apexcharts-legend-text {font-size: 14px !important; white-space: nowrap;}
.apexcharts-legend-series {display: flex; align-items: center; margin-bottom: 17px !important;}
.apexcharts-legend-marker {border-radius: 2px !important; margin-right: 10px !important;}
.arrow-box {display: flex; align-items: center; flex-direction: column; padding: 10px 20px;}
.arrow-box>span:first-of-type {margin-bottom: 10px; font-weight: 700; color: #181F47;}
.arrow-box>span:last-of-type {font-weight: 700; color: #2766EF;}
.acting-chart .apexcharts-tooltip {font-weight: 700; letter-spacing: -0.7px;}
.acting-chart .apexcharts-tooltip-title {display: flex; align-items: center; justify-content: center; padding: 10px 20px; background: #fff !important; border-bottom: none !important; font-size: 14px !important; color: #181F47;}
.acting-chart .apexcharts-tooltip-marker {display: none;}
.acting-chart .apexcharts-tooltip-text {font-size: 14px !important; color: #2766EF;}


/*로딩중*/
.open-before {width: 100%; height: 100vh; position: absolute; z-index: 2; background-color: #eff2fa;}
.open-before:after {position: absolute; content: ''; width: 128px; height: 178px; background-image: url("/css/img/img-loadig.gif"); background-repeat: no-repeat; background-position: 50% 50%; z-index: 2; top: 50%; left: 50%; transform: translate(-50% , -50%);}
.open-before:before {position: absolute; content: ''; width: 280px; height: 280px; background-color: #fff; top: 50%; left: 50%; transform: translate(-50% , -50%); border-radius: 100%;}
.open-before>p {position: absolute; width: 420px; height: 420px; background-image: url("/css/img/img-loadingBg.png"); background-repeat: no-repeat; background-size: 420px 420px; border-radius: 100%; top: 50%; left: 50%; transform: translate(-50% , -50%); z-index: -1; animation: circle 10s 0s infinite ; animation-name: circle;}

@keyframes circle {
    from {transform: translate(-50% , -50%) rotate(0deg);}
    to {transform: translate(-50% , -50%) rotate(360deg);}
}

.blue-bg .container {background: #EFF2FA;; padding: 100px 120px 112px;}
.circle-chart-top-wrap .apexcharts-canvas ,
.circle-chart-top-wrap .apexcharts-canvas>svg ,
.circle-chart-top-wrap .apexcharts-canvas>svg>foreignObject ,
.circle-chart-top-wrap .apexcharts-canvas>svg>foreignObject .apexcharts-legend {overflow: inherit;}
.circle-chart-top-wrap .apexcharts-canvas>svg>foreignObject .apexcharts-legend {padding: 0; top: 160px !important; left: 50%!important; width: 250px; transform: translateX(-50%); flex-wrap: nowrap; max-height: 200px !important; overflow-y: auto;}
.circle-chart-top-wrap .visit-list-wrap {height: 320px;  overflow-y: auto; margin: 20px -20px 0 0;}
.visit-list-wrap::-webkit-scrollbar {width: 20px;}
.visit-list-wrap::-webkit-scrollbar-thumb {background: #7f7f7f; background-clip: padding-box; border: 7px solid transparent; border-radius: 45px;}
.visit-list-wrap::-webkit-scrollbar-track {background: #fff;}
.visitor-chart .chart-label {display: flex; justify-content: space-between;}
.visit-list>li {display: grid; grid-template-columns: min-content 1fr; color: #181F47;}
.visit-list>li:nth-child(n+2) {margin-top: 20px;}
.visit-list>li>p {white-space: nowrap;}
.visit-list .number {text-align: right;}
.visit-list .bar {grid-column: span 2; height: 5px; border-radius: 45px; background: #eee; position: relative; margin-top: 4px;}
.visit-list .line {position: absolute; left: 0; top: 0; height: 5px; background: #2A4E9F; border-radius: 45px;}
.visit-list .view {visibility: hidden; position: fixed; z-index: 100; padding: 7px 5px; width: 120px; border-radius: 5px; border: 1px solid #E2E0E2; background: #fff; box-sizing: border-box; font-size: 12px; font-weight: bold; text-align: center; box-shadow: 0 5px 15px rgba(162,162,162,0.3);}
.visit-list .view:before {content: ''; position: absolute; z-index: 1; left: 50%; bottom: -12px; margin-left: -6px; width: 0; height: 0; border-top: 12px solid #fff; border-left: 6px solid transparent; border-right: 6px solid transparent;}
.visit-list .view:after {content: ''; position: absolute; left: 50%; bottom: -13px; margin-left: -8px; width: 0; height: 0; border-top: 13px solid #E2E0E2; border-left: 8px solid transparent; border-right: 8px solid transparent;}
.visit-list .view>em {display: block; color: #2A4E9F; font-style: normal;}
.visit-list>li:hover .view {visibility: visible;}
.search-sel {display: flex; justify-content: flex-end;}
.search-sel>div {position: relative;}
.search-sel>div:first-of-type {margin-right: 20px;}
.search-sel>div:before {position: absolute; content: ''; width: 0; height: 0; border-right: 4px solid transparent; border-left: 4px solid transparent; border-top: 5px solid #5A607F; top: 50%; transform: translateY(-50%); right: 16px; z-index: 2;}
.search-sel>div>select {position: relative;height: 42px; width: auto; background: #fff; border-radius: 5px; padding: 0 30px;}
.admin-search .notice-search {position: relative; background: #f7f7f7; border: 1px solid #dedede; margin-bottom: 30px; padding: 33px 120px; width: 100%; left: 50%; transform: translateX(-50%); box-sizing: border-box; -webkit-print-color-adjust: exact; margin-top: 50px;}
.admin-search .notice-search>form {width: 100%;}
.admin-search .category-choice>div {padding: 18px 20px 6px; background-color: #fff; border: 1px solid #DEDEDE; border-radius: 5px; margin-bottom: 10px;}
.admin-search .category-choice>div {padding: 18px 20px 6px; background-color: #fff; border: 1px solid #DEDEDE; border-radius: 5px; margin-bottom: 10px;}
.admin-search .category-choice>div:last-of-type {margin-bottom: 20px;}
.admin-search .category-choice>div>p {color: #111; font-weight: 500; margin-bottom: 18px; font-size: 16px;}
.admin-search .category-choice>div>ul {display: flex; flex-wrap: wrap;}
.admin-search .category-choice>div>ul>li {width: auto; margin-right: 10px; box-sizing: border-box;}
.admin-search .category-choice>div>ul>li>button {padding: 0 14px; height: 30px; line-height: 30px;}
.admin-search .category-choice>div>ul>li.active {background-color: #007D70;}
.admin-search .category-choice>div>ul>li.active>button {color: #fff;}
.admin-search .category-choice>div {display: flex; height: 70px; box-sizing: border-box; padding: 0 40px; align-items: center;}
.admin-search .category-choice>div>p {margin-bottom: 0; margin-right: 40px; white-space: nowrap;}
.category-choice input[type=checkbox] {width: 1px; height: 1px; position: absolute; margin: -1px; border: 0; overflow: hidden; padding: 0; clip: rect(0,0,0,0);opacity: 0;}
.admin-search .category-checkbox>li>input {position: absolute;}
.admin-search .category-checkbox>li>input[type="checkbox"] + label {border: 1px solid #dedede; border-radius: 17px; width: auto; height: 30px; white-space: nowrap; padding: 0 14px; display: flex; align-items: center; justify-content: center;}
.admin-search .category-checkbox>li>input[type="checkbox"]:checked + label {background-color: #007D70; color: #fff; border-color: #007D70;}

@media screen and (min-width: 1024px) {
    .admin-search .category-checkbox>li>input[type="checkbox"] + label {cursor: pointer; height: 35px;padding: 0 20px; font-size: 16px;}
}

.admin-search .sel-search-box {display: flex;}
.admin-search .sel-village .sel-check {width: 100%; min-width: 160px; margin-bottom: 0; box-sizing: border-box; height: 50px; border-radius: 5px; border: none; background-color: #fff;}
.admin-search .sel-village {border: 1px solid #dedede; border-radius: 5px; margin-right: 10px;}
.admin-search .search-box .sel {width: 140px; height: 50px; border: none; border-right: 1px solid #dedede; box-sizing: border-box; position: relative; background-color: #fff;}
.admin-search .search-box .input-box>input {width: calc(100% - 140px) ;height: 50px; line-height: 50px; padding: 0 0 0 15px; font-size: 16px; border: none;}
.admin-search .search-box .input-box {width: calc(100% - 140px); box-sizing: border-box; position: relative; background-color: #fff;}
.admin-search .search-box {width: 100%; border: 1px solid #DEDEDE;}
.admin-search .search-box .btn-search {width: 100px; height: 50px; text-indent: 0; overflow: hidden; background-color: #d44427; border-radius: 5px; color: #fff; padding: 0 25px; text-align: center; position: absolute; right: 0;}
.admin-search .pager>div {display: flex;}
.admin-search .pager-first, .admin-search .pager-prev, .admin-search .pager-next, .admin-search .pager-last, .pager-num {display: inline-block; width: 34px; height: 34px; line-height: 34px;}
.admin-search .pager-first {background: url("/css/img/icon-first.svg") 50% no-repeat;}
.admin-search .pager-prev {background: url("/css/img/icon-prev.svg") 50% no-repeat;}
.admin-search .pager-next {background: url("/css/img/icon-next.svg") 50% no-repeat;}
.admin-search .pager-last {background: url("/css/img/icon-last.svg") 50% no-repeat;}
.search-table tbody tr {cursor: pointer;}
.search-table tbody td:nth-of-type(3) {text-align: left;}
.admin-search .search-sel {margin-bottom: 50px;}
.admin-search .tblselect:first-of-type {margin-bottom: 50px; height: 42px; display: flex; justify-content: flex-end;}
.admin-search .tblselect:first-of-type>select {height: 42px; background-color: #fff; padding: 0 31px; box-sizing: border-box;}
.admin-search .tblselect:first-of-type>select:first-of-type {margin-right: 20px;}

.pwbox {position: relative;}
.tbl03 .pwbox input {padding-right: 40px;}
.pwbox .pwshow {text-indent: -9999px; display: inline-block; position: absolute; right: 37px; top: 18px; width: 20px; height: 20px; background: url('/css/img/icon-eye.png') 50% no-repeat;}
.pwbox .pwshow.active {background-image: url('/css/img/icon-eye2.png');}