html,body {
  height: 100vh;
  line-height: 1;
  font-family: "NotoSansKR-Regular", sans-serif;
  -webkit-text-size-adjust: none;
  /* -ms-user-select: none; 
  -moz-user-select: -moz-none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  user-select: none; */

  /* scrollbar for IE */
	scrollbar-base-color: #5479f7; 
	scrollbar-Face-Color: #5479f7;
  scrollbar-shadow-color: #5479f7;
  scrollbar-arrow-color: #2c3646;
	scrollbar-Track-Color: #e8eef8;
}

h1, h2, h3, h4, h5, h6, p, span, strong {
	transform: skew(0.1deg);
}

/* scrollbar */ 
/* .modal_bg::-webkit-scrollbar-thumb, */
.contactList::-webkit-scrollbar-thumb, 
.bundleList::-webkit-scrollbar-thumb,
.cctv_list::-webkit-scrollbar-thumb{
  background: #5479f7;
  border-radius: 100px;
}
/* .modal_bg::-webkit-scrollbar { */
/*   width: 8px; */
/*   background: transparent; */
/* } */
.contactList::-webkit-scrollbar,
.bundleList::-webkit-scrollbar {
  width: 5px;
  background: transparent;
}
.cctv_list::-webkit-scrollbar {
  width: 5px;
  background: #272d35;
}

/* fonts */
/* Noto Sans CJK kr */
.nt_b {
  font-family: 'NotoSansKR-Bold';
}
.nt_m {
  font-family: 'NotoSansKR-Medium';
}
.nt_rg {
  font-family: 'NotoSansKR-Regular';
}
.nt_bk {
  font-family: 'NotoSansKR-Black';
}

/* NanumSquare */
.ns_eb {
  font-family: 'NanumSquareEB';
}
.ns_b {
  font-family: 'NanumSquareB';
}
.ns_rg {
  font-family: 'NanumSquareR';
}

header .title {
  font-family: 'NanumSquareEB';
}
.br_none {
  display: none;
}

