@font-face {
  font-family: 'Pretendard-Light';
  src: url('/fonts/Pretendard-Light.woff') format('woff');
  font-weight: 300;
  font-style: normal;
}

:root {
  --primary: #003f3c;
  --primary2: #0056f4;
  --primary3: #DAE3F3;
  --primary-yellow: #FABD00;
  --primary2-yellow: #D29500;
  --primary3-yellow: #FFF2CC;
  --primary-purple: #5D00AD;
  --primary2-purple: #850AEE;
  --primary3-purple: #F2E6FF;
  --blue: #498DFF;
}

html, body {
  overflow-y: hidden;
}

* {
  font-family: 'Pretendard-Light';
  letter-spacing: -.75px;
}

.wrapper {
  height: 100vh;
  overflow: hidden;
 }

header {
  display: none;
  z-index: 100;
  height: auto;
  background-color: #fff;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.05);
}

header .header__wrap {
  background-color: #003f3c;
  display: flex;
  align-items: center;
  height: 64px;
  box-shadow: rgba(0, 0, 0, 0.15) 0px 3px 3px 0px;
  z-index: 20;
  padding: 0 1rem;
}

header .header__wrap__transfer {
  background-color: #5D00AD;
  display: flex;
  align-items: center;
  height: 64px;
  box-shadow: rgba(0, 0, 0, 0.15) 0px 3px 3px 0px;
  z-index: 20;
  padding: 0 1rem;
}

header .header__wrap a.logo {
  display: block;
  background: url(../img/img_logo_1.png) no-repeat center/75%;
  width: 5.5rem;
  height: 100%;
  margin-left: .5rem;
}

nav.lnb {
  position: absolute;
  left: -444px;
  height: inherit;
  z-index: 12;
  transition: left .5s;
}

nav.lnb.on {
  left: 0;
}

nav.lnb .lnb__header {
  display: none;
}

nav.lnb .lnb__body {
  height: 100%;
}

nav.lnb .lnb__menu {
  height: 100%;
  width: 100%;
  position: relative;
  box-shadow: 0px 0px 4px rgb(204 204 204 / 50%), 1px 2px 5px rgb(0 0 0 / 25%);
  z-index: 10;
  background-color: #F5F5F5;
}

nav.lnb .lnb__menu li.on a::before {
  content: '';
  background-color: #003f3c;
  z-index: -1;
  border-radius: 0 5px 5px 0;
  position: absolute;
  top: 4px;
/*   left: 6px; */
  width: 84px;
  height: 76px;
}

nav.lnb .lnb__menu li.on a .txt-box {
  color: #fff;
}

nav.lnb .lnb__menu li.on:nth-child(2) a {
  background-image: url("/images/wp/lnb_menu1_on.png");
}

nav.lnb .lnb__menu li.on:nth-child(3) a {
  background-image: url("/images/wp/lnb_menu2_on.png");
}

nav.lnb .lnb__menu li.on:nth-child(4) a {
  background-image: url("/images/wp/lnb_menu3_on.png");
}

nav.lnb .lnb__menu li.on:nth-child(5) a {
  background-image: url("/images/wp/lnb_menu4_on.png");
}

nav.lnb .lnb__menu li.on:nth-child(6) a {
  background-image: url("/images/wp/lnb_menu5_on.png");
}

nav.lnb .lnb__menu li.on:nth-child(7) a {
  background-image: url("/images/wp/lnb_menu6_on.png");
}

nav.lnb .lnb__menu li.on:nth-child(8) a {
  background-image: url("/images/wp/lnb_menu7_on.png");
}

nav.lnb .lnb__menu li:nth-child(1) a {
  background: #003f3c url("/images/gis/MI_logo.png") center/5.0rem;
  background-repeat: no-repeat;
}

nav.lnb .lnb__menu li:nth-child(2) a {
  background: url("/images/wp/lnb_menu1.png") no-repeat center 32%;
}

nav.lnb .lnb__menu li:nth-child(3) a {
  background: url("/images/wp/lnb_menu2.png") no-repeat center 32%;
}

nav.lnb .lnb__menu li:nth-child(4) a {
  background: url("/images/wp/lnb_menu3.png") no-repeat center 32%;
}

nav.lnb .lnb__menu li:nth-child(5) a {
  background: url("/images/wp/lnb_menu4.png") no-repeat center 32%;
}

nav.lnb .lnb__menu li:nth-child(6) a {
  background: url("/images/wp/lnb_menu5.png") no-repeat center 32%;
}

nav.lnb .lnb__menu li:nth-child(7) a {
  background: url("/images/wp/lnb_menu6.png") no-repeat center 32%;
}

nav.lnb .lnb__menu li:nth-child(8) a {
  background: url("/images/wp/lnb_menu7.png") no-repeat center 32%;
}

nav.lnb .lnb__menu li a {
  width: 84px;
  height: 84px;
  position: relative;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  letter-spacing: -0.7px;
  padding-bottom: 14px;
}

nav.lnb .lnb__menu li a .txt-box {
  color: #707070;
  font-weight: 500;
  font-size: .75rem;
}

nav.lnb .lnb__con {
  position: absolute;
  left: 84px;
  top: 84px;
  bottom: 0;
  background-color: #fff;
  box-shadow: rgb(0 0 0 / 15%) 2px 0px 2px 0px;
  height: calc(100% - 84px);
  width: 360px;
}

nav.lnb .lnb__con.public {
  position: absolute;
  left: auto !important;
  top: 84px;
  bottom: 0;
  background-color: #fff;
  box-shadow: rgb(0 0 0 / 15%) 2px 0px 2px 0px;
  height: calc(100% - 84px);
  width: 360px;
}

nav.lnb .lnb__con2__wrap {
  position: absolute;
  left: 444px;
  top: 0;
  bottom: 0;
  background-color: rgba(255, 255, 255, 0.85);
  box-shadow: rgb(0 0 0 / 15%) 2px 0px 2px 0px;
  height: 100vh;
  padding: 1rem;
  display: none;
  overflow-y: scroll;
  width: 60rem;
  z-index: 11;
}

nav.lnb .lnb__con2__wrap.on {
  display: block;
}

nav.lnb .lnb__con2__wrap .exit-btn {
  background: url("/images/wp/close@3x.png") no-repeat center 32%/cover;
  display: block;
  margin-left: auto;
  width: 24px;
  height: 24px;
  cursor: pointer;
  border: none;
}

nav.lnb .lnb__con .toggle-btn {
  border-radius: 0 8px 8px 0;
  position: absolute;
  top: 50%;
  background: #fff;
  width: 24px;
  height: 40px;
  right: -24px;
  z-index: -1;
}

nav.lnb.on .lnb__con.public > .toggle-btn {
  right: -24px;
} 
nav.lnb .lnb__con.public > .toggle-btn {
  right: -108px;
} 

nav.lnb .lnb__con .toggle-btn::before {
    content: '';
    background: url(/images/gis/menu/ic_toggle.svg) no-repeat center/6px;
    height: 40px;
    display: block;
}

nav.lnb.on .lnb__con .toggle-btn::before {
	transform: rotate(180deg);
	transition: .3s;
}

nav.lnb .lnb__con .lnb__con__wrap {
  top: 0;
  bottom: 0;
  z-index: 5;
  height: -webkit-fill-available;
  display: none;
  overflow-x: hidden;
}

nav.lnb .lnb__con .lnb__con__wrap.on {
  display: block;
}

/* desktop screen*/
nav.lnb .lnb__con .search__box,
.header__wrap .search__box {
  top: 0;
  position: fixed;
  padding: 1.5rem 1rem;
  height: 84px;
  background-color: #003f3c;
  width: 360px;
}

.logo__box {
	font-size: 2rem;
	color: white;
	text-align: center;
	/* 로고 이미지로 쓸건데, 일단 임시로 텍스트로 사용*/
	
	top: 0;
	position: fixed;
	padding: 1.5rem 1rem;
	height: 84px;
	background-color: #003f3c;
	width: 360px;
	
	cursor: pointer;
}

/* nav.lnb .lnb__con .lnb__con__wrap .search__box {
  top: 0;
  position: fixed;
  padding: 1.5rem 1rem;
  height: 84px;
  background-color: #003f3c;
  width: 360px;
} */

nav.lnb .lnb__con .lnb__con__wrap .search__box .input-box {
  width: 100%;
  overflow: hidden;
  display: flex;
  align-items: center;
  position: relative;
}

.input-box input {
  width: 100%;
  height: 40px;
  outline: none;
  background: transparent;
  font-size: 14px;
  color: #fff;
  border-bottom: 2px solid #fff;
  letter-spacing: -0.7px;
  padding: 0 13px;
}

.input-box input::placeholder {
  letter-spacing: -0.7px;
  color: #fff;
}

.map-join-list input::placeholder {
  color: #aaa;
}

nav.lnb .lnb__con .lnb__con__wrap .search__box .input-box .search-btn {
  border-radius: 6px;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  display: inline-block;
  vertical-align: middle;
  width: 40px;
  height: 40px;
  background: url(../img/search/ic_search.svg) no-repeat center/1rem;
}

nav.lnb .lnb__con .lnb__con__wrap .result__box .result__tit {
  background: #ecf7fd url("../img/ic_show_arrow.png") no-repeat right 27px top 27px;
  padding: 0 17px;
  border-bottom: 1px solid #eaedee;
}

nav.lnb .lnb__con .lnb__con__wrap .result__box .result__tit .txt {
  display: inline-block;
  vertical-align: middle;
  padding: 23px 0;
  font-weight: 700;
  font-size: 15px;
  letter-spacing: -0.75px;
  color: #046fb9;
}

section.map__wrap {
  width: 100%;
  height: 100%;
  position: relative;
}

section.map__wrap a.pin {
  position: absolute;
  background-size: 20px;
  display: inline-block;
  width: 22px;
  height: 35px;
}

section.map__wrap a.pin.type1 {
  background: url("../img/ic_marker_1.png") no-repeat center;
}

section.map__wrap a.pin.type2 {
  background: url("../img/ic_marker_2.png") no-repeat center;
}

section.map__wrap a.pin.type3 {
  background: url("../img/ic_menu3_pin.png") no-repeat center;
}

section.map__wrap a.pin.type4 {
  background: url("../img/ic_menu4_pin.png") no-repeat center;
}

section.map__wrap a.pin.type5 {
  background: url("../img/ic_menu5_pin.png") no-repeat center;
}

section.map__wrap a.pin.heart {
  background: url("../img/ic_heart_pin.png") no-repeat center;
}

.map__bg__menu__wrap {
  position: absolute;
  right: 20px;
  top: 25px;
  z-index: 10;
}

.map__menu {
  position: absolute;
  right: 20px;
  top: 64px;
  z-index: 1;
}

.map__menu .map-menu-bottom {
  bottom: 0;
  right: 0;
  position: absolute;
}

.map__menu .map__menu__wrap .row {
  width: fit-content;
  border-radius: 4px;
  margin-left: auto;
  border: 1px solid #C2C9D3;
  box-shadow: rgba(0, 0, 0, 0.15) 0px 3px 3px 0px;
}

.map__menu__btn__wrap {
	width: fit-content;
	margin-left: auto;
}

.map__menu .map__menu__wrap .row + .row {
  margin-top: 10px;
}

.map__menu .map__menu__wrap .row a {
  display: inline-flex;
  align-items: flex-end;
  justify-content: center;
  width: 46px;
  height: 46px;
  padding-bottom: 8px;
  font-weight: 600;
  font-size: .6rem;
  letter-spacing: -0.5px;
  color: #111;
}

.map__menu .map__menu__wrap .row li:not(:last-child) {
  border-bottom: 1px solid #C2C9D3;
}

.map__menu .map__menu__wrap .row a.gps-btn {
  background: #fff url("/images/wp/map/ic_gps.svg") no-repeat center 30%/1rem;
}

.map__menu .map__menu__wrap .row a.print-btn {
  background: #fff url("/images/wp/map/ic_print.svg") no-repeat center 30%/1rem;
}

.map__menu .map__menu__wrap .row a.layer-btn {
  background: #fff url("/images/wp/map/ic_layer.svg") no-repeat center 30%/.85rem;
}

.map__menu .map__menu__wrap .row a.share-btn {
  background: #fff url("/images/wp/map/ic_share.svg") no-repeat center 30%/.9rem;
}

.map__menu .map__menu__wrap .row a.area-btn {
  background: #fff url("/images/wp/map/ic_area.svg") no-repeat center 30%/.85rem;
}

.map__menu .map__menu__wrap .row a.area-btn.on {
  background: #003f3c url("/images/wp/map/ic_area.svg") no-repeat center 30%/.85rem;
  color: #fff;
}

.map__menu .map__menu__wrap .row a.dist-btn {
  background: #fff url("/images/wp/map/ic_dist.svg") no-repeat center 30%/1.4rem;
}

.map__menu .map__menu__wrap .row a.dist-btn.on {
  background: #003f3c url("/images/wp/map/ic_dist.svg") no-repeat center 30%/1.4rem;
  color: #fff;
}

.map__menu .map__menu__wrap .row a.radius-btn {
  background: #fff url("/images/wp/map/ic_radius.svg") no-repeat center 30%/.85rem;
}

.map__menu .map__menu__wrap .row a.radius-btn.on {
  background: #003f3c url("/images/wp/map/ic_radius.svg") no-repeat center 30%/.85rem;
  color: #fff;
}

.map__menu .map__menu__wrap .row a.road-btn {
  background: #fff url("/images/wp/map/ic_roadview.svg") no-repeat center 30%/.8rem;
}

.map__menu .map__menu__wrap .row a.road-btn.on {
  background: #003f3c url("/images/wp/map/ic_roadview.svg") no-repeat center 30%/.8rem;
  color: #fff;
}

.map__menu .map__menu__wrap .row a.save-btn {
  background: #fff url("/images/wp/map/ic_save.svg") no-repeat center 30%/.9rem;
}

.map__menu .map__menu__wrap .row a.zoom-plus-btn {
  background: #fff url("/images/wp/map/ic_plus.svg") no-repeat center 30%/.9rem;
}

.map__menu .map__menu__wrap .row a.zoom-minus-btn {
  background: #fff url("/images/wp/map/ic_minus.svg") no-repeat center 30%/.9rem;
}

.pin__info, .transport-popup, .subway-popup {
  position: absolute;
  background-color: #fff;
  border-radius: 1.8rem;
  box-shadow: rgb(0 0 0 / 15%) 0px 3px 3px 0px;
  padding: 2.8rem 3rem !important;
  max-width: 29rem;
  /* max-width: fit-content; */
  height: fit-content;
  margin: auto;
  display: none;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

/* 종정보 팝업창 */
.open-info-popup {
	position: absolute;
	background-color: #fff;
	border-radius: 1.8rem;
	box-shadow: rgb(0 0 0 / 15%) 0px 3px 3px 0px;
	padding: 2.3rem 1.5rem !important;
	max-width: 29rem;
	height: fit-content;
	margin: auto;
	display: none;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}

/* 속성별 발생 검색 결과 팝업 */
.search-info-popup, .analysis-info-popup, .hc-info-popup {
	width: calc(100% - 350px - 6rem);
	height: fit-content;
	max-height: 500px;
	position: absolute;
	background-color: #fff;
	border-radius: 1.8rem;
	box-shadow: rgb(0 0 0 / 15%) 0px 3px 3px 0px;
	padding: 2.3rem 1.5rem !important;
	margin: auto;
	display: none;
	bottom: 0;
	left: 0;
}

.open-info-popup input, .open-info-popup select {
    outline: none;
    border-radius: 8px;
    font-size: .85rem;
    border: 1px solid #ddd;
    padding: .6rem .4rem;
    width: 100%;
}

.pin-tit-box {
	font-size: 1.4rem;
	letter-spacing: -1.2px;
	font-weight: 700;
	padding-right: 30px;
	position: relative;
}

.checks {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}

.checks > span.label-w {
    display: inline-block;
    min-width: 110px;
    font-size: 1rem;
    flex: 1 1 50%;
    padding: 5px 0;
}

.scroll-box {
    padding-right: 1rem;
    overflow-y: auto;
    max-height: 395px;
    height: 100%;
}

.write-list {
	margin-bottom: 10px;
}

.write-list > li {
	margin: 1rem 0;
	position: relative;
}

.write-list span {
	display: block;
    font-weight: 600;
    margin-bottom: 0.6rem;
    font-size: .9rem;
}

.btn1_address {
	background-color: #fff;
	border: 1px solid #111;
	font-size: .8rem;
	position: absolute;
	right: 0.5rem;
	line-height: 1.8rem;
	border-radius: 4px;
	padding: 0 0.8rem;
	bottom: 3px;
}

.btn1_address:hover {
	cursor: pointer;
}

.open-info-popup .tablebox {margin: 30px 0; vertical-align:middle; width: 100%; overflow-x: auto; white-space: nowrap;}
.open-info-popup .tablebox table {width: 100%; text-align:center;}
.open-info-popup .tablebox th {padding:8px 0; height:40px; text-align:center; vertical-align:middle; border-top:1px solid #666; border-bottom:2px solid #666; color:#000; font-weight:bold; background:#f8f8f8;}
.open-info-popup .tablebox tr {height:40px;}
.open-info-popup .tablebox td {padding:8px 0; border-bottom:1px solid #dddddd; vertical-align:middle; word-break:keep-all; /* padding-left:4px !important;; */ padding-right:4px !important;}

#spciTable tbody th:first-child {
	min-width: 20px !important;
}

.btnbox_move {
	text-align: center;
}

.pin__info .pin-img {
  margin-bottom: 1rem;
  height: 160px;
  width: 100%;
  object-fit: cover;
}

.pin__info .pin-title {
  font-size: 1.4rem;
  letter-spacing: -1.2px;
  font-weight: 700;
  padding-bottom: 17px;
  padding-right: 30px;
  position: relative;
}
.pin__info .pin-title .info-ftitle {
	margin: 0 0 .3rem 0;
}
.pin__info .pin-title .info-froot {
	font-size: 1rem;
	font-weight: 500;
}
.pin__info .pin-con-box {
  margin-bottom: 1.2rem;
}

.pin__info .info-box > * {
  line-height: 1.2rem;
}

.pin__info .info-bag {
  padding: 0.8rem 0;
}

.pin__info .info-bag span {
  display: inline-block;
    padding: 0.2rem 0.8rem;
    background-color: #ffffff;
    border: 1px solid #C3CAD4;
    border-radius: 10px 10px 10px 10px;
    margin: 0 0.1rem 0.1rem 0;
}

.pin__info .btn-list {
  padding: 0;
  border-top: 1px solid #C3CAD4;
  display: flex;
  margin: 0 -3rem -2.8rem -3rem;
}

.pin__info .btn-list > button {
  width: 100%;
  padding: 1.2rem 0;
  font-size: .85rem;
}

.pin__info .btn-list > button:not(:last-child) {
  border-right: 1px solid #C3CAD4;
}

.pin__info .btn-list > button::before {
  content: '';
  display: inline-block;
  width: 1rem;
  height: 1rem;
  margin-right: .5rem;
}

/* 
.ol-popup:not(.pin__info) {
    width: 300px;
    border: 1px solid #ddd;
    padding: 1rem;
    z-index: 100;
    background-color: #fff;
    left: calc(360px + 6rem);
}

 */
/* ol popup */

.ol-popup {
  background-color: #fff;
  border-radius: 1.8rem;
  box-shadow: rgb(0 0 0 / 15%) 0px 3px 3px 0px;
  padding: 2.8rem 3rem !important;
  max-width: 29rem;
  height: fit-content;
  margin: auto;
}
.ol-popup .pin-frame {
  width: 20.5rem;
/*   height: 160px; */
  margin-bottom: 1rem;
  object-fit: cover;
  background: #cdcdcd;
}
.ol-popup .pin-frame .pin-img {
  width:100%;
}

.ol-popup .pin-title {
  font-size: 1.4rem;
  letter-spacing: -1.2px;
  font-weight: 700;
  padding-bottom: 17px;
  padding-right: 30px;
  position: relative;
}

.ol-popup .pin-con-box {
  margin-bottom: 1.2rem;
}

.ol-popup .info-box > * {
  line-height: 1.2rem;
}

.ol-popup .info-box > span {
    display: block;
    font-size: .9rem;
}

.ol-popup .btn-list {
  padding: 0;
  border-top: 1px solid #C3CAD4;
  display: flex;
  margin: 0 -3rem -2.8rem -3rem;
}

.ol-popup .btn-list > button {
  width: 100%;
  padding: 1.2rem 0;
  font-size: .85rem;
}

.ol-popup .btn-list > button:not(:last-child) {
  border-right: 1px solid #C3CAD4;
}

.ol-popup .btn-list > button::before {
  content: '';
  display: inline-block;
  width: 1rem;
  height: 1rem;
  margin-right: .5rem;
}

.ol-popup .btn-list > button.like-btn::before {
  background: url(../img/popup/ic_like.svg) no-repeat center/contain;
}
.ol-popup .btn-list > button.like-btn.on::before {
  background: url(../img/popup/ic_like_on.svg) no-repeat center/contain;
}
.ol-popup .btn-list > button.share-btn::before {
  background: url(../img/popup/ic_share.svg) no-repeat center/contain;
}
/**/

.profile-box {
  width: 100%;
  padding: 10px 10px;
}

.profile-box .img-box {
  display: inline-block;
  vertical-align: middle;
}

.profile-box .img-box img {
  width: 40px;
  height: 40px;
}

.profile-box .txt-box {
  display: inline-block;
  vertical-align: middle;
  margin-left: 7px;
  letter-spacing: -0.95px;
  font-weight: 300;
  font-size: .95rem;
  color: #000;
}

.profile-box .txt-box .unit {
  font-size: 12px;
  letter-spacing: -0.6px;
  margin-left: 3px;
}

.profile-box .btn-box {
  display: inline-block;
  vertical-align: middle;
  margin-left: 1rem;
}

.profile-box .btn-box > button {
  outline-style: none;
  padding: .5rem 1rem;
  background-color: #fff;
  border: 1px solid #111;
  cursor: pointer;
}

/* toggle */
.switch {
	position: relative;
	display: inline-block;
	width: 52px;
	height: 36px;
}

.switch input { 
	opacity: 0;
	width: 0;
	height: 0;
}

.slider {
	position: absolute;
	cursor: pointer;
	top: 7px;
	left: 0;
	right: 0;
	bottom: 6px;
	background-color: #ccc;
	-webkit-transition: .4s;
	transition: .4s;
	font-weight: 600;
	font-size: .9rem;
}

.slider:before {
	position: absolute;
	content: "";
	height: 21px;
	width: 21px;
	left: .5px;
	bottom: 1px;
	background-color: white;
	-webkit-transition: .4s;
	transition: .4s;
}

input:checked + .slider {
  background-color: #2196F3;
}

input:focus + .slider {
  box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
  -webkit-transform: translateX(29px);
  -ms-transform: translateX(29px);
  transform: translateX(29px);
}

/* Rounded sliders */
.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;
}

.search-addr-box {
	margin: 0 auto;
}
.search-addr-box input {
	width: calc(39vw + 10rem);
	background-color: #efefef;
	height: 55px;
	outline: none;
	font-size: 14px;
	letter-spacing: -0.7px;
	padding: 0 13px;
	border: #818990 solid;
	border-width: 1px;
	border-radius: 8px;
	background-image : url('../img/ic_search_bk.png');
	background-position:right;
	background-position-y:-10;
	background-position-x:-1000;
	background-repeat:no-repeat;
	box-shadow: 2px 2px 20px 2px gray;
}

.join-search-addr-box input {
	width: calc(39vw + 10rem);
	background-color: #efefef;
	height: 55px;
	outline: none;
	font-size: 14px;
	letter-spacing: -0.7px;
	padding: 0 13px;
	border: #818990 solid;
	border-width: 1px;
	border-radius: 8px;
	background-image : url('../img/ic_search_bk.png');
	background-position:right;
	background-position-y:-10;
	background-position-x:-1000;
	background-repeat:no-repeat;
	box-shadow: 2px 2px 20px 2px gray;
}

button {
	cursor: pointer;
	background: transparent;
	border: none;
}

.unicon-palette {
	position: absolute;
	padding:12px;
	top: 400px;
	left: 600px;
	background-color: #FFF;
	webkit-box-shadow: 3px 3px 0.5rem rgba(0, 0, 0, 0.5) !important;
	box-shadow: 3px 3px 0.5rem rgba(0, 0, 0, 0.5) !important;
	border-radius: 3px;
	display: none;
}

.unicon-palette.show{
	position: absolute;
	padding:12px;
	top: 400px;
	left: 600px;
	background-color: #FFF;
	webkit-box-shadow: 3px 3px 0.5rem rgba(0, 0, 0, 0.5) !important;
	box-shadow: 3px 3px 0.5rem rgba(0, 0, 0, 0.5) !important;
	border-radius: 3px;
	display: block;
	z-index: 12;
}

.shape-part{
	padding:8px;
	float:left;
	margin: 0 0 10px 0;
}

.shape-part .unicon{
	display: block;
	width: 24px;
	height: 24px;
	padding: 4px;
	margin:0;
}

.shape-part .unicon:hover{
	background-color: #CCC;
}

.shape-part .unicon.selected{
/* 	border: 1px solid #CCC; */
/* 	padding: 3px; */
	background-color: #CCC;
}

.shape-part .unicon.hidden{
	display: none;
}

.color-part{
	float:left;
	padding:8px;
	/* border-left: 1px solid #c4c4c4; */
	margin: 0 0 10px 0;
	}
	
.color-part .unicon{
	display: block;
	width: 24px;
	height: 24px;
	padding: 4px;
	margin:0;
}

.color-part .unicon:hover{
	background-color: #CCC;
}

.color-part .unicon.selected{
/* 	border: 1px solid #CCC; */
/* 	padding: 3px; */
	background-color: #CCC;
}

.confirm-part{
	padding-top:6px;
}

.unicon-palette .unicon i{
	width: 16px;
	height: 16px;
	display:block;
	content: "";
	background-repeat: no-repeat;
	background-size: 100%;
}

.lnb__con2__wrap.stat table th { vertical-align:middle; font-weight:normal; color:#fff; background:#666; border-left:1px solid #eee; padding:5px 0px; text-align:center !important; }
.lnb__con2__wrap.stat table th:first-child { border-left:none; }
.lnb__con2__wrap.stat table td { vertical-align:middle; text-align:center; color:#333; border-left:1px solid #eee; border-top:1px solid #eee; padding:5px 0px; padding-left:5px;  background:#fcfcfc; }
.lnb__con2__wrap.stat table td:first-child { border-left:none; }
.lnb__con2__wrap.stat table tbody tr:last-child td { background: #ececff; font-weight: bold; }
.lnb__con2__wrap.stat table { border-left: none; margin: 0 auto; width: 90% !important; text-align: center; }
.apexcharts-menu-item { text-align: center !important; }

.menu-scroll {
	position: absolute;
	left: 50%;
	top: -10px;
	width: 50px;
	height: 20px;
	background-color: #fff;
	padding: 7px;
	text-align: center;
	border-radius: 10px 10px 10px 10px;
	border: 1px solid #999999;
}

.menu-scroll span {
	display: block;
	height: 3px;
	width: 100%;
	border-radius: 30px;
	background: #7a7a7a;
}
/* .search-addr-box input[type=button] {
      background-image : url('../img/ic_search_bk.png');
      border:none;
      font-size:1em;
      color:#042AaC;
      outline:none;
      display:inline;
      margin-left: -10px;
      box-sizing: border-box;
    }

.email { background-color: transparent; width: 100px; padding: 3px; border: 0;  font-size: 9pt; }
.btn { background-color: #99ccff; width: 50px; padding: 3px; border: solid 1px #6699ff;  font-size: 9pt; } */

/*# sourceMappingURL=style.css.map */