.type-20-regular {
  font-family: 'NotoSansKR', '맑은 고딕';
  font-weight: 400;
  font-size: 20px;
}

.type-16-regular {
  font-family: 'NotoSansKR', '맑은 고딕';
  font-weight: 400;
  font-size: 16px;
}

.type-16-medium {
  font-family: 'NotoSansKR', '맑은 고딕';
  font-weight: 500;
  font-size: 16px;
}

.type-16-bold {
  font-family: 'NotoSansKR', '맑은 고딕';
  font-weight: 700;
  font-size: 16px;
}

.type-15-regular {
  font-family: 'NotoSansKR', '맑은 고딕';
  font-weight: 400;
  font-size: 15px;
}

.type-13-regular {
  font-family: 'NotoSansKR', '맑은 고딕';
  font-weight: 400;
  font-size: 13px;
}

.text-main-color {
  color: #087eff;
}

.text-gray600 {
  color: #9ba6b1 !important;
}

.text-gray800 {
  color: #667889;
}

.text-gray900 { 
	color: #3f4952;
}


.text-contents {
  color: #667889;
}

.text-pink {
  color: #ff006c;
}


.nav-empty {
  margin-top: 44px !important;
}

.mrg-t-40 {
  margin-top: 40px !important;
}

.mrg-t-24 {
  margin-top: 24px !important;
}

.mrg-t-16 {
  margin-top: 16px;
}

.mrg-t-8 {
  margin-top: 8px !important;
}

.mrg-r-4 {
  margin-right: 4px;
}

.mrg-r-12 {
  margin-right: 12px;
}

.mrg-r-5p {
  margin-right: 5%;
}

.mrg-b-24 {
  margin-bottom: 24px !important;
}

.mrg-b-16 {
  margin-bottom: 16px;
}

.mrg-l-8 {
  margin-left: 8px;
}

.mrg-l-12 {
  margin-left: 12px;
}

.mrg-l-5p {
  margin-left: 5%;
}

.pd-t-24 {
  padding-top: 24px;
}

.pd-l-5p {
  padding-left: 5%;
}

.pd-l-3p {  /* 20201110 추가 */
  padding-left: 3%;
}

.width-80 {
  width: 80% !important;
  margin-left: auto;
  margin-right: auto;
}

.width-90 {
  width: 90% !important;
  margin-left: auto;
  margin-right: auto;
}

.width-100 {
  width: 100% !important;
}

.block-center {
  display: block;
  margin: 0 auto;
}

.float-r {
  float: right;
}

.align-right {
  position: absolute;
  right: 5%;
}

.align-c {
  text-align: center;
}

.align-h {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.center {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -70%);
          transform: translate(-50%, -70%);
}

.tag-common {
  font-family: 'NotoSansKR', '맑은 고딕';
  font-weight: 400;
  font-size: 13px;
  border-radius: 8px;
  padding: 5px 9px;
  text-align: center;
  display: inline-block;
  width: auto;
}

.tag-normal {
  color: #667889;
  background-color: #eaecef;
}

.tag-normal-dark {
  color: #667889;
  background-color: #c7ced5;
}

.tag-alert {
  color: #fff;
  background-color: #ff006c;
}

.tag-blue {
  color: #fff;
  background-color: #087eff;
}

.tag-add {
  color: #fff;
  background-color: #000;
  opacity: 0.4;
}

.text-overflow {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.radius {
  border-radius: 8px;
}

.write-cont-common .map {
  height: 140px;
  overflow: hidden;
}

.write-cont-common .level {
  text-align: center;
}

.write-cont-common .level-wrap {
  text-align: left;
}

.write-cont-common .ic-level {
  position: relative;
  width: 44px;
  height: 44px;
  margin: 2px;
}

.write-cont-common .ic-level input {
  display: none;
}

.write-cont-common .level-mark {
  position: absolute;
  height: 44px;
  width: 44px;
  background: url(/img/contents/icon/ic_write_level_off.svg) no-repeat;
}

.write-cont-common .ic-level input:checked ~ .level-mark {
  background: url(/img/contents/icon/ic_write_level_on.svg) no-repeat;
}

.write-cont-common .textarea {
  margin-top: 16px;
  border: 1px solid #9ba6b1;
  height: 160px;
}

.write-cont-common textarea {
  font-family: 'NotoSansKR', '맑은 고딕';
  font-weight: 400;
  font-size: 16px;
  line-height: 1.38;
  resize: none;
  padding: 16px;
  width: 91%;
  height: 70%;
  overflow: visible;
}

.write-cont-common textarea::-webkit-input-placeholder {
  color: #c7ced5;
}

.write-cont-common textarea:-ms-input-placeholder {
  color: #c7ced5;
}

.write-cont-common textarea::-ms-input-placeholder {
  color: #c7ced5;
}

.write-cont-common textarea::placeholder {
  color: #c7ced5;
}

.write-cont-common .remark {
  font-family: 'NotoSansKR', '맑은 고딕';
  font-weight: 400;
  font-size: 13px;
  margin-top: 4px;
  text-align: right;
}

.write-cont-common .box-wrap {
  padding-top: 20px;
  border-top: 1px solid #eaecef;
  border-bottom: 1px solid #eaecef;
}

.write-cont-common .box-wrap .check-normal {
  height: 50px !important;
}

.write-cont-common .reward {
  text-align: center;
}

.write-cont-common .reward span {
  font-family: 'NotoSansKR', '맑은 고딕';
  font-weight: 700;
  font-size: 20px;
  margin-left: 4px;
}

.write-rule {
  background-color: #F7F8FA;
  padding: 16px;
  margin: 5%;
  height: auto;
}

.write-rule .add {
  text-align: right;
  margin-top: 40px;
  text-decoration: underline;
}

.searchbar-common{
  background-color: #eaecef;
  height: 40px;
  padding: 0px 16px;
  z-index: 10;
}

.searchbar-common input {
  display: inline-block !important;
  line-height: 38px;
  width: 90%;
}

.searchbar-common,.searchbar-object input::-webkit-input-placeholder {
  color: #9ba6b1;
}

.searchbar-common,.searchbar-object input:-ms-input-placeholder {
  color: #9ba6b1;
}

.searchbar-common,.searchbar-object input::-ms-input-placeholder {
  color: #9ba6b1;
}

.searchbar-common,.searchbar-object input::placeholder {
  color: #9ba6b1;
}

.searchbar-object{
  width: 100%;
  background-color: #eaecef;
  height: 40px;
  z-index: 10;
}
.searchbar-object input {
  display: inline-block !important;
  line-height: 39px;
  width: 80%;
  margin: 0px 5%;
}
.btn-regular-line-object{
  width: 20%; height: 96px;
  border: solid 1px #087eff; border-radius: 8px;
  color: #087eff;
  background-color: #fff;
}

.empty-screen {
  text-align: center;
  margin-top: 64px;
}

.search-history-con {
  height: 60px;
  border-bottom: 1px solid #eaecef;
  padding: 0px 5%;
  position: relative;
}

.search-history-con p {
   /* max-height: 24px;  */
}

.search-item-cate {
  width: 60%;
  text-align: right;
  position: absolute;
  right: 5%;
  bottom: 3px;
  font-size: 11px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.search-history-con img { /* 20201110 수정 */
  width: 32px; height: 32px;
}

.search-history-con .delete{ /* 20201110 추가 */
  width: 16px; height: 16px;
}

.search-result {
  height: 74px;
  padding: 0px 5%;
  border-bottom: 1px solid #eaecef;
}

.search-result img {
  margin-right: 12px;
  margin-bottom: 5px;
}

.search-result .title {
  max-height: 20px;
  margin-bottom: 4px;
}

.search-result .sub {
  display: inline-block;
  width: 70%;
  max-height: 20px;
}

.select-dropbar {
  width: 100%;
  height: 48px;
  padding: 0px 5%;
  border: 1px solid #eaecef;
}

.search-dropbar {
  background-color: #fff;
  border: 1px solid #eaecef;
  top: -0;
  margin-top: 56px;
  overflow: hidden;
  position: absolute;
  width: 70%;
}

select {
  font-family: 'NotoSansKR', '맑은 고딕';
  font-weight: 400;
  font-size: 15px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: url(/img/contents/icon/ic_arrow_down_gray_small.svg) no-repeat 95% 50%;
}

select::-ms-expand {
  display: none;
}

.post-filter {
  font-family: 'NotoSansKR', '맑은 고딕';
  font-weight: 400;
  font-size: 13px;
  height: 32px;
  padding-right: 5%;
}

.post-filter div {
  padding: 8px;
  line-height: 32px;
  float: right;
  cursor: pointer;
  margin-left: 8px;
}

.post-filter .filter-select {
  color: #087eff;
}

.post-card-common .nall-common {
  border-top: solid 1px #c7ced5;
}

.post-card-common .post-img {
  position: relative;

}

.post-card-common .post-img img { /* 20201110 수정 */
  overflow: hidden;
  height: 56px;
  width: 56px;
}

.post-card-common .tag-add {
  position: absolute;
  right: 4px;
  bottom: 9px;
}

.post-card-top { /* 20201110 수정 */
  padding-top: 20px;
  padding-bottom: 6px;
}

.post-card-top img{ /* 20201110 추가 */
  width: 24px; height: 24px;
  border-radius: 8px;
  overflow: hidden;
}

.post-card-main p { /* 20201110 수정 */
  height: 48px;
  width: 100%;
  white-space: normal !important;
  line-height: 1.5;
  display: -webkit-box;
  -webkit-line-clamp: 2; /* 뒤 말줄임 줄 수 조정 */
  -webkit-box-orient: vertical;
}

.post-card-bottom { /* 20201110 수정 */
  height: 56px;
}

.post-card-bottom p {
  font-family: 'NotoSansKR', '맑은 고딕';
  font-weight: 400;
  font-size: 13px;
  color: #667889;
}

.post-card-bottom div img {
  margin-left: 16px;
}

.post-card-bottom div p {
  margin-left: 4px;
}

.nav-search {
  margin: auto;
  padding: 0px 16px 0px 8px;
  width: 80%;
}

.top-common input::-webkit-input-placeholder {
  color: #9ba6b1;
}

.top-common input:-ms-input-placeholder {
  color: #9ba6b1;
}

.top-common input::-ms-input-placeholder {
  color: #9ba6b1;
}

.top-common input::placeholder {
  color: #9ba6b1;
}

.text-delete {
  padding: 8px;
}

.search-cate {
  margin-bottom: 32px;
}

.search-cate h3 {
  font-family: 'NotoSansKR', '맑은 고딕';
  font-weight: 700;
  font-size: 16px;
  padding-top: 32px;
}

.search-cate h4 {
  margin: 24px 0px 16px;
}

.search-cate table {
  border: 0px;
}

.search-cate td {
  border: 0px;
  padding: 0px;
  padding-bottom: 20px;
}

.search-cate .table-img {
  width: 24px !important;
  margin-right: 12px;
}

.search-cate .table-text {
  width: 50%;
  margin-right: 10px;
}

@media (max-width: 320px) {
  .search-cate .table-text {
    width: 100px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}

.post {
  padding-bottom: 64px;
}

.post-title {
  padding-top: 24px;
}

.post-title h3 {
  font-family: 'NotoSansKR', '맑은 고딕';
  font-weight: 500;
  font-size: 20px;
}

.post-level-cont{ /* 20201110 추가 */
  background-color: #fff0f0;
  height: 56px;
  padding: 20px;
  text-align: center;
}

.post-level-cont img{ /* 20201110 추가 */
  width: 32px; height: 32px;
  margin-bottom: 4px;
}

.post-main-con img { /* 20201110 수정 */
  display: block;
  margin-left: auto; margin-right: auto;
  width: 100%;
  height: auto;
  overflow: hidden;
}

.post-main-con p { /* 20201110 수정 */
  line-height: 1.9;
  margin-top: 48px; margin-bottom: 32px;
}

.comment-input-wrap { /* 20201110 수정 */
  border-top: 1px solid #eaecef;
  position: fixed;
  bottom: 0;
  z-index: 999;
  background-color: #fff;
  padding: 5px 0px 20px;
}

.comment-input {
  background-color: #eaecef;
  padding: 5px 16px;
}

.comment-input input::-webkit-input-placeholder {
  color: #9ba6b1;
}

.comment-input input:-ms-input-placeholder {
  color: #9ba6b1;
}

.comment-input input::-ms-input-placeholder {
  color: #9ba6b1;
}

.comment-input input::placeholder {
  color: #9ba6b1;
}

.user-tag {
  white-space: nowrap;
}

.comment-send {
  float: right;
}

.comment-wrap {
  border-bottom: solid 1px #eaecef;
  padding: 16px 0px;
}

.comment-reply-wrap { /* 20201110 수정 */
  background-color: #f7f8fa;
}

.post-alert{ /* 20201110 수정 */
  border-bottom: 1px solid #eaecef;
  padding-bottom: 20px;
}

.btn-post-alert{ /* 20201110 수정 */
  width: 90%;
  height: 40px;
  color: #ff006c;
  cursor: pointer;
}
.btn-post-alert:disabled{ /* 20201110 수정 */
  color: #C7CED5;
}

/*  .post .btn-regular:selected{
  height: 50px; width: 100%;
  border: solid 1px #087eff; border-radius: 8px;
  color: #087eff;
  background-color: #fff;
} */

.btn-mind-default {
  margin-top: 48px;
  height: 50px; width: 100%;
  border-radius: 8px;
  color: #fff;
  background-color: #087eff;
  border: solid 1px #087eff;
}

.btn-mind-line{
  color: #087eff !important;
  background-color: #fff !important;
}

.post-mind-btn{ /* 20201110 수정 */
  width: 80px; height: 80px;
  border-radius: 80px;
  text-align: center;
  margin-top: 64px; margin-bottom: 36px;
}

.img-mind-on { /* 20201110 수정 */
  width: 32px; height: 32px;
  background: url(/img/contents/icon/ic_mind_on.svg) no-repeat;
  margin-bottom: 2px;
}
.post-mind-btn-on{ /* 20201110 추가 */
  background-color: #087eff;
  color: white;
}

.img-mind-off { /* 20201110 수정 */
  width: 32px; height: 32px;
  background: url(/img/contents/icon/ic_mind_off.svg) no-repeat;
  margin-bottom: 2px;
}
.post-mind-btn-off{ /* 20201110 추가 */
   background-color: #eaecef;
   color: #9ba6b1;
}

.btn-list {
  padding: 14px 5%;
  border-bottom: 1px solid #eaecef;
  text-align: left;
  background-color: #ffff;
}

.btn-list-click {
  color: #fff;
  background-color: #087eff !important;
}

.post-report h3 {
  font-family: 'NotoSansKR', '맑은 고딕';
  font-weight: 700;
  font-size: 20px;
}

.my-token {
  margin-top: 60px;
  margin-bottom: 64px;
  padding: 0px 16px;
  height: 56px;
  background-color: #eaf4ff;
  position: relative;
}

.my-token .token {
  position: absolute;
  right: 16px;
}

.input-line {
  border-bottom: 1px solid #9ba6b1;
  padding-bottom: 4px;
}

.input-line input {
  width: 100%;
}

.input-line input::-webkit-input-placeholder {
  color: #c7ced5;
}

.input-line input:-ms-input-placeholder {
  color: #c7ced5;
}

.input-line input::-ms-input-placeholder {
  color: #c7ced5;
}

.input-line input::placeholder {
  color: #c7ced5;
}

.token-des {
  background-color: #F7F8FA;
  padding: 24px;
}

.token-send {
  position: absolute;
  left: 5%;
  right: 5%;
  bottom: 24px;
}


@media (device-height: 568px) {
  .token-des {
    margin-bottom: 54px;
  }
  .token-send {
    position: absolute;
  }
}

.send-fin-des {
  text-align: center;
}

.send-fin-des img {
  margin-top: 56px;
}

.send-fin-des h3 {
  font-size: 23px;
  font-weight: normal;
  line-height: 1.39;
}

table {
  text-align: left;
  border-collapse: collapse;
  border-top: #eaecef solid 1px;
}

th, td {
  border-bottom: #eaecef solid 1px;
}

table th {
  width: 60px;
  padding: 24px 0px 24px 0px;
}

table td {
  padding-left: 56px;
}

table tr .address {
  width: 120px;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  overflow: hidden;
}

.search-filter .cate-title {
  font-weight: 600 !important;
}

.search-filter table {
  background: #eaecef;
  border: 0px;
}

.search-filter .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 24px;
  width: 24px;
  background-color: #c7ced5;
  border-radius: 50%;
}

.search-filter td {
  padding-left: 16px;
  padding-bottom: 4px;
  width: 50%;
  border: 0px;
}

@media (max-width: 360px) {
  .search-filter label {
    width: 110px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}

.search-filter .table-fir {
  padding-top: 12px;
  padding-bottom: 12px;
}

.app-share {
  padding: 16px 0px 16px 5%;
  padding-left: 5%;
  background-color: #eaecef;
}

.company-des {
  padding: 20px 0px;
  background-color: #eaecef;
  margin-top: 54px;
}

.app-icon-small {
  border-radius: 6px !important;
  width:24px !important;
  height:24px !important;
}
.app-icon-medium {
  border-radius: 6px !important;
  width:32px;
  height:32px;
  object-fit: cover;
}
.app-icon-large {
  border-radius: 8px !important;
  width:60px;
  height:60px;
}
/*# sourceMappingURL=layout.css.map */