/* flex */
.d-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.flex-row {
  flex-direction: row;
  -ms-flex-direction: row;
}
.flex-column {
  flex-direction: column;
  -ms-flex-direction: column;
}
.align-items-center {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.align-items-end {
  -webkit-box-align: flex-end;
  -ms-flex-align: flex-end;
  align-items: flex-end;
}
.justify-content-center {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.justify-content-end {
  -webkit-box-pack: flex-end;
  -ms-flex-pack: flex-end;
  justify-content: flex-end;
}
.justify-content-between {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.flex-wrap {
  -webkit-box-lines: multiple;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

/* Grid */
.row {
  width: 100%;
  height: 100%;
}
.construction_site .row {
	padding: 2.7778vh 15px;   
}
.sub_page .row{
	padding: 3.7778vh 40px;
}
.col-1 {
  width: calc(100% / 12 - 30px);
}
.col-2 {
  width: calc(100% / 12 * 2 - 30px);
}
.col-3 {
  width: calc(100% / 12 * 3  - 30px);
}
.col-4 {
  width: calc(100% / 12 * 4  - 30px);
}
.col-5 {
  width: calc(100% / 12 * 5  - 30px);
}
.col-6 {
  width: calc(100% / 12 * 6 - 30px);
  /* width: calc(100% / 12 * 6); */
}
.col-7 {
  width: calc(100% / 12 * 7  - 30px);
}
.col-8 {
  width: calc(100% / 12 * 8  - 30px);
}
.col-9 {
  width: calc(100% / 12 * 9  - 30px);
}
.col-10 {
  width: calc(100% / 12 * 10  - 30px);
}
.col-11 {
  width: calc(100% / 12 * 11);
}
.col-12 {
  width: 100%;
}

.w_full {
  width: 100% !important;
}
.h_full {
  height: 100% !important;
}

.text-center {
  text-align: center;
}
.text-end {
  text-align: end;
}
.wrapper {
  display: flex;
  align-items: center;
}
.complete {
	color: #0034e7;
}
.impossible {
	color: #ee5c50;
}

/* Input */
input, select {
  color: #2c2c2c;
  padding: 0 15px;
  background: #f3f5f6;
  border: 1px solid #cccfd8;
}
textarea {
  color: #2c2c2c;
  padding: 15px;
  background: #f3f5f6;
  border: 1px solid #cccfd8;
  resize: none;
}
input:focus, select:focus {
  outline: none;
}
label:hover {
  cursor: pointer;
}
label:hover ~ .checking {
/*   border-color: #5479f7 !important;  */
}
.input_wrap,
.select_wrap {
  display: flex;
  align-items: center;
}
select {
  background-color: #f3f5f6;
  background-image: url(../images/icon/select_icon.png);
  background-repeat: no-repeat;
  background-position: right 15px center;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance : none;
}
select::-ms-expand {
  display: none;
}
input[type="checkbox"], input[type="radio"] {
  display: none;
}
label {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  z-index: 100;
}
.datepicker {
  color: #1f1e1e;
  padding-left: 50px;
  background-color: #f3f5f6 !important;
  background-image: url(../images/icon/date_icon.png);
  background-repeat: no-repeat;
  background-position: 10px center;
  height:45px;
  cursor: pointer;
}
.ui-datepicker {
  /* position: absolute !important; */
  z-index: 990 !important;
}
.ui-datepicker-trigger {
	display: none;
}

.inputTimepk {
	color: #1f1e1e;
	padding-left: 50px;
	background-color: #f3f5f6 !important;
	background-image: url(../images/icon/timepicker_icon.png);
	background-repeat: no-repeat;
	background-position: 10px center;
	height:45px;
}
.timepicker {
	width: 200px;
    background-color: #fff !important;
    border: 1px solid #ddd;
}
.timepicker .title {
	border-bottom: 1px solid #ddd;
	padding: 10px 0;
}

button {
  display: flex;
  align-items: center;
  justify-content: center;
  background: transparent;
  transition: all 0.13s;
}
.sub_page .main_content button:hover,
.modal_wrap button:hover {
  opacity: 90%;
}
/* add_btn */
.add_btn {
  color: #fff;
  background: #2c3646;
}
.blue_btn {
	font-family: 'NotoSansKR-Regular';
  color: #fff;
  background: #5479f7;
  border: 1px solid #1d308a;
  border-radius: 2px;
}
/* info_btn */
.info_btn button {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 22px 0;
}
.info_btn button:first-child {
  margin-right: 15px;
  background: #fff;
  border: 1px solid #6e6e6e;
  color: #000;
}
.info_btn button:last-child {
  color: #fff;
  background: #192b80;
}
/* close_box */
.close_box {
  position: absolute;
  top: -44px;
  right: 2px;
  width: 40px;
  height: 40px;
  padding: 0;
  background-color: rgba(21, 21, 21, 0.5);
  background-image: url(../images/icon/close_btn.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 40%;
}
/* exel */
.white_btn {
  background: #fff;
  border: 1px solid #c0c9cb;
}
.white_btn:hover{
	background: #dde0e2; 
}
button.exel {
	width: 87px;
    height: 40px;
    border-radius: 2px;
}
.exel img {
  margin-right: 8px;
}
/* dimgray_btn */
.dimgray_btn {
  color: #fff;
  background: #464646;
  border: 1px solid #232323;
  border-radius: 2px;
}
/* delete_btn */
.delete_btn {
  color: #e45151;
  background: #fff;
  border: 1px solid #e45151;
  border-radius: 2px;
}
/* file_btn */
.file_btn {
  background: rgb(244,246,249);
  background: linear-gradient(0deg, rgba(244,246,249,1) 0%, rgba(255,255,255,1) 100%);
  border-radius: 5px;
  border: 1px solid #c0c9cb;
}

/* content_title */
.content_title {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.content_title sup {
  background: #f0f4f8;
  border: 3px solid #587cf7;
  border-radius: 100%;
  box-sizing: border-box;
}
.line_wrapper, .title_wrap_mobile .line_wrapper{
	white-space: nowrap;	
	margin-right: 20px;
	display:flex;
    align-items: center;
}
.title_wrap .title_line{
	background: #192b80;
    width: 100%;
    height: 2px;
    position: relative;
    top: 10px;
}

/* 탭 */
.tab_index li:hover {
  cursor: pointer;
}
/* .tab_content { */
/*   display: none; */
/* } */
.tab_content.active {
  display: block;
}
.modal_bg .tab_index li.active,
.sub_info .tab_index li.active {
  color: #fff;
  background: #192b80 !important;
}
.sub_info.tab_index li.active {
	
}

/* 해시태그 */
.hash_tags li {
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #192b80;
  background: #fff;
  border: 1px solid #3978fc;
  border-radius: 5px;
  transition: all .1s;
}
.hash_tags li:hover {
  color: #fff;
  background: #354052;
  border-color: #354052;
  cursor: pointer;
}

/* 모달창 */
.modal_bg,
.subModal_bg {
/*   display: none; */
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  padding-bottom: 200px;
  overflow-x: hidden;
  overflow-y: scroll;
  background: rgba(0, 0, 0, 0.7);
}
.modal_bg {
  z-index: 980;
}
.subModal_bg {
  z-index: 990;
}

.modal_bg {
	display : none;
}

.modal_bg .modal_wrap {
  /* position: absolute; */
  position: relative;
  top: 15%;
  left: 50%;
  transform: translateX(-50%);
  padding: 2.9630vh 4.2593vh 5.5556vh;
  background: #fff;
  border-top: 8px solid #5479f7; 
  border-radius: 3px;
  z-index: 991;
}
.modal_bg .modal_wrap::before {
  content: "";
  position: absolute;
  top: -8px;
  left: 0;
  width: 45px;
  height: 7.5px;
  background: #192b80;
  border-radius: 3px 0 0 0;
}
.modal_bg .modal_top {
	display: flex;
	justify-content: center;
  position: relative;
/*   padding-top: 0.5208vw; */
/*   padding-bottom: 0.7813vw; */
  border-bottom: 3px solid #28344c;
	padding-top: 10px;
    padding-bottom: 20px;
}
.modal_bg .modal_top h1 {
  font-size: 32px;
}
.modal_bg .modal_top .close_btn {
  position: absolute;
  top: 0;
  right: 0;
  width: 30px;
  height: 30px;
  background-color: transparent;
  background-image: url(../images/icon/close_grey.png);
  background-repeat: no-repeat;
  background-position: center;
}
.modal_bg .form_wrap form > ul > li {
	display: flex;
	align-items: center;
/* 	padding: 15px 25px; */
}
.modal_bg .form_wrap form > ul > li:not(:last-child) {
	border-bottom: 1px solid #d7d7d7;
}

.modal_bottom {
	display: flex;
	justify-content: center;
  margin-top: 60px;
  padding-top: 50px;
  background: #fff;
  border-top: 2px solid #ccc;
}
.modal_bottom .modal_submit {
	position: relative;
  width: 100%;
}
.modal_bottom .modal_submit > button {
	width: 160px;
	height: 62px;
  font-size: 22px;
  border-radius: 5px;
  transition: background 0.1s;
}
.modal_bottom .modal_submit > button:nth-child(1) {
  color: #2c3646;
  border: 3px solid #72777e;
  background-color: #fff;
}

.modal_bottom .modal_submit > button:nth-child(2) {
  color: #192b80;
  margin-left: 16px;
  border: 3px solid #5479f7;
}
.modal_bottom .modal_submit .btn_wrap {
	position: absolute;
/* 	top: 15px; */
	top: 0;
}
.modal_bottom .modal_submit .btn_wrap.left {
	left: 0;	
}
.modal_bottom .modal_submit .btn_wrap.right {
	right: 0;	
}
.modal_bottom .modal_submit .btn_wrap .modify {
    width: 87px;
    height: 40px;
    font-size: 16px;
}

.chkRst_bottom button:nth-child(2) { /* 추가수정 */
  color: #ed0c17;
  margin-right: 16px;
  border: 3px solid #ed0c17;
}

.modal_bg .content_title {
  font-size: 20px;
}
.modal_bg .content_title sup {
  width: 15px;
  height: 15px;
  margin-right: 8px;
  margin-top: 0;
}
/* 서브 모달창 */
.modal_sub {
  /* display: none; */
  position: fixed;
  background: rgb(232,238,248);
  background: linear-gradient(0deg, rgba(232,238,248,1) 0%, rgba(255,255,255,1) 100%);
  border: 1px solid #6372a1;
  border-top: 4px solid #5479f7;
  border-radius: 5px;
  box-shadow: 0px 1px 4px 0px rgba(35, 31, 32, 0.35);
  z-index: 992;
}
.modal_sub p sub {
  display: block;
  width: 5px;
  height: 5px;
/*   margin-right: 0.2604vw; */
  background: #5479f7;
  border-radius: 100px;
  margin-right: 9px;
}
/* subModal_submit */
.subModal_submit {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
}
.modal_sub::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 1px;
  height: 15px;
  background: #6372a1;
  transform: rotate(45deg) translate(5px, -4px);
}
.modal_sub::after {
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  width: 1px;
  height: 15px;
  background: #6372a1;
  transform: rotate(-45deg) translate(-5px, -4px);
}
.subModal_submit {
  	border-top: 1px solid #192b80;
  	margin-top: 20px;
    padding-top: 23px;
    margin-bottom: 15px;
}
.subModal_submit button {
  width: 86px;
  height: 40px;
  font-size: 15px;
}
.subModal_submit button:first-child {
  margin-right: 8px;
  background: #fff;
  border: 1px solid #99a0a2;
  border-radius: 5px;
}
.subModal_submit button:last-child {
  color: #fff;
  background: #192b80;
  border-radius: 5px;
}

/* 알립팝업 */
.alert_pop {
	width: 400px; /* 추가 */
	display: block;	
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	padding: 30px;
	line-height:1.2;
}
.alert_pop .subModal_submit {
	padding: 0;
}

.alert_pop .subModal_submit button {
	margin: 0;
}



/* 경고창 */
.warning_pop {
	width:300px; /* 추가 */
	display: block;	
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	padding: 30px;
}
.warning_pop .subModal_submit {
	padding: 0;
}
.warning_pop .subModal_submit button {
	margin: 0;
}

.warning_submit {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
}

.warning_submit {
/*   margin-top: 1.0417vw; */
/*   padding-top: 1.1979vw; */
  border-top: 1px solid #192b80;
  margin-top: 20px;
    padding-top: 23px;
}
.warning_submit button {
  width: 86px;
  height: 40px;
  font-size: 15px;
}
.warning_submit button:first-child {
  margin-right: 8px;
  background: #fff;
  border: 1px solid #99a0a2;
  border-radius: 5px;
}
.warning_submit button:last-child {
  color: #fff;
  background: #ff0000;
  border-radius: 5px;
}

/* form_wrap */
/* .modal_bg .form_wrap { */
/* 	border: 1px solid #d7d7d7; */
/* } */
/* .form_wrap form > ul > li { */
/* 	display: flex; */
/* 	align-items: center; */
/* 	padding: 15px 25px; */
/* } */
.form_wrap form > ul > li > p {
	width: 175px;
	font-weight: bold;
	font-size: 18px;
	color: #212121;
}
.form_wrap form > ul > li > .wrapper {
	width: calc(100% - 175px);
}
.form_wrap form > ul > li input[type="text"],
.form_wrap form > ul > li select {
	height: 45px;
}

/* search_form */
.search_form{
  padding: 0 50px;
  padding-top: 15px;
  background: #fff;
  border: 1px solid #515463;
}
.search_form .search_wrap {
  padding: 30px 0;
}
.search_form.compact {
	padding-top: 0;
}
.search_form.compact .search_wrap {
	justify-content: end;
}
.search_form h3 {
 	font-size: 18px;
}
.search_form .wrapper {
	width: 100%;
}
.search_form .inner {
	display: flex;
}
.search_form .search {
	display: flex;
	align-items: center;
	width: 100%;
}
.search_form input[type="text"] {
  height: 45px;
  font-size: 16px;
  background-color: #fff;
}
.search_form select {
	width: 10.4167vw;
	height: 45px;
	font-size: 16px;
	cursor:pointer;
}
.search_form .blue_btn {
	width: 100px;
	height: 45px;
}
/* 주소 검색 1 */
.search_form .adress .search {
	justify-content: space-between;
}
.search_form .adress .inner {
	justify-content: space-between;
}
.search_form .adress .inner > *:not(:last-child) {
	margin-right: 15px;
}
.search_form .adress.type1 input[type="text"] {
	width: 39.0625vw;
}
/* 주소 검색 2 */
.search_form .adress.type2 input[type="text"] {
	width: 52.0833vw;
}
.search_form .adress.type2 .check_list > li:not(:last-child) {
	margin-right: 20px;
}
.search_form .adress.type2 .checking {
	margin-right: 10px;
}
.search_form .adress.type2 .check_list p {
	white-space: nowrap;
}
/* 검색 폼 축소형 */
.search_form.compact .search {
	justify-content: end;
}
.search_form.compact .inner {
	align-items: center;
}
.search_form.compact h3 {
	white-space: nowrap;
	margin-right: 10px;
}
.search_form.compact .inner {
	margin-left: 15px;
}
/* 검색 폼 더블 */
.search_form .double > .wrapper:not(:last-child) {
/* 	margin-bottom: 20px; */
}
.search_form .double .inner {
	margin-left: 0;
}
.search_form .double .inner > * {
	margin-left: 15px;
}
.search_form .double .datepicker_wrap .datepicker:first-child {
	margin-right: 15px;
}
/* 주소 검색 3 */
.search_form.compact .adress.withBtn .search {
	justify-content: space-between;
}
.search_form.compact .adress.withBtn input {
	width: 33.8542vw;
}

/* result_container */
.result_container .subject {
  display: flex;
  align-items: center;
  text-align: center;
}
.result_container .subject_wrap {
  background: #e8eef8;
  border-top: 2px solid #192b80;
  border-bottom: 1px solid #d0d1d2;
}
.result_container .result_wrap {
  position: relative;
  background: #fff;
  border-bottom: 1px solid #464646;
}
.result_container .result > li {
  position: relative;
  color: #555;
  background: #fff;
  transition: background .1s;
}
.result_container .result > li:hover {
  background: #f7f9fd;
  cursor: pointer;
}
.result_container .result_item {
  display: flex;
  align-items: center;
}
.result_container .result_item > li {
	position: relative;
	padding: 0 10px;
}
.result_container .result_item > li > a {
	width: 100%;
	height: 100%;
}
 /* 수정추가한것  */
.result_container .result_item li a {
	display: block;
	text-decoration: none;
	color: inherit;
	white-space:nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
/* 	padding:3px 0; */
}
.search_container .checking {
  display: inline-block;
  width: 16px;
  height: 16px;
  margin: 0 auto;
  background-color: #fff;
  background-repeat: no-repeat;
  background-position: center;
  border: 2px solid #eaeaea;
}
.search_container .checking.active {
  background-color: #5479f7;
  background-image: url(../images/icon/search_check.png);
  border: none;
}
.result_container .result > li:not(:last-child) {
  border-bottom: 1px solid #d0d1d2;
}
.result_container .result_bottom {
  position: relative;
}
.result_container .subject > li,
.result_container .result > li {
	position: relative;
}
/* .result_container .subject > li label, */
.result_container .result > li label {
  position: absolute;
  top: 0;
  left: 0;
}
input[type="checkbox"] + .checking,
.checking {
  display: inline-block;
  width: 16px;
  height: 16px;
  background-color: #fff;
  background-repeat: no-repeat;
  background-position: center;
  border: 2px solid #eaeaea;
  cursor: pointer;
}
input[type="checkbox"] + .checking.active {
  background-color: #5479f7;
  background-image: url(../images/icon/check_arrow_white.png);
  border: none;
}
input[type="checkbox"]:disabled + .checking {
	background-color: #eaeaea;
}

/* check_list */
.check_list {
  display: flex;
}
.check_list > li {
	display: flex;
	align-items: center;
	position: relative;
}
.check_list label {
  position: absolute;
  top: 0;
  left: 0;
}
input[type="checkbox"] + .checking.active 
  background-color: #5479f7;
  background-image: url(../images/icon/search_check.png);
  border: none;
}
input[type="radio"] + .checking {
/*   display: flex; */
/*   align-items: center; */
/*   justify-content: center; */
	position: relative;
  min-width: 18px;
  min-height: 18px;
  background-color: #fff;
  border: 2px solid #eaeaea;
  border-radius: 100px;
}
input[type="radio"] + .checking.active {
  background-color: #5479f7;
  background-image: url(../images/icon/check_arrow_white.png);
  border: none;
}
.radio_inner {
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
/*   width: 45%; */
/*   height: 45%; */
  background-color: #fff;
  border-radius: 100px;
}
input[type="radio"] + .checking.active .radio_inner {
  display: block;
}

/* 페이지네이션 (이전 버젼) */
/*
.pagination {
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1;
}
.pagination li {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  font-size: 14px;
  border-radius: 2px;
  transition: background .1s;
}
.pagination li:hover {
  cursor: pointer;
}
.pagination li.move {
  background-color: #fff;
  background-repeat: no-repeat;
  background-position: center;
  border: 1px solid #dedede;
}
.pagination li.move:hover {
  opacity: 80%;
}
.pagination li.move:first-child {
  background-image: url(../images/icon/paging_prev.png);
}
.pagination li:nth-child(7) {
  background-image: url(../images/icon/paging_next.png);
}
.pagination li.move:last-child {
  margin-left: 3px;
  background-image: url(../images/icon/paging_superNext.png);
}
.pagination li:nth-child(2) {
  margin-left: 18px;
}
.pagination li:nth-child(6) {
  margin-right: 18px;
}
.pagination li:nth-child(2),
.pagination li:nth-child(3),
.pagination li:nth-child(4),
.pagination li:nth-child(5) {
  margin-right: 3px;
}
.pagination li.page_item.active {
  color: #fff;
  background: #5479f7;
}
*/

/* 페이지네이션 */
.pagination {
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1;
}
.pagination li {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  font-size: 14px;
  margin: 0 3px;
  border-radius: 2px;
  transition: background .1s;
}
.pagination li:hover {
  cursor: pointer;
}
.pagination li.first,
.pagination li.prev,
.pagination li.next,
.pagination li.last {
  background-color: #fff;
  background-repeat: no-repeat;
  background-position: center;
  border: 1px solid #dedede;
}
.pagination li.first:hover,
.pagination li.prev:hover,
.pagination li.next:hover,
.pagination li.last:hover {
  opacity: 80%;
}
.pagination li.first {
  background-image: url(../images/icon/paging_superPrev.png);
}
.pagination li.prev {
  background-image: url(../images/icon/paging_prev.png);
}
.pagination li.next {
  background-image: url(../images/icon/paging_next.png);
}
.pagination li.last {
  background-image: url(../images/icon/paging_superNext.png);
}
.pagination li.active {
  color: #fff;
  background: #5479f7;
}
.pagination li.first {
  margin-right: 5px;
}
.pagination li.prev {
  margin-right: 20px;
}
.pagination li.next {
  margin-left: 20px;
}
.pagination li.last {
  margin-left: 5px;
}
/* .pagination li.distance2 { */
/* 	margin-left: 3px; */
/* 	margin-right: 3px; */
/* } */
/* .pagination li.distance3 { */
/* 	margin-left: 7px; */
/* 	margin-right: 7px; */
/* } */

/* 2개가 공존하는 경우 */
/* #nfaPagination2 { */
/*   display: flex; */
/*   align-items: center; */
/*   justify-content: center; */
/*   z-index: 1; */
/* } */
/* #nfaPagination2 li { */
/*   display: flex; */
/*   align-items: center; */
/*   justify-content: center; */
/*   width: 30px; */
/*   height: 30px; */
/*   font-size: 14px; */
/*   border-radius: 2px; */
/*   transition: background .1s; */
/* } */
/* #nfaPagination2 li:hover { */
/*   cursor: pointer; */
/* }  */
/* #nfaPagination2 li.first, */
/* #nfaPagination2 li.prev, */
/* #nfaPagination2 li.next, */
/* #nfaPagination2 li.last { */
/*   background-color: #fff; */
/*   background-repeat: no-repeat; */
/*   background-position: center; */
/*   border: 1px solid #dedede; */
/* } */
/* #nfaPagination2 li.first:hover, */
/* #nfaPagination2 li.prev:hover, */
/* #nfaPagination2 li.next:hover, */
/* #nfaPagination2 li.last:hover { */
/*   opacity: 80%; */
/* } */
/* #nfaPagination2 li.first { */
/*   background-image: url(../images/icon/paging_prev.png); */
/* } */
/* #nfaPagination2 li.prev { */
/*   background-image: url(../images/icon/paging_prev.png); */
/* } */
/* #nfaPagination2 li.next { */
/*   background-image: url(../images/icon/paging_next.png); */
/* } */
/* #nfaPagination2 li.last { */
/*   background-image: url(../images/icon/paging_next.png); */
/* } */
/* #nfaPagination2 li.active { */
/*   color: #fff; */
/*   background: #5479f7; */
/* } */
/* #nfaPagination2 li.first { */
/*   margin-right: 5px; */
/* } */
/* #nfaPagination2 li.prev { */
/*   margin-right: 20px; */
/* } */
/* #nfaPagination2 li.next { */
/*   margin-left: 20px; */
/* } */
/* #nfaPagination2 li.last { */
/*   margin-left: 5px; */
/* } */
/* #nfaPagination2 li.distance2 { */
/* 	margin-left: 3px; */
/* 	margin-right: 3px; */
/* } */
/* #nfaPagination2 li.distance3 { */
/* 	margin-left: 7px; */
/* 	margin-right: 7px; */
/* } */

/* 3개가 공존하는 경우 */
/* #nfaPagination3 { */
/*   display: flex; */
/*   align-items: center; */
/*   justify-content: center; */
/*   z-index: 1; */
/* } */
/* #nfaPagination3 li { */
/*   display: flex; */
/*   align-items: center; */
/*   justify-content: center; */
/*   width: 30px; */
/*   height: 30px; */
/*   font-size: 14px; */
/*   border-radius: 2px; */
/*   transition: background .1s; */
/* } */
/* #nfaPagination3 li:hover { */
/*   cursor: pointer; */
/* } */
/* #nfaPagination3 li.first, */
/* #nfaPagination3 li.prev, */
/* #nfaPagination3 li.next, */
/* #nfaPagination3 li.last { */
/*   background-color: #fff; */
/*   background-repeat: no-repeat; */
/*   background-position: center; */
/*   border: 1px solid #dedede; */
/* } */
/* #nfaPagination3 li.first:hover, */
/* #nfaPagination3 li.prev:hover, */
/* #nfaPagination3 li.next:hover, */
/* #nfaPagination3 li.last:hover { */
/*   opacity: 80%; */
/* } */
/* #nfaPagination3 li.first { */
/*   background-image: url(../images/icon/paging_prev.png); */
/* } */
/* #nfaPagination3 li.prev { */
/*   background-image: url(../images/icon/paging_prev.png); */
/* } */
/* #nfaPagination3 li.next { */
/*   background-image: url(../images/icon/paging_next.png); */
/* } */
/* #nfaPagination3 li.last { */
/*   background-image: url(../images/icon/paging_next.png); */
/* } */
/* #nfaPagination3 li.active { */
/*   color: #fff; */
/*   background: #5479f7; */
/* } */
/* #nfaPagination3 li.first { */
/*   margin-right: 5px; */
/* } */
/* #nfaPagination3 li.prev { */
/*   margin-right: 20px; */
/* } */
/* #nfaPagination3 li.next { */
/*   margin-left: 20px; */
/* } */
/* #nfaPagination3 li.last { */
/*   margin-left: 5px; */
/* } */
/* #nfaPagination3 li.distance2 { */
/* 	margin-left: 3px; */
/* 	margin-right: 3px; */
/* } */
/* #nfaPagination3 li.distance3 { */
/* 	margin-left: 7px; */
/* 	margin-right: 7px; */
/* } */

/* 페이지네이션 (iview) */
.ivu-page {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: 30px;
}
.ivu-page > li {
	transition: all .13s;	
}
.ivu-page > li:hover {
	cursor: pointer;
}
.ivu-page-item,
.ivu-page-prev,
.ivu-page-next,
.ivu-page-item-jump-next,
.ivu-page-item-jump-prev {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 30px;
	height: 30px;
	font-size: 14px;
	margin: 0 3px;
	border-radius: 2px;
}
.ivu-page-item-active {
	color: #fff;
	background: #5479f7;
} 
.ivu-page-prev,
.ivu-page-next,
.ivu-page-item-jump-next,
.ivu-page-item-jump-prev {
	background-color: #fff;
	border: 1px solid #dedede;
	background-repeat: no-repeat;
	background-position: center;
}
.ivu-page-prev {
	background-image: url(../images/icon/paging_prev.png);
}
.ivu-page-next {
	background-image: url(../images/icon/paging_next.png);
}
.ivu-page-item-jump-next,
.ivu-page-item-jump-prev {
	background-image: url(../images/icon/paging_expand.png);
/* 	transition: background .1s; */
	transition: none;
}
.ivu-page-item-jump-next:hover {
/* 	background-image: url(../images/icon/paging_expand_on.png); */
}

/* signBox */
.signBox_btn {
  width: 110px;
  height: 40px;
  overflow: hidden;
  padding: 0;
  border: 1px solid #cb0000;
}

/* 애니메이션 */
.show {
  opacity: 1;
  display: block;
  animation: fadeIn .3s;
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.hide {
  animation: fadeOut .3s;
}
@keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
.hidden {
  display: none;
  opacity: 0;
}
.test991{
	display: none;
}


/* 데이터 로딩화면 */
.loading_screen {
	width: 100vw;
	height: 100vh;
	position: fixed;
/*     background-color: rgba(0, 0, 0, 0.5); */
	background: #fff;
    z-index: 801;
    opacity: 0.8;
    
    display: none;
}
.loading_screen .loading_wrap {
	position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    flex-direction: column;
    align-items: center;
}
.loading_screen .loading_wrap img {
	width: 20%;
}
.loading_screen .loading_wrap p {
	font-size: 17px;
    margin-top: 20px;
}

pre {
	font-family: inherit;
    font-size: inherit;
    white-space: pre-wrap;
}

.essentialCategory {
	color : #FF0000;
}