@charset "UTF-8";

/* 공통 */

body{
    font-family: 'Pretendard','Noto Sans KR','나눔고딕','Nanum Gothic','MalgunGothic','맑은고딕','돋움','Dotum','xeicon','sans-serif';
    width: 100%;
    height: 100%;
    position: absolute;
    font-size: 19px;
    overflow: hidden;
    color: #656565;
    font-weight: 300;
    /* letter-spacing: -0.2px; */
    box-sizing: border-box;
    min-width: 1200px;
}

table {
	border-collapse: collapse;
	word-break: break-all;
	word-wrap: break-word;
	table-layout: fixed;
}

pre {
	 overflow: auto;
	 white-space: pre-wrap;
	 text-align: left !important;
	 padding: 5.5px 6px;
	 text-align: center;
	 font-family: 'Noto Sans KR';
	 font-weight: 300;
}

textarea {
    border: 1px solid #ddd;
    width: 100%;
    resize: none;
    height: 100%;
    border-radius: 5px;
    box-sizing: border-box;
    vertical-align: middle;
    padding: 4px 8px;
    font-size: 19px;
    font-family: 'Pretendard';
    font-weight: 200;
}
textarea:focus {
	outline: 1px solid #a7b9e4;
}

/* 인풋 s */
input {
    font-family: 'Pretendard' !important;
    cursor: pointer;
    font-weight: 300;
    outline: 0;
    border: 1px solid #ddd;
    width: 100%;
    padding: 0 8px;
    height: 35px;
    border-radius: 5px;
    box-sizing: border-box;
    line-height: 35px;
    margin: 0;
    font-size: 16px;
}
input:focus {
	border-color: #a7b9e4;
	box-shadow: 0 0 0px 0px rgb(112 143 217);
	box-shadow: 0 0 0 0px -moz-mac-focusring;
	color: #222;
	outline: none;
}
input:-webkit-autofill,
    input:-webkit-autofill:hover,
    input:-webkit-autofill:focus,
    input:-webkit-autofill:active {
	 	 transition: background-color 5000s ease-in-out 0s;
		 -webkit-transition: background-color 9999s ease-out;
    	 -webkit-box-shadow: 0 0 0px 1000px white inset !important;
}
::placeholder {
	font-size: 16px;
	font-weight: 400;
	color: #969696;
}
/* 인풋 e */

/* 슬라이드바 s */
input[type="range"] {
    overflow: hidden;
    height: 15px;
    -webkit-appearance: none;
    /* margin: 10px 0; */
    width: 100%;
    background: #ffffff;
    padding: 0px;
    border-radius: 25px;
    border: 1px solid #a7b9e4;
}
input[type="range"]:focus {
	outline: none;
}
input[type="range"]::-webkit-slider-runnable-track {
    width: 100%;
    height: 100%;
    cursor: pointer;
	border-radius: 25px;
/*     border: 1px solid #a7b9e4; */
	border-radius: 25px;
}
input[type="range"]::-webkit-slider-thumb {
    -webkit-appearance: none;
    width: 12px;
    height: 12px;
    background: #ffffff;
	 border: 1px solid #a7b9e4;
	border-radius: 25px;
    box-shadow: 1px 1px 7px #ffffff;
    cursor: pointer;
	box-sizing: border-box;
    box-shadow: -100vw 0 0 100vw #a7b9e4;
}
/* 슬라이드바 e */

/* 체크박스 s */
input[type="checkbox"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: #fff;
  border-radius: 0px;
  cursor: pointer;
  height: 24px;
  outline: 0;
  width: 24px;
  border: 1px solid #aaa;
  margin-bottom: 0px;
  vertical-align: -5px;
  margin-right: 8px;
}
input[type="checkbox"]::after {
  border: solid #708fd9;
  border-width: 0px 4px 4px 0;
  content: '';
  display: none;
  height: 60%;
  left: -1px;
  position: relative;
  top: 2%;
  transform: rotate(45deg);
  width: 82%;
}
input[type="checkbox"]:checked {
  background: #ffffff;
}
input[type="checkbox"]:checked::after {
  display: block;
}
/* 체크박스 e */

/* 라디오 s */
input[type="radio"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: #fff;
  border-radius: 100%;
  cursor: pointer;
  height: 24px;
  outline: 0;
  width: 24px;
  border: 1px solid #ddd;
  margin-bottom: 0;
  vertical-align: -5px;
  margin-right: 5px;
}
input[type="radio"]::after {
  border: solid #708fd9;
  /* border-width: 0 3px 3px 0; */
  content: '';
  display: none;
  height: 8px;
  left: -4px;
  position: relative;
  top: 4px;
  background: #708fd9;
  width: 8px;
  border-radius: 100%;
}
input[type="radio"]:checked {
  background: #ffffff;
}
input[type="radio"]:checked::after {
  display: block;
}
/* 라디오 e */

/* 첨부파일 s */
.filebox label {
  display: inline-block;
  color: #fff;
  line-height: normal;
  vertical-align: middle;
  background-color: #1572e8;
  cursor: pointer;
  border: 1px solid #ebebeb;
  border-bottom-color: #e2e2e2;
  border-radius: 5px;
  padding: 0 25px;
  height: 34px;
  line-height: 34px;
  margin-left: 7px;
  box-sizing: border-box;
}
.filebox input[type="file"] {  
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip:rect(0,0,0,0);
  border: 0;
}
/* 첨부파일 e */

/* 버튼 s */
.btn_y:hover {
    box-shadow: inset 205px 0px 20px 0px hsl(34deg 64% 61%);
}
.btn_y {
} 
.btn_b:hover {
    box-shadow: inset 205px 0px 20px 0px #4d70c4;
}
.btn_b {
} 
/* 버튼 e */

/* 스크롤 s */
::-webkit-scrollbar-thumb {
  border-radius: 57px;
  background-color: rgba(0,0,0,.2);
  width: 10px;
  height: 10px;
  /* -webkit-box-shadow: inset 0 0 4px rgba(0,0,0,.1); */
}

::-webkit-scrollbar-track {
     background-color: #e9e9e9;
     height: 100px;
     margin-left: -6px;
  }
 ::-webkit-scrollbar-button {
 	width: 0px;
 	height: 0;
 }
::-webkit-scrollbar {
  width: 7px;
  height: 7px;
}
/* 스크롤 e */

/* 셀렉트 s */
select {
	font-family: inherit;
	background: #fff url('../css/img/select.png') no-repeat 94% 50%;
	border-radius: 0px;
	-webkit-appearance: none;
	moz-appearance: none;
	appearance: none;
	width: 100%;
	border: 1px solid #ddd;
	border-radius: 5px;
	height: 35px;
	padding: 0 8px;
	box-sizing: border-box;
	margin: 0;
	vertical-align: 1px;
}
select:focus {
  border-color: #0071b8;
  box-shadow: 0 0 0px 0px rgb(21 114 232);
  box-shadow: 0 0 0 0px -moz-mac-focusring; 
  color: #222;
  outline: none;
}
option {
  /* padding: 27px; */
  /* font-size: 14px; */
  color: #fff;
  background: #a7b9e4;
}
/* 셀렉트 e */

/* 온/오프 버튼 s */
.switch {
    /* display: inline-block; */
    width: 80px;
    height: 22px;
}
.switch-label {
    width: 56px;
}
.switch-input {
    display: none;
}
.switch-info .switch-input:checked + .switch-slider {
    background-color: #708fd9;
    border-color: #a7b9e4;
}
.switch-slider {
    position: relative;
    display: block;
    height: inherit;
    cursor: pointer;
    background-color: #f6f6fe;
    border: 1px solid #a7b9e4;
    transition: .15s ease-out;
    border-radius: 1.25rem;
    width: 50px;
}
.switch-info .switch-input:checked + .switch-slider::before {
    border-color: #708fd9;
}
.switch-label .switch-input:checked ~ .switch-slider::before {
    -webkit-transform: translateX(22px);
    transform: translateX(25px);
}
.switch-label .switch-slider::before {
    z-index: 2;
}
.switch-slider::before {
    position: absolute;
    top: 3px;
    left: 5px;
    box-sizing: border-box;
    width: 16px;
    height: 16px;
    content: "";
    background-color: #fff;
    border: 1px solid #a7b9e4;
    transition: .15s ease-out;
    border-radius: 0.125rem;
    border-radius: 28px;
}
.switch-label .switch-input:checked ~ .switch-slider::after {
    left: 1px;
    color: #fff;
    content: attr(data-checked);
}
.switch-label .switch-slider::after {
    position: absolute;
    top: 50%;
    right: 1px;
    z-index: 1;
    width: 58%;
    margin-top: -.5em;
    font-size: 15px;
    /* font-weight: 400; */
    line-height: 1;
    color: #708fd9;
    text-align: center;
    text-transform: uppercase;
    content: attr(data-unchecked);
    transition: inherit;
}
/* 온/오프 버튼 e */


* { 
	margin: 0 auto; 
	padding: 0; 
}

a {
	text-decoration: none;
	color: #bbb;
	display: block;
}

ul { 
	list-style: none; 
}

button { 
	border: 0px; 
	outline: 0px; 
}
 
.img {
	background-repeat: no-repeat;
	background-size: cover;
}
 
.fl { 
	float: left; 
}
.fr {
	float: right;
}
.cf {
	content: ""; 
	display: block; 
	clear: both; 
}

/* 페이지 s */
.page_01 {
	background: #fff url("./img/page_01.png") no-repeat 50% 50%;
	/* width: 40px; */
	/* height: 40px; */
	/* border: 1px solid #ddd; */
	/* border-radius: 5px; */
}
.page_02 {
	background: #fff url("./img/page_02.png") no-repeat 50% 50%;
	width: 60px;
	height: 50px;
}
.page_03 {
	background: #fff url("./img/page_03.png") no-repeat 50% 50%;
	width: 60px;
	height: 50px;
}
.page_04 {
	background: #fff url("./img/page_04.png") no-repeat 50% 50%;
	width: 60px;
	height: 50px;
}
/* 페이지 e */

/* on/off s */
.on {
	display: block !important;
}
.off {
	display: none !important;
}
/* on/off e */

/* 폰트칼라 s */
.color {
	color: #708FD9;
	font-weight: 400;
}
.color.on {
	color: #708FD9;
}
.color_off {
	color: #fff;
}
/* 폰트칼라 e */

/* 배경칼라 s */
.back_blue {
	background: #708FD9;
	color: #fff;
}
.back_orange {
	background: #E9BD83 !important;
	color: #fff;
}
.border_orange {
	border: 1px solid #E9BD83;
	color: #E9BD83;
}

.back_gray {
	background: #C5C5CB;
	color: #fff;
}
/* 배경칼라 e */

.dot {	
	height: 35px;		
	line-height: 35px;		
	width: 20px;		
	text-align: center;
}
.strong {
	font-weight: 600;
}
.w_cutting {
	width: 47%;
}
.h_16 {
	height: 15px;
	line-height: 15px;
}
.h_34 {
	height: 34px;
	line-height: 34px;
}
.w_100 {
	 width: 100% !important;
}
.w_25 {
	width: 25% !important;
	position: relative;
}
.w_240 {
	width: 240px !important;
}
.w_720 {
	width: 720px !important;
}
.w_2 {
	width: 20% !important;
}
.p_8 {
	padding: 0 8px !important;
	box-sizing: border-box;
}
.p_0 {
	padding: 0 !important;
}
.b_0 {
	border: 0 !important;
}
.b_r_0 {
	border-right: none;
}
.m_4 {
	margin: 0 4.75px;
}
.m_l_4 {
	margin-left: 4px !important;
}
.m_l_5 {
	margin-left: 5px !important;
}
.m_l_8 {
	margin-left: 8px;
}
.m_l_10 {
	margin-left: 10px;
}
.m_l_15 {
	margin-left: 15px;
}
.m_l_20 {
	margin-left: 20px;
}
.m_l_25 {
	margin-left: 25px;
}
.m_r_4 {
	margin-right: 4px;
}
.m_r_5 {
	margin-right: 5px;
}
.m_r_6 {
	margin-right: 6px;
}
.m_r_8 {
	margin-right: 8px;
}
.m_r_10 {
	margin-right: 10px;
}
.m_r_12 {
	margin-right: 12px;
}
.m_r_15 {
	margin-right: 15px;
}
.m_r_25 {
	margin-right: 25px;
}
.m_t_5 {
	margin-top: 5px !important;
}
.m_t_8 {
	margin-top: 8px !important;
}
.m_t_10 {
	margin-top: 10px !important;
}
.m_b_5 {
	margin-bottom: 5px;
}
.m_b_8 {
	margin-bottom: 8px;
}
.m_b_15 {
	margin-bottom: 15px;
}
.m_b_20 {
	margin-bottom: 20px;
}
.bbb {
	color: #bbb;
}




/* 헤더 s */
.header {
	
}
.header > .h_search {
	position: absolute;
	top: 32px;
	left: 50%;
	transform: translate(-50%, 0px);
	/* width: 988px; */
	height: 50px;
	box-sizing: border-box;
	z-index: 1000;
	box-sizing: border-box;
	transition: 0.5s;
	/* box-shadow: 1px 1px 5px #5a5a5a2b; */
}
.header > .h_search > .search_select {
	position: absolute;
	width: 160px;
	box-sizing: border-box;
	z-index: 100;
}
.header > .h_search > .search_select select {
	height: 50px;
	line-height: 50px;
	border: 0;
	border-radius: 50px;
	color: #D2D2D2;
	font-size: 20px;
	text-align: center;
	cursor: pointer;
}
.header > .h_search > .search_txt {
	width: 800px;
	height: 50px;
	position: relative;
	transition: 0.5s;
	/* box-shadow: 1px 1px 5px #5a5a5a2b; */
}
.header > .h_search > .search_txt input {
	width: 800px;
	height: 50px;
	padding: 0 70px 0 180px;
	border: 1px solid #fff;
	border-radius: 50px;
	box-shadow: 1px 1px 5px #5a5a5a2b;
}
.header > .h_search > .search_txt > .search_01 {
	background: url("./img/search_01.png") no-repeat 50%;
	width: 40px;
	height: 40px;
	position: absolute;
	right: 28px;
	top: 4px;
	cursor: pointer;
}
.header > .h_search > .search_txt input::placeholder {

}
.header > .h_search > .button {
	width: 180px;
	height: 50px;
	line-height: 50px;
	margin-left: 8px;
	border-radius: 50px;
	background: #a7b9e4;
	color: #fff;
	cursor: pointer;
	padding-left: 30px;
	box-sizing: border-box;
}
.header > .h_search > .button .search_open {
	background: url("./img/search_open.png") no-repeat 50%;
	width: 20px;
	height: 20px;
	position: absolute;
	top: 14px;
	right: 24px;
}
.header > .h_logout {
	position: absolute;
	top: 32px;
	right: 32px;
	z-index: 1;
}
.header > .h_logout > .info_white {
	background-image: url("./img/info_white.png");
	background-repeat: no-repeat;
	background-position: center;
	background-color: #708FD9;
	width: 50px;
	height: 50px;
	text-align: center;
	box-sizing: border-box;
	border-radius: 50px;
	cursor: pointer;
}
.header > .h_logout > .log_out {
	background-image: url("./img/log_out.png");
	background-repeat: no-repeat;
	background-position: center;
	background-color: #708FD9;
	width: 50px;
	height: 50px;
	text-align: center;
	box-sizing: border-box;
	border-radius: 50px;
	cursor: pointer;
	margin-left: 8px;
}
/* 헤더 e */

/* 내비 s */
.nav {
	position: absolute;
	top: 0;
	left: 0;
	width: 350px;
	height: 165px;
	background: #F6F6FE;
	border-radius: 0 0 50px 0;
	box-sizing: border-box;
	transition: all 700ms cubic-bezier(0.4, 0, 0.2, 1);
	z-index: 1;
	box-shadow: 1px 1px 5px #5a5a5a2b;
}
.nav.on {
	height: 100%;
}
.nav > .h_logo {
	padding-top: 32px;
	padding-left: 32px;
	margin-bottom: 50px;
	transition: 1s;
}
.nav > .h_logo.on {
	margin-bottom: 25px !important;
}
.nav > .h_logo > .logo {
	background-image: url("./img/logo_02.png");
	background-repeat: no-repeat;
	background-position: center;
/* 	width: 94px; */
/* 	height: 22px; */
	margin-left: 0;
	margin-bottom: 10px;
	width: 100px;
    height: 26px;
    background-size: 120px 40px;
    image-rendering: -webkit-optimize-contrast;
    transform: translateZ(0);
    backface-visibility: hidden;
}
.nav > .h_logo > .title {
	font-size: 24px;
	font-weight: 700;
	color: #000000;
}
.nav > .h_logo > .title > span {
	color: #708FD9;
}
.nav > .nav_section {
	height: calc(100% - 245px);
	overflow-y: auto;
	overflow-x: hidden;
	width: 350px;
	padding: 0 5px 0 0;
	box-shadow: 0px 1px 5px #a0a0a02b;
}
.nav > .nav_section > .active {
	cursor: pointer;
	box-sizing: border-box;
	width: 350px;
}
.nav > .nav_section > .active > .txt:hover  {	
	background: #a7b9e454;		
}
.nav > .nav_section > .active > .txt.on {	

}
.nav > .nav_section > .active > .txt {
	position: relative;
	height: 60px;
	line-height: 60px;
	border-bottom: 1px solid #A7B9E4;
	box-sizing: border-box;
	color: #708FD9;
	font-weight: 400;
	transition: all 0.4s;
	box-sizing: border-box;
}
.nav > .nav_section > .active > .txt.on {
	border-bottom: 1px solid #A7B9E4;
	background: #A7B9E4;
	color: #fff;
	box-sizing: border-box;
}
.nav > .nav_section > .active > .txt > .color96 {
	color: #969696;
}
.nav > .nav_section > .active > .txt.on > .color96 {
	color: #fff;
}
.nav > .nav_section > .active > .txt > .icon_01 {
	background-image: url("./img/icon_05.png");
	background-repeat: no-repeat;
	background-position: center;
	width: 18px;
	height: 20px;
	margin: 20px 19px 20px 33px;
}
.nav > .nav_section > .active > .txt.on > .icon_01 {
	background-image: url("./img/icon_white_05.png");
}
.nav > .nav_section > .active > .txt > .icon_02 {
	background-image: url("./img/icon_01.png");
	background-repeat: no-repeat;
	background-position: center;
	width: 18px;
	height: 20px;
	margin: 20px 19px 20px 33px;
}
.nav > .nav_section > .active > .txt.on > .icon_02 {
	background-image: url("./img/icon_white_01.png");
}
.nav > .nav_section > .active > .txt > .icon_03 {
	background-image: url("./img/icon_02.png");
	background-repeat: no-repeat;
	background-position: center;
	width: 15px;
	height: 20px;
	margin: 20px 22px 20px 33px;
}
.nav > .nav_section > .active > .txt.on > .icon_03 {
	background-image: url("./img/icon_white_02.png");
}
.nav > .nav_section > .active > .txt > .icon_04 {
	background-image: url("./img/icon_03.png");
	background-repeat: no-repeat;
	background-position: center;
	width: 23px;
	height: 18px;
	margin: 21px 14px 21px 33px;
}
.nav > .nav_section > .active > .txt.on > .icon_04 {
	background-image: url("./img/icon_white_03.png");
}
.nav > .nav_section > .active > .txt > .icon_05 {
	background-image: url("./img/icon_04.png");
	background-repeat: no-repeat;
	background-position: center;
	width: 19px;
	height: 20px;
	margin: 20px 18px 20px 33px;
}
.nav > .nav_section > .active > .txt.on > .icon_05 {
	background-image: url("./img/icon_white_04.png");
}

.nav > .nav_section > .active > .txt > .icon_06 {
	background-image: url("./img/icon_06.png");
	background-size:contain;
	background-repeat: no-repeat;
	background-position: center;
	width: 19px;
	height: 20px;
	margin: 20px 18px 20px 33px;
}

.nav > .nav_section > .active > .txt.on > .icon_06 {
	background-image: url("./img/icon_white_06.png");
}

.nav > .nav_section > .active > .txt > .down {
	background-image: url("./img/down.png");
	background-repeat: no-repeat;
	background-position: center;
	width: 15px;
	height: 8px;
	margin: 26px 32px;
}
.nav > .nav_section > .active > .txt.on > .down {
	background-image: url("./img/up.png");
}
.nav > .nav_section > .active > .txt.on:after {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 10px;
	height: 60px;
	background: #708FD9;
	display: block;
	content: '';
}
.nav > .nav_section > .active > .active_content {
	display: none;
	background: #fff;
}
.nav > .nav_section > .active > .active_content > li {
	
}
.nav > .nav_section > .active > .active_content > .search {
	padding: 15px 20px;
}
.nav > .nav_section > .active > .active_content > .search select {
	background: #fff url(../css/img/select.png) no-repeat 96% 50%;
	font-size: 16px;
	color: #969696;
}
.nav > .nav_section > .active > .active_content > .search  .btn{
	
	/* padding: 15px; */		
	height: 42px;		
	display: flex;		
	justify-content: center;		
	align-items: center;		
	background: #708fd9;		
	border-radius: 10px;		
	color: #fff;
}
.nav > .nav_section > .active > .active_content > .search .button {
    display: table;
    margin-top: 20px;
}
.nav > .nav_section > .active > .active_content > .search .button > div {
    width: 153px;
    height: 35px;
    line-height: 35px;
    font-size: 16px;
    text-align: center;
    box-sizing: border-box;
    border-radius: 50px;
}
.nav > .nav_section > .active > .active_content > .scroll {
	padding: 15px 20px;
	display: flex;
	flex-direction: column;
	border-top: 1px solid #eee;
}
.nav > .nav_section > .active > .active_content > .scroll > span {
	margin: 0;
	font-size: 16px;
	/* margin-bottom: 10px; */
	border-bottom: 1px solid #ddd;
	padding-bottom: 10px;
}
.nav > .nav_section > .active > .active_content > .scroll > ul {
	width: 100%;
	display: flex;
	flex-direction: column;
}
.nav > .nav_section > .active > .active_content > .scroll > ul > li {
	width: 100%;
	display: flex;
	height: 35px;
	align-items: center;
	border-bottom: 1px solid #ddd;
}
.nav > .nav_section > .active > .active_content > .scroll > ul > li.on {
	background: #708FD9;
    color: #fff;
}
.nav > .nav_section > .active > .active_content > .scroll > ul > li:hover {
	background: #a7b9e454;
	color: #708fd9;
}
.nav > .nav_section > .active > .active_content > .scroll > ul > li > div:nth-child(1){
	width: 60px;
	display: flex;
	justify-content: center;
	color: #708fd9;
}
.nav > .nav_section > .active > .active_content > .scroll > ul > li > div:nth-child(2){
	width: calc(100% - 60px);
	display: flex;
	justify-content: center;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.nav > .nav_section > .active > .active_content > .scroll .number {
    /* display: table !important; */
    /* position: absolute; */
    bottom: 0;
    width: 100% !important;
    display: flex;
    justify-content: center;
    padding-top: 20px;
    /* padding-bottom: 20px; */
    background: #fff;
    flex-direction: row;
    margin: 0;
}
.nav > .nav_section > .active > .active_content > .scroll .number > li {
    width: 35px !important;
    height: 35px !important;
    border: 1px solid #ddd;
    border-radius: 5px;
    text-align: center;
    line-height: 35px;
    color: #ddd;
    margin: 0 2px;
    cursor: pointer;
    box-sizing: border-box;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 0 !important;
    display: flex;
    justify-content: center;
}
.nav > .nav_section > .active > .active_content > .scroll .number > li.on {
    background: #a7b9e4;
    color: #fff;
}
.nav > .nav_section > .active > .active_content > .scroll .number > div {
    width: 35px;
    height: 35px;
    border: 1px solid #ddd;
    border-radius: 5px;
    text-align: center;
    line-height: 35px;
    color: #ddd;
    margin: 0 2px;
    cursor: pointer;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center;
}
/* .nav > .nav_section > .active > .active_content > li {
    height: 60px; 
	line-height: 60px;
	border-bottom: 1px solid #D4DCF3;
	text-align: center;
	box-sizing: border-box; 
} */

/* .nav > .nav_section > .active > .active_content > li.on {
	color: #E9BD83;
	font-weight: 400;
	background: #FFF9F1;
	position: relative;
}
.nav > .nav_section > .active > .active_content > li.on:after {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 10px;
	height: 60px;
	background: #e9bd83;
	display: block;
	content: '';
} */
.nav > .nav_section > .active > .active_content > li > div {
	height: 60px;
	line-height: 60px;
	border-bottom: 1px solid #D4DCF3;
	text-align: center;
	box-sizing: border-box;
	font-weight: 400;
	position: relative;
}
.nav > .nav_section > .active > .active_content > li > div:after {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 10px;
	height: 60px;
	background: #708fd94f;
	display: block;
	content: '';
}
.nav > .nav_section > .active > .active_content > li > div.on {
	color: #E9BD83;
	font-weight: 400;
	background: #FFF9F1;
	position: relative;
	border-bottom: 0;
}
.nav > .nav_section > .active > .active_content > li > div.on:after {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 10px;
	height: 60px;
	background: #e9bd83;
	display: block;
	content: '';
}
.nav > .nav_section > .active > .active_content > li > div:last-child {

}
.nav > .nav_section > .active > .active_content > li:last-child {
	
} 
.nav > .nav_section > .active > .active_content > li > div > .point {
	width: 50px;
	text-align: center;
	font-weight: 600;
	margin-left: 15px;
}
.nav > .nav_section > .active > .active_content > li > .list {
	padding: 15px 20px;
	border-bottom: 1px solid #D4DCF3;
	display: none;
}
.nav > .nav_section > .active > .active_content > li > .list.on {
	display: block;
}
.nav > .nav_section > .active > .active_content > li > .list > .list_content {
	
}
.nav > .nav_section > .active > .active_content > li > .list > .list_content > div {
	border-radius: 50px;
	background: #F5F5F5;
	height: 35px;
	line-height: 35px;
	width: 100%;
	text-align: center;
	font-size: 16px;
	margin: 8px 0;
	color: #969696;
	font-weight: 400;
	cursor: pointer;
}
.nav > .nav_section > .active > .active_content > li > .list > .list_content > div.on {
	background: #708FD9;
	color: #fff;
}
.nav > .nav_section > .active > .active_content > li > .list > .button {
	display: table;
	margin-top: 20px;
}
.nav > .nav_section > .active > .active_content > li > .list > .button > div {
	width: 153px;
	height: 35px;
	line-height: 35px;
	font-size: 16px;
	text-align: center;
	box-sizing: border-box;
	border-radius: 50px;
}

.drop {
	background: url("./img/drop_off.png") no-repeat;
	width: 40px;
	height: 40px;
	background-size:contain;
	transform:rotate(180deg);
	cursor:pointer;
	margin-top:25px;
}

.drop.on {
	background: url("./img/drop_off.png") no-repeat;
	width: 40px;
	height: 40px;
	background-size:contain;
	transform:rotate(0deg);
	cursor:pointer;
	margin-top:10px;
}

/* 내비 e */

/* 아이콘 s */
.icon {
	position: absolute;
	right: 0;
	top: 140px;
	z-index: 1;
}
.icon > .location {
	background: #fff url("./img/location.png") no-repeat 50% 50%;
	background-color: #fff;
	width: 60px;
	height: 50px;
	border-radius: 50px 0 0 50px;
	margin-bottom: 8px;
	cursor: pointer;
	margin-right: 0;
	box-shadow: 1px 1px 5px #5a5a5a2b;
}
.icon > .location.on {
	background: #E9BD83 url("./img/location_white.png") no-repeat 35% 50%;
	width: 82px;
}
.icon > .map_i {
	background: #fff url("./img/map.png") no-repeat 50% 50%;
	background-color: #fff;
	width: 60px;
	height: 50px;
	border-radius: 50px 0 0 50px;
	margin-bottom: 8px;
	cursor: pointer;
	margin-right: 0;
	box-shadow: 1px 1px 5px #5a5a5a2b;
}
.icon > .map_i.on {
	background: #E9BD83 url("./img/map_white.png") no-repeat 35% 50%;
	width: 82px;
}
.icon > .layer {
	background: #fff url("./img/layer.png") no-repeat 50% 50%;
	width: 60px;
	height: 50px;
	border-radius: 50px 0 0 50px;
	margin-bottom: 8px;
	cursor: pointer;
	margin-right: 0;
	box-shadow: 1px 1px 5px #5a5a5a2b;
}
.icon > .map_ii.on {
	background: #E9BD83 url("./img/map_i_w.png") no-repeat 35% 50%;
	width: 82px;
}
.icon > .map_ii {
	background: #fff url("./img/map_i.png") no-repeat 50% 50%;
	width: 60px;
	height: 50px;
	border-radius: 50px 0 0 50px;
	margin-bottom: 8px;
	cursor: pointer;
	margin-right: 0;
	box-shadow: 1px 1px 5px #5a5a5a2b;
}
.icon > .width.on {
	background: #E9BD83 url("./img/width_w.png") no-repeat 35% 50%;
	width: 82px;
}
.icon > .width {
	background: #fff url("./img/Width.png") no-repeat 50% 50%;
	width: 60px;
	height: 50px;
	border-radius: 50px 0 0 50px;
	margin-bottom: 8px;
	cursor: pointer;
	margin-right: 0;
	box-shadow: 1px 1px 5px #5a5a5a2b;
}
.icon > .pint.on {
	background: #E9BD83 url("./img/pint_w.png") no-repeat 35% 50%;
	width: 82px;
}
.icon > .pint {
	background: #fff url("./img/print.png") no-repeat 50% 50%;
	width: 60px;
	height: 50px;
	border-radius: 50px 0 0 50px;
	margin-bottom: 8px;
	cursor: pointer;
	margin-right: 0;
	box-shadow: 1px 1px 5px #5a5a5a2b;
}
.icon > .layer.on {
	background: #E9BD83 url("./img/layer_white.png") no-repeat 35% 50%;
	width: 82px;
}
.icon > .rotation {
	background: #fff url("./img/rotation.png") no-repeat 50% 50%;
	background-color: #fff;
	width: 60px;
	height: 50px;
	border-radius: 50px 0 0 50px;
	margin-bottom: 8px;
	cursor: pointer;
	margin-right: 0;
	box-shadow: 1px 1px 5px #5a5a5a2b;
}
.icon > .rotation:hover {
	background: #E9BD83 url("./img/rotation_white.png") no-repeat 35% 50%;
	width: 82px;
}
.icon > .plus {
	background-image: url("./img/plus.png");
	background-repeat: no-repeat;
	background-position: center;
	background-color: #fff;
	width: 60px;
	height: 50px;
	border-radius: 50px 0 0 50px;
	margin-bottom: 8px;
	cursor: pointer;
	margin-right: 0;
	box-shadow: 1px 1px 5px #5a5a5a2b;
}
.icon > .plus:hover {
	background: #E9BD83 url("./img/plus_white.png") no-repeat 35% 50%;
	width: 82px;
}
.icon > .minus {
	background-image: url("./img/minus.png");
	background-repeat: no-repeat;
	background-position: center;
	background-color: #fff;
	width: 60px;
	height: 50px;
	border-radius: 50px 0 0 50px;
	cursor: pointer;
	margin-right: 0;
	box-shadow: 1px 1px 5px #5a5a5a2b;
}
.icon > .minus:hover {
	background: #E9BD83 url("./img/minus_white.png") no-repeat 35% 50%;
	width: 82px;
}
/* 아이콘  e */

/* 지도 s */
.map {
	width: 100%;
	height: 100%;
	background: #fff;
	position: absolute;
}
.map > .ol-viewport > .ol-overlaycontainer-stopevent > .ol-overlay-container > .detailpage_list {
	
background: #fff;
	
box-sizing: border-box;
	
padding: 5px;
	
border-radius: 10px;
	
border: 1px solid #ddd;
	
width: 212px !important;
}
.map > .ol-viewport > .ol-overlaycontainer-stopevent > .ol-overlay-container > .detailpage_list > input {
	border: 1px solid #ddd;
	color: #f9f9f9;
	margin: 2.5px;
	box-sizing: border-box;
	width: 194px;
	background: #e9bd83;
	border: none;
	font-weight: 400;
}

.ol-scale-line {
    background: rgba(0,60,136,.3);
    border-radius: 4px;
    bottom: 8px;
    right: 8px;
    padding: 2px;
    position: absolute;
    left: inherit;
}
/* 지도 e */

/* 내비상세선택  s */
.nav_detail {
	position: absolute;
	bottom: 0;
	left: 0;
	padding: 15px;
	width: 100%;
	box-sizing: border-box;
	transition: 0.4s;
}
.nav_detail.on {
	width: calc(100% - 350px);
	right: -350px;
}
.nav_detail > li {
	padding: 6px 15px;
	color: #fff;
	border-radius: 23px;
	margin-bottom: 5px;
}
.nav_detail > li > span{
    transform: rotate(26deg);
    font-size: 40px;
    /* width: 35px; */
    height: 11px;
    box-sizing: border-box;
    -webkit-transform: rotate(134deg);
    display: inline-block;
    line-height: 0px;
    cursor: pointer;
    font-weight: 100;
    }
.nav_detail > li.yellow{
	background: #ECA950;
}
.nav_detail > li.purple{
	background: #708FD9;
}
.nav_detail > li.blue{
	background: #51D0FF;
}

.nav_detail > li.green{
	background: #46E762;
}
.nav_detail > li.pink{
	background: #B54EA0;
}

.nav_detail > li.pink2{
	background: #8B008B;
}
/* 내비상세선택  e */


/* 팝업  s */
.popup {
	
}
.popup .x {
	background: #a7b9e4 url("./img/x.png") no-repeat 50% 50%;
	width: 60px;
	height: 50px;
	position: absolute;
	right: -60px;
	padding: 0px;
	box-sizing: border-box;
	border-radius: 0 50px 50px 0;
	cursor: pointer;
	top: 35px;
}
.popup .edit {
	background: #f6f6fe url(./img/edit.png) no-repeat 50% 50%;
	width: 60px;
	height: 50px;
	position: absolute;
	right: -60px;
	padding: 0px;
	box-sizing: border-box;
	border-radius: 0 50px 50px 0;
	cursor: pointer;
	top: 94px;
}
.popup .edit.on {
	display: none !important;
}
.popup .edit:hover {
	background: #708FD9 url(./img/edit_W.png) no-repeat 50% 50%;
	width: 60px;
	height: 50px;
	position: absolute;
	right: -60px;
	padding: 0px;
	box-sizing: border-box;
	border-radius: 0 50px 50px 0;
	cursor: pointer;
	top: 94px;
}
/* 팝업 버튼 s */
.popup .btn {
	display: table;
	margin-top: 15px;
	margin-bottom: 15px;
	/* position: sticky; */
	/* bottom: 0; */
}
.popup .btn > div {
	width: 180px;
	height: 50px;
	line-height: 50px;
	box-sizing: border-box;
	text-align: center;
	border-radius: 25px;
	cursor: pointer;
}
/* 팝업 페이지숫자 s */
.popup .number {	
	display: table;
}
.popup .number > div {
	width: 35px;
	height: 35px;
	border: 1px solid #ddd;
	border-radius: 5px;
	text-align: center;
	line-height: 35px;
	color: #ddd;
	margin: 0 2px;
	cursor: pointer;
}

.popup .number > li {
	width: 35px;
	height: 35px;
	border: 1px solid #ddd;
	border-radius: 5px;
	text-align: center;
	line-height: 35px;
	color: #ddd;
	margin: 0 2px;
	cursor: pointer;
	/* box-sizing: border-box; */
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.popup .number > li._on { 
	background: #a7b9e4;
	color: #fff;
	
}
.popup .number > li.on { 
	background: #a7b9e4;
	color: #fff;
	
}
/* 팝업 체크박스 s */
.popup input[type="checkbox"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: #fff;
    border-radius: 3px;
    cursor: pointer;
    height: 22px;
    outline: 0;
    width: 22px;
    border: 1px solid #ddd;
    margin-bottom: 0px;
    vertical-align: -5px;
    margin-right: 4px;
}
.popup input[type="checkbox"]:checked::after {
    display: block;
}
.popup input[type="checkbox"]::after {
    border: solid #708fd9;
    border-width: 0px 3px 3px 0;
    content: '';
    display: none;
    height: 70%;
    left: -2.5px;
    position: relative;
    top: -4%;
    transform: rotate(45deg);
    width: 150%;
}
/* 팝업 타이틀 s */
.popup .title {
	font-size: 20px;
	font-weight: 500;
	color: #708FD9;
	margin-bottom: 15px;
	height: 24px;
}
/* 상세 타이틀 s */
.popup .txt {
	color: #708FD9;
	position: relative;
	height: 60px;
	font-weight: 400;
}
.popup .txt > .title {
	font-size: 22px;
	height: 60px;
	line-height: 60px;
	/* border-bottom: 1px solid #a7b9e47d; */
	padding: 0 15px;
	cursor: pointer;
}

/* 배경지도 s */
.popup > .back_map {
	/* display: none; */
	background: #ffffff;
	/* height: 100%; */
	position: absolute;
	top: 30%;
	right: 150px;
	z-index: 100;
	border-radius: 20px;
	padding: 15px;
	transition: 0.3s;
	opacity: 0;
	pointer-events: none;
	box-shadow: 1px 1px 5px #5a5a5a2b;
}
.popup > .back_map.on {
	/* display: block; */
	opacity: 1;
	pointer-events: all;
}
.popup > .back_map > ul {
	display: table;
	border-collapse:collapse; 
	border: 1px solid #A7B9E4;
	background: #fff;
}
.popup > .back_map > ul > li {
	display: table-row;
	border-collapse: collapse;
}
.popup > .back_map > ul > li > div {
	display: table-cell;
	padding: 10px;
	border: 1px solid #A7B9E4;
	background: #fff;
	text-align: center;
	color: #708FD9;
	font-weight: 400;
	cursor: pointer;
}
.popup > .back_map > ul > li > div.on {
	background: #708FD9;
	color: #fff;
	display: table-cell !important;
}
.popup > .back_map > ul > li > div > label {
	cursor: pointer;
}
.popup > .back_map > ul > li > div > label > input {
	display: none;
}
.none {
	background: #F6F6FE;
	border: 1px solid #A7B9E4;
	width: 125px;
	height: 66px;
	box-sizing: border-box;
}
.nomal {
	background: #fff url("./img/nomal.png") no-repeat 50% 50%;
	width: 125px;
	height: 66px;
}
.satellite {
	background: #fff url("./img/satellite.png") no-repeat 50% 50%;
	width: 125px;
	height: 66px;
}
.hybrid {
	background: #fff url("./img/hybrid.png") no-repeat 50% 50%;
	width: 125px;
	height: 66px;
}
/* 배경지도 e */

/**측정도구 s**/
.popup > .measure {
	/* display: none; */
	background: #ffffff;
	/* height: 100%; */
	position: absolute;
	top: 30%;
	right: 150px;
	z-index: 100;
	border-radius: 20px;
	padding: 15px;
	transition: 0.3s;
	opacity: 0;
	pointer-events: none;
	box-shadow: 1px 1px 5px #5a5a5a2b;
}
.popup > .measure.on {
	/* display: block; */
	opacity: 1;
	pointer-events: all;
}
.popup > .measure > ul {
	display: table;
	border-collapse:collapse; 
	border: 1px solid #A7B9E4;
	background: #fff;
}
.popup > .measure > ul > li {
	display: table-row;
	border-collapse: collapse;
}
.popup > .measure > ul > li > div {
	display: table-cell;
	padding: 10px;
	border: 1px solid #A7B9E4;
	background: #fff;
	text-align: center;
	color: #708FD9;
	font-weight: 400;
	cursor: pointer;
}
.popup > .measure > ul > li > div.on {
	background: #708FD9;
	color: #fff;
	display: table-cell !important;
}
.popup > .measure > ul > li > div > label {
	cursor: pointer;
}
.popup > .measure > ul > li > div > label > input {
	display: none;
}
/**측정도구 e**/

/* 레이어 s */
.popup > .layer {
	/* display: none; */
	background: #ffffff;
	width: 328px;
	height: 500px;
	position: absolute;
	top: 30%;
	right: 150px;
	z-index: 100;
	border-radius: 20px;
	padding: 15px 0;
	box-sizing: border-box;
	opacity: 0;
	transition: 0.3s;
	pointer-events: none;
	box-shadow: 1px 1px 5px #5a5a5a2b;
}
.popup > .layer.on {
	/* display: block; */
	opacity: 1;
	pointer-events: all;
}
.popup > .layer > .title {
	
margin: 0 15px;
	
margin-bottom: 10px;
}
.popup > .layer > .layer_content_1 {	
	height: 434px;		
	overflow-x: hidden;		
	overflow-y: auto;		
	/* padding: 10px; */		
	box-sizing: border-box;		
	/* width: 100%; */		
	/* width: 306px; */	
	padding: 0 15px;
}
.popup > .layer > .layer_content_1 > .list {
	width: 298px;
	margin-bottom: 2px;
}
.popup > .layer > .layer_content_1 > .list > .line {
	height: 40px;
	line-height: 40px;
	background: #fff;
	border: 1px solid #A7B9E4;
	width: 100%;
	padding: 0 10px;
	font-size: 18px;
	font-weight: 400;
	cursor: pointer;
	transition: 0.5s;
}
.popup > .layer > .layer_content_1 > .list > .line:hover {
	background: #a7b9e454;
	color: #708FD9;
}
.popup > .layer > .layer_content_1 > .list > .line.on {
	background: #708FD9;
	color: #fff;
}
.popup > .layer .list_down {
	background: url("./img/list_down.png") no-repeat 50% 50%;
	width: 15px;
	height: 40px;
}
.popup > .layer .line.on > .list_down {
	background: url("./img/list_up.png") no-repeat 50% 50%;
	width: 15px;
	height: 35px;
}
.popup .list_content_1 {
	padding: 2px 0;
	display: none;
}
.popup .list_content_1.on {
	padding: 4px 0;
	display: none;
}
.popup .list_content_1 > .own_list_content.on {
	display: block;
}
.popup .list_content_1 > .own_list_content > .own_list {
	
	height: 40px;	
	line-height: 40px;	
	padding: 0 10px;	
	cursor: pointer;
	font-size: 18px;
}
.popup .list_content_1 > .own_list_content > .own_list {
	height: 40px;
	line-height: 40px;
	padding: 0 10px;
	cursor: pointer;
	font-size: 18px;
	width:100%;
}
.popup .list_content_1 > .own_list_content > div > .legend {
	background: #a7b9e4;
	width: 24px;
	height: 24px;
	line-height: 24px;
	border-radius: 36px;
	color: #ffffff;
	text-align: center;
	margin: 8px 1px;
	/* border: 1px solid #708fd9; */
	position: relative;
}
.popup .list_content_1 > .own_list_content > div > .legend.on {
	background: #708FD9;
}
.popup .list_content_1 > .own_list_content > div > .legend > .legend_popup.on {
	display: block;
}
.popup .list_content_1 > .own_list_content > div > .legend > .legend_popup {
	background: #fff;
	width: 290px;
	min-height: 120px;
	line-height: 24px;
	border-radius: 5px;
	color: #ffffff;
	text-align: center;
	margin: 8px 1px;
	border: 1px solid #dfdfdf;
	position: absolute;
	top: 32px;
	right: -40px;
	max-height: 80px;
	margin: 0;
	padding: 15px 0;
	overflow: auto;
	display: none;
	z-index: 1;
}
.popup .list_content_1 > .own_list_content > div > .legend > .legend_popup > .title {
	color: #708fd9;
	text-align: left;
	/* border-bottom: 1px solid #708fd9; */
	padding: 0 15px;
}
.popup .list_content_1 > .own_list_content > div > .legend > .legend_popup > .line {
	width: 100%;
	height: 15px;
	margin-top: 10px;
	padding: 0 15px;
	box-sizing: border-box;
}
.popup .list_content_1 > .own_list_content > .layer_content_2 {
	/* padding: 11px 0; */
	/* background: #f6f6fe; */
}
.popup .list_content_1 > .own_list_content > .own_list.on .list_down {
	background: url("./img/list_down.png") no-repeat 50% 50%;
	width: 15px;
	height: 40px;
	transform: rotate(-180deg);
}
.popup .list_content_1 > .own_list_content > .layer_content_2 > .list_content_2:first-child {border-top: 1px solid #a7b9e4;padding-top: 10px;}
.popup .list_content_1 > .own_list_content > .layer_content_2 > .list_content_2:last-child {border-bottom: 1px solid #a7b9e4;padding-bottom: 8px;}
.popup .list_content_1 > .own_list_content > .layer_content_2 > .list_content_2 {
	padding-left: 22px;
	display: none;
	box-sizing: border-box;
}
.popup .list_content_1 > .own_list_content > .layer_content_2 > .list_content_2.on {
	display: block;
}
.popup .list_content_1 > .own_list_content > .layer_content_2 > .list_content_2 > .two_list_content {
}
.popup .list_content_1 > .own_list_content  > .layer_content_2 > .list_content_2 > .two_list_content > div {
	height: 34px;
	line-height: 34px;
	padding: 0 10px;
	cursor: pointer;
	box-sizing: border-box;
	font-size: 18px;
	border: none;
}
.popup .list_content_1 > .own_list_content  > .layer_content_2 > .list_content_2 > .two_list_content .legend {
	background: #a7b9e4;
	width: 24px;
	height: 24px;
	line-height: 24px;
	border-radius: 36px;
	color: #ffffff;
	text-align: center;
	margin: 4px 0px;
	/* border: 1px solid #708fd9; */
	position: relative;
	padding: 0;
}
.popup .list_content_1 > .own_list_content  > .layer_content_2 > .list_content_2 > .two_list_content .legend.on {
	    background: #708FD9;
}
.popup .list_content_1 > .own_list_content  > .layer_content_2 > .list_content_2 > .two_list_content .legend_popup {
	background: #fff;
	width: 221px;
	height: auto;
	/*2024.01.16 지인 s*/
	max-height:140px;
	line-height: 24px;
	border-radius: 5px;
	color: #ffffff;
	text-align: center;
	margin: 8px 1px;
	border: 1px solid #dfdfdf;
	position: absolute;
	top: 32px;
	right: -12px;
	
	margin: 0;
	padding: 15px 0;
	overflow: auto;
	display: none;
	z-index: 1;
}
.popup .list_content_1 > .own_list_content  > .layer_content_2 > .list_content_2 > .two_list_content .legend_popup.on {
	display: block;
}
.popup .list_content_1 > .own_list_content  > .layer_content_2 > .list_content_2 > .two_list_content .legend_popup > .title {
    color: #708fd9;
    text-align: left;
    /* border-bottom: 1px solid #708fd9; */
    padding: 0 15px;
}


.popup .list_content_1 > .own_list_content  > .layer_content_2 > .list_content_2 > .two_list_content .legend_popup > .line {
    width: 100%;
	height:20px;;
    margin-top: 10px;
    padding: 0 15px;
    box-sizing: border-box;
}
.popup .list_content_2 > .two_list_content > .list_content_3 {
	display: none;
	padding-left: 25px;
}
.popup .list_content_2 > .two_list_content > .two_list.on {		
	display: block;
}
.popup .list_content_2 > .two_list_content > .two_list.on .list_down {
	background: url("./img/list_down.png") no-repeat 50% 50%;
	width: 15px;
	height: 35px;
	transform: rotate(-180deg);
}
.popup .list_content_2 > .two_list_content > .list_content_3 > li {
	
}
.popup .list_content_2 > .two_list_content > .list_content_3 > li >  div {
	height: 40px;
	line-height: 40px;
	padding: 0 10px;
	cursor: pointer;
	font-size: 18px;
}
.popup .list_content_2 > .two_list_content > .list_content_3 > li > .range {
	height: 30px;
	line-height: 30px;
	padding: 0 10px;
	cursor: pointer;
	font-size: 17px;
}
.popup .two_list_content  > .layer_content_3  {
	height: auto !important;
	padding-left: 32px !important;
	display: none;
	background: #f6f6fe;
	padding-top: 8px !important;
	border-radius: 15px;
	width: 276px;
}
.popup .two_list_content  > .layer_content_3 > .list_content_3 {
	
}

/* 레이어 e */

/* 통합검색 s */
.popup > .all_search {
/* 	background: #00000057; */
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
 	z-index: 100; 
	opacity: 0;
	transition: 0.5s;
	pointer-events: none;
}
.popup > .integratedSearchModal_all_search {
	height: auto;
    width: 1000px;
    max-height: 1010px;
    background: #fff;
    position: absolute;
    left: calc(50% - 500px);
    top: calc(50% - 397px);
    border-radius: 20px;
    box-shadow: 1px 1px 5px #5a5a5a2b;
    padding-bottom: 15px;
}
.popup > .all_search.on {
	opacity: 1;
  	pointer-events: all; 
}
.popup > .all_search > .page {
	/* width: 1000px; */
	/* max-height: 1010px; */
	/* background: #fff; */
	/* position: absolute; */
	/* left: calc(50% - 500px); */
	/* top: calc(50% - 470px); */
	/* border-radius: 20px; */
	/* box-shadow: 1px 1px 5px #5a5a5a2b; */
	/* padding-bottom: 15px; */
}
.popup > .all_search > .page .detail_button {
	font-size: 22px;
	height: 35px;
	line-height: 35px;
	/* border-bottom: 1px solid #a7b9e47d; */
	padding: 0 28px;
	cursor: pointer;
	background: #e9bd83;
	color: #fff;
	border-radius: 50px;
	margin: 14px 0;
	font-size: 18px;
}
.popup > .all_search .detail_Search {
	/* width: 100%; */
	margin: 0 20px;
	/* height: 146px; */
	/* background: #f6f6fe; */
	border-radius: 15px;
	/* padding: 0 20px; */
	/* margin-bottom: 15px; */
}
.popup > .all_search .detail_Search > li{
	width: 100%;
	background: #f6f6fe;
	padding: 20px;
	box-sizing: border-box;
	margin-bottom: 15px;
	border-radius: 20px;
}
.popup > .all_search .detail_Search .detail_several_checkbox {
	display: none;
	margin-top: 35px;
	width: 928px;
	max-height: 140px;
	overflow-y: auto;
	overflow-x: hidden;
}
.popup > .all_search .detail_Search .detail_several_checkbox.on {
	display: block;
}
.popup > .all_search .detail_Search .several_checkbox {
	height: 24px;
}
.popup > .all_search .detail_Search .several_checkbox > div {
	margin-top: 5px;
	width: 184px;
	margin-left: 0px;
}
.popup > .all_search .detail_Search .detail_Search_button {
	display: table;
	margin-top: 15px;
	height: 35px;
}
.popup > .all_search .detail_Search .detail_Search_button li{
	/* width: 100%; */
	/* margin: 0 20px; */
	height: 46px;
	/* background: #f6f6fe; */
	border-radius: 15px;
	padding: 0 20px;
	/* margin-bottom: 15px; */
	width: 153px;
	height: 35px;
	line-height: 35px;
	font-size: 16px;
	text-align: center;
	box-sizing: border-box;
	border-radius: 50px;
	cursor: pointer;
}
.popup > .all_search .list_down {
    background: url(./img/list_down.png) no-repeat 50% 50%;
    width: 20px;
    height: 25px;
    cursor: pointer;
}
.popup > .all_search .list_down.on {
    background: url(./img/list_down.png) no-repeat 50% 50%;
    width: 20px;
    height: 25px;
    cursor: pointer;
    -ms-transform: rotate(90deg); /* IE 9 */
    -webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */
    transform: rotate(180deg);
}
.popup > .all_search > .page > .title_search {
	
margin: 0px 15px;
	
height: 45px;
	
box-sizing: border-box;
	
border-bottom: 1px solid #a7b9e4;
}
.popup > .all_search > .page > .title_search > div {
	font-size: 16px;
	font-weight: 500;
	color: #708FD9;
	width: 192px;
	text-align: center;
	border: 1px solid #a7b9e4;
	height: 45px;
	line-height: 45px;
	box-sizing: border-box;
	border-radius: 15px 15px 0 0;
	cursor: pointer;
	background: #F6F6FE;
}
.popup > .all_search > .page > .title_search > div.on { 
	background: #708FD9;	
	color: #fff;
}
.popup > .all_search > .page > .page_search_tab > .page_search {
	display: none;
}
.popup > .all_search > .page > .page_search_tab > .page_search.on {
	display: block;
}
.popup > .all_search > .page > .page_search_tab > .page_search > .section {
	width: 100%;
	height: calc(100% - 158px);
	padding: 0 15px;
	box-sizing: border-box;
	overflow-x: hidden;
	overflow-y: auto;
	/* margin: 10px 0; */
	margin-bottom: 15px;
}
.popup > .all_search > .page > .page_search_tab > .page_search > .section > .table {
	width: 970px;
	height: 600px;
}
.popup > .all_search > .page > .page_search_tab > .page_search > .section > .table > li {
	border-bottom: 1px solid #ddd;
	padding: 10px;
	cursor: pointer;
	height: 220px;
	box-sizing: border-box;
}

.popup > .all_search > .page > .page_search_tab > .page_search > .section > .table > li:last-child {
	border-bottom: 1px solid #ddd;
}
.popup > .all_search > .page > .page_search_tab > .page_search > .section > .table > li > .title {
	font-weight: 500;
	color: #E9BD83;
	margin-bottom: 8px;
}
.popup > .all_search > .page > .page_search_tab > .page_search > .section > .table > li > ul {
	width: 100%;
	height: 26px;
}
.popup > .all_search > .page > .page_search_tab > .page_search > .section > .table > li > ul > .bbb > span{
	width: 33px;
	display: inline-block;
}
.popup > .all_search > .page > .page_search_tab > .page_search > .section > .table > li > .textarea {
	margin-top: 8px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: normal;
	word-wrap: break-word;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	line-height: 26px;
}
.popup > .all_search > .page > .page_search_tab > .page_search > .section > .table > .number_txt {
	background: #F6F6FE;
	font-weight: 400;
	color: #708fd9;
}
/* .popup > .all_search > .page > .page_search_tab > .page_search > .number {	
	display: table;
}
.popup > .all_search > .page > .page_search_tab > .page_search > .number > li {
	width: 35px;
	height: 35px;
	border: 1px solid #ddd;
	border-radius: 5px;
	text-align: center;
	line-height: 35px;
	color: #ddd;
	margin: 0 2px;
	cursor: pointer;
} */
/* 통합검색 e */

/*상세검색열기 s */
.popup > .detail_search {
	position: absolute;
	width: 1000px;
	top: 100px;
	background: #fff;
	left: calc(50% - 500px);
	/* height: 200px; */
	border-radius: 20px;
	display: none;
	padding: 28px;
	box-sizing: border-box;
	z-index: 1000;
	box-shadow: 1px 1px 5px #5a5a5a2b;
}
.popup > .detail_search.on {
	display: block;
}
.popup > .detail_search > ul {
	
}
.popup > .detail_search > ul > li {
	
}
.popup > .detail_search > ul > li > .title {
	font-weight: 400;
	color: #708FD9;
	margin-bottom: 8px;
	font-size: 18px;
}
.popup > .detail_search input[type="text"] {
	width: 304px;
	border: 1px solid #ddd;
}
.popup > .detail_search input[type="date"] {
	width: 142px;
	border: 1px solid #ddd;
}
.popup > .detail_search select {
	width: 304px;
	border: 1px solid #ddd;
	border-radius: 5px;
}
.popup > .detail_search .several_select > select {
	width: 150px;
	border: 1px solid #ddd;
	border-radius: 5px;
}
.popup > .detail_search > ul > li > .several_radio {
	
}
.popup > .detail_search > ul > li > .several_radio > .radio {	
	height: 35px;		
	line-height: 35px;
}
.popup > .detail_search > ul > li > .several_radio > .radio input[type="radio"] {
     -webkit-appearance: none;
     -moz-appearance: none;
     appearance: none;
     background: #fff;
     border-radius: 100%;
     cursor: pointer;
     height: 24px;
     outline: 0;
     width: 24px;
     border: 1px solid #ddd;
     margin-bottom: 0;
     vertical-align: -6px;
     margin-left: 2px;
     margin-right: 0px;
}
.popup > .detail_search > ul > li > .several_checkbox {
	
}
.popup > .detail_search > ul > li > .several_checkbox > .check {	
	height: 35px;		
	line-height: 35px;
}
/* .popup > .detail_search > ul > li > .several_checkbox > .check input[type="checkbox"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: #fff;
    border-radius: 3px;
    cursor: pointer;
    height: 24px;
    outline: 0;
    width: 24px;
    border: 1px solid #ddd;
    margin-bottom: 0px;
    vertical-align: -5px;
    margin-right: 2px;
} */
.popup > .detail_search > .button {
	display: table;
}
.popup > .detail_search > .button > li {
	width: 180px;
	height: 50px;
	line-height: 50px;
	box-sizing: border-box;
	border-radius: 50px;
	text-align: center;
	font-weight: 400;
	color: #fff;
	cursor: pointer;
}
/*상세검색열기 e */

/* 내비상세검색팝업 s */
.popup > .nav_section_list {
	position: absolute;
	display: none;
	top: 36%;
	left: 380px;
	background: #fff;
	z-index: 1000;
	border-radius: 20px;
	padding: 15px;
}
.popup > .nav_section_list.on {
	display: block;
}
.popup > .nav_section_list > .content_01 {
	display: none;
}
.popup > .nav_section_list > .content_01.on {
	display: block;
}
.popup > .nav_section_list > .content_01 > .table {
	display: table;
	border-collapse: collapse;
	border: 1px solid #A7B9E4;
}
.popup > .nav_section_list > .content_01 > .table > .section {
	display: table-row;
	border-collapse: collapse;
}
.popup > .nav_section_list > .content_01 > .table > .section li {
	width: 154px;
	height: 58px;
	line-height: 58px;
	font-weight: 400;
	text-align: center;
	background: #fff;
	border: 1px solid #A7B9E4;
	color: #708FD9;
	box-sizing: border-box;
	display: table-cell;
	border-collapse: collapse;
	cursor: pointer;
}
.popup > .nav_section_list > .content_01 > .table > .section li:hover {
	background: #a7b9e454;
}
.popup > .nav_section_list > .content_01 > .table > .section li.on {
	background: #708FD9;
	color: #fff;
	display: table-cell !important;
}
.popup > .nav_section_list > .content_02 {
	display: none;	
}
.popup > .nav_section_list > .content_02.on {
	display: block;	
}
.popup > .nav_section_list > .content_02 > .table {
	display: table;
	border-collapse: collapse;
	border: 1px solid #A7B9E4;
}
.popup > .nav_section_list > .content_02 > .table > .section {
	display: table-row;
	border-collapse: collapse;
}
.popup > .nav_section_list > .content_02 > .table > .section li {
	width: 154px;
	height: 116px;
	line-height: 116px;
	font-weight: 400;
	text-align: center;
	background: #fff;
	border: 1px solid #A7B9E4;
	color: #708FD9;
	box-sizing: border-box;
	display: table-cell;
	border-collapse: collapse;
	cursor: pointer;
}
.popup > .nav_section_list > .content_02 > .table > .section li:hover {
	background: #a7b9e454;
}
.popup > .nav_section_list > .content_02 > .table > .section li.on {
	background: #708FD9;
	color: #fff;
	display: table-cell !important;
}
.popup > .nav_section_list > .content_03 {
	display: none;	
}
.popup > .nav_section_list > .content_03.on {
	display: block;	
}
.popup > .nav_section_list > .content_03 > .tab {
}
.popup > .nav_section_list > .content_03 > .tab > .fix_tab {
	width: 150px;
	height: 230px;
	overflow-x: hidden;
	overflow-y: auto;  
	border: 1px solid #A7B9E4;
}
.popup > .nav_section_list > .content_03 > .tab > .fix_tab li {
	width: 148px;
	height: 38px;
	line-height: 38px;
	font-weight: 400;
	text-align: left;
	background: #fff;
	box-sizing: border-box;
	cursor: pointer;
	padding-left: 10px;
	font-size: 16px;
}
.popup > .nav_section_list > .content_03 > .tab > .fix_tab li:hover {
	background: #a7b9e454;
	color: #708FD9;
}
.popup > .nav_section_list > .content_03 > .tab > .fix_tab li.on {
	background: #708FD9;
	color: #fff;
}
.popup > .nav_section_list > .content_03 > .tab > .flow_tab {
	width: 150px;
	height: 230px;
	overflow-x: hidden;
	overflow-y: auto;  
	border: 1px solid #A7B9E4;
}
.popup > .nav_section_list > .content_03 > .tab > .flow_tab > li {
	display: none;
}
.popup > .nav_section_list > .content_03 > .tab > .flow_tab > li.on {
	display: none;
}
.popup > .nav_section_list > .content_03 > .tab > .flow_tab > li > div {
	width: 148px;
	height: 38px;
	line-height: 38px;
	font-weight: 400;
	text-align: left;
	background: #fff;
	box-sizing: border-box;
	cursor: pointer;
	padding-left: 10px;
	font-size: 16px;
}
.popup > .nav_section_list > .content_03 > .tab > .flow_tab > li > div:hover {
	background: #a7b9e454;
	color: #708FD9;
}
.popup > .nav_section_list > .content_03 > .tab > .flow_tab > li > div.on {
	background: #708FD9;
	color: #fff;
}
.popup > .nav_section_list > .content_04 {
	display: none;	
}
.popup > .nav_section_list > .content_04.on {
	display: block;	
}
.popup > .nav_section_list > .content_04 > .tab > .fix_tab {
	width: 150px;
	height: 230px;
	overflow-x: hidden;
	overflow-y: auto;
	border: 1px solid #A7B9E4;
	box-sizing: border-box;
}
.popup > .nav_section_list > .content_04 > .tab > .fix_tab li {
	width: 148px;
	height: 38px;
	line-height: 38px;
	font-weight: 400;
	text-align: left;
	background: #fff;
	box-sizing: border-box;
	cursor: pointer;
	padding-left: 10px;
	font-size: 16px;
}
.popup > .nav_section_list > .content_04 > .tab > .fix_tab li:hover {
	background: #a7b9e454;
	color: #708FD9;
}
.popup > .nav_section_list > .content_04 > .tab > .fix_tab li.on {
	background: #708FD9;
	color: #fff;
}
.popup > .nav_section_list > .content_04 > .tab > .flow_tab {
	width: 150px;
	height: 230px;
	overflow-x: hidden;
	overflow-y: auto;  
	border: 1px solid #A7B9E4;
}
.popup > .nav_section_list > .content_04 > .tab > .flow_tab > li {
	display: none;
}
.popup > .nav_section_list > .content_04 > .tab > .flow_tab > li.on {
	display: none;
}
.popup > .nav_section_list > .content_04 > .tab > .flow_tab > li > div {
	width: 148px;
	height: 38px;
	line-height: 38px;
	font-weight: 400;
	text-align: left;
	background: #fff;
	box-sizing: border-box;
	cursor: pointer;
	padding-left: 10px;
	font-size: 16px;
}
.popup > .nav_section_list > .content_04 > .tab > .flow_tab > li > div:hover {
	background: #a7b9e454;
	color: #708FD9;
}
.popup > .nav_section_list > .content_04 > .tab > .flow_tab > li > div.on {
	background: #708FD9;
	color: #fff;
}
.popup > .nav_section_list > .content_04 > .tab > .flow_tab_last {
	width: 150px;
	height: 230px;
	overflow-x: hidden;
	overflow-y: auto;  
	border: 1px solid #A7B9E4;
}
.popup > .nav_section_list > .content_04 > .tab > .flow_tab_last > li {
	display: none;
}
.popup > .nav_section_list > .content_04 > .tab > .flow_tab_last > li.on {
	display: none;
}
.popup > .nav_section_list > .content_04 > .tab > .flow_tab_last > li > div {
	width: 148px;
	height: 38px;
	line-height: 38px;
	font-weight: 400;
	text-align: left;
	background: #fff;
	box-sizing: border-box;
	cursor: pointer;
	padding-left: 10px;
	font-size: 16px;
}
.popup > .nav_section_list > .content_04 > .tab > .flow_tab_last > li > div:hover {
	background: #a7b9e454;
	color: #708FD9;
}
.popup > .nav_section_list > .content_04 > .tab > .flow_tab_last > li > div.on {
	background: #708FD9;
	color: #fff;
}
/* 내비상세검색팝업 e */
/* 목록보기팝업 s */
.popup > .detailpage_list {
	position: absolute;
	left: calc(50% - 500px);
	top: calc(50% - 317px);
	width: 1000px !important;
	height: auto;
	background: #fff;
	box-shadow: 1px 1px 5px #5a5a5a2b;
	border-radius: 20px;
	/*	transition: 0.5s;	*/
	opacity: 0;
	pointer-events: none;
	z-index: 10;
	display: flex;
	flex-direction: column;
	width: auto;
}
.popup > .detailpage_list.on {
	opacity: 1;
	pointer-events: all;
}
.popup > .detailpage_list > .detailpage_table {
	padding: 15px;
	padding-top: 0;
}
.popup > .detailpage_list > .detailpage_table > .few {
	
margin-bottom: 10px;
	
height: 35px;
}
.popup > .detailpage_list > .detailpage_table > .few > .case {
	height: 35px;
    line-height: 35px;
}
.popup > .detailpage_list > .detailpage_table > .few > .border_orange {
	width: 140px;
    height: 35px;
    line-height: 35px;
    box-sizing: border-box;
    text-align: center;
    border-radius: 25px;
    cursor: pointer;
}
.popup > .detailpage_list > .detailpage_table > table {
	text-align: center;
	width: 100%;
}
.popup > .detailpage_list > .detailpage_table > table > thead > tr > th {
	border: 1px solid #ddd;
	border-left: none;
	line-height: 35px;
	background: #f6f6fe;
	color: #708fd9;
	font-weight: 500;
	font-size: 18px;
}
.popup > .detailpage_list > .detailpage_table > table > thead > tr > th:last-child {
	border-right: none;
}
.popup > .detailpage_list > .detailpage_table > table > tbody > tr > td {
	border: 1px solid #ddd;
	border-left: none;
	line-height: 35px;
	font-size: 16px;
	box-sizing: border-box;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	padding: 0 4px;
}
.popup > .detailpage_list > .detailpage_table > table > tbody > tr > td:last-child {
	border-right: none;
}
.popup > .detailpage_list > .detailpage_table > table > tbody > tr {
	cursor: pointer;
	transition: 0.3s;
	box-sizing: border-box;
	/* height: 35px; */
	/* opacity: 0; */
}
.popup > .detailpage_list > .detailpage_table > table > tbody > tr.on {
	background: #708FD9;
	color: #fff;
	/* opacity: 1; */
	display: revert !important;
}
.popup > .detailpage_list > .detailpage_table > table > tbody > tr:hover {
	background: #a7b9e454;
	color: #708fd9;
	font-weight: 400;
	padding: 0 4px !important;
}

/* 목록보기팝업 e */
/* 문화층팝업 s */
.popup > .detailpage_list .holoutClTr {
	padding: 15px;
	padding-top: 0;
	/* width: 160px; */
}
.popup > .detailpage_list .holoutClTr > input {
    border-radius: 0px;
    background: #fff;
    border: 1px solid #708fd9;
    color: #708fd9;
    height: 42px;
    line-height: 42px;
    font-size: 18px;
    font-weight: 400;
    margin-bottom: 3px;
    min-width: 160px;
    display: flex;
    justify-content: center;
}
.popup > .detailpage_list .holoutClTr > input.on {
    background: #708fd9;
    border: 1px solid #708fd9;
    color: #fff;
}
.popup > .detailpage_list .holoutClTr > input:last-child {
	margin-bottom: 0px;
}
/* 문화층팝업 e */
/* 상세페이지등록팝업 s */
.popup .default_color {
	background: #FAFAFA !important;
}
.popup .point_color {
	background: #F6F6FE !important;
	color: #708fd9;
	font-weight: 400;
}
.popup .plus {
    font-size: 26px;
    font-weight: 300;
    line-height: 19px;
    color: #ffffff;
    cursor: pointer;
    background: #708fd9;
    border-radius: 15px 0 0 15px;
    width: 28px;
    height: 24px;
    border: 1px solid #708fd9;
    text-align: center;
    vertical-align: middle;
    position: absolute;
    right: 0;
    bottom: 8px;
}
.popup .plus.on {
	font-size: 30px;
	font-weight: 100;
	line-height: 15px;
	color: #fff;
	cursor: pointer;
	background: #e9bd83;
	border-radius: 20px 0 0 20px;
	width: 24px;
	height: 20px;
	border: 1px solid #e9bd83;
	text-align: center;
	margin: 8.9px 0;
	position: absolute;
	right: 8px;
	top: 3px;
}
.popup > .detailpage {
	position: absolute;
	left: calc(50% - 500px);
	top: calc(50% - 500px);
	width: 1000px;
	height: 1000px;
	background: #fff;
	box-shadow: 1px 1px 5px #5a5a5a2b;
	border-radius: 20px;
	/*	transition: 0.5s;	*/
	opacity: 0;
	pointer-events: none;
	z-index: 10;
}
.popup > .detailpage.on {
	opacity: 1;
	pointer-events: all;
}
.popup > .detailpage > .detail {
	height: 860px;
	overflow-y: auto;
	overflow-x: hidden;
	padding: 0 15px;
	box-sizing: border-box;
	/* margin: 10px 0; */
	width: 100%;
	/* height: auto; */
}
.popup > .detailpage > .detail > .detail_table {
	display: table;
	width: 960px;
	/* 2024.01.16 지인s */
	/* border-bottom:1px solid #ddd; */
	/* 2024.01.16 지인e */
}
.popup > .detailpage > .detail > .detail_table > .detail_border {
	text-align: center;
	border-top: 1px solid #ddd;
	height: 42px;
	position: relative;
}
.popup > .detailpage > .detail > .detail_table > .detail_border > .file > .search_01 {
	background: url(./img/search_01.png) no-repeat 50% 40%;
	width: 35px;
	height: 35px;
	position: absolute;
	right: 15px;
	top: 4px;
	cursor: pointer;
}
.popup > .detailpage > .detail > .detail_table > .detail_border:last-child {
	border-bottom: 1px solid #ddd;
}
.popup > .detailpage > .detail > .detail_table > .detail_border > div {
	width: 240px;
	border-right: 1px solid #ddd;
	box-sizing: border-box;
	padding: 0px 8px;
	line-height: 42px;
	position: relative;
	background: #fff;
	font-size: 18px;
	font-weight: 400;
}
.popup > .detailpage > .detail > .detail_table > .detail_border > div:last-child {
	border-right: none;
}
.popup > .detailpage > .detail > .detail_table > .detail_border.table {
	display: table;
	padding: 0;
	width: 100%;
}
.popup > .detailpage > .detail > .detail_table > .detail_border.table > div {
	display: table-cell;
	vertical-align: middle;
	position: relative;
	border-collapse: collapse;
	/* display: table-row-group; */
	box-sizing: border-box;
}
.popup > .detailpage > .detail > .detail_table > .detail_border .side_table:first-child {
	border-top: none;
}
.popup > .detailpage > .detail > .detail_table > .detail_border .side_table {
	width: 100%;
	height: 42px;
	border-top: 1px solid #ddd;
	/* border-left: none; */
	line-height: 42px;
	display: table-row;
	box-sizing: border-box;
}
.popup > .detailpage > .detail > .detail_table > .detail_border .side_table > .plus_add > div:last-child { 
	border-right: none;
}
.popup > .detailpage > .detail > .detail_table > .detail_border .side_table > .plus_add {
	width: 720px;
	padding: 0;
	border-right: 0;
}
.popup > .detailpage > .detail > .detail_table > .detail_border .side_table > .plus_add > div {
	width: 240px;
	padding: 0 8px;
	box-sizing: border-box;
	border-right: 1px solid #ddd;
}
.popup > .detailpage > .detail > .detail_table > .detail_border .side_table:last-child {
	/* border-bottom: 1px solid #ddd; */
}
.popup > .detailpage > .detail > .detail_table > .detail_border > div > .plus_txt {
	height: 20px;
	line-height: 14px;
}
.popup > .detailpage > .detail > .detail_table > .detail_border .side_table > div {
	width: 240px;
	border-right: 1px solid #ddd;
	box-sizing: border-box;
	padding: 0 8px;
	position: relative;
	height: 42px;
	/* display: table-cell; */
	/* border-top: 1px solid #ddd; */
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.popup > .detailpage > .detail > .detail_table > .detail_border .side_table > div:last-child {
	border-right: none;
}
.popup > .detailpage > .detail > .detail_table > .detail_border .folklore_table > div {
	width: 320px;
	border-right: 1px solid #ddd;
	box-sizing: border-box;
	padding: 0 8px;
	position: relative;
	height: 42px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.popup > .detailpage > .detail > .detail_table > .detail_border .folklore_table > div:last-child {
	border-right: none;
}
.popup > .detailpage > .detail > .detail_table > .detail_border .folklore_table-child {
	border-top: none;
}
.popup > .detailpage > .detail > .detail_table > .detail_border .folklore_table {
	width: 100%;
	height: 42px;
	line-height: 42px;
	display: table-row;
	box-sizing: border-box;
}
.popup > .detailpage > .detail > .detail_table > .detail_border .div_plus {
	display: table;
    line-height: 42px;
}
.popup > .detailpage > .detail > .detail_table > .detail_border .div_plus > .plus {
	margin: 12px 0;
}
.popup > .detailpage > .detail > .detail_table > .detail_border > .side_plus {
}
.popup > .detailpage > .detail > .detail_table > .detail_border > .side_plus > div {
	position: relative;
	padding: 4px 8px;
	box-sizing: border-box;
	line-height: 34px;
	border-bottom: 1px solid #ddd;
}
.popup > .detailpage > .detail > .detail_table > .detail_border > .side_plus > div:last-child {		
	border-bottom: none;
}
.popup > .detailpage > .detail > .detail_table > .detail_border .side_plus textarea {
    height: 100px;
    margin: 4px 0;
    display: block;
}
.popup > .detailpage > .detail > .detail_table > .detail_border > p {
	line-height: 42px;
	display: none;
}
.popup > .detailpage > .detail > .detail_table > .detail_border > p.on {
	display: block;
	position: absolute;
	left: 50%;
	transform: translate(-50%, -50%);
	top: 50%;
}
.popup > .detailpage > .detail > .detail_table > .photo_border {
	border-top: 1px solid #ddd;
	padding: 10px;
	width: 940px;
	/* overflow: auto; */
	height: 300px;
}
.popup > .detailpage > .detail > .detail_table > .photo_border > .photo > .back_blue {
	width: 140px;
    height: 35px;
    line-height: 35px;
    box-sizing: border-box;
    text-align: center;
    border-radius: 25px;
    cursor: pointer;
}
.popup > .detailpage > .detail > .detail_table > .photo_border > .photo > .back_orange {
	width: 140px;
    height: 35px;
    line-height: 35px;
    box-sizing: border-box;
    text-align: center;
    border-radius: 25px;
    cursor: pointer;
}
.popup > .detailpage > .detail > .detail_table > .photo_border > .photo {
	
height: 35px;
}
.popup > .detailpage > .detail > .detail_table > .photo_border > .upload {
	
height: 265px;
	
overflow-y: hidden;
	
overflow-x: auto;
	
width: 940px;
	
margin-top: 10px;
	
display: -webkit-box;
}
.popup > .detailpage > .detail > .detail_table > .photo_border > .upload > li {
	
width: 231.25px;
	
position: relative;
	
height: 250px;
	
display: inline-block;
	
box-sizing: border-box;
	
/* padding: 10px; */
	
border: 1px solid #eee;
	
margin: 0;
}
.popup > .detailpage > .detail > .detail_table > .photo_border > .upload > li > img {
	position: absolute;
	transform: translate(-50%, -50%);
	left: 50%;
	top: 50%;
	width: inherit;
}
.popup > .detailpage > .detail > .detail_table > .detail_border .plus_event3_div {
	width: 100% !important;
	padding: 0 !important;
}
.popup > .detailpage > .detail > .detail_table > .detail_border .plus_event3_div > .detail_border {
	border-bottom: none;
}
.popup > .detailpage > .detail > .detail_table > .detail_border .plus_event3_div > .detail_border:first-child {
	border-top: none;
}

/* 상세페이지등록팝업 e */

/* 실태조사팝업 s */
.popup > .detailpage > .detail > .detail_table > .detail_border.table > .border > .side_table > .plus_add{
	border-bottom: 1px solid #ddd;
}
.popup > .detailpage > .detail > .detail_table > .detail_border.table > .border > .side_table > .plus_add > .default_color{
	/* border-bottom: 1px solid #ddd; */
	background: #a1a1a10d !important;
}
.popup > .detailpage > .detail > .detail_table > .detail_border.table > .border > .side_table > .plus_add:last-child{
	border-bottom: none;
}
.popup > .detailpage > .detail > .detail_table > .detail_border.table > .border > .side_table > .plus_add > .default_color:last-child{
	border-bottom: 1px solid #ddd;
}
.popup > .detailpage > .detail > .detail_table > .detail_border > .div_plus:last-child {
	border-bottom: 1px solid #ddd;
}
/* 실태조사팝업 e */
/* 도시지역팝업 s */
.popup > .City_Area {
	height: auto !important;
	padding-bottom: 15px;
}
.popup > .City_Area > .detail > .detail_table {
	width: 100%;
}
/* 도시지역팝업 e */
/* BI관리팝업 s */
.popup > #biTable {
	top: calc(50% - 461px);
}
.popup > #detailBi {
	
}
/* BI관리팝업 e */
/* 통계상세목록 s */
.detailpage > .txt > .title > .down {
	background-image: url(./img/down.png);
    background-repeat: no-repeat;
    background-position: center;
    width: 15px;
    height: 6px;
    /* margin: 26px 32px; */
    transform: rotate(270deg);
    display: inline-block;
    vertical-align: 4px;
}
/* 통계상세목록 e */
/* 정비구역등록팝업 s */
.popup > .zone_detailpage .n_up {
	background: #f6f6fe url(./img/n_up.png) no-repeat 50% 50%;
	width: 20px;
	height: 20px;
	display: inline-block;
	border: 1px solid #a7b9e4;
	border-radius: 3px;
	box-sizing: border-box;
	/* position: absolute; */
	/* left: 15px; */
	/* top: 10px; */
	cursor: pointer;
	vertical-align: sub;
}
.popup > .zone_detailpage .n_down {
	background: #f6f6fe url(./img/n_down.png) no-repeat 50% 50%;
	width: 20px;
	height: 20px;
	display: inline-block;
	border: 1px solid #a7b9e4;
	border-radius: 3px;
	/* position: absolute; */
	/* right: 15px; */
	/* top: 10px; */
	cursor: pointer;
	box-sizing: border-box;
	vertical-align: sub;
}
.popup > .zone_detailpage {
	position: absolute;
	left: calc(50% - 500px);
	top: calc(50% - 500px);
	width: 1000px;
	height: 1000px;
	background: #fff;
	box-shadow: 1px 1px 5px #5a5a5a2b;
	border-radius: 20px;
	transition: 0.5s;
	opacity: 0;
	z-index: 10;
	pointer-events: none;
}
.popup > .zone_detailpage.on {
    opacity: 1;
    pointer-events: all;
}
.popup > .zone_detailpage > .detail_divide {
	height: 860px;
	overflow-y: auto;
	overflow-x: hidden;
	padding: 0 15px;
	box-sizing: border-box;
	/* margin: 10px 0; */
	width: 100%;
	z-index: 1000;
	background: #fff;
	position: relative;
}
.popup > .zone_detailpage > .detail_divide > .divide {
	
	width: 970px;
}
.popup > .zone_detailpage > .detail_divide > .divide > .Press {
	
	
}
.popup > .zone_detailpage > .detail_divide > .divide > .Press > .divide_txt {
	background: #f6f6fe;		
	line-height: 40px;		
	border-radius: 0 20px 20px 0;		
	color: #708fd9;		
	font-weight: 400;		
	padding: 0 15px;		
	height: 40px;		
	cursor: pointer;		
	font-size: 18px;
}
.popup > .zone_detailpage > .detail_divide > .divide > .Press > .divide_txt.on {
	background: #a7b9e4;
	color: #fff;
}
.popup > .zone_detailpage .down {
	background: url(./img/list_down.png) no-repeat 50% 50%;
	width: 15px;
	height: 40px;
}
.popup > .zone_detailpage > .detail_divide > .divide > .Press > .divide_txt.on >.down {
	background: url(./img/list_up.png) no-repeat 50% 50%;
	width: 15px;
	height: 40px;
}
.popup > .zone_detailpage > .detail_divide > .divide > .Press > .detail {
	margin-top: 8px;
	position: relative;
	display: none;
}
.popup > .zone_detailpage > .detail_divide > .divide > .Press > .detail > .detail_border {
	text-align: center;
	border-top: 1px solid #ddd;
	height: 42px;
	position: relative;
}
.popup > .zone_detailpage > .detail_divide > .divide > .Press > .detail >  .detail_border:last-child {
	border-bottom: 1px solid #ddd;
}
.popup > .zone_detailpage > .detail_divide > .divide > .Press > .detail > .detail_border > div {
	width: 240px;
	border-right: 1px solid #ddd;
	box-sizing: border-box;
	padding: 0px 8px;
	line-height: 42px;
	position: relative;
	background: #fff;
	font-size: 18px;
	font-weight: 400;
}
.popup > .zone_detailpage > .detail_divide > .divide > .Press > .detail > .detail_border > div:last-child {
	border-right: none;
}
.popup > .zone_detailpage > .detail_divide > .divide > .Press > .detail > .detail_border.table {
	display: table;
	padding: 0;
	width: 100%;
}
.popup > .zone_detailpage > .detail_divide > .divide > .Press > .detail > .detail_border.table > div {
	display: table-cell;
	vertical-align: middle;
	position: relative;
	border-collapse: collapse;
	/* display: table-row-group; */
	box-sizing: border-box;
}
.popup > .zone_detailpage > .detail_divide > .divide > .Press > .detail > .table_btn {
	
	height: 35px;
}
.popup > .zone_detailpage > .detail_divide > .divide > .Press > .detail > .table_btn > li {	
	width: 120px;		
	height: 35px;		
	line-height: 35px;		
	font-size: 16px;		
	text-align: center;		
	box-sizing: border-box;		
	border-radius: 50px;		
	cursor: pointer;
}
.popup > .zone_detailpage > .detail_divide > .divide > .Press > .detail > table {
	width: 100%;
	text-align: center;
}
.popup > .zone_detailpage > .detail_divide > .divide > .Press > .detail > table tr {
	
}
.popup > .zone_detailpage > .detail_divide > .divide > .Press > .detail > table tr > th:last-child {
	border-right: none;	
}
.popup > .zone_detailpage > .detail_divide > .divide > .Press > .detail > table tr > th {
	
	border: 1px solid #ddd;		
	border-left: none;		
	background: #fafafa;		
	font-weight: 400;		
	height: 42px;		
	box-sizing: border-box;
}
.popup > .zone_detailpage > .detail_divide > .divide > .Press > .detail > table tr > td:last-child {
	border-right: none;	
}
.popup > .zone_detailpage > .detail_divide > .divide > .Press > .detail > table tr > td {
		
	border: 1px solid #ddd;			
	border-left: none;			
	/* background: #fafafa; */			
	font-weight: 400;			
	height: 42px;			
	box-sizing: border-box;			
	line-height: 42px;			
	position: relative;
}
.popup > .zone_detailpage > .detail_divide > .divide > .Press > .detail > .board_div > .board {	
	border-top: 1px solid #ddd;		
	border-bottom: 1px solid #ddd;		
	position: relative;
}
.popup > .zone_detailpage > .detail_divide > .divide > .Press > .detail > .board_div > .board > .name {
	
/* border-top: 1px solid #ddd; */	
	height: 42px;	
	line-height: 42px;		
	background: #fafafa;		
	padding: 0 4px;		
	box-sizing: border-box;
}
.popup > .zone_detailpage > .detail_divide > .divide > .Press > .detail > .board_div > .board > .text {
	border-top: 1px solid #ddd;
	/* border-bottom: 1px solid #ddd; */
	padding: 4px;
	height: 110px;
}
.popup > .zone_detailpage > .detail_divide > .divide > .Press > .detail > .board_plus_div {
	height: 26px;
	margin-top: 8px;
}


.popup > .zone_detailpage > .editpage.on {
	right: -300px;
	opacity: 1;
}
.popup > .zone_detailpage > .editpage {
	background: #ffffffc2;
	position: absolute;
	height: 470px;
	width: 300px;
	top: 94px;
	border-radius: 0 20px 20px 0;
	right: 0px;
	transition: 1s;
	opacity: 0;
	z-index: 0;
}
.popup > .zone_detailpage > .editpage > .basics {	
	padding: 10px 15px;		
	color: #708fd9;		
	font-weight: 400;
}
.popup > .zone_detailpage > .editpage > .basics > div {	
	height: 30px;		
	line-height: 30px;
}
.popup > .zone_detailpage > .editpage > .basics_check {
		
	padding: 0 15px;		
	height: 220px;		
	overflow-x: hidden;		
	overflow-y: auto;
}
.popup > .zone_detailpage > .editpage > .basics_check > div {
	height: 35px;
	line-height: 35px;
}
.popup > .zone_detailpage > .editpage > .txt > .down {
	height: 58px;
	margin-right: 0;
	transform: rotate(-270deg);
	cursor: pointer;
	width: 45px;
}
/* 정비구역등록팝업 e */

/* 참고문헌팝업 s */
.popup > .detailpage_list > .detailpage_table > .few > .btn > .search_01 {
    background: url(./img/search_01.png) no-repeat 50%;
    width: 36px;
    height: 40px;
    position: absolute;
    right: 20px;
    top: 4px;
    cursor: pointer;
    position: absolute;
    top: 59px;
}
/* 참고문헌팝업 e */

/* 팝업 e */


/**************지도 관련****************/

.loader {
	  border: 16px solid #f3f3f3;
	  border-top: 16px solid #3498db;
	  border-radius: 50%;
	  width: 120px;
	  height: 120px;
	  animation: spin 2s linear infinite;
	  position:fixed;
	  transform:translate(-50%,-50%);
	}

@keyframes spin {
  0% {transform:translate(-50%,-50%) rotate(0deg); }
  100% {transform:translate(-50%,-50%) rotate(360deg); }
}

.tooltip {
    position: relative;
    background: rgba(0, 0, 0, 0.5);
    border-radius: 4px;
    color: white;
    padding: 4px 8px;
    opacity: 0.7;
    white-space: nowrap;
}
.tooltip-static {
    background-color: #ffcc33;
    color: black;
    border: 1px solid white;
}


.file > .back_orange {
	width: 100px;
    height: 35px;
    line-height: 35px;
    box-sizing: border-box;
    text-align: center;
    border-radius: 25px;
    cursor: pointer;
    margin-top: 3.5px;
}

.file > .border_orange {
	width: 100px;
    height: 35px;
    line-height: 35px;
    box-sizing: border-box;
    text-align: center;
    border-radius: 25px;
    cursor: pointer;
    margin-top: 3.5px;
}

.selectBtn {
	width: 100px;
    height: 30px;
    box-sizing: border-box;
    text-align: center;
    border-radius: 5px;
    cursor: pointer;
    vertical-align: inherit;   
}


.detail_several_checkbox > .several_checkbox > .searchTitle {
	font-size: 19px;
    font-weight: 500;
    margin-bottom: 5px;
    margin-top: 50px;
    height: 24px;
}


@media screen and (max-width: 1800px){
	
	.header > .h_search > .search_txt {
	    width: 700px;
	    transition: 0.5s;
	}
	.header > .h_search > .search_txt input {
	    width: 700px;
	}
	.header > .h_search {
	    position: absolute;
	    top: 32px;
	    left: 50%;
	    transform: translate(-50%, 0px);
	    width: 790px;
	    height: 50px;
	    box-sizing: border-box;
	    z-index: 1000;
	    box-sizing: border-box;
	}
}
@media screen and (max-width: 1600px){
	
	.header > .h_search > .search_txt {
	    width: 500px;
	    transition: 0.5s;
	}
	.header > .h_search > .search_txt input {
	    width: 500px;
	}
	.header > .h_search {
	    position: absolute;
	    top: 32px;
	    left: 50%;
	    transform: translate(-50%, 0px);
	    width: 400px;
	    height: 50px;
	    box-sizing: border-box;
	    z-index: 1000;
	    box-sizing: border-box;
	}

}
.unearthTab {
	background: #A7B9E4;
    color: #fff;
    font-size: 20px;
    font-weight: 500;
    width: 320px;
    text-align: center;
    border: 1px solid #fff;
    height: 50px;
    line-height: 45px;
    box-sizing: border-box;
    cursor: pointer;
}
.unearthTab.on {
	background: #708FD9;
    color: #fff;
}
.infoButton {
	width: 100px;
    height: 50px;
    line-height: 50px;
    box-sizing: border-box;
    text-align: center;
    border-radius: 25px;
    cursor: pointer;
}
.info_table > li {
	height: 100px;
    border-bottom: 1px solid #ddd;
    margin-top: 20px;
    cursor: pointer;
}
.infoTitle {
	font-weight: 500;
    color: #E9BD83;
    margin-bottom: 8px;
}
.infoTitle2 {
	font-weight: 500;
    color: black;
    margin-bottom: 8px;
}

.detailpage_list2 {
	pointer-events: all;
	height: auto;
	background: #fff;
}
.detailpage_list2 > .detailpage_table2 {
	padding: 15px;
	padding-top: 0;
}
.detailpage_list2 > .detailpage_table2 > table {
	text-align: center;
	width: 100%;
}
.detailpage_list2 > .detailpage_table2 > table > thead > tr > th {
	border: 1px solid #ddd;
	border-left: none;
	line-height: 35px;
	background: #f6f6fe;
	color: #708fd9;
	font-weight: 500;
	font-size: 18px;
}
.detailpage_list2 > .detailpage_table2 > table > thead > tr > th:last-child {
	border-right: none;
}
.detailpage_list2 > .detailpage_table2 > table > tbody > tr > td {
	border: 1px solid #ddd;
	border-left: none;
	line-height: 35px;
	font-size: 16px;
	box-sizing: border-box;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	padding: 0 4px;
}
.detailpage_list2 > .detailpage_table2 > table > tbody > tr > td:last-child {
	border-right: none;
}
.detailpage_list2 > .detailpage_table2 > table > tbody > tr {
	cursor: pointer;
	transition: 0.3s;
	box-sizing: border-box;
}
.detailpage_list2 > .detailpage_table2 > table > tbody > tr.on {
	background: #708FD9;
	color: #fff;
	display: revert !important;
}
.detailpage_list2 > .detailpage_table2 > table > tbody > tr:hover {
	background: #a7b9e454;
	color: #708fd9;
	font-weight: 400;
	padding: 0 4px !important;
}



.all_on {
	    border-radius: 40px;
	    /* background: #fff; */
	    border: 1px solid #2e3967;
	    cursor: pointer;
	    /* margin: 4px; */
	    /* margin-bottom: 8px; */
	    box-sizing: border-box;
	    text-align: center;
	    width: 64px;
	    height: 64px;
	    display: none;
	    background: #fff url(../css/img/all_on.png) no-repeat 50%;
	    cursor: pointer;
	    position: absolute;
	    bottom: 25px;
	    left: 351px;
	    z-index: 1;
	    pointer-events: all;
}
.all_on.on {
	display: block;
}








/* 문헌검색 s */
.popup > .ltrtre_search {
/* 	background: #00000057; */
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
 	z-index: 100; 
	opacity: 0;
	pointer-events: none;
}
 .popup > .ltrtreModal_all_search {
	height: auto !important;
    width: 1000px;
    max-height: 1010px;
    background: #fff;
    position: absolute;
    left: calc(50% - 500px);
    top: calc(50% - 397px);
    border-radius: 20px;
    box-shadow: 1px 1px 5px #5a5a5a2b;
    padding-bottom: 15px;
}

.popup > .ltrtre_search.on {
	opacity: 1;
  	pointer-events: all; 
  	box-shadow: 1px 1px 5px #5a5a5a2b;
  	
}

.popup > .ltrtre_search > .page .detail_button {
	font-size: 22px;
	height: 35px;
	line-height: 35px;
	/* border-bottom: 1px solid #a7b9e47d; */
	padding: 0 28px;
	cursor: pointer;
	background: #e9bd83;
	color: #fff;
	border-radius: 50px;
	margin: 14px 0;
	font-size: 18px;
}
.popup > .ltrtre_search .detail_Search {
	/* width: 100%; */
	margin: 0 20px;
	/* height: 146px; */
	/* background: #f6f6fe; */
	border-radius: 15px;
	/* padding: 0 20px; */
	/* margin-bottom: 15px; */
}
.popup > .ltrtre_search .detail_Search > li{
	width: 100%;
	background: #f6f6fe;
	padding: 20px;
	box-sizing: border-box;
	margin-bottom: 15px;
	border-radius: 20px;
}

/****/

.popup > .ltrtre_search > .page > .page_search_tab > .page_search > .detailpage_list > .detailpage_table > table {
	text-align: center;
	width: 95%;
}
.popup > .ltrtre_search > .page > .page_search_tab > .page_search > .detailpage_list > .detailpage_table > table > thead > tr > th {
	border: 1px solid #ddd;
	border-left: none;
	line-height: 35px;
	background: #f6f6fe;
	color: #708fd9;
	font-weight: 500;
	font-size: 18px;
}
.popup > .ltrtre_search > .page > .page_search_tab > .page_search > .detailpage_list > .detailpage_table > table > thead > tr > th:last-child {
	border-right: none;
}
.popup > .ltrtre_search > .page > .page_search_tab > .page_search > .detailpage_list > .detailpage_table > table > tbody > tr > td {
	border: 1px solid #ddd;
	border-left: none;
	line-height: 35px;
	font-size: 16px;
	box-sizing: border-box;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	padding: 0 4px;
}
.popup > .ltrtre_search > .page > .page_search_tab > .page_search > .detailpage_list > .detailpage_table > table > tbody > tr > td:last-child {
	border-right: none;
}
.popup > .ltrtre_search > .page > .page_search_tab > .page_search > .detailpage_list > .detailpage_table > table > tbody > tr {
	cursor: pointer;
	transition: 0.3s;
	box-sizing: border-box;
	/* height: 35px; */
	/* opacity: 0; */
}
.popup > .ltrtre_search > .page > .page_search_tab > .page_search > .detailpage_list > .detailpage_table > table > tbody > tr.on {
	background: #708FD9;
	color: #fff;
	/* opacity: 1; */
	display: revert !important;
}
.popup > .ltrtre_search > .page > .page_search_tab > .page_search > .detailpage_list > .detailpage_table > table > tbody > tr:hover {
	background: #a7b9e454;
	color: #708fd9;
	font-weight: 400;
	padding: 0 4px !important;
}


/****/



.popup > .ltrtre_search .detail_Search .detail_several_checkbox {
	display: none;
	margin-top: 35px;
	width: 928px;
	max-height: 140px;
	overflow-y: auto;
	overflow-x: hidden;
}
.popup > .ltrtre_search .detail_Search .detail_several_checkbox.on {
	display: block;
}
.popup > .ltrtre_search .detail_Search .several_checkbox {
	height: 24px;
}
.popup > .ltrtre_search .detail_Search .several_checkbox > div {
	margin-top: 5px;
	width: 184px;
	margin-left: 0px;
}
.popup > .ltrtre_search .detail_Search .detail_Search_button {
	display: table;
	margin-top: 15px;
	height: 35px;
}
.popup > .ltrtre_search .detail_Search .detail_Search_button li{
	/* width: 100%; */
	/* margin: 0 20px; */
	height: 46px;
	/* background: #f6f6fe; */
	border-radius: 15px;
	padding: 0 20px;
	/* margin-bottom: 15px; */
	width: 153px;
	height: 35px;
	line-height: 35px;
	font-size: 16px;
	text-align: center;
	box-sizing: border-box;
	border-radius: 50px;
	cursor: pointer;
}
.popup > .ltrtre_search .list_down {
    background: url(./img/list_down.png) no-repeat 50% 50%;
    width: 20px;
    height: 25px;
    cursor: pointer;
}
.popup > .ltrtre_search .list_down.on {
    background: url(./img/list_down.png) no-repeat 50% 50%;
    width: 20px;
    height: 25px;
    cursor: pointer;
    -ms-transform: rotate(90deg); /* IE 9 */
    -webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */
    transform: rotate(180deg);
}
.popup > .ltrtre_search > .page > .title_search {
	
margin: 0px 15px;
	
height: 45px;
	
box-sizing: border-box;
	
border-bottom: 1px solid #a7b9e4;
}
.popup > .ltrtre_search > .page > .title_search > div {
	font-size: 16px;
	font-weight: 500;
	color: #708FD9;
	width: 192px;
	text-align: center;
	border: 1px solid #a7b9e4;
	height: 45px;
	line-height: 45px;
	box-sizing: border-box;
	border-radius: 15px 15px 0 0;
	cursor: pointer;
	background: #F6F6FE;
}
.popup > .ltrtre_search > .page > .title_search > div.on { 
	background: #708FD9;	
	color: #fff;
}
.popup > .ltrtre_search > .page > .page_search_tab > .page_search {
	display: none;
}
.popup > .ltrtre_search > .page > .page_search_tab > .page_search.on {
	display: block;
}
.popup > .ltrtre_search > .page > .page_search_tab > .page_search > .section {
	width: 100%;
	height: 600px;
	padding: 0 15px;
	box-sizing: border-box;
	overflow-x: hidden;
	overflow-y: auto;
	/* margin: 10px 0; */
	margin-bottom: 15px;
}
.popup > .ltrtre_search > .page > .page_search_tab > .page_search > .section > .table {
	width: 970px;
	height: 600px;
}
.popup > .ltrtre_search > .page > .page_search_tab > .page_search > .section > .table > li {
	border-bottom: 1px solid #ddd;
	padding: 10px;
	cursor: pointer;
	height: 130px;
	box-sizing: border-box;
}

.popup > .ltrtre_search > .page > .page_search_tab > .page_search > .section > .table > li:last-child {
	border-bottom: 1px solid #ddd;
}
.popup > .ltrtre_search > .page > .page_search_tab > .page_search > .section > .table > li > .title {
	font-weight: 500;
	color: #E9BD83;
	margin-bottom: 8px;
}
.popup > .ltrtre_search > .page > .page_search_tab > .page_search > .section > .table > li > ul {
	width: 100%;
	height: 26px;
}
.popup > .ltrtre_search > .page > .page_search_tab > .page_search > .section > .table > li > ul > .bbb > span{
	width: 33px;
	display: inline-block;
}
.popup > .ltrtre_search > .page > .page_search_tab > .page_search > .section > .table > li > .textarea {
	margin-top: 8px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: normal;
	word-wrap: break-word;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	line-height: 26px;
}
.popup > .ltrtre_search > .page > .page_search_tab > .page_search > .section > .table > .number_txt {
	background: #F6F6FE;
	font-weight: 400;
	color: #708fd9;
}

.header > .h_logout > .userImg {
	background-image: url("./img/my.png");
	background-repeat: no-repeat;
	background-position: center;
	background-color: #708FD9;
	width: 50px;
	height: 50px;
	text-align: center;
	box-sizing: border-box;
	border-radius: 50px;
	cursor: pointer;
	margin-right: 8px;
}
/* .popup > .all_search > .page > .page_search_tab > .page_search > .number {	
	display: table;
}
.popup > .all_search > .page > .page_search_tab > .page_search > .number > li {
	width: 35px;
	height: 35px;
	border: 1px solid #ddd;
	border-radius: 5px;
	text-align: center;
	line-height: 35px;
	color: #ddd;
	margin: 0 2px;
	cursor: pointer;
} */
/* 문헌검색 e */
/* 필지정보 검색 s */
.kakao_popup {
	width: 223px;
	height: 200px;
	opacity: 1;
    pointer-events: all;
    background: #ffffff;
    position: absolute;
    top: 30%;
    left: 20%;
    z-index: 100;
    border-radius: 20px;
    padding: 15px 0;
    box-sizing: border-box;
    box-shadow: 1px 1px 5px #5a5a5a2b;
}
.kakao_content {
    overflow-x: hidden;
    overflow-y: auto;
	box-sizing: border-box;
	padding: 0 15px;
}
.kakao_popup > .kakao_content > .list {
	width: 195px;
	margin-bottom: 2px;
}
.kakao_popup > .kakao_content > .list > .line {
	width: 170px;
	height: 40px;
    line-height: 40px;
    background: #fff;
    border: 1px solid #A7B9E4;
	padding: 0 10px;
    font-size: 18px;
    font-weight: 400;
    cursor: pointer;
}
/* 필지정보 검색 e */

.fileDownload {
	width: 16%;
    height: 35px;
    line-height: 35px;
    box-sizing: border-box;
    text-align: center;
    border-radius: 25px;
    cursor: pointer;
    margin-top: 8.5px;
}

/* 2024.01.16 지인 s*/


/* 2024.01.16 지인 e*/


/* 문화층조사 s */
#holoutClDiv.detailpage_list{
	width: auto !important;
}
/* 문화층조사 e */