@charset "utf-8";

/***********************************

  [Table of Contents]
  
  * 메인    
  * 고객센터    
  * 물건
  * 테마물건
  * 나의온비드
  * 로그인
  * 정부재산정보공개
  * 입찰 결과
  * 국공유지 개발현황
  * 로그인 수정(추가)
  * 회원가입
  * 설정
 
************************************/

/* 메인
========================================================================== */

/*####################################*\
  공통
\*####################################*/

.mo-main-main {
  margin-bottom: 0;
}

.mo-main-main .title-1 {
  color: #191919;
  font-size: 17px;
  font-weight: 500;
  height: 55px;
  line-height: 55px;
  margin-bottom: 0;
  padding-left: 20px;
}

.mo-main-main .mo-section {
  background-color: white;
  box-shadow: 0 0 7.5px hsl(0, 0%, 80%);
}

.mo-main-main .mo-section > header {
  position: relative;
}

.mo-main-main .mo-section > header::before {
  background-color: #002F69;
  bottom: 0;
  content: "";
  display: block;
  height: 1px;
  left: 20px;
  position: absolute;
  width: calc(100% - 20px);
}

.mo-main-main .mo-section > header::after {
  background-color: #002F69;
  bottom: 0;
  content: "";
  display: inline-block;
  height: 4px;
  left: 20px;
  position: absolute;  
  width: 50px;
}

/*####################################*\
  메인 헤더
\*####################################*/

.logo {
  height: 35px;
  margin-top: 7px;
}

.btn-header-root-login {
  background: url("/images/mo_ico/header/button_login.png") no-repeat 50% 61%;
  background-size: auto 37px;
}

.btn-header-root-logout {
  background: url("/images/mo_ico/header/button_logout.png") no-repeat 50% 61%;
  background-size: auto 37px;
}

/*####################################*\
  '검색 선택'
\*####################################*/

.search-type-section {
  background-color: white;
  box-shadow: none;
  /* padding-bottom: 40px; */
}

.mo-main-main .search-type-section > header {
  border-bottom: none;
  height: auto;
}

.search-type-wrapper {
  box-shadow: 15px 15px 15px rgba(0, 47, 105, 0.2);
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content: center;
}

.search-type-stuff {
  margin-left: -1px;
}

.search-type-map img,
.search-type-stuff img {
  display: block;
  max-width: 100%;
  width: 100%;
}

/*####################################*\
  '신규물건'
\*####################################*/

.new-stuff-filter {
  padding-left: 20px;
  padding-right: 10px;
}

.new-stuff-filter-list {
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  height: 75px;
  justify-content: space-between;
}

.new-stuff-filter-list > li {
  position: relative;
  text-align: center;
}

.new-stuff-filter-list > li:last-child::before {
  background-color: #A7A7A7;
  content: "";
  display: inline-block;
  height: 10px;
  left: -10px;
  position: absolute;
  top: calc(50% + 2px);
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 1px;
}

.new-stuff-filter > div:last-child::before {
  background-color: #A7A7A7;
  content: "";
  display: inline-block;
  height: 20px;
  left: 5px;
  position: absolute;
  top: calc(50% + 4px);
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 1px;
}

.new-stuff-filter-list input[type="radio"] {
  left: 2px;
  position: absolute;
  height: 35px;
  width: 56px;
}

.new-stuff-filter-list input[type="radio"] + label {
  width: 60px;
  position: relative;
  border-radius: 1000px;
  color: #636363;
  font-size: 13px;
  padding: 8px;
  background-color: white;
  display: flex; align-items: center; justify-content: center; 
}

.new-stuff-filter-list input[type="radio"]:checked + label {
  background-color: #1492E6;
  color: white;
}

.new-stuff-filter-setting {
  padding-top: 8px;
  width: 21.5px;
}

.new-stuff-list-wrapper {
  background-color: #F8F9FC;
  border-top: 1px solid #C7C7C7;
  height: 285px;
  padding: 15px 0;
}

.new-stuff-list .item {
  padding: 10px 0;
}

.new-stuff-item {
  background-color: white;
  border-radius: 15px;
  box-shadow: 0 1.5px 6px hsl(0, 0%, 80%);
  height: 235px;
  overflow: hidden;
  width: 160px;
}

.new-stuff-item-img-wrapper {
  height: 135px;
  position: relative;
  text-align: center;
}

.new-stuff-list-wrapper .owl-carousel .owl-item img {  
  left: 50%;
  max-height: 100%;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: auto;
}

.item-more .new-stuff-item-img-wrapper {
  height: 100%;
}

.new-stuff-list-wrapper .owl-carousel .owl-item .item-more img {
  max-height: none;
  height: auto;
  width: 110px;
}

.item-more .new-stuff-item {
  background-color: transparent;
  border-radius: 0;
  box-shadow: none;
}

.new-stuff-list .item-dummy {
  width: 160px;
  height: 255px;
}

.new-stuff-item-content {
  padding: 10px;
}

.mo-main-main .search-item-badge-type-2 {
  margin-top: 0;
}

.new-stuff-item-content .dispose-type {
  color: #303030;
  font-size: 13px;
  font-weight: 500;
  margin-top: 5px;
}

.new-stuff-item-content .sutff-title {
  color: #595959;
  font-size: 11px;
  height: 30px;

  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  overflow: hidden;
}

/*####################################*\
  '테마물건'
\*####################################*/

.theme-stuff-filter {
  border-bottom: 1px solid #C8C8C8;
  padding: 20px 10px;
}

.theme-stuff-filter-list {
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;  
  justify-content: space-between;
}

.theme-stuff-filter-list > li {
  position: relative;
  text-align: center;
}

.theme-stuff-filter-list > li label {
  display: block;
}

.theme-stuff-filter-list > li:nth-child(1) label::before,
.theme-stuff-filter-list > li:nth-child(2) label::before,
.theme-stuff-filter-list > li:nth-child(3) label::before,
.theme-stuff-filter-list > li:nth-child(4) label::before {
  background: url("/images/mo_ico/main_theme_1.png") no-repeat 50% 50%;
  background-size: 79px auto;
  content: "";
  display: block;
  height: 79px;
  width: 79px;
}

.theme-stuff-filter-list > li:nth-child(1) label::before {
  background-image: url("/images/mo_ico/main_theme_1.png");
}

.theme-stuff-filter-list > li:nth-child(2) label::before {
  background-image: url("/images/mo_ico/main_theme_2.png");
}

.theme-stuff-filter-list > li:nth-child(3) label::before {
  background-image: url("/images/mo_ico/main_theme_3.png");
}

.theme-stuff-filter-list > li:nth-child(4) label::before {
  background-image: url("/images/mo_ico/main_theme_4.png");
}

.theme-stuff-filter-list > li:nth-child(1) input:checked + label::before {
  background-image: url("/images/mo_ico/main_theme_1_on.png");
}

.theme-stuff-filter-list > li:nth-child(2) input:checked + label::before {
  background-image: url("/images/mo_ico/main_theme_2_on.png");
}

.theme-stuff-filter-list > li:nth-child(3) input:checked + label::before {
  background-image: url("/images/mo_ico/main_theme_3_on.png");
}

.theme-stuff-filter-list > li:nth-child(4) input:checked + label::before {
  background-image: url("/images/mo_ico/main_theme_4_on.png");
}

.theme-stuff-filter-list input[type="radio"] {
  position: absolute;
  left: 0px;
  position: absolute;
  height: 100px;
  width: 79px;
}

.theme-stuff-filter-list input[type="radio"] + label {
  position: relative;
  height: 100px;
  width: 79px;
  color: #949494;
  font-size: 14px;
}

.theme-stuff-filter-list input[type="radio"]:checked + label {
  color: #002F69;
  font-weight: 700;
}

.stuff-search-list-main-theme .stuff-search-title {
  color: #8B8B8B;
  font-size: 14px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.stuff-search-list-main-theme .stuff-search-min-bid-type-2 .layout-container {
  flex-wrap: wrap;
}

.stuff-search-list-main-theme .stuff-search-min-bid-type-2 .layout-container > .layout-left {
  margin-bottom: 5px;
}

.theme-stuff-more {
  height: 55px;
  line-height: 55px;
  text-align: center;
}

.theme-stuff-more-link {
  border: 1px solid #4484D2;
  border-radius: 1000px;
  color: #002F69;
  display: inline-block;
  font-size: 15px;
  font-weight: 500;
  height: 35px;
  line-height: 35px;
  width: 100px;
}

/*####################################*\
  '기관별 전용관'
\*####################################*/

.inst-link-wrapper {
  padding: 20px 10px;
}

.inst-link-list {  
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;  
  justify-content: space-between;
}

.inst-link-list .owl-item > li {
  position: relative;
  text-align: center;
  display: flex;  
  justify-content: center;
}

.inst-link-list .owl-item > li .inst-link {
  color: #4A4A4A;  
  display: block;
  font-size: 14px;
  font-weight: 500;
  height: 100%;
}

.inst-link-list .owl-stage > div:nth-child(1) .inst-link::before,
.inst-link-list .owl-stage > div:nth-child(2) .inst-link::before,
.inst-link-list .owl-stage > div:nth-child(3) .inst-link::before,
.inst-link-list .owl-stage > div:nth-child(4) .inst-link::before,
.inst-link-list .owl-stage > div:nth-child(5) .inst-link::before {
  background: url("/images/mo_ico/main_inst_1.png") no-repeat 50% 50%;
  background-size: 74.5px auto;
  content: "";
  display: inline-block;
  height: 74.5px;
  width: 74.5px;
}

.inst-link-list .owl-stage > div:nth-child(1) .inst-link::before {
  background-image: url("/images/mo_ico/main_inst_1.png");
}

.inst-link-list .owl-stage > div:nth-child(2) .inst-link::before {
  background-image: url("/images/mo_ico/main_inst_6.png");
}

.inst-link-list .owl-stage > div:nth-child(3) .inst-link::before {
  background-image: url("/images/mo_ico/main_inst_2.png");
}

.inst-link-list .owl-stage > div:nth-child(4) .inst-link::before {
  background-image: url("/images/mo_ico/main_inst_3.png");
}

.inst-link-list .owl-stage > div:nth-child(5) .inst-link::before {
  /* 금융권담보 > 온카랜드로 변경 */
  /* background-image: url("/images/mo_ico/main_inst_4.png"); */
  background-image: url("/images/mo_ico/main_inst_5.png");
}

.inst-section > header  > h2 > span.excPage {float:right; line-height:55px; padding-right:20px; }
.inst-section > header  > h2 > span >  a.next {width:24px; height:24px; display:inline-block; background:url("/images/mo_ico/circle_arrow.png") no-repeat 50% 50%; background-size:24px auto; text-indent:-9999px; margin:0px 2px 0px 5px;}

.inst-link-list .btn-carousel-next{
	right:-8px; background-size:10px auto; top:35%; width:25px; height:44px;
}
.inst-link-list .btn-carousel-prev{
	left:-8px; background-size:10px auto;	 top:35%; width:25px; height:44px;
}

.aec-title {
white-space:pre;
font-size:16px;
/* font-size:16px; position:relative; left:-12%;	 */
}

.aec-title > p {
	margin:0px;
}


.main-notice {
  align-items: center;
  background-color: #EFF2F9;
  border-top: 1px solid #C8C8C8;
  border-bottom: 1px solid #C8C8C8;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  height: 55px;
  justify-content: space-between;
  line-height: 55px;
  padding: 0 10px 0 20px;
}

.main-notice-content {
  color: #303030;
  font-size: 16px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.main-notice-deco::before {
  background: url("/images/mo_ico/notice.png") no-repeat 50% 50%;
  background-size: 25.5px 18px;
  content: "";
  display: block;
  height: 18px;
  width: 25.5px;
}

.main-notice-more::before {
  background: url("/images/mo_ico/btn_more.png") no-repeat 50% 50%;
  background-size: 18px 18px;
  content: "";
  display: block;
  height: 18px;
  width: 18px;
}

.kamco-banner {  
  padding: 20px;
}

.kamco-banner-carousel {
  position: relative;
}

.kamco-banner-carousel.owl-carousel .item {
  height: 160px;
  margin: 0 auto;
  width: auto;
}

.kamco-banner-carousel .owl-dots {
  margin-top: 5px;
  text-align: center;
}

/*####################################*\
  '자주찾는 카테고리'
\*####################################*/

.fav-category-section {
  margin-bottom: 0;
}

.fav-category-list {
  border: 2px solid #C7C7C7;
  color: #303030;
  font-size: 12px;
  margin-top: 20px;
}

.fav-category-list [class|='col'] {
  border-right: 2px solid #C7C7C7;
  border-bottom: 2px solid #C7C7C7;
}

.fav-category-list [class|='col']:last-child {
  border-right: 0;
}

.fav-category-list .row:last-child [class|='col'] {
  border-bottom: none;
}

.fav-category-link {
  display: block;
  height: 90px;
  padding-top: 50px;
  position: relative;
  text-align: center;
}

.fav-category-list .link-12 {
  text-indent: -99999px;
}

.fav-category-list .fav-category-link::before {
  background: url("/images/mo_ico/fav_cat_1.png") no-repeat 50% 50%;
  background-size: auto 25px;
  content: "";
  display: block;
  height: 25px;
  left: 50%;
  position: absolute;
  top: calc(50% - 12px);
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 100%;
}

/* 용도별 검색 */
.fav-category-list .fav_cat_1::before {
  background-image: url("/images/mo_ico/fav_cat_1.png");
}

/* 지역별 검색 */
.fav-category-list .fav_cat_2::before {
  background-image: url("/images/mo_ico/fav_cat_2.png");
}

/* 정부재산 조회 */
.fav-category-list .fav_cat_3::before {
  background-image: url("/images/mo_ico/fav_cat_3.png");
}

/* 전용관 */
.fav-category-list .fav_cat_4::before {
  background-image: url("/images/mo_ico/fav_cat_4.png");
}

/* 모의입찰 */
.fav-category-list .fav_cat_5::before {
  background-image: url("/images/mo_ico/fav_cat_5.png");
}

/* 이벤트 */
.fav-category-list .fav_cat_6::before {
  background-image: url("/images/mo_ico/fav_cat_6.png");
}

/* 입찰결과 */
.fav-category-list .fav_cat_7::before {
  background-image: url("/images/mo_ico/fav_cat_7.png");
}

/* 국공유지 개발현황 */
.fav-category-list .fav_cat_8::before {
  background-image: url("/images/mo_ico/fav_cat_8.png");
}

/* 나의 온비드 */
.fav-category-list .fav_cat_9::before {
  background-image: url("/images/mo_ico/fav_cat_9.png");
}

/* 회원가입 */
.fav-category-list .fav_cat_10::before {
  background-image: url("/images/mo_ico/fav_cat_10.png");
}

/* 공인인증서 관리 */
.fav-category-list .fav_cat_11::before {
  background-image: url("/images/mo_ico/fav_cat_11.png");
}

/* 더보기 */
.fav-category-list .fav_cat_12::before {
  background-image: url("/images/mo_ico/fav_cat_12.png");
  background-size: auto 7px;
  height: 7px;
  top: calc(50%);
}

/* 기획전 */
.fav-category-list .fav_cat_13::before {
  background-image: url("/images/mo_ico/fav_cat_13.png");
}

/* faq */
.fav-category-list .fav_cat_14::before {
  background-image: url("/images/mo_ico/fav_cat_14.png");
}
/* 상담안내 */
.fav-category-list .fav_cat_15::before {
  background-image: url("/images/mo_ico/fav_cat_15.png");
}
/* 교육안내및참가신청 */
.fav-category-list .fav_cat_16::before {
  background-image: url("/images/mo_ico/fav_cat_16.png");
}
/* 이용안내 */
.fav-category-list .fav_cat_17::before {
  background-image: url("/images/mo_ico/fav_cat_17.png");
}
/* 찾아오시는길 */
.fav-category-list .fav_cat_18::before {
  background-image: url("/images/mo_ico/fav_cat_18.png");
}
/* 국유공유재산안내 */
.fav-category-list .fav_cat_19::before {
  background-image: url("/images/mo_ico/fav_cat_19.png");
}
/* 테마 부동산 */
.fav-category-list .fav_cat_20::before {
  background-image: url("/images/mo_ico/fav_cat_20.png");
}
/* 테마 동산기타자산 */
.fav-category-list .fav_cat_21::before {
  background-image: url("/images/mo_ico/fav_cat_21.png");
}
/* 회원정보수정 */
.fav-category-list .fav_cat_22::before {
  background-image: url("/images/mo_ico/fav_cat_22.png");
}
/* 입찰내역관리 */
.fav-category-list .fav_cat_23::before {
  background-image: url("/images/mo_ico/fav_cat_23.png");
}

/* 신청접수내역 */
.fav-category-list .fav_cat_24::before {
  background-image: url("/images/mo_ico/fav_cat_24.png");
}

/* 나의온비드스케줄 */
.fav-category-list .fav_cat_25::before {
  background-image: url("/images/mo_ico/fav_cat_25.png");
}

/* 나의관심물건 */
.fav-category-list .fav_cat_26::before {
  background-image: url("/images/mo_ico/fav_cat_26.png");
}

/* 나의문의 */
.fav-category-list .fav_cat_27::before {
  background-image: url("/images/mo_ico/fav_cat_27.png");
}

/* 맞춤서비스 */
.fav-category-list .fav_cat_28::before {
  background-image: url("/images/mo_ico/fav_cat_28.png");
}

/* 알림 */
.fav-category-list .fav_cat_29::before {
  background-image: url("/images/mo_ico/fav_cat_29.png");
}

/* 설정 */
.fav-category-list .fav_cat_30::before {
  background-image: url("/images/mo_ico/fav_cat_30.png");
}

/* 전용관 국방부 */
.fav-category-list .fav_cat_31::before {
  background-image: url("/images/mo_ico/fav_cat_31.png");
}

/* 전용관 캠코 */
.fav-category-list .fav_cat_32::before {
  background-image: url("/images/mo_ico/fav_cat_32.png");
}

/* 관심물건20 */
.fav-category-list .fav_cat_33::before {
  background-image: url("/images/mo_ico/fav_cat_33.png");
}

/* 클릭랭킹20 */
.fav-category-list .fav_cat_34::before {
  background-image: url("/images/mo_ico/fav_cat_34.png");
}

/* 관심지역20 */
.fav-category-list .fav_cat_35::before {
  background-image: url("/images/mo_ico/fav_cat_35.png");
}

/* 50%물건 */
.fav-category-list .fav_cat_36::before {
  background-image: url("/images/mo_ico/fav_cat_36.png");
}

/* 국공유지개발현황 */
.fav-category-list .fav_cat_37::before {
  background-image: url("/images/mo_ico/fav_cat_37.png");
}

/* 금융권담보 */
.fav-category-list .fav_cat_38::before {
  background-image: url("/images/mo_ico/fav_cat_38.png");
}

/* 카테고리 empty */
.fav-category-list .fav_cat_39::before {
  background-image: url("/images/mo_ico/fav_cat_39.png");
}

/* 온비드 온스토어 */
.fav-category-list .fav_cat_40::before {
  background-image: url("/images/mo_ico/fav_cat_40.png");
  background-size: auto 60px;
  height: 60px;
  top: calc(30%);
}

.main-terms-list {
  padding: 25px 20px;
}

.main-terms-list li {
  color: #1492E6;
  margin-bottom: 10px;
}

.main-terms-list li a {
  color: #1492E6;
  font-size: 15px;
  font-weight: 500;
}

/*####################################*\
  메인 푸터
\*####################################*/

.main-footer {
  background-color: #717171;
}

.main-footer .layout-half {
  height: 60px;
  padding: 0 20px;
}

.main-footer .btn-call {
  background: url("/images/mo_ico/btn_menu_call.png") no-repeat 16px 50%;
  background-color: #717171;
  background-size: 10px auto;
  border: 1px solid white;
  border-radius: 1000px;
  color: white;
  display: block;
  font-size: 11px;
  height: 30px;
  line-height: 30px;
  padding: 0 16px 0 36px;
  width: auto;
}

.main-footer-contact {
  background: url("/images/mo_ico/menu_footer_left.png") no-repeat 0 50%;
  background-size: auto 25px;
  color: white;
  line-height: 1.2;
  padding-left: 30px;
}

.main-footer-contact .contact-title {
  font-size: 11px;
}

.main-footer-contact .contact-phone a {
  color: white;
  font-size: 15px;
  letter-spacing: normal;
}

.main-footer .layout-center {
  bottom: -9px;
  position: relative;
}

.terms-list {
  color: white;
  font-size: 11px;
}

.terms-list::after {
  clear: both;
  content: "";
  display: block;
}

.terms-list > li {
  float: left;
}

.terms-list > li:not(:last-child)::after {
  background-color: white;
  content: "";
  display: inline-block;
  height: 7px;
  margin: 0 6px;
  width: 1px;
}

.terms-list > li a {
  color: white;  
}

@media (max-width: 380px) {
  .terms-list {
    text-align: center;
  }

  .terms-list > li {
    float: none;
  }

  .main-footer .layout-center {
    bottom: 0;
  }
}

/*####################################*\
  메인 - 자주 찾는 메뉴
\*####################################*/

.mo-main.mo-stuff-main-filter .stuff-search-filter-section {
  padding-bottom: 0;
}

.mo-stuff-main-filter .mo-button-list.button-list-type-5 .row {
  flex-wrap: wrap;
}

.mo-stuff-main-filter .mo-button-list.button-list-type-5 .mo-container [class^="col"] {
  margin-bottom: 20px;
}

.mo-stuff-main-filter .mo-button-list.button-list-type-5 .mo-container [class^="col"]:first-child {
  padding-left: 16px;
}

.mo-stuff-main-filter .mo-button-list.button-list-type-5 .mo-container [class^="col"]:nth-child(3n + 1) {
  padding-left: 0;
}

.mo-stuff-main-filter .mo-button-list.button-list-type-5.added-menu-list input[type="checkbox"],
.mo-stuff-main-filter .mo-button-list.button-list-type-5.deleted-menu-list input[type="checkbox"] {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}

.mo-stuff-main-filter .mo-button-list.button-list-type-5.added-menu-list input + label {
  color: #fff;
  font-size: 13px;
  border: 2px solid #1492E6;
  -webkit-border-radius: 20px;
  border-radius: 20px;
  background-color: #1492E6;
  padding: 0 6px;
  min-height: 35px;
}


.mo-stuff-main-filter .mo-button-list.button-list-type-5.added-menu-list input[type="checkbox"]:focus + label,
.mo-stuff-main-filter .mo-button-list.button-list-type-5.deleted-menu-list input[type="checkbox"]:focus + label {
	border: 2px solid #ffa500;
}
	
.mo-stuff-main-filter .mo-button-list.button-list-type-5.added-menu-list input:checked + label {
  background-color: #fff;
  color: #191919;
  border: 2px solid #1492E6;
  -webkit-border-radius: 20px;
  border-radius: 20px;
  box-shadow: none;
}


/* 고객센터
========================================================================== */

/*####################################*\
  고객센터 - 공지사항
\*####################################*/

.mo-notice .card-body {
  height: 123px;
  padding: 20px 30px;
}

.mo-notice .mo-card-for-title .card-body {
  height: auto;
  padding: 20px;
}

.mo-notice .card-body .row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}

.mo-notice .card-body .col-2 {
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  padding-left: 10px;
}

.mo-notice .card-title {
  font-size: 15px;
  height: 44px;
}

.mo-notice .mo-card-for-title .card-title {
  display: block;
  height: auto;
}

.mo-notice .card-date,
.mo-notice .card-description-small {
  margin-top: 24px;
}

.mo-notice .btn-related-notice {
  width: 73px;
}

/*####################################*\
  고객센터 - 기획전
\*####################################*/

.mo-plan .plan-card {
  border-top: 1px solid #C8C8C8;
}

.mo-plan .plan-card-header {
  background-color: #C8C8C8;
}


.mo-plan .stuff-search-list .card-title {
  font-size: 18px;
}

.mo-plan .stuff-search-list .stuff-search-card .card-img-wrapper {
  min-height: 113px;
}

.mo-plan .plan-card-header img {
  display: block;
  margin: 0 auto;
  max-width: 100%;
}

.mo-plan .min-bid {
  bottom: -14px;
  position: relative;
}

.mo-plan .min-bid-label,
.mo-plan .min-bid-amount {
  display: block;
}

.mo-plan .min-bid-label {
  color: #1492E6;
  font-size: 10px;
}

.mo-plan .min-bid-amount {
  font-size: 15px;
  font-weight: 500;
  letter-spacing: normal;
}

.mo-plan .badge-wrapper {
  position: absolute;
  right: 0;
  text-align: right;
}

.mo-plan .badge-property-type,
.mo-plan .badge-d-day {
  display: block;
  padding: 3px 10px;
  width: 60px;
}

.mo-plan .badge-property-type {
  margin-bottom: 6px;
}

.mo-plan .mo-card-low .card-body {
  padding-top: 16px;
}

.mo-plan .limit-title-row .card-title {
  height: 44px;
}

.mo-plan .stuff-search-list.limit-title-row .card-title {
  height: 48px;
  margin-bottom: 8px;
}

.mo-plan .stuff-search-list .min-bid {
  bottom: 0;
  position: static;
}

/*####################################*\
  고객센터 - 이벤트
\*####################################*/

.mo-event .view-body {
  border: none;
  margin-bottom: 0;
  padding: 20px;
}

.mo-event .view-content {
  margin-bottom: 0;
}

.mo-event .view-footer {
  background-color: white;
}

.mo-event .agreement-buttons-wrapper {
  margin-bottom: 20px;  
}

.mo-event .agreement-buttons-wrapper::after {
  clear: both;
  content: "";
  display: block;
}

.mo-event .agreement-buttons-left {
  float: left;
}

.mo-event .agreement-buttons-right {
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  float: right;
  margin-right: 20px;
  margin-top: 54px;
}

.mo-event.personal-info .text-primary   {
  color: #191919 !important;
}

.mo-event .personal-info-link {
  color: #191919;
  background-color: #D1D1D1;
  display: block;
  font-size: 15px;
  height: 43px;  
  left: 0;
  padding: 10px 13px;
  position: absolute;
  width: 100%;
}

.mo-event .personal-info-link::after {
  background: url("../images/mo_ico/right_arrow.png") no-repeat 50% 50%;
  background-size: auto 15.3px;
  content: "";
  display: inline-block;
  height: 15.3px;
  left: 158px;
  position: absolute;  
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 15.3px;
}

.mo-event .personal-info-link2 {
  color: #191919;
  background-color: #D1D1D1;
  display: block;
  font-size: 15px;
  height: 43px;  
  left: 0;
  padding: 10px 13px;
  position: absolute;
  width: 100%;
}

.mo-event .personal-info-link2::after {
  background: url("../images/mo_ico/right_arrow.png") no-repeat 50% 50%;
  background-size: auto 15.3px;
  content: "";
  display: inline-block;
  height: 15.3px;
  left: 165px;
  position: absolute;  
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 15.3px;
}

.mo-event .agreement-buttons-wrapper input[type="checkbox"] {
  background: url("/images/mo_ico/checkbox.png") no-repeat 50% 50%;
  background-size: 24px auto;
  height: 24px;
  width: 24px;
}

.mo-event .agreement-buttons-wrapper input[type="checkbox"]:checked {
  background-image: url("/images/mo_ico/checkbox_checked.png");
}

.mo-event .agreement-buttons-wrapper input[type="checkbox"]:checked + label {
  color: #1492E6;
}

.mo-event .agree-personal-info-label {
  color: #C8C8C8;
  font-size: 15px;
  padding-left: 5px;
}

.mo-event .event-message {
  background-color: #EEEEEE;
  color: #002F69;
  font-size: 16px;
  font-weight: 500;
  padding: 24px 41px;
}

.mo-event .comment-section {
  background-color: white;
  border-top: 1px solid #C8C8C8;
  margin-bottom: 20px;
}

.comment-list > li {
  border-bottom: 1px solid #C8C8C8;
  padding: 15px 20px;
}

.comment-item-footer {
  margin-bottom: 10px;
  position: relative;
}

.comment-item-footer::after {
  clear: both;
  content: "";
  display: block;
}

.btn-delete-comment {  
  height: 22px;  
  position: absolute;
  right: 0;
  top: -1px;
  width: 22px;
}

.btn-delete-comment::before {
  background: url("/images/mo_ico/cancel_01.png") no-repeat 50% 50%;
  background-size: 11px auto;
  height: 11px;
  width: 11px;
}

.comment-author-id {
  color: #1492E6;
  font-size: 13.3px;
  font-weight: 500;
  letter-spacing: normal;
}

.comment-date {
  color: #8B8B8B;
  font-size: 13.3px;
  letter-spacing: normal;
}

.comment-item-body {
  color: #4B4B4B;
  font-size: 16px;
  font-weight: 500;
}

.comment-list-with-img  .mo-card {
  border-bottom: none;
}

.comment-list-with-img > li {
  border-bottom: 1px solid #8B8B8B;
}

.event-reg-comment {
  background-color: white;
  margin-bottom: 0;
}

.event-reg-comment .reg-header {
  margin: 0;
  padding: 0;
}

.mo-event .stuff-search-card .card-header {
  height: auto;
  position: relative;
  width: 120px;
}

.mo-event .stuff-search-card .card-img-wrapper {
  height: 100%;
  overflow: hidden;
}

.mo-event .stuff-search-card .card-body {
  width: calc(100% - 120px);
}

.mo-event .list-inform-wrapper {
  background-color: white;
}

.reg-body-wide .mo-card-img-horizontal {
  border-top: 1px solid #C8C8C8;
  border-bottom: 1px solid #C8C8C8;
  height: 126px;
} 

.event-reg-comment .card-img-wrapper {
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content: center;
}

.event-reg-comment .reg-body-wide .card-body {
  padding: 0;
}

.reg-body-textarea-with-img {
  border: none;
  height: 124px;
  min-height: 124px;
  resize: none;
}

.input-button-bar-wrapper {
  padding: 0 20px 20px 20px;
}

.input-button-bar {
  background-color: white;
}

.event-recommend .event-recommend-id {
  border: 1px solid #1492E6;
  border-radius: 4px;
  font-size: 13.3px;
  height: 43.3px;
  padding: 10px;
  padding-right: 110px;
  width: 100%;
}

.event-recommend .view-footer {
  background-color: white;
}

.btn-event-recommend {
  background-color: #1492E6;
  border-radius: 0;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  bottom: 1px;
  color: white;
  font-size: 15px;
  font-weight: 500;
  position: absolute;
  right: 1px;
  top: 1px;  
  width: 100px;
}

.personal-info {
  padding-left: 20px;
  padding-right: 20px;
}

.personal-info .focus {
  color: #191919;
}

.personal-info .step-item-para-desc {
  color: #1492E6;
  display: inline-block;
  font-size: 10px;
  line-height: 1.4;
  margin-top: 10px;
}

.event-reg-comment .img-wrapper {
  background-color: #C8C8C8;  
  height: 180px;
  margin-bottom: 20px;
  padding: 10px;
  position: relative;
  text-align: center;
  vertical-align: middle;
}

.event-reg-comment .img-wrapper img {  
  left: 50%;
  max-height: 98%;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.event-reg-comment .img-wrapper .img-message {
  color: #8B8B8B;
  font-size: 15px;
  left: 50%;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

/*####################################*\
  고객센터 - FAQ
\*####################################*/

.faq-question,
.faq-answer {
  margin-bottom: 27px;
}

.faq-question-title,
.faq-answer-title,
.faq-satisfaction-title
 {
  color: #191919;
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 6px;
}

.faq-question-content,
.faq-answer-content {
  border: 1px solid #C8C8C8;
  font-size: 13.3px;
  line-height: 1.6;
  padding: 15px 13px;
}

.faq-answer-content {
  background-color: #EBEBEB;
}

.faq-question-content p,
.faq-answer-content p {
  line-height: 1.6;
}

.faq-question-content img,
.faq-answer-content img {
  max-width: 100%;
  width: 100%;
}

.faq-satisfaction {
  border-top: 1px solid #C8C8C8;
  margin-top: 27px;
  padding: 10px 40px;
  text-align: center;
  margin-left: -20px;
  margin-right: -20px;
}

.faq-satisfaction-title {
  text-align: center;
}

.faq-para {
  color: #686868;
  font-size: 13px;
  line-height: 1.6;
}

.faq-star {
  height: 25px;
  margin-bottom: 6px;
}

.faq-star,
.faq-star-map > area {
  outline: none;
}

.faq-star-label {
  color: #686868;
  font-size: 13px;
}

.faq-star-label.on {
  color: #1492E6;
}

/*####################################*\
  01-5. Q&A
\*####################################*/

.mo-qna .mo-list-group .mo-card {
  border-top: 1px solid #C8C8C8;
}

.mo-qna .mo-list-group .card-header {
  padding: 13px;
}

.mo-qna .mo-list-group .card-body {
  background-color: #EEEEEE;
  border-top: 1px solid #C8C8C8;
}

.mo-qna .qna-private .card-header,
.mo-qna .qna-private .card-body {
  position: relative;
  padding: 19px 13px;
}

.mo-qna .qna-private .card-header::after,
.mo-qna .qna-private .card-body::after {
  background: url("../images/mo_ico/lock.png") no-repeat 50% 50%;
  background-size: auto 21px;
  bottom: 18px;
  content: "";
  display: inline-block;
  height: 21px;
  left: 85px;
  position: absolute;  
  width: 21px;
}

.mo-qna .qna-answer-label {
  color: #1492E6;
}

.mo-qna .card-date,
.mo-qna .card-description-small {
  margin-top: 26px;
}

.mo-qna .view-body-question,
.mo-qna .view-body-answer {
  padding: 13px;
}

.mo-qna .view-body-question .view-content,
.mo-qna .view-body-answer .view-content {
  min-height: 240px;
  padding-top: 50px;
  position: relative;
}

.mo-qna .view-body-question .view-content::before,
.mo-qna .view-body-answer .view-content::before {
  color: #4B4B4B;
  font-weight: 500;
  position: absolute;
  top: 16px;
}

.mo-qna .view-body-question .view-content::before {
  content: "질문";
}

.mo-qna .view-body-answer .view-content::before {
  content: "답변";
}

.mo-qna .view-body-question-no-answer .view-content {
  min-height: 350px;
}

/*####################################*\
  고객센터 - 상담안내
\*####################################*/

.mo-help {
  background-color: white;
  padding-bottom: 20px;
  padding-left: 20px;
  padding-right: 20px;
}

.mo-help section {
  margin-bottom: 30px;
}

.mo-help section > header {
  position: relative;
}

.mo-help .mo-list-group .mo-card {
  border-top: 1px solid #C8C8C8;
}

.mo-help .mo-list-group .card-header {
  border-bottom: 1px solid #686868;
  padding: 13px;
}

.mo-help .mo-list-group .card-body {
  padding: 0 13px;
}

.mo-help .mo-list-group .card-title {
  margin: 0;
}

.mo-help .help-list-group > .list-group-item {
  margin-bottom: 13px;
}

.mo-help .help-item {
  align-items: center;
  border-bottom: 1px solid #C8C8C8;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content: space-between;
  margin: 0;
  padding: 13px 0;
}

.mo-help .help-item:last-child {
  border-bottom: none;
}

.mo-help .help-item-label {
  color: #8B8B8B;
}

.mo-help .help-item-content {
  color: #212121;
  font-weight: 500;
}

.mo-help .help-item-content-smart-onbid {
  font-size: 13px;
  line-height: 1.5;
  width: 147px;
}

.mo-help .help-item-content-internet,
.mo-help .help-item-content-internet-time {
  font-size: 13px;
  line-height: 1.5;
}

.mo-help .help-item-content-internet {
  letter-spacing: normal;
}

.mo-help .title-1 {
  font-size: 16px;
}

.mo-help .title-2 {
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 6px;
}

.mo-help th {
  background-color: #EBEBEB;
  color: #686868;
  font-size: 16px;
}

.mo-help td {
  font-size: 16px;
}

.btn-help-call {
  font-size: 15px;
  margin-left: 8px;
}

.btn-help-qna {
  border-radius: 0;
  font-size: 13px;
  position: absolute;
  right: 0;
  top: -5px;
}

.btn-help-chat-bot {
  border-radius: 0;
  font-size: 13px;
}

.mo-help .focus {
  color: #002F69;
}

.mo-help a {
  color: #1492E6;
  letter-spacing: normal;
  text-decoration: underline;
}

.chat-bot-info {
  background-color: #EBEBEB;
  line-height: 1.5;
  margin-bottom: 10px;
  text-align: center;
  padding: 30px 10px;
}

.chat-bot-info strong {
  font-weight: 500;
}

/*####################################*\
  01-7. 이용안내
\*####################################*/

.mo-guide article {
  margin-bottom: 30px;
}

.mo-guide .acc-content .article:last-child .mo-list {
  margin-bottom: 10px;
}

.mo-guide .title-1 {
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 12px;
}

.mo-guide .title-1.bullet::before {
  content: "○";
  margin-right: 2px;
  position: relative;
  top: -1px;
}

.mo-guide .focus {
  color: #191919;
  font-weight: 500;
}

.mo-guide .btn-deco {
  color: #002F69;
  padding-bottom: 4px;
}

.mo-guide .link {
  color: #1492E6;
  letter-spacing: normal;;
  text-decoration: underline;
}

.mo-guide ul.mo-list {
  list-style-type: "·";
  margin-left: 4px;
}

.mo-guide .mo-list li {
  padding-left: 5px;
  margin-bottom: 1px;
}

.mo-guide .mo-alert {
  background-color: #F5F5F5;
  border: 1px solid #C8C8C8;
  border-radius: 5px;
}

.mo-guide .mo-alert .alert-body {
  padding: 18px;
}

.mo-guide .mo-alert .alert-body .alert-content  {
  color: #8B8B8B;
  font-size: 15px;
  line-height: 1.5;
  margin-bottom: 0;
}

.mo-guide .tab-content-desc {
  background-color: #EEEEEE;
  padding: 26px 13px 0px 13px;
}

.mo-guide .tab-content-buttons {
  text-align: center;
}

.mo-guide .text-focus-secondary {
  font-weight: 500;
}

.mo-guide .btn-android,
.mo-guide .btn-ios {
  font-size: 14.5px;
  font-weight: 500;
  padding: 9px;  
  width: 112px;
  border-color: #4484D2;
}

.mo-guide .btn-ios {
  letter-spacing: normal;
  margin-left: 24px;
}

/*####################################*\
  고객센터 - 교육안내 및 참가신청
\*####################################*/

/*--------------------------*\
  고객센터 - 교육안내 - 공통
\*--------------------------*/

.mo-edu {
  background-color: white;
}

.edu-explain-tab-content,
.edu-dept-tab-content {
  padding: 0 20px;
}

.edu-list-label {
  background-color: #EEEEEE;
  color: #4B4B4B;
  font-size: 13px;
  height: 43px;
  letter-spacing: normal;
  line-height: 43px;
  margin-left: -20px;
  padding-right: 20px;
  text-align: right;
  width: calc(100% + 40px);
}

.edu-list-count {
  color: #1492E6;
  font-size: 17px;
  font-weight: 500;
}

.edu-list {
  padding-top: 20px;
  padding-bottom: 20px;
}

.edu-list > li {
  border: 1px solid #C8C8C8;
  margin-bottom: 13px;
}

.edu-list > li:last-child {
  margin-bottom: 0;
}

.edu-list > li > a {
  display: block;
  padding: 20px 10px;
}

.edu-item-type {
  margin-bottom: 10px;
}

.edu-item-title {
  -webkit-line-clamp: 2;
          line-clamp: 2;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  font-weight: 500;
  height: 44px;
  margin-bottom: 10px;
  overflow: hidden;
}

.edu-item-desc-label {
  color: #1492E6;
  font-size: 13px;
}

.edu-item-desc-divider {
  background-color: #1492E6;
  display: inline-block;
  height: 10px;
  margin-left: 5px;
  margin-right: 2px;
  width: 1px;  
}

.edu-item-desc-value {
  color: #8B8B8B;
  font-size: 13px;
  letter-spacing: normal;
}

.edu-item-schedule.group-wrap {
  margin-bottom: 5px;
}

.edu-item-schedule.search-item-date-wrapper .label {
  color: #1492E6;
  font-size: 13px;
}

.edu-item-schedule .period .start,
.edu-item-schedule .period .end {
  color: #8B8B8B;
  font-size: 13px;
  font-weight: normal;
  letter-spacing: normal;
}

.edu-dept-inform {
  padding: 15px 0 10px;
}

.edu-number-of-people {
  color: #1492E6;
}

.edu-view-content {
  border: 1px solid #C8C8C8;
  color: #8B8B8B;
  font-size: 13px;
  margin-bottom: 10px;
  min-height: 300px;
  padding: 15px 13px;
}

.edu-view-content img {
  max-width: 100%;
}

.edu-number-of-people {
  margin-bottom: 20px;
}

.edu-remain,
.edu-wait {
  text-align: center;
}

.edu-remain-label,
.edu-wait-label {
  color: #212121;
  font-size: 14px;
}

.edu-remain-total,
.edu-wait-total {
  color: #8B8B8B;
  font-size: 17px;
  font-weight: 500;
}

.edu-remain-count,
.edu-wait-count {
  color: #002F69;
  font-size: 17px;
  font-weight: 500;
}

.edu-apply-btn,
.edu-apply-wait-btn {
  background-color: #1492E6;
}

.edu-finish-btn {
  background-color: #002F69;
}

.edu-cancel-btn {
  background-color: #4A4A4A;
}

.edu-apply-status {
  padding-bottom: 20px;
}

/*--------------------------*\
  고객센터 - 교육안내 - 이용설명회 (상세)
\*--------------------------*/

.edu-explain-detail {
  padding: 81px 20px 0;
}

.edu-explain-detail .title-1 {
  font-size: 16px;
}

/*####################################*\
  고객센터 - 찾아오시는 길
\*####################################*/

.mo-direction .view-header {
  margin: 0;
  padding: 13px;
}

.mo-direction .title-1 {
  margin-bottom: 10px;
}

.mo-direction .view-body {
  border-top: none;
  padding: 13px;
}

.mo-direction section {
  margin-bottom: 25px;
}

.para-remain {
  margin-bottom: 25px;
}

.mo-direction .para-label {
  color: #212121;
  font-size: 14px;
  font-weight: 500;
}

.mo-direction .remain-current,
.mo-direction .remain-total {
  font-size: 17.3px;
  font-weight: 500;
}

.mo-direction .remain-current {
  color: #002F69;
}

.mo-direction .remain-total {
  color: #8B8B8B;
}

.mo-direction .btn-call {
  font-size: 11px;
  min-width: 70px;
}

.mo-direction .edu-map-list-group {
  border-top: 1px solid #C8C8C8;
  margin-top: 13px;
}

.mo-direction .edu-map-list-group .list-group-item {
  position: relative;
}

.mo-direction .edu-map-list-group .list-group-item::after {
  background: url("../images/mo_ico/right_arrow.png") no-repeat 50% 50%;
  background-size: auto 15.3px;
  content: "";
  display: inline-block;
  height: 15.3px;
  position: absolute;  
  right: 13px;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 15.3px;
}

.mo-direction .edu-map-list-group .card-title {
  color: #002F69;
}

.mo-direction .edu-map-list-group .card-description {
  color: #8B8B8B;
  font-size: 13px;
  letter-spacing: normal;
  margin-bottom: 6px;
  padding-right: 10px;
}

.mo-direction .edu-map-list-group .card-description:last-child {
  margin-bottom: 0;
}


/* 물건
========================================================================== */

/*####################################*\
  물건 - 공통
\*####################################*/

.mo-stuff .mo-search {
  background-color: #EEE;
  padding: 0;
}

.mo-stuff .search-header {
  padding: 0;
}

.mo-stuff .search-labels {
  background-color: white;
  border-top: 1px solid #C8C8C8;
  border-bottom: 1px solid #C8C8C8;  
  font-size: 13px;
  height: 34px;
  padding: 8px 20px;
}

.mo-stuff .search-labels .mo-bread > li:not(:last-child)::after {
  background-size: auto 13.5px;
  height: 13.5px;
  width: 13.5px;
}

.mo-stuff .btn-select-region {
  height: 32px;
  position: absolute;
  right: 0;
  top: 0;
  width: 32px;
}

.mo-stuff .btn-select-region::before {
  background: url("/images/mo_ico/triangle.png") no-repeat 50% 50%;
  background-size: 13px auto;
  height: 7.5px;
  width: 13px;
}

.mo-stuff .search-total-count {
  font-size: 15px;
  font-weight: normal;
  letter-spacing: normal;
}

.mo-stuff .search-body {
  background-color: #EEE;  
}

.mo-stuff .stuff-search-list {
  background-color: #EEE;
}

.mo-stuff .stuff-search-list > li {  
  border-bottom: 1px solid #C8C8C8;
  margin-bottom: 0;
}

.mo-stuff .stuff-search-list > li:last-child {
  margin-bottom: 0;
}

.mo-stuff .stuff-search-d-day {
  display: none;  
}

.mo-stuff .bid-type-list {
  color: #212121;
  font-size: 17px;
  font-weight: 500;
  margin-bottom: 7px;
}

.mo-stuff .bid-type-list::after {
  clear: both;
  content: "";
  display: block;
}

.mo-stuff .bid-type-list li {
  float: left;
}

.mo-stuff .bid-type-list li:not(:last-child)::after {
  background-color: #C8C8C8;
  content: "";
  display: inline-block;
  height: 13px;
  margin: 0 6px;
  width: 1px;
}

.mo-stuff .bid-type-list li.focus {
  color: #1492E6;
}

.mo-stuff .stuff-search-para {
  color: #8B8B8B;
  font-size: 15px;
  line-height: 1.2;
  margin-bottom: 6px;
}

.mo-stuff .stuff-search-title {
  color: #191919;
  font-size: 15px;
  font-weight: 500;  
  margin-bottom: 6px;
  /* 물건명 ellipsis */
  overflow: hidden;
  text-overflow: ellipsis;
}

.mo-stuff .stuff-search-card {
  border-bottom: none;
}

.mo-stuff .stuff-search-card .card-header,
.mo-stuff .stuff-search-card .card-body {
  height: auto;
}

.mo-stuff .stuff-search-card .card-header {  
  position: relative;
  width: 130px;
}

.mo-stuff .stuff-search-card .card-body {
  width: calc(100% - 130px);
}

.mo-stuff .card-img-full-height .stuff-search-card .card-img-wrapper {
  height: 100%;
}

.mo-stuff .with-card-img-bottom .stuff-search-card .card-img-wrapper {
  height: calc(100% - 40px);
  overflow: hidden;
}

.mo-stuff .search-footer {
  background-color: #EEE;
  margin-top: 20px;
}



/* 2020.06.26 지도 물건리스트 스타일 추가 */
.mo-stuff .stuff-search-map .bid-type-list {
  color: #212121;
  font-size: 15px;
  font-weight: 500;
  margin-bottom: 0px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.mo-stuff .stuff-search-map .bid-type-list::after {
  clear: both;
  content: "";
  display: block;
}

.mo-stuff .stuff-search-map .bid-type-list li {
  float: left;
}

.mo-stuff .stuff-search-map .bid-type-list li:not(:last-child)::after {
  background-color: #C8C8C8;
  content: "";
  display: inline-block;
  height: 13px;
  margin: 0 6px;
  width: 1px;
}

.mo-stuff .stuff-search-map .bid-type-list li.focus {
  color: #1492E6;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.mo-stuff .stuff-search-map .stuff-search-card {
  min-height: 115px;
  border-bottom: none;
}

.mo-stuff .stuff-search-map .stuff-search-card .card-header,
.mo-stuff .stuff-search-map .stuff-search-card .card-body {
  height: auto;
}

.mo-stuff .stuff-search-map .stuff-search-card .card-header {  
  position: relative;
  width: 130px;
}

.mo-stuff .stuff-search-map .stuff-search-card .card-body {
  width: calc(100% - 130px);
  padding: 7px 12px;
}

.mo-stuff .stuff-search-map .stuff-search-title {
  color: #191919;
  font-size: 15px;
  font-weight: 500;  
  margin-bottom: 0px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.mo-stuff .stuff-search-map .stuff-search-para {
  color: #8B8B8B;
  font-size: 15px;
  line-height: 1.2;
  margin-bottom: 0px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.mo-stuff .stuff-search-map .stuff-search-para2 { 
  color: #191919;
  font-size: 15px;
  font-weight: 500;
  letter-spacing : inherit; 
  margin-bottom: 0px;
}

.mo-stuff .stuff-search-map .card-img-full-height .stuff-search-card .card-img-wrapper {
  height: 100%;
}

.mo-stuff .stuff-search-map .with-card-img-bottom .stuff-search-card .card-img-wrapper {
  height: calc(100% - 40px);
  overflow: hidden;
}





.mo-stuff .stuff-map-wrapper,
.stuff-map-binder {
  height: calc(100vh - 166px - 50px); /* 166px = 66px(헤더높이) + 66px(필터높이) + 34px(검색 라벨높이) */
                                      /* 50px(하단 '목록' 버튼 높이) */
  
}

.stuff-map-binder {
  position: relative;
  z-index: 1;
}

.stuff-map-icon-wrapper {
  position: absolute;
  right: 3px;
  top: 3px;
  z-index: 2;
}

/* 완납 */
.sum-paid {
  color: #1492E6 !important;
  font-weight: 500;
}

/* 미납 */
.sum-unpaid {
  color: red !important;
  font-weight: 500;
}


.d-day {
  color: #1492E6 !important;
  font-weight: 500;
}

/*--------------------------*\
  물건 - 공통 - footer 팝업
\*--------------------------*/

.mo-stuff .mo-footer-popup {
  background-color: white;
  box-shadow: 0px -2px 10px hsl(0, 0%, 75%);
  opacity: 0;
  position: fixed;
  bottom: calc(-100% - 100px); /* 100px 여유 공간 */
  transition: bottom 0.5s;
  width: 100%;
  z-index: 3000;
}

.mo-stuff .mo-footer-popup.on {
  bottom: 0;
  opacity: 1;
}

.mo-stuff .mo-footer-popup-rounded {
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  padding: 10px;
}

.mo-stuff .footer-popup-secondary {
  background-color: #F8F9FC;
}

.mo-stuff .mo-footer-popup .footer-popup-header {
  border-bottom: 2px solid #373737;
  margin-bottom: 20px;
  padding: 10px;
  position: relative;
}

.mo-stuff .mo-footer-popup .footer-popup-header .title {
  font-size: 15.5px;
  font-weight: 500;
}

.mo-stuff .mo-footer-popup .btn-close-footer-popup {
  height: 34px;
  position: absolute;
  right: 0;
  top: 0;
  width: 34px;
}

.mo-stuff .footer-popup-secondary .btn-close-footer-popup {
  background-color: #F8F9FC;
}

.mo-stuff .footer-popup-secondary .bread-wrapper {
  background-color: white;
  border: 1px solid #C8C8C8;
}

.mo-stuff .mo-footer-popup .btn-close-footer-popup::before {
  background: url("/images/mo_ico/cancel_03.png") no-repeat 50% 50%;
  background-size: 17px auto;
  height: 17px;
  width: 17px;
}

.mo-stuff .footer-popup-footer {
  margin-top: 20px;
}

/*--------------------------*\
  물건 - 공통 - 기타
\*--------------------------*/

.bread-wrapper {
  background-color: #EBEBEB;
  border-radius: 5px;
  margin-bottom: 20px;
  padding: 12px 14.5px;
}

.mo-stuff .bread-wrapper .bread-label {
  color: #002F69;
}

.btn-search-filter-reset {
  align-items: center;
  color: #1492E6;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  font-size: 16px;
  font-weight: 500;
  height: 66px;
  justify-content: center;
  padding: 0 20px;
}

/*--------------------------*\
  물건 - 공통 - 지역선택 레이어
\*--------------------------*/

.mo-stuff .region-wrapper {  
  border-top-left-radius: 30px;
  border-top-right-radius: 30px;
  padding: 10px 10px 10px;
  transition: bottom 0.5s;
}

.mo-stuff .region-wrapper .region-header {
  border-bottom: 1px solid #C8C8C8;
  margin-bottom: 20px;
  padding: 10px;
  position: relative;
}

.mo-stuff .region-wrapper .region-header .title {
  font-size: 15.5px;
  font-weight: 500;
}

.mo-stuff .btn-close-region {
  height: 34px;
  right: 0;
  top: 0;
  width: 34px;
}

.mo-stuff .btn-close-region::before {
  background: url("/images/mo_ico/cancel_03.png") no-repeat 50% 50%;
  background-size: 17px auto;
  height: 17px;
  width: 17px;
}

.mo-stuff .region-deco {
  background-color: #C8C8C8;
  border-radius: 8px;
  height: 3px;
  position: absolute;
  top: 10px;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  left: 50%;
  width: 30px;
}

/*####################################*\
  물건 - 물건검색
\*####################################*/
.mo-stuff-search {
  margin-bottom: 0;
  min-height: 100vh;
  padding-bottom: 20px;
}

/*--------------------------*\
  물건 - 물건검색 - 검색조건
\*--------------------------*/

.mo-stuff-search-filter {  
  padding: 86px 0 20px 0;
  /* padding-top: calc(86px + env(safe-area-inset-top)) !important; */
}

.mo-stuff-search-filter .stuff-search-filter-section {
  padding: 0 20px;
  margin-bottom: 25px;
}

.mo-stuff-search-filter .stuff-search-filter-section-sub {
  margin-bottom: 12px;
}

.mo-stuff-search-filter .title-1 {
  margin-bottom: 7px;
}

.mo-stuff-search-filter .title-2 {
  color: #1492E6;
  font-size: 12px;
  font-weight: normal;
  margin-bottom: 7px;
}

.mo-stuff-search-filter .mo-bread {
  font-size: 13px;
}

.mo-stuff-search-filter .apply-button-wrapper {
  bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  position: fixed;
  width: 100%;
  z-index: 100;
}

.mo-stuff-search-filter .apply-button-left {
  -webkit-box-flex: 37.5%;
      -webkit-flex: 37.5%;
          -ms-flex: 37.5%;
              flex: 37.5%;
}

.mo-stuff-search-filter .apply-button-right {
  -webkit-box-flex: 62.5%;
      -webkit-flex: 62.5%;
          -ms-flex: 62.5%;
              flex: 62.5%;
}

.mo-stuff-search-filter .apply-button-wrapper button {
  border-radius: 0;  
  color: white;
  display: block;
  font-size: 14.5px;
  font-weight: 500;
  height: 50px;
  width: 100%;
}

.btn-save-filter-info {
  background-color: #4B4B4B;
}

.btn-apply-filter-info {
  background-color: #1492E6;
}

.mo-stuff-search-filter .mo-bread {
  color: #212121;
}

.mo-stuff-search-filter .search-bar {
  margin-bottom: 10px;
}

.mo-stuff-search-filter .input-search {
  background-color: #EEEEEE;
  padding-left: 38px;
}

.mo-stuff-search-filter .btn-search-stuff-name-info {
  background: url("/images/mo_ico/mike.png") no-repeat 50% 50%;
  background-size: auto 18px;
  height: 35px;
  width: 40px;
  display: block;
  position: absolute;
  left: 0;
  top: 0;
}

.mo-stuff-search-filter .btn-search-stuff-number-info {
  background: url("/images/mo_ico/information_2.png") no-repeat 50% 50%;
  background-size: auto 18px;  
  height: 35px;
  width: 40px;
  display: block;
  position: absolute;
  left: 0;
  top: 0;
}

.mo-stuff-search-filter .saving-history-list > li {
  background-color: #EBEBEB;
  border-radius: 5px;
  color: #686868;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  font-size: 13px;
  justify-content: space-between;
  line-height: 1.4;
  margin-bottom: 10px;
  position: relative;
}

.mo-stuff-search-filter .saving-history-list > li > .saving-history-content {
  padding: 10px 0 10px 38px;
  -webkit-box-flex: calc(100% - 30px);
      -webkit-flex: calc(100% - 30px);
          -ms-flex: calc(100% - 30px);
              flex: calc(100% - 30px);
}

.mo-stuff-search-filter .saving-history-list > li .saving-history-content::before {
  background: url("/images/mo_ico/information.png") no-repeat 50% 50%;
  background-size: auto 20.75px;
  content: "";
  display: inline-block;
  height: 100%;
  left: 10px;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 20.75px;
}

.mo-stuff-search-filter .btn-delete-saving-history {
  background: url("/images/mo_ico/cancel_03.png") no-repeat 50% 50%;
  background-size: auto 14px;
  display: inline-block;  
  text-indent: -5000px;
  width: 40px;
}

.mo-stuff-search-filter .para {
  color: #AFAFAF;
  font-size: 12px;
}

.mo-stuff-search-filter .para::after {
  clear: both;
  content: "";
  display: block;
}

.mo-stuff-search-filter .para-desc {
  color: #1492E6;
  font-size: 10px;
  float: right;
  letter-spacing: normal;
  margin-top: 8px;
  margin-bottom: 8px;
}

/*--------------------------*\
  물건 - 물건검색 - 지도검색
\*--------------------------*/

.mo-stuff-map-search {
  margin-bottom: 0;
}

.mo-stuff-map-search .mo-search {
  overflow: hidden;
  position: relative;
}

.mo-stuff-map-search .search-footer {
  background-color: white;
  height: 50px;
  margin-top: 0;
}

#map-control > div:nth-child(3) > div:first-child {  
  left: calc(100vw - 40px) !important;
  top: 156px !important;
}

/* 물건검색 리스트 레이어 */

.mo-stuff-map-search .search-footer .btn-view-stuff-search-list {
  align-items: center;  
  background-color: white;
  color: #002F69;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  font-size: 15px;
  font-weight: 500;
  height: 50px;
  justify-content: center;
  position: relative;
  width: 100%;
  z-index: 1;
}

.mo-stuff-map-search .stuff-search-list-wrapper {  
  background-color: #EEE;
  height: calc(100vh - 166px); /* 166px = 66px(헤더높이) + 66px(필터높이) + 34px(검색 라벨높이) */
  position: absolute;
  top: calc(100vh - 66px + 5px); /* 5px(여유공간) */
  transition: top 0.5s ease;
  width: 100%;
  z-index: 10;
}

.mo-stuff-map-search .stuff-search-list-wrapper.on {
  top: calc(66px + 34px);
}

.mo-stuff-map-search .stuff-search-list-wrapper .search-labels {
  border-top: none;
}

.mo-stuff-map-search .stuff-search-list-wrapper .stuff-search-list-sub-wrapper {
  height: calc(100vh - 166px - 34px); /* 166px = 66px(헤더높이) + 66px(필터높이) + 34px(검색 라벨높이) */
  overflow-y: auto;
}

.mo-stuff-map-search .stuff-search-list-wrapper .btn-close-stuff-search-list {
  height: 32px;
  position: absolute;
  right: 0;
  top: 0;
  width: 32px;
}

.mo-stuff-map-search .stuff-search-list-wrapper .btn-close-stuff-search-list::before {
  background: url("/images/mo_ico/cancel_01.png") no-repeat 50% 50%;
  background-size: 11px auto;
  height: 11px;
  width: 11px;
}

.mo-stuff-map-search .stuff-search-list-wrapper .search-footer {
  background-color: #EEE;
}


/* 물건검색 리스트 레이어(마커리스트용 추가수정) */

.mo-stuff-map-search .stuff-search-marker-wrapper {  
  background-color: #EEE;
  position: absolute;
  bottom: calc(-100% - 100px);
  transition: bottom 0.1s;
  width: 100%;
  z-index: 10;
}

.mo-stuff-map-search .stuff-search-marker-wrapper.on {
  bottom: 0;
  opacity: 1;
}

.mo-stuff-map-search .stuff-search-marker-wrapper .search-labels {
  border-top: none;
}

.mo-stuff-map-search .stuff-search-marker-wrapper .stuff-search-marker-sub-wrapper {
  max-height: calc(100vh - 166px - 34px);
  overflow-y: auto;
}

.mo-stuff-map-search .stuff-search-marker-wrapper .btn-close-stuff-search-marker {
  height: 32px;
  position: absolute;
  right: 0;
  top: 0;
  width: 32px;
}

.mo-stuff-map-search .stuff-search-marker-wrapper .btn-close-stuff-search-marker::before {
  background: url("/images/mo_ico/cancel_01.png") no-repeat 50% 50%;
  background-size: 11px auto;
  height: 11px;
  width: 11px;
}

.mo-stuff-map-search .stuff-search-marker-wrapper .search-footer {
  background-color: #EEE;
}

/* 지도설정 시 뜨는 레이어 */
.map-setting-wrapper {
	transition: bottom 0.1s;
}

/* 지도에서 특정 물건 선택 시 뜨는 레이어 */

.sutff-search-item-wrapper {
  background-color: white;
  bottom: calc(-100% + 1%); /* 1%(여유공간) */
  box-shadow: 0px -2px 10px hsl(0, 0%, 75%);  
  position: fixed;
  transition: bottom 0.1s;
  width: 100%;
}

.sutff-search-item-wrapper.on {
  bottom: 0;
}

.sutff-search-item-wrapper .search-labels {
  background-color: white;
  border-top: 1px solid #C8C8C8;
  border-bottom: 1px solid #C8C8C8;  
  font-size: 13px;
  height: 34px;
  padding: 8px 20px;
}

.sutff-search-item-wrapper .btn-close-stuff-search {
  height: 32px;
  position: absolute;
  right: 0;
  top: 0;
  width: 32px;
}

.sutff-search-item-wrapper .btn-close-stuff-search::before {
  background: url("/images/mo_ico/cancel_01.png") no-repeat 50% 50%;
  background-size: 11px auto;
  height: 11px;
  width: 11px;
}

/* '지도 설정' 레이어 */

.mo-radio-button-list.map-type-list {
  background-color: white;
  border: none;
  border-bottom: 1px solid #C8C8C8;
  border-radius: 0;
  padding-bottom: 15px;
}

.map-type-item {
  width: 100px;
}

.map-type-item label {
  flex-wrap: wrap;
  padding: 0;
  position: relative;
}

.map-type-item-img {
  height: 70px;
  margin-bottom: 5px;
  width: 70px;
}

.map-type-item-label {
  align-items: flex-start;
  color: #4A4A4A;
  display: block;
  -webkit-box-flex: 0 0 100%;
      -webkit-flex: 0 0 100%;
          -ms-flex: 0 0 100%;
              flex: 0 0 100%;
  font-size: 14px;
  font-weight: 500;
}

.map-type-item input[type="radio"]:checked + label {
  background-color: white;
  border: none;
  box-shadow: none;
}

.map-type-item input[type="radio"]:checked + label::before {
  background-color: #1492E6;
  border-radius: 10px;
  content: "";
  display: block;
  height: 70px;
  opacity: 0.6;
  position: absolute;
  top: 0;
  width: 70px;
}

.map-type-item input[type="radio"]:checked + label::after {
  background: url("/images/mo_ico/white_check.png") no-repeat 50% 50%;
  background-size: 29.5px auto;
  content: "";
  display: block;
  height: 29.5px;
  left: 50%;
  position: absolute;
  top: 20px;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 29.5px;
}

.map-type-item input[type="radio"]:checked + label .map-type-item-label {
  color: #1492E6;
}

.map-setting-detail-list {
  padding: 0 15px;
}

.map-setting-detail-list > li {
  margin-bottom: 20px;
}

.map-setting-detail-list > li label {
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
}

.map-setting-detail-item-label {
  font-size: 15px;
  font-weight: 500;
}

.map-setting-detail-list input[type="checkbox"]:checked + .map-setting-detail-item-label {
  color: #1492E6;
}

/*####################################*\
  물건 - 물건상세
\*####################################*/

.mo-stuff-detail .mo-view {
  background-color: white;
}

.stuff-detail {
  background-color: white;
}

.mo-stuff-detail .view-header {
  margin-bottom: 0;
  padding: 20px 20px 0 20px;
}

.stuff-detail > .header {
  border-bottom: 1.5px solid #191919;  
  margin: 0 20px 0 20px;
  padding: 20px 0 10px 0;
  position: relative;
}

.mo-stuff-detail .view-header .title {
  color: #002F69;
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 10px;
}

.stuff-detail > .header .title {
  color: #002F69;
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 10px;
}

.mo-stuff-detail .view-header .header-right {
  border-bottom: 1.5px solid #191919;
  padding-bottom: 10px;
  text-align: right;
  width: 100%;
}

.mo-stuff-detail > .header .header-left {
  float: none;
}

.stuff-detail > .header .header-right {
  float: right;
  text-align: right;
}

.mo-stuff-detail .header .badge-wrapper {
  text-align: left;  
}

.mo-stuff-detail .header .badge-wrapper::after {
  clear: both;
  content: "";
  display: block;
}

.stuff-detail > .header .badge-wrapper {
  margin-bottom: 5px;
}

.mo-stuff-detail .btn-stuff-detail-favorite {
  background: url("/images/mo_ico/like.png") no-repeat 50% 50%;
  background-size: 19px auto;
  height: 30px;
  width: 30px;
}

.mo-stuff-detail .btn-stuff-detail-favorite.on {
  background-image: url("/images/mo_ico/like_on.png");
  background-size: 20px auto;
}

.mo-stuff-detail .btn-stuff-detail-share {
  background: url("/images/mo_ico/share.png") no-repeat 50% 50%;
  background-size: 19px auto;
  height: 30px;
  width: 30px;
}

.stuff-detail .section-body {
  border-top: none;
  padding: 20px;
}

.stuff-detail-alert {
  background-color: #F5F5F5;
  border: 1px solid #C8C8C8;
  color: #8B8B8B;
  font-size: 14px;
  padding: 20px 10px;
  text-align: left;  
}

.stuff-detail-alert .focus {
  color: #1492E6;
}

.stuff-detail-alert-type-2 {
  background-color: #EBEBEB;
  border: none;
  color: #212121;
  font-size: 13px;
  padding: 20px 10px;
  text-align: left;  
}

.stuff-detail-alert-type-3 {
  color: #8B8B8B;
  background-color: #EBEBEB;
  font-size: 13px;
  min-height: 40px;
  padding: 10px;
}

.mo-stuff-detail .view-body {
  border-top: none;
  padding: 20px;
}

.mo-stuff-detail .stuff-detail-basic .stuff-detail-bid-history {
  width: 100%;
  margin-left: 0;
  margin-bottom: 20px;
}

.mo-stuff-detail .stuff-detail-basic .mo-tab-sub .tab-title a {
  font-size: 13px;
  padding: 10px;
}

.mo-stuff-detail th {
  background-color: #F0F0F0;
  color: #616161;
  font-size: 13px;
}

.mo-stuff-detail .stuff-detail-basic-tab {
  margin-bottom: 20px;
  border-bottom: 1px solid #C8C8C8;
}

.mo-stuff-detail .stuff-detail-basic-tab .tab-body {
  background-color: #C8C8C8;
  height: 300px;
}

.mo-stuff-detail .stuff-detail-basic-tab .tab-content {
  height: 100%;
}

.mo-stuff-detail.sutuff-detail-pop {
  padding-left: 20px;
  padding-right: 20px;  
}

.carousel-wrapper {
  height: 100%;
  position: relative;
}

.carousel-wrapper .alternative-text {
  color: #DDDDDD;
  font-size: 25px;
  font-weight: 500;
  left: 0;
  padding: 20px;
  position: absolute;
  text-align: center;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 100%;
}

.stuff-detail-img-wrapper {
  height: 300px;
}

.stuff-detail-img-wrapper.owl-carousel.owl-hidden {
  opacity: 1;
}

.stuff-detail-img-wrapper .owl-item {
  height: 300px;
  width: 100%;
}

.stuff-detail-img-wrapper .item {
  max-height: 100%;
  max-width: 100%;
}

.stuff-detail-img-wrapper.owl-carousel .owl-item img {
  left: 50%;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: auto;
}

.btn-carousel-prev,
.btn-carousel-next {
  border-radius: 0;
  height: 50px;
  position: absolute;
  width: 36px;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  text-indent: -5000px;
  z-index: 1;
}

.btn-carousel-prev {
  background: url("/images/mo_ico/left_arrow_02.png") no-repeat 9px 50%;
  background-color: rgba(255, 255, 255, 0.8);
  background-size: 15px auto;
  border-top-right-radius: 9px;
  border-bottom-right-radius: 9px;
  left: 0;
}

.btn-carousel-next {
  background: url("/images/mo_ico/right_arrow_02.png") no-repeat 12px 50%;
  background-color: rgba(255, 255, 255, 0.8);
  background-size: 15px auto;
  border-top-left-radius: 9px;
  border-bottom-left-radius: 9px;
  right: 0;
}

.btn-carousel-play,
.btn-carousel-stop {
  border-radius: 0;
  height: 50px;
  position: absolute;
  width: 60px;
  top: 95%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  text-indent: -5000px;
  z-index: 1;
  margin-left: 290px;
}

.btn-carousel-play {
  background: url("/images/mo_ico/btn_caroucel_play.png") no-repeat 9px 50%;
  background-color: rgba(255, 255, 255, 0.8);
  background-size: 7px auto;
  border-top-right-radius: 9px;
  border-bottom-right-radius: 9px;
  left: 0;
}

.btn-carousel-stop {
  background: url("/images/mo_ico/btn_caroucel_stop.png") no-repeat 12px 50%;
  background-color: rgba(255, 255, 255, 0.8);
  background-size: 7px auto;
  border-top-left-radius: 9px;
  border-bottom-left-radius: 9px;
  right: 0;
}

.btn-pw {
  position: absolute;
  top: 55%;
  left: 62%;
  height: 39px;
  width: 50px;
  background-color: transparent;
  border: 0px;
}

.mo-stuff-detail .mo-button-list input:checked + label {
  background-color: #002f69;
  box-shadow: 0 0 0 2px #002f69;
  font-weight: 500;
  position: relative;
  z-index: 1;
}

.stuff-detail-additional {
  margin-bottom: 20px;
}

.button-list-contents [class~="content"] {
  display: none;
}

.button-list-contents [class~="content"].on {
  display: block;
}

.batch-stuff .title-2 {
  font-size: 15px;
  font-weight: 500;
  margin-bottom: 6px;
}

.batch-stuff-list {
  background-color: white;
  border-top: 1px solid #C8C8C8;
}

.batch-stuff-list > li {
  border-bottom: 1px solid #C8C8C8;
  padding: 13px;
}

.batch-stuff-list > li.on {
  background-color: #EBEBEB;
}

.batch-stuff-title {
  font-size: 15px;
  font-weight: 500;
  margin-bottom: 1px;
}

.batch-stuff-number {
  font-size: 15px;
  font-weight: 500;
  letter-spacing: normal;
  margin-bottom: 1px;
}

.batch-stuff-manage-number,
.batch-stuff-info {
  font-size: 14px;
  font-weight: normal;
}

.batch-stuff-manage-number {
  margin-bottom: 1px;
  margin-top: 6px;
}

.batch-stuff-manage-number > .label,
.batch-stuff-info > .label {
  color: #8B8B8B;
}

.batch-stuff-manage-number > .value,
.batch-stuff-info > .label {
  letter-spacing: normal;
}

.batch-stuff-list .mo-divider-vertical {
  height: 12px;
}

.btn-call {
  width: 85px;
}

.sutuff-detail-pop-appraisal {
  margin-bottom: 20px;
}

.appraisal-wrapper {
  background-color: #eee;  
  height: calc(100vh - 66px - 50px - 40px); /* 66px: 상단 영역 높이
                                             * 50px: 하단 버튼 높이
                                             * 40px: 상단 마진(20px) + 하단 공간(20px)
                                             */
  margin-top: 20px;
  min-height: 450px;
}

.bid-info-ordinal {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}

.bid-info-ordinal-label,
.bid-info-ordinal-select {
  height: 37px;
  line-height: 37px;
}

.bid-info-ordinal-label {
  -webkit-box-flex: 0 0 70px;
      -webkit-flex: 0 0 70px;
          -ms-flex: 0 0 70px;
              flex: 0 0 70px;
}

.bid-info-ordinal-select {
  background: url("/images/mo_ico/down_arrow.png") no-repeat right 11px center;
  background-size: 15px auto;
  background-color: white;
  border: 1px solid #C8C8C8;
  -webkit-box-flex: 100%;
      -webkit-flex: 100%;
          -ms-flex: 100%;
              flex: 100%;
  font-size: 13px;
  padding: 0 10px;
}

.footer-popup-ordinal .footer-popup-body,
.footer-popup-batch .footer-popup-body {
  max-height: 75vh;
  overflow-y: auto;
}

.footer-popup-batch .batch-bid-list {
  border-top: 1px solid #C8C8C8;
}

.footer-popup-ordinal .ordinal-list {
  border-top: 1px solid #C8C8C8;
}

.footer-popup-ordinal .ordinal-list > li.on,
.footer-popup-batch .batch-bid-list > li.on {
  background-color: #EBEBEB;
}

.footer-popup-ordinal .ordinal-list > li > a,
.footer-popup-batch .batch-bid-list > li > a {
  border-bottom: 1px solid #C8C8C8;
  display: block;
  font-size: 15px;
  padding: 10px 10px;
}

.footer-popup-ordinal.footer-popup-ordinal-announcement .ordinal-list > li > a {
  padding: 20px 10px;
}

.footer-popup-ordinal .ordinal-list > li > a > p,
.footer-popup-batch .batch-bid-list > li > a > p {
  margin-bottom: 5px
}

.ordinal-item-ordinal {
  color: #1492E6;
  font-size: 17px;
  font-weight: 500;
}

.ordinal-item-label,
.ordinal-item-min-bid-label,
.ordinal-item-bid-period-label,
.ordinal-item-bid-opening-label {
  color: #8B8B8B;
}

.ordinal-item-value,
.ordinal-item-min-bid,
.ordinal-item-bid-period,
.ordinal-item-bid-opening {
  color: #191919;
}

.batch-bid-title {
  color: #191919;
  font-size: 15px;
  font-weight: 500;
  margin-bottom: 6px;
}

.btn-candidate-guide {
  margin-left: 5px;
}

.linked-list > li {
  margin-bottom: 12px;
}

.linked-list > li:last-child {
  margin-bottom: 0;  
}

.linked-list > li a {
  text-decoration: underline;
}

.pay-deadline {
  margin-left: 5px;
  vertical-align: middle;
}

.icon-info {
  display: inline-block;
  height: 20.75px;
}

.pay-deadline-content-wrapper {
  height: calc(75vh - 220px);
  overflow-y: auto;
}

.pay-deadline-content-wrapper td {
  text-align: left;
}

/*--------------------------*\
  물건 - 물건상세 - 공고정보 (팝업)
\*--------------------------*/

.mo-stuff-detail.sutuff-detail-pop-announcement {
  padding-left: 0;
  padding-right: 0;
}

.stuff-detail-bid-history {
  border-top: 1px solid #C8C8C8;
  margin-left: -20px;
  width: calc(100% + 40px);
}

.stuff-detail-bid-history .stuff-detail-bid-info {
  margin-bottom: 6px;
}

.stuff-detail-bid-history .stuff-detail-bid-info-status,
.stuff-detail-bid-history .stuff-detail-bid-info-ordinal {
  font-size: 17px;
  font-weight: 500;
}

.stuff-detail-bid-history .stuff-detail-bid-info-status {
  padding-right: 14px;
  position: relative;
}

.stuff-detail-bid-history .stuff-detail-bid-info-status::after {
  content: "";
  background-color: #C8C8C8;
  bottom: 0;
  display: inline-block;
  height: 14px;
  right: 5px;
  position: absolute;
  top: 6px;
  width: 2px;
}

.stuff-detail-bid-history .stuff-detail-bid-info-ordinal {
  color: #1492E6;
}

.stuff-detail-bid-history .stuff-detail-bid-period-label {
  color: #454545;
  font-size: 15px;
}

.stuff-detail-bid-history .acc-item.on .acc-header-divider {
  background-color: #C8C8C8;
  margin: 0;
  width: 100%;
}

.stuff-detail-bid-history .acc-body {
  padding: 20px;
}

.stuff-detail-bid-history .acc-content {
  margin-bottom: 0;
}

.stuff-detail-bid-history .label {
  color: #8B8B8B;
  font-size: 15px;
}

.stuff-detail-bid-history .mo-table {
  margin-bottom: 0;
}

.bid-amount {
  word-break: keep-all;
}

.stuff-detail-alert .mo-list {
  margin-bottom: 15px;
}

.stuff-detail-alert .mo-list:last-child {
  margin-bottom: 0;
}

.stuff-detail-alert-list-value {
  color: #212121;
  font-weight: 500;
}

.content-stockholders-note-list li {
  margin-bottom: 15px;
}

.content-stockholders-note-title {
  font-size: 15px;
  font-weight: 500;
  margin-bottom: 5px;
}

.content-stockholders-note-text {
  background-color: #EBEBEB;
  font-size: 13px;
  padding: 10px;
}

.cancel-stuff {
  -webkit-box-flex: 0 0 136px;
      -webkit-flex: 0 0 136px;
          -ms-flex: 0 0 136px;
              flex: 0 0 136px;
  margin-left: 15px;
}

.cancel-stuff .label {
  font-size: 15px;
}

.content-announcement-stuff .mo-search,
.content-announcement-stuff .search-footer {
  background-color: white;
}

.content-announcement-stuff .bid-info-ordinal {
  align-items: center;
  border-bottom: 1px solid #C8C8C8;
  padding-bottom: 20px;
}

.sutuff-detail-pop-announcement .footer-nav-left {
  padding-left: 0;
}

.sutuff-detail-pop-announcement .footer-nav-right {
  padding-right: 0;
}

/*--------------------------*\
  물건 - 물건상세 - 공매재산명세 (팝업)
\*--------------------------*/

.sutuff-detail-pop-public-sale {
  padding: 86px 0 20px 0;
}

.public-sale-signature-wrapper {
  font-size: 16px;
  margin-bottom: 50px;
  margin-top: 50px;
  text-align: center;
}

.public-sale-signature-date {
  letter-spacing: normal;
}

.public-sale-signature {
  font-weight: 500;
}

/*--------------------------*\
  물건 - 물건상세 - 입찰이력 (팝업)
\*--------------------------*/

.sutuff-detail-pop-bid-result {
  margin-bottom: 50px;
}

.sutuff-detail-pop-bid-result .stuff-detail > .header {
  margin: 0;
}

.stuff-manage-number {
  color: #002F69;
  font-size: 15px;
  font-weight: 500;
  margin-bottom: 10px;
}

.sutuff-detail-pop-bid-result .section-body {
  padding: 20px 0;
}

.bid-result-info {  
  background-color: #EFF2F9;
  border: 1px solid #CBCBCB;
  border-radius: 5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content: center;
  margin-bottom: 20px;
  padding: 20px 0;
}

.bid-result-info > div {
  border-right: 1px solid #CBCBCB;
  -webkit-box-flex: 1;
      -webkit-flex: 1;
          -ms-flex: 1;
              flex: 1;
  text-align: center;
}

.bid-result-info > div:last-child {
  border-right: none;
}

.bid-result-info .label {
  color: #8B8B8B;
  font-size: 16px;
}

.bid-result-info .value {
  color: #1492E6;
  font-weight: 500;
}

.bid-result-info .value-status {
  font-size: 25px;
}

.bid-result-info .value-result {
  font-size: 25px;
}

.bid-result-info .value-desc {
  font-size: 13px;
  color: #212121;
}

.bid-result-info .value-date,
.bid-result-info .value-amount {
  align-items: flex-end;
  color: #191919;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  font-size: 15px;
  font-weight: 500;
  justify-content: center;
}

.bid-result-info .value-amount {
  letter-spacing: normal;
}

.bid-result-info.middle > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
}

.bid-result-info.middle > div > .label,
.bid-result-info.middle > div > .value {
  -webkit-box-flex: 100%;
      -webkit-flex: 100%;
          -ms-flex: 100%;
              flex: 100%;
}

.bid-result-info-link-wrapper {
  align-items: center;
  justify-content: center;
}

.bid-result-info-link {
  color: #1492E6;
  font-size: 16px;
  font-weight: 500;
  position: relative;
}

.bid-result-info-link::after {
  background: url("/images/mo_ico/blue_right_arrow.svg") no-repeat 50% 50%;
  background-size: auto 12px;
  content: "";
  height: 12px;
  position: absolute;
  right: -20px;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 12px;
}

.sutuff-detail-pop-bid-result .stuff-detail-bid-history {
  margin-left: 0;
  width: 100%;
}

/*--------------------------*\
  물건 - 물건상세 - 입찰참가자격 (팝업)
\*--------------------------*/

.sutuff-detail-pop-qualification {
  min-height: calc(100vh - 50px);
  padding-bottom: 20px;
}

/*--------------------------*\
  물건 - 물건상세 - 전자보증서 발급신청 (팝업)
\*--------------------------*/

.sutuff-detail-pop-elec-warranty,
.sutuff-detail-pop-elec-warranty-caution {
  min-height: calc(100vh - 50px);
  padding-bottom: 60px;
}

/*####################################*\
  물건 - 입찰하기
\*####################################*/

/*--------------------------*\
  물건 - 입찰하기 - 공통
\*--------------------------*/

.mo-bid {
  background-color: white;
  padding-bottom: 20px;
  padding-left: 20px;
  padding-right: 20px;
}

.bid-step-header {
  align-items: center;
  border-bottom: 2px solid #191919;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content: space-between;  
  padding-bottom: 10px;
  padding-top: 20px;
  margin-bottom: 20px;
}

.bid-step-header-left,
.bid-step-header-right {
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}

.bid-step-header-left {
  -webkit-box-flex: 0 0 calc(100% - 60px);
      -webkit-flex: 0 0 calc(100% - 60px);
          -ms-flex: 0 0 calc(100% - 60px);
              flex: 0 0 calc(100% - 60px);
}

.bid-step-header-right {
  -webkit-box-flex: 0 0 45px;
      -webkit-flex: 0 0 45px;
          -ms-flex: 0 0 45px;
              flex: 0 0 45px;
  justify-content: flex-end;
}

.bid-step-header-title {
  color: #191919;
  display: inline-block;
  font-size: 16px;
  font-weight: 500;
  width: auto;
}

.bid-step-header-num {
  width: 20px;
}

.bid-step-header-left .bid-step-header-num {
  margin-right: 5px;
}

.bid-step-header-right .bid-step-header-num {
  margin-left: 5px;
}

.bid-info-list {
  background-color: #EBEBEB;
  border: 1px solid #C8C8C8;
}

.bid-info-list li {
  border-bottom: 1px solid #C8C8C8;
  font-size: 13px;
  padding: 10px;
}

.bid-info-list li:last-child {
  border-bottom: none;
}

.bid-info-list .ssn-wrapper {
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  letter-spacing: normal;
  padding: 0;
}

.bid-info-list .ssn-1,
.bid-info-list .ssn-2 {
  padding: 10px;
}

.bid-info-list .ssn-1 {
  -webkit-box-flex: 0 0 80px;
      -webkit-flex: 0 0 80px;
          -ms-flex: 0 0 80px;
              flex: 0 0 80px;
  border-right: 1px solid #C8C8C8;
}

/*--------------------------*\
  물건 - 입찰하기 - 준수규칙동의
\*--------------------------*/

.mo-bid-agree-rule {
  min-height: calc(100vh - 50px);
}

.mo-bid-agree-rule > .header .title {
  color: #002F69;
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 10px;
}

/*--------------------------*\
  물건 - 입찰하기 - 입찰서 작성
\*--------------------------*/

.bidder-info {
  display: none;
}

.bidder-info.on {
  display: block;
}

.bidder-info-container {
  display: none;
}

.bidder-info-container.on {
  display: block;
}

.bidder-info-basic-list {
  display: none;
}

.bidder-info-basic-list.on {
  display: block;
}

.bid-amount-para {
  color: #1492E6;
  height: 18px;
  letter-spacing: normal;
  text-align: right;
}

.bid-amount-control-wrapper {
  height: 60px;
  position: relative;
}

.bid-amount-placeholder {
  color: #8B8B8B;
  font-size: 13px;
  left: 10px;
  position: absolute;
  top: 10px;
  z-index: 1;
}

.bid-amount-control-wrapper input {
  padding-right: 35px;
}

.bid-amount-input-padding {
  padding-right: 58px !important;
}

.guarantee-amount-tip-icon {
  position: absolute;
  right: 10px;
  top: 8px;
}

.guarantee-num-table {
  display: none;
}

.guarantee-num-table.on {
  display: table;
}

.mo-bid-write > .header .title {
  color: #002F69;
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 10px;
}

.mo-bid-write .title-2 {
  color: #1492E6;
}

.guarantee-num-list {
  border-top: 1px solid #C8C8C8;
}

.guarantee-num-list > li > a {
  border-bottom: 1px solid #C8C8C8;
  display: block;
  font-size: 15px;
  padding: 10px 10px;
}

.guarantee-num-list > li > a > p {
  margin-bottom: 5px;
}

.guarantee-num-list > li > a > p:last-child {
  margin-bottom: 0;
}

.guarantee-num-list > li.on {
  background-color: #EBEBEB;
}

.guarantee-caution-dialog .mo-list > li {
  font-size: 15px;
}

.guarantee-caution-dialog .dialog-body .list-wrapper {
  height: calc(75vh - 220px);
  margin-bottom: 0;
  overflow-y: auto;
}

.guarantee-issue-info-dialog .dialog-body .scroll-wrapper {
  height: calc(75vh - 220px);
  margin-bottom: 0;
  overflow-y: auto;
}

.guarantee-issue-info-dialog .title-1 {
  text-align: left;
}

.guarantee-issue-info-dialog .title-2 {
  font-size: 15px !important;
  text-align: left;
}

.guarantee-issue-info-dialog .dialog-body .para {
  font-size: 15px;
}

.guarantee-issue-info-dialog .mo-list li {
  text-align: left;
}

.sub-bid-inform-alert-wrapper {
  display: none;
  margin-top: 10px;
}

.sub-bid-inform-alert-wrapper.on {
  display: block;
}

.sub-bid-inform-alert .title {
  color: #191919;
  font-size: 15px;
  font-weight: 500;
}

.sub-bid-inform-alert li {
  color: #212121;
}

.address-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}

.address-wrapper .address-zipcode {
  -webkit-box-flex: 0 0 80px;
      -webkit-flex: 0 0 80px;
          -ms-flex: 0 0 80px;
              flex: 0 0 80px;
}

.address-wrapper .address-address {
  -webkit-box-flex: 100%;
      -webkit-flex: 100%;
          -ms-flex: 100%;
              flex: 100%;
}

.address-wrapper .address-zipcode input {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}

.address-wrapper .address-address input {
  border-bottom-left-radius: 0;
  border-left: none;
  border-top-left-radius: 0;
}

.bidder-info-note textarea {
  height: 100px;
  min-height: 100px;
}

.mo-control-list.horizontal .width-80 {
  -webkit-box-flex: 0 0 90px;
      -webkit-flex: 0 0 90px;
          -ms-flex: 0 0 90px;
              flex: 0 0 90px;
}

.mo-control-list.horizontal .width-100 {
  -webkit-box-flex: 0 0 130px;
      -webkit-flex: 0 0 130px;
          -ms-flex: 0 0 130px;
              flex: 0 0 130px;
}

.zipcode-btn {
  background-color: #1492E6;
  position: absolute;
  right: 0;
  top: -7px;
}

.confirm-ssn-btn {
  position: absolute;
  right: 10px;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}

.bidder-type-info-list li {
  color: #1492E6;
  font-size: 11px;
  margin-bottom: 0;
}

.mo-control-list.search-bidder-ssn-list,
.mo-control-list.search-bidder-business-list,
.mo-control-list.search-bidder-corporate-list {
  display: none;
}

.mo-control-list.search-bidder-ssn-list.on,
.mo-control-list.search-bidder-business-list.on,
.mo-control-list.search-bidder-corporate-list.on {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}

.search-bidder-list label {
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  font-size: 15px;
}

.search-bidder-list input[type="radio"] {
  margin-right: 3px;
}

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

.subsequent-label input[type="checkbox"] {
  margin-right: 10px;
}


/* 테마물건
========================================================================== */

.mo-theme.mo-stuff-map-search .search-header {
  padding: 0;
}

.mo-theme .stuff-map-binder {
  height: calc(100vh - 136px - 50px); /* 136px = 66px(헤더높이) + 70px(search-header 높이) */
                                      /* 50px(하단 '목록' 버튼 높이) */
  
}

.mo-theme.mo-stuff-map-search.stuff-map .stuff-search-list-wrapper.on {
  top: 70px;
}

.mo-theme-estate .button-list-wrapper,
.mo-theme-asset .button-list-wrapper {
  background-color: white;
  border-bottom: 1px solid #C8C8C8
}

.show-map-btn-wrapper {
  background-color: white;
  margin-top: 10px;
  text-align: right;
}

/* 나의온비드
========================================================================== */

.mo-my {
  background-color: white;
}

.mo-my .mo-search {
  background-color: white;
}

.mo-my .search-footer {
  background-color: white;
}

/*--------------------------*\
  나의온비드 - 메인
\*--------------------------*/

.mo-my-main {
  background-color: #EEE;
  margin-bottom: 0;
}

.my-main-basic {
  margin-bottom: 13px;
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 20px;
}

.my-main-basic > .layout-half {
  display: block;
  margin-bottom: 20px;
  position: relative;
}

.my-main-basic > .layout-half > .layout-left {
  display: inline-block;
}

.my-main-basic > .layout-half > .layout-right {
  position: absolute;
  right: 0;
  top: 0;
}

.my-main-basic > .layout-half > .layout-right .link-type-2:first-child {
  display: inline-block;
  margin-bottom: 5px;
}

.my-main-greeting {
  color: #002F69;
  font-size: 16px;
  font-weight: 500;
}

.my-main-phone,
.my-main-email,
.my-main-address {
  color: #8B8B8B;
  font-size: 15px;
}

.my-main-phone,
.my-main-email {
  letter-spacing: normal;
}

.my-main-detail-wrapper {
  background-color: white;
  border-top-left-radius: 30px;
  border-top-right-radius: 30px;
  box-shadow: 0px -1.5px 4.5px hsl(0, 0%, 80%);
  padding-top: 30px;
}

.my-main-bid-info {
  padding: 0 20px 20px;
}

.my-main-bid-info > a {
  display: block;
}

.my-main-bid-info .title-1 {
  border-bottom: 2px solid #373737;
  padding-bottom: 10px;
}

.my-main-bid-info-layout {
  border-bottom: 1px solid #C8C8C8;
  padding: 0 10px 20px;
}

.my-main-bid-count {
  color: #1492E6;
  font-size: 60px;
  font-weight: 500;
  position: relative;
}

.my-main-bid-count::after {
  background-color: #1492E6;
  bottom: 5px;
  content: "";
  display: inline-block;
  height: 3px;
  left: 0;
  position: absolute;
  width: 100%;
}

.my-main-bid-count-label {
  color: #8B8B8B;
  font-size: 22px;
}

.my-main-bid-list {
  width: 140px;
}

.my-main-bid-list li {
  margin-bottom: 10px;
}

.my-main-bid-list li:last-child {
  margin-bottom: 0;
}

.my-main-bid-item-label {
  color: #8B8B8B;
  font-size: 16px;
}

.my-main-bid-item-value {
  color: #191919;
  font-size: 16px;
  font-weight: 500;
}

.my-main-link-wrapper {
  border-top: 1px solid #C8C8C8;
  border-bottom: 1px solid #C8C8C8;
  padding: 25px 10px;
}

.my-main-link-list-1 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content: space-between;
}

.my-main-link-list-1 a {
  display: block;
  height: 100%;
}

.my-main-link-list-2 li {
  border-bottom: 1px solid #C8C8C8;
}

.my-main-link-list-2 a {
  color: #191919;
  display: block;
  font-size: 15px;
  font-weight: 500;
  padding: 10px 20px;
  position: relative;
}

.my-main-link-list-2 a::after {
  background: url("/images/mo_ico/right_arrow.png") no-repeat 50% 50%;
  background-size: auto 15.3px;
  content: "";
  display: inline-block;
  height: 15.3px;
  position: absolute;
  right: 20px;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 15.3px;
}

/*--------------------------*\
  나의온비드 - 입찰내역관리
\*--------------------------*/

/* 입찰내역관리 ('입찰 중' 및 '개찰완료') */

.mo-my-bid-detail {
  margin-bottom: 0;
  min-height: 100vh;
  padding-bottom: 20px;
}

.mo-my-bid-detail .search-filters  {
  padding: 20px 20px 0;
}

.mo-my-bid-detail .search-filter-list-wrapper {
  border-bottom: 1px solid #C8C8C8;
  border-top: 1px solid #C8C8C8;
  display: none;
  margin-left: -20px;
  padding-left: 20px;
  padding-right: 66px;
  position: relative;
  /* width: 100vw; */
  width: calc(100% - -40px);
}

.mo-my-bid-detail .search-filter-list-wrapper.on {
  display: block;
}

.mo-my.mo-my-bid-detail .search-labels {
  border-top: none;
}

.mo-my-bid-detail .search-total-count {
  font-weight: 500;
}

.bid-process-ongoing-wrapper,
.bid-process-finish-wrapper {
  display: none;
}

.bid-process-ongoing-wrapper.on,
.bid-process-finish-wrapper.on {
  display: block;
}

.bid-detail-ongoing-normal-list,
.bid-detail-ongoing-joint-list {
  display: none;
}

.bid-detail-ongoing-normal-list.on,
.bid-detail-ongoing-joint-list.on {
  display: block;
}

.bid-type-filter-list {
  display: none;
}

.bid-type-filter-list.on {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}

.mo-footer-popup.search-filter-footer-popup .footer-popup-body {
  max-height: 65vh;
}

/* 상세 */

.mo-my-bid-detail-more {
  margin-bottom: 0;
}

.mo-my-bid-detail-more.with-button {
  padding-bottom: 50px;
}

.mo-my-bid-detail-more .stuff-detail {
  margin-bottom: 0;
}

.elec-signature-status-wrapper {
  background-color: #EFF2F9;
  color: #191919;
  font-size: 15px;
  font-weight: 500;
  height: 40px;
  line-height: 40px;
  text-align: center;
}

.refund-finished {
  color: #1492E6;
  font-weight: 500;
}

.bid-result-reason-title {
  font-size: 13px;
  font-weight: 500;
  margin-bottom: 5px;
}

.refund-account-error {
  color: red;
  font-weight: 500;
}

.bid-bank-account-info-list {
  color: #8B8B8B;
  font-size: 16px;
}

.bid-bank-account-info-list::after {
  clear: both;
  content: "";
  display: block;
}

.bid-bank-account-info-list li {
  float: left;
}

.bid-bank-account-info-list li:not(:last-child)::after {
  background-color: #C8C8C8;
  content: "";
  display: inline-block;
  height: 13px;
  margin: 0 6px;
  width: 1px;
}

.bid-bank-account-info-list li.focus {
  color: #191919;
}

/* 보증금납부 주의사항 확인 */
.mo-my-bid-detail-pay-caution {
  min-height: calc(100vh - 50px);
  padding-bottom: 20px;
  padding-left: 20px;
  padding-right: 20px;
}

/* 납부내역 */

.mo-my-pay-detail {
  min-height: calc(100vh - 50px);
  padding-bottom: 20px;
  padding-left: 20px;
  padding-right: 20px;
}

/* 납부계좌추가발번 */

.mo-my-pay-account-issue {
  min-height: calc(100vh - 50px);
  padding-bottom: 20px;
  padding-left: 20px;
  padding-right: 20px;
}

/* 실시간계좌이체 */

.mo-my-realtime-transfer {
  min-height: calc(100vh - 50px);
  padding-bottom: 20px;
  padding-left: 20px;
  padding-right: 20px;
}

/* 신청내역 */

.apply-subsequent-wrapper,
.apply-co-owner-wrapper {
  background-color: white;
  display: none;
}

.apply-subsequent-wrapper.on,
.apply-co-owner-wrapper.on {
  display: block;
}

.mo-my-bid-detail-apply .search-item-stuff-num {
  color: #1492E6;
  font-size: 17px;
  font-weight: 500;
  letter-spacing: normal;
  margin-bottom: 10px;
}

.mo-my-bid-detail-apply .search-item-title {
  margin-bottom: 5px;
}

/*--------------------------*\
  나의온비드 - 맞춤물건 설정
\*--------------------------*/

.mo-my-schedule {
  padding-left: 20px;
  padding-right: 20px;
  margin-bottom: 0;
  min-height: 100vh;
}

/*--------------------------*\
  나의온비드 - 나의 관심물건
\*--------------------------*/

.mo-my-favorite {  
  margin-bottom: 0;
  min-height: 100vh;
  padding-bottom: 20px;
}

.search-header-deco {
  align-items: center;
  background-color: white;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  padding: 20px;
}

.search-header-deco-img {
  width: 70px;
}

.search-header-deco-para {
  color: #191919;
  font-size: 16px;
  font-weight: 500;
  margin-left: 10px;

}

.search-header-deco-para .mo-list li {
  color: #212121;
}

.mo-my.mo-my-favorite .search-labels {
  height: 45px;
  line-height: 45px;
  padding: 0 20px;
}

.stuff-search-list .favorite-button-list {
  background-color: #EFF2F9;
  border-top: 1px solid #C8C8C8;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  height: 68px;  
}

.stuff-search-list .favorite-button-list .favorite-button-item {
  align-items: center;
  color: #191919;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-flex: 1;
      -webkit-flex: 1;
          -ms-flex: 1;
              flex: 1;
  font-size: 15px;
  font-weight: 500;
  justify-content: center;
  position: relative;
  text-align: center;
}

.stuff-search-list .favorite-button-list .favorite-button-item:not(:last-child)::after {
  background-color: #CFCFCF;
  content: "";
  display: inline-block;
  height: 40px;
  position: absolute;
  right: 0;
  width: 1px;
}

.stuff-search-list .favorite-button-list .favorite-note-btn {
  background-color: #EFF2F9;
  border-radius: 0;
}

.stuff-search-list .favorite-button-list .favorite-note-btn::before {
  background: url("/images/mo_ico/gray_pen.png") no-repeat 50% 50%;
  background-size: 24px auto;
  content: "";
  display: inline-block;
  height: 24px;
  margin-right: 12px;
  width: 24px;
}

.stuff-search-list .favorite-button-list .favorite-note-btn.on::before {
  background-image: url("/images/mo_ico/blue_pen.png");
}

.stuff-search-list .favorite-button-list .favorite-note-btn .favorite-note-img {
  margin-right: 10px;
  width: 21px;
}

.stuff-search-list .favorite-button-list .favorite-button-item .delete-favorite-check {
  margin-right: 10px;
}

.favorite-note-footer-popup textarea {
  min-height: 200px;
}

.favorite-note-footer-popup .footer-popup-footer {
  margin-top: 10px;
}

/*--------------------------*\
  나의온비드 - 전자보증서
\*--------------------------*/

.mo-my-guarantee {
  margin-bottom: 0;
  padding-bottom: 20px;
}

.search-list-guarantee {
  background-color: white;
}

.search-list-guarantee .stuff-search-period {
  margin-bottom: 0;
}

/*--------------------------*\
  나의온비드 - 환불계좌관리
\*--------------------------*/

.mo-my-refund .search-header {
  padding: 0;
}

.mo-my-refund .search-body {
  background-color: #EEE;
  padding: 20px;
}

.my-refund-list {  
  border-radius: 10px;
}

.my-refund-list li {
  background-color: white;
  border: 1px solid #CBCBCB;
  border-radius: 10px;
  margin-bottom: 20px;
  padding: 20px;
}

.delete-account-btn {
  height: 30px;
  position: relative;
  width: 30px;
}

.delete-account-btn::before {
  background: url("/images/mo_ico/trash_can.png") no-repeat 50% 50%;
  background-size: auto 24px;  
  display: inline-block;
  height: 24px;
  width: 24px;
}

input.account-number-input {
  padding-right: 100px;
}

.confirm-account-btn {
  position: absolute;
  right: 10px;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}

/*--------------------------*\
  나의온비드 - 나의 문의
\*--------------------------*/

.mo-my-question .search-header {
  padding: 0;
}

.my-question-header {
  border-bottom: none;
  font-size: 22px;
  font-weight: 500;
}

.my-question-deco {
  background-color: #373737;
  border-radius: 50%;
  color: white;
  display: inline-block;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 30px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  width: 40px;
}

.mo-my .search-labels {
  background-color: white;
  border-top: 1px solid #C8C8C8;
  border-bottom: 1px solid #C8C8C8;
  font-size: 13px;
  height: 34px;
  padding: 8px 20px;
}

.mo-my-question .mo-search .search-body .mo-list-group .row {
  position: relative;
}

.mo-my-question .mo-list-group .card-body {
  position: relative;
}

.mo-my-question .mo-list-group .card-title {
  margin-bottom: 30px;
}

.my-question-type-list {
  color: #212121;
  font-size: 17px;
  font-weight: 500;
  margin-bottom: 10px;
}

.my-question-type-list::after {
  clear: both;
  content: "";
  display: block;
}

.my-question-type-list li {
  float: left;
}

.my-question-type-list li:not(:last-child)::after {
  background-color: #C8C8C8;
  content: "";
  display: inline-block;
  height: 13px;
  margin: 0 6px;
  width: 1px;
}

.my-question-type-list li.focus {
  color: #1492E6;
}

.mo-my-question .badge-wrapper {
  position: absolute;
  right: 20px;
  bottom: 20px;
}

.badge-my-question {
  background-color: #EFF2F9;
  color: #191919;
  font-size: 15px;
  font-weight: 500;
  height: 35px;
  line-height: 35px;
  text-align: center;
  width: 90px;
}

/*--------------------------*\
  나의온비드 - 나의 문의 - 상세
\*--------------------------*/

.mo-my-question-detail {
  background-color: #EEE;
  margin-bottom: 50px;
}

.mo-my-question-detail .mo-card-for-title .card-body {
  position: relative;
}

.mo-my-question-detail .mo-card-for-title .card-title {
  margin-bottom: 20px;
}

.mo-my-question-detail .card-buttons {
  bottom: 20px;
  position: absolute;
  right: 20px;
  text-align: right;
}

.mo-my-question-detail .card-buttons .btn:last-child {
  margin-left: 4px;
}

.mo-my-question-detail-info {
  background-color: white;
  padding: 20px;
}

.mo-my-question-detail .view-body-question,
.mo-my-question-detail .view-body-answer {
  padding: 20px;
}

.mo-my-question-detail .view-body-question .view-content,
.mo-my-question-detail .view-body-answer .view-content {
  min-height: 240px;
  padding-top: 50px;
  position: relative;
}

.mo-my-question-detail .view-body-question .view-content::before,
.mo-my-question-detail .view-body-answer .view-content::before {
  color: #4B4B4B;
  font-weight: 500;
  position: absolute;
  top: 16px;
}

.mo-my-question-detail .view-body-question .view-content::before {
  content: "질문";
}

.mo-my-question-detail .view-body-answer .view-content::before {
  content: "답변";
}

.mo-my-question-detail .view-body-question-no-answer .view-content {
  min-height: 350px;
}

/*--------------------------*\
  나의온비드 - 나의 문의 - 등록
\*--------------------------*/

.mo-my-question-reg {
  background-color: #EEE;
  margin-bottom: 50px;
}

.attachment-list {
  margin-bottom: 5px;
}

.attachment-list > li {
  margin-bottom: 5px;
}

.mo-my-question-reg .btn-delete {
  margin-left: 4px;
}

/*--------------------------*\
  나의온비드 - 맞춤 서비스
\*--------------------------*/

.mo-my-custom {
  margin-bottom: 0;
  padding-bottom: 20px;
  min-height: 100vh;
}

.mo-my-custom .mo-button-list.button-list-type-2 {
  margin-left: 0;
  width: 100%;
}

.mo-my-custom .mo-button-list.button-list-type-2 label {
  height: 50px;
}

.my-custom-filter-list {
  margin: 0 20px 20px;
}

.mo-my-custom .bread-wrapper {
  margin: 0 20px 20px;
}

/*--------------------------*\
  나의온비드 - 맞춤물건 설정
\*--------------------------*/

.mo-my-custom-setting {
  padding-left: 20px;
  padding-right: 20px;
}

/*--------------------------*\
  나의온비드 - 알림
\*--------------------------*/

.mo-my-inform {
  min-height: calc(100vh - 50px);
}

.mo-my-inform .search-header {
  padding: 0;
}

.mo-my-inform .search-body {
  background-color: #EEE;
  padding: 20px;
}

.my-inform-list {
  margin-bottom: 20px;
}

.my-inform-list li {
  background-color: white;
  border: 1px solid #CBCBCB;
  border-radius: 10px;
  margin-bottom: 20px;
  padding: 20px;
}

.my-inform-list li:last-child {
  margin-bottom: 0;
}

.my-inform-list .layout-right {
  text-align: left;
  -webkit-box-flex: 100%;
      -webkit-flex: 100%;
          -ms-flex: 100%;
              flex: 100%;
}

.my-inform-list .layout-left::before {
  background: url("/images/mo_ico/inform_default.png") no-repeat 50% 50%;
  background-size: 45px auto;
  content: "";
  display: block;
  height: 45px;
  margin-right: 20px;
  width: 45px;
}

.my-inform-list .inform-notice .layout-left::before {
  background: url("/images/mo_ico/inform_notice.png") no-repeat 50% 50%;
  background-size: 45px auto;
  content: "";
  display: block;
  height: 45px;
  margin-right: 20px;
  width: 45px;
}

.inform-date {
  border-bottom: 1px solid #C8C8C8;
  color: #8B8B8B;
  font-size: 12px;
  letter-spacing: normal;
  margin-bottom: 10px;
  padding-bottom: 10px;  
}

/*--------------------------*\
  나의온비드 - 인증서 등록
\*--------------------------*/

.mo-my-reg-cert .search-header {
  padding: 0;
}

.mo-my-reg-cert .login-deco-img-wrapper {
  flex: 0 0 70px;
}

.mo-my-reg-cert .search-body {
  background-color: #EEE;
  padding: 20px;
}

.my-reg-cert-list {
  margin-bottom: 20px;
}

.my-reg-cert-list li {
  background-color: white;
  border: 1px solid #CBCBCB;
  border-radius: 10px;
  margin-bottom: 20px;
  padding: 20px;
}

.my-reg-cert-list li:last-child {
  margin-bottom: 0;
}

.reg-cert-date {
  border-bottom: 1px solid #C8C8C8;
  color: #8B8B8B;
  font-size: 12px;
  letter-spacing: normal;
  margin-bottom: 10px;
  padding-bottom: 10px;  
}

.reg-cert-title {
  font-weight: 500;
}

.reg-cert-num {
  color: #1492E6;
  font-weight: 500;
  letter-spacing: normal;
}

.reg-cert-label {
  color: #8B8B8B;
  font-size: 14px;
}

.reg-cert-expiration {
  font-size: 14px;
  letter-spacing: normal;
}

.reg-cert-value {
  font-size: 14px;
}


/* 로그인
========================================================================== */

.mo-login {
  background-color: white;
  padding-left: 20px;
  padding-right: 20px;
  padding-bottom: 20px;
}

.mo-login .footer-button-wrapper.wide {
  width: 100%;
}

.login-deco {
  padding: 20px 0;
  text-align: center;
}

.login-deco-img-wrapper {
  align-items: center;
  background-color: #EFF2F9;
  border: 1px solid #C8C8C8;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  height: 70px;
  justify-content: center;
  line-height: 70px;
  margin: 0 auto;
  margin-bottom: 5px;
  width: 70px;
}

.login-deco-img-wrapper2 {
  align-items: center;
  background-color: #EFF2F9;
  border: 1px solid #C8C8C8;
  border-radius: 2px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  height: 55px;
  justify-content: center;
  line-height: 70px;
  margin: 0 auto;
  margin-bottom: 5px;
  width: 270px;
}

.login-deco-img-id {
  width: 33.75px;
}

.login-deco-img-cert {
  height: 41.5px;
}

.login-deco-img-pass {
  height: 40px;
}

.login-deco-img-phone {
  width: 50px;
}

.login-deco-img-finger {
  height: 40px;
}

.login-deco-img-bio {
  height: 60px;
}

.login-deco-label{
  color: #8B8B8B;
  font-size: 15px;
}

.login-area {
  margin-bottom: 30px;
}

.textbox-group input {
  border-radius: 0;
  border-top: none;
}

.textbox-group input:first-child {
  border-top: 1px solid #C8C8C8;
}

.textbox-group.rounded input:first-child {
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}

.textbox-group.rounded input:last-child {
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}

/*--------------------------*\
  로그인 - 아이디 로그인
\*--------------------------*/

.mo-login-id {
  min-height: calc(100vh - 50px);
}

.find-id,
.find-password {
  color: #1492E6;
  font-size: 13px;
  padding-right: 20px;
  position: relative;
}

.find-id::after,
.find-password::after {
  background: url("/images/mo_ico/blue_right_arrow.png") no-repeat 50% 50%;
  background-size: auto 8.5px;
  content: "";
  height: 8.5px;
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 8.5px;
}

.mo-login-find-auth-email .email-wrapper {
  border-top: none;
}

.mo-login-id .link-type-2 {
  font-size: 15px;
}

/*--------------------------*\
  로그인 - 공인인증서 로그인
\*--------------------------*/

.mo-login-cert {
  min-height: calc(100vh - 50px);
}

.login-cert-select-info-wrapper {
  align-items: center;
  background-color: #EFF2F9;
  border: 1px solid #D6D6D6;
  border-radius: 5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  margin-top: 20px;
  padding: 20px;
}

.login-cert-select-info-deco {
  -webkit-box-flex: 0 0 50px;
      -webkit-flex: 0 0 50px;
          -ms-flex: 0 0 50px;
              flex: 0 0 50px;
}

.login-cert-select-info-deco > img {
  height: 41.5px;
}

.login-cert-select-info .para {
  font-size: 15px;
  margin-bottom: 3px;
}

.login-cert-select-info .para:last-child {
  margin-bottom: 0;
}

.mo-login-cert .link-type-2 {
  font-size: 15px;
}



/* 2020.08.24, 테스트용 모의입찰 공인인증서 목록 스타일 추가 */
.login-cert-deco-info-wrapper {
  align-items: center;
  background-color: #FFFFFF;
  border: 1px solid #D6D6D6;
  border-radius: 5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  margin-top: 20px;
  padding: 20px;
}

.login-cert-deco-img-wrapper {
  align-items: center;
  background-color: #EFF2F9;
  border: 1px solid #C8C8C8;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  height: 70px;
  justify-content: center;
  line-height: 70px;
  margin: 0 20px 0 5px;
  margin-bottom: 5px;
  width: 70px;
}

.login-cert-deco-img-wrapper > img {
  height: 41.5px;
}

.login-cert-deco-info-wrapper .para {
  font-size: 15px;
  margin-bottom: 3px;
}



/*--------------------------*\
  로그인 - 디지털원패스 로그인
\*--------------------------*/

.mo-login-pass {
  min-height: calc(100vh - 50px);
}

.onepass-logo {
	height: 25px;
    position: absolute;
    margin-top: 8px;
    margin-left: 15px;
}

.apple-logo {
	height: 44px;
    position: absolute;
    margin-top: 0px;
    margin-left: 18%;
}

.simple-join-logo {
	height: 30px;
    position: absolute;
    margin-top: 5px;
    margin-left: 53px;
}

/*--------------------------*\
  로그인 - 휴대폰번호 로그인
\*--------------------------*/

.mo-login-phone {
  min-height: calc(100vh - 50px);
}

.mo-login-phone .login-deco-img-wrapper {
  background-color: white;
}

.login-phone-finish {
  min-height: 100vh;
}

/*--------------------------*\
  로그인 - 지문인증 로그인
\*--------------------------*/

.mo-login-finger {
  min-height: calc(100vh - 50px);
}

/*--------------------------*\
  로그인 - 로그인 선택
\*--------------------------*/

.login-method-message {
  color: #002F69;
  font-size: 16px;
  font-weight: 500;
  text-align: center;
  padding: 20px;
}

.login-method-list {
  border-top: 1px solid #C8C8C8;
}

.login-method-list > li {
  position: relative;
}

.login-method-list label {
  border-bottom: 1px solid #C8C8C8;
  color: #191919;
  display: block;
  font-size: 15px;
  height: 70px;
  line-height: 70px;
  padding-left: 70px;
  width: 100%;
}

.login-method-list .login-method-label-id::before,
.login-method-list .login-method-label-cert::before,
.login-method-list .login-method-label-pass::before,
.login-method-list .login-method-label-phone::before,
.login-method-list .login-method-label-finger::before {
  content: "";
  display: inline-block;
  left: 10px;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}

.login-method-list .login-method-label-id::before {
  background: url("/images/mo_ico/id.png") no-repeat 50% 50%;
  background-size: auto 41.5px;
  height: 41.5px;
  width: 41.5px;
}

.login-method-list .login-method-label-cert::before {
  background: url("/images/mo_ico/circle_certificate.png") no-repeat 50% 50%;
  background-size: auto 41.5px;
  height: 41.5px;
  width: 41.5px;
}

.login-method-list .login-method-label-pass::before {
  background: url("/images/mo_ico/digital_one_pass.png") no-repeat 50% 50%;
  background-size: auto 40px;
  height: 40px;
  width: 40px;
}

.login-method-list .login-method-label-phone::before {
  background: url("/images/mo_ico/pass.png") no-repeat 50% 50%;
  background-size: 45px auto;
  height: 45px;
  width: 45px;
}

.login-method-list .login-method-label-finger::before {
  background: url("/images/mo_ico/finger_print.png") no-repeat 50% 50%;
  background-size: 40px auto;
  height: 40px;
  width: 40px;
}

.login-method-list input[type="radio"] {
  position: absolute;
  right: 20px;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}

/*--------------------------*\
  로그인 - 아아디 및 비밀번호 찾기
\*--------------------------*/

.mo-login-find {
  margin-bottom: 0;
  min-height: 100vh;
}

.login-find-wrapper {
  display: none;
}

.login-find-wrapper.on {
  display: block;
}

.login-find-auth-list {
  border-top: 1px solid #C8C8C8;
}

.login-find-auth-list > li {
  position: relative;
}

.login-find-auth-list > li > a {
  border-bottom: 1px solid #C8C8C8;
  color: #8B8B8B;
  display: block;
  font-size: 12px;
  height: 70px;
  line-height: 70px;
  padding: 8px 0;
  padding-left: 70px;
  width: 100%;
}

.login-find-auth-list .login-find-auth-phone::before {
  background: url("/images/mo_ico/phone.png") no-repeat 50% 50%;
  background-size: auto 40px;
  content: "";
  display: inline-block;
  height: 40px;
  left: 5px;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 40px;
}

.login-find-auth-list .login-find-auth-email::before {
  background: url("/images/mo_ico/e_mail.png") no-repeat 50% 50%;
  background-size: 25px auto;
  content: "";
  display: inline-block;
  height: 40px;
  left: 5px;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 40px;
}

.login-find-auth-list .login-find-auth-cert::before {
  background: url("/images/mo_ico/circle_certificate.png") no-repeat 50% 50%;
  background-size: auto 38px;
  content: "";
  display: inline-block;
  height: 40px;
  left: 9px;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 40px;
}

.login-find-auth-list .login-find-auth-phone::after,
.login-find-auth-list .login-find-auth-email::after,
.login-find-auth-list .login-find-auth-cert::after {
  background: url("/images/mo_ico/circle_arrow.png") no-repeat 50% 50%;
  background-size: 24px auto;
  content: "";
  height: 24px;
  position: absolute;
  right: 10px;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 24px;
}

.login-find-auth-list > li > a .title-1 {
  font-size: 13px;
  margin-bottom: 2px;
}

.login-find-auth-list > li > a .para {
  font-size: 12px;
  margin-bottom: 0;
}

.email-wrapper {
  border-top: 1px solid #C8C8C8;
}

.email-wrapper::after {
  clear: both;
  content: "";
  display: block;
}

.email-wrapper input,
.email-wrapper select {
  border-radius: 0;
}

.email-wrapper .email-name {
  display: inline-block;
  float: left;
  width: 50%;
}

.email-wrapper .email-at {
  color: #8B8B8B;
  display: inline-block;  
  float: left;
  font-size: 13px;
  height: 37px;
  line-height: 37px;
  text-align: center;
  width: 20px;
}

.email-wrapper .email-domain {
  display: inline-block;
  float: left;
  width: calc(50% - 20px);
}

.email-wrapper .email-name input,
.email-wrapper .email-domain input {
  border-top: none;
  border-bottom: none;
}

.email-wrapper.with-top-border {
  border-top: 1px solid #C8C8C8;
}

.email-wrapper.without-top-border {
  border-top: none;
}

.email-wrapper.rounded {
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}

.email-wrapper.rounded .email-name input {
  border-top-left-radius: 5px;
}

.email-wrapper.rounded .email-domain input {
  border-top-right-radius: 5px;
}

.email-wrapper.rounded .email-domain-select {
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}

/*--------------------------*\
  로그인 - 아아디 찾기 결과
\*--------------------------*/

.mo-login-find-id-result {
  margin-bottom: 50px;
  min-height: calc(100vh - 50px);
}

/* 정부재산정보공개
========================================================================== */

.mo-gov {
  background-color: white;
  margin-bottom: 50px;
  padding-left: 20px;
  padding-right: 20px;
  padding-bottom: 20px;
}

/*--------------------------*\
  정부재산정보공개 - 국유/공유재산물건
\*--------------------------*/

/* 지도 검색 */

.mo-gov-map {
  margin-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 0;
}

.mo-stuff-map-search.mo-gov-map .stuff-search-list-wrapper .stuff-search-list-sub-wrapper {
  background-color: white;
  height: calc(100vh - 166px - 34px - 34px);
}

.search-order-label {
  padding-right: 24px;
}

.mo-gov-search-filter {
  padding-top: 66px;
}

/* 국유재산물건 상세 */

.mo-gov-detail {
  margin-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 0;
}

.mo-gov-detail .section-body {
  padding-bottom: 0;
}

.mo-gov-detail .related-info {
  background-color: #F2F2F3;
  padding: 20px;
  width: 100vw;
  margin-left: -20px;
}

.mo-gov-detail .related-info .title {
  color: #4B4B4B;
  font-size: 14px;
  font-weight: 500;
}

.mo-stuff-map-search.mo-gov-map .stuff-search-list-wrapper .search-body {
  background-color: white;
}

.mo-stuff-map-search.mo-gov-map .stuff-search-list-wrapper .search-footer {
  background-color: white;
}

/* 국유/공유재산물건검색 */

.mng-status-button-list,
.mng-status-button-list-kamco {
  border: 1px solid transparent;
}

/*--------------------------*\
  정부재산정보공개 - 불용품
\*--------------------------*/

.mo-gov-disuse {
  min-height: calc(100vh - 50px);
}

.mo-gov-disuse .mo-search {
  background-color: white;
}

.mo-gov-disuse .search-header {
  padding: 0;
}

.mo-gov-disuse .control-wrapper {
  margin-bottom: 20px;
}

.mo-gov-disuse .title-1 {
  margin-bottom: 10px;
}

.search-list-disuse .search-item-title {
  color: #1492E6;
  margin-bottom: 0;
  font-size: 17px;
}

/*--------------------------*\
  정부재산정보공개 - 불용품 상세
\*--------------------------*/

.mo-gov-disuse-detail {
  min-height: calc(100vh - 50px);
}

/*--------------------------*\
  정부재산정보공개 - 국유/공유재산안내
\*--------------------------*/

.mo-gov-guide {
  margin-bottom: 50px;
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 0;
}

.mo-gov-guide .link {
  text-decoration: none;
}

.mo-gov-guide .title-1 {
  margin-bottom: 10px;
}

.mo-gov-guide .mo-list li {
  color: #686868;
}

.mo-gov-guide .mo-table td {
  color: #686868;
}

/*--------------------------*\
  정부재산정보공개 - 공유재산 및 용품관리법 시행령
\*--------------------------*/

.mo-gov-enforcement {
  padding-left: 20px;
  padding-right: 20px;
}


/* 입찰 결과
========================================================================== */

.bid-min-amount-wrapper .layout-left,
.bid-min-amount-wrapper .layout-right {
  -webkit-box-flex: 1;
      -webkit-flex: 1;
          -ms-flex: 1;
              flex: 1;
}

.layout-divider {
  text-align: center;
  width: 20px;
}


/* 국공유지 개발현황
========================================================================== */

.diagram-wrapper {
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content: space-between;
}

.diagram-wrapper.wrap {
  flex-wrap: wrap;
}

.diagram-img-wrapper {
  line-height: 1;
  text-align: center;
}

.diagram-img.type-1 {
  height: 147px;
  max-width: 100%;
}

.diagram-divider-img {
  height: 15px;
}

.diagram-divider-img-2 {
  width: 15px;
}

.diagram-divider-img-3 {
  height: 74.25px;
  position: absolute;
  right: 50px;
  top: -10px;
}

.diagram-item-full {
  flex: 100%;
  text-align: center;
}

.diagram-label {
  color: #193566;
  font-size: 12px;
}

.mo-state .title-desc {
  color: #1492E6;
  font-size: 14px;
  font-weight: normal;
  margin-left: 3px;
}

.diagram-wrapper-2,
.diagram-wrapper-3 {
  border: 1px solid #6699DD;
  border-radius: 10px;
  box-shadow: 15px 15px 15px rgba(10, 72, 154, 0.2);
  padding: 20px;
}

.diagram-wrapper-3 {
  background-color: white;
}

.diagram-img.type-2 {
  max-width: 100%;
}

.diagram-img.type-3 {
  height: 111.5px;
  max-width: 100%;
}

.diagram-img.type-4 {
  max-width: 125px;
}

.mo-state .mo-section {
  margin-bottom: 30px;
}

.mo-state .mo-section > header {
  margin-bottom: 20px;
  padding-bottom: 15px;
  position: relative;
}

.mo-state .mo-section > header::before {
  background-color: #002F69;
  bottom: 0;
  content: "";
  display: inline-block;
  height: 3px;
  left: 0;
  position: absolute;
  width: 20px;
}

.mo-state .title-1 {
  height: 22px;
  margin-bottom: 0;
}

.mo-state .evidence-btn {
  background: url("/images/mo_ico/red_right_arrow.png") no-repeat 50% 50%;
  background-size: 22px 22px;
  border-radius: 50%;
  box-shadow: 5px 5px 15px rgba(252, 87, 62, 0.5);
  height: 22px;
  margin-left: 5px;
  padding: 0;
  text-indent: -9999px;
  width: 22px;
}

.mo-state .mo-list > li {
  color: #636363;
  font-size: 14px;
}

.state-deco-wrapper {
  background-color: #EFF2F9;
  border-bottom-left-radius: 30px;
  border-top-right-radius: 30px;
  box-shadow: 0 2px 5px hsla(0, 0%, 0%, 0.122);
  width: 100vw;
  margin-left: -20px;
  padding: 20px;
}

.mo-state .para {
  font-size: 14px;
}

.mo-state .focus {
  color: #1492E6;
  font-weight: normal;
}

.workplace-pic {
  background-color: #EFF2F9;
}

.workplace-pic [class|="col"] {
  margin-bottom: 20px;
  position: relative;
}

.workplace-pic [class|="col"]:nth-last-child(-n + 2) {
  margin-bottom: 0;
}

.workplace-pic-item img {
  display: block;
  margin: 0 auto;
  margin-bottom: 20px;
  max-width: 100%;
}

.workplace-pic-label {
  bottom: 0;
  position: absolute;
  text-align: right;
  width: calc(100% - 20px);
}

.workplace-pic [class|="col"]:nth-child(odd) .workplace-pic-label {
  width: calc(100% - 15px);
}

.workplace-pic-title {
  color: #191919;
  font-size: 12px;
}

.mo-state.mo-stuff .search-labels {
  border-top: none;
}

.mo-state.mo-stuff-map-search .search-labels {
  border-top: none;
}

.mo-state .stuff-map-legend-tooltip-list li:nth-child(1)::before {
  background-image: url("/images/mo_ico/blue_place_2.svg");
}

.mo-state .stuff-map-legend-tooltip-list li:nth-child(2)::before {
  background-image: url("/images/mo_ico/red_place_2.svg");
}

.mo-state .stuff-map-legend-tooltip-list li:nth-child(3)::before {
  background-image: url("/images/mo_ico/yellow_place.svg");
}

.mo-state .stuff-map-legend-tooltip-list li:nth-child(4)::before {
  background-image: url("/images/mo_ico/gray_place.svg");
}

.mo-state.mo-stuff .stuff-map-wrapper,
.mo-state .stuff-map-binder {
  height: calc(100vh - 100px - 50px); /* 100px = 66px(헤더높이) + 34px(검색 라벨높이) */
                                      /* 50px(하단 '목록' 버튼 높이) */
}

.mo-state.mo-state-map.mo-stuff .stuff-map-wrapper,
.mo-state.mo-state-map .stuff-map-binder {
  height: calc(100vh - 100px); /* 100px = 66px(헤더높이) + 34px(검색 라벨높이) */
}



.mo-list-group.type-1.workplace-list .workplace-link {
  display: block;
  padding: 20px;
  padding-left: 30px;
  position: relative;
}

.workplace-list li.status-complete .workplace-link::before,
.workplace-list li.status-ongoing .workplace-link::before,
.workplace-list li.status-will .workplace-link::before,
.workplace-list li.status-insu .workplace-link::before {
  background: url("/images/mo_ico/blue_place_2.svg") no-repeat 50% 50%;
  background-size: auto 17px;
  content: "";
  display: inline-block;
  height: 17px;
  left: 0;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 17px;
}

.workplace-list li.status-complete .workplace-link::before {
  background-image: url("/images/mo_ico/blue_place_2.svg");
}

.workplace-list li.status-ongoing .workplace-link::before {
  background-image: url("/images/mo_ico/red_place_2.svg");
}

.workplace-list li.status-will .workplace-link::before {
  background-image: url("/images/mo_ico/yellow_place.svg");
}

.workplace-list li.status-insu .workplace-link::before {
  background-image: url("/images/mo_ico/gray_place.svg");
}

.workplace-list .workplace-type {
  color: #212121;
  font-size: 17px;
  font-weight: 500;
  margin-right: 10px;
  position: relative;
}

.workplace-list .workplace-type::after {
  background-color: #C8C8C8;
  content: "";
  display: inline-block;
  height: 13px;
  position: absolute;
  right: -7px;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 1px;
}

.workplace-list .workplace-name {
  color: #1492E6;
  font-size: 17px;
  font-weight: 500;
}



/* 로그인 수정
========================================================================== */

.login-deco-img-id {width:39px;margin-left:3px;}
.mo-login-cert .link-type-2, .mo-login-id .link-type-2 {display:inline-block;width:100px;color:#002F69;font-size:13px;font-weight:500;border:1px solid #4484D2;-webkit-border-radius:20px;border-radius:20px;text-align:center;padding:8px 0 7px;}
.mo-login-cert .link-type-2::after, .mo-login-id .link-type-2::after {background:none;}


.footer-button-login.footer-button-wrapper.fixed {
  box-shadow:none;background-color:#fff;
  height:95px;
}
.footer-button-login.footer-button-wrapper-new.fixed {
  /*box-shadow:none;background-color:#fff;*/
  /*height:95px;*/
}
.footer-button-login .footer-button-box {
  display:-webkit-flex;display:flex;
  padding:6px 20px;
  border-top-left-radius:20px;
  border-top-right-radius: 20px;
  overflow:hidden;
  background-color:#EFF2F9;
  width:100%;
  box-shadow: 0px -2px 7px hsl(0, 0%, 85%);
}

.footer-button-login .footer-button-box-new {
  display:-webkit-flex;display:flex;
  padding:6px 20px;
  /*border-top-left-radius:20px;*/
  /*border-top-right-radius: 20px;*/
  overflow:hidden;
  /*background-color:#EFF2F9;*/
  width:100%;
  /*box-shadow: 0px -2px 7px hsl(0, 0%, 85%);*/
  justify-content: space-around;
}

.footer-button-login .footer-button-box-new-bottom {
  display:-webkit-flex;display:flex;
  padding:6px 20px;
  /*border-top-left-radius:20px;*/
  /*border-top-right-radius: 20px;*/
  overflow:hidden;
  /*background-color:#EFF2F9;*/
  width:100%;
  /*box-shadow: 0px -2px 7px hsl(0, 0%, 85%);*/
  justify-content: space-around;
}

.footer-button-login.footer-button-wrapper .btn-footer {
  background: url("/images/mo_ico/bg_round_login.png") no-repeat 50% 0;
  background-size: 72px auto;flex:1;height:82px;padding:0;
}

.footer-button-login.footer-button-wrapper-new .btn-footer {
  background: url("/images/mo_ico/bg_round_login.png") no-repeat 50% 0;
  background-size: 72px auto;flex:1;height:82px;padding:0;
}

.footer-button-login.footer-button-wrapper .btn-footer.on {
  background: url("/images/mo_ico/bg_round_login_on.png") no-repeat 50% 12px;
  background-size: 50px auto;flex:1;height:82px;padding:0;
}

.footer-button-login.footer-button-wrapper-new .btn-footer.on {
  background: url("/images/mo_ico/bg_round_login_on.png") no-repeat 50% 12px;
  background-size: 50px auto;flex:1;height:82px;padding:0;
}

.footer-button-login.footer-button-wrapper .btn-footer span {display:inline-block;width:100%;padding-top:68px;color:#7D8EAE;font-size:10px;}
.footer-button-login.footer-button-wrapper-new .btn-footer span {display:inline-block;width:100%;padding-top:68px;color:#7D8EAE;font-size:10px;}


.footer-button-login.footer-button-wrapper .btn-footer.on span {color:#193566;}
.footer-button-login.footer-button-wrapper-new .btn-footer.on span {color:#193566;}

.footer-button-login.footer-button-wrapper .btn-footer:nth-child(1) span {
  background: url("/images/mo_ico/ico_login_ty01.png") no-repeat 50% 24px;
  background-size: 23px auto;
}
.footer-button-login.footer-button-wrapper .btn-footer:nth-child(2) span {
  background: url("/images/mo_ico/ico_login_ty07.png") no-repeat 50% 24px;
  background-size: 23px auto;
}
.footer-button-login.footer-button-wrapper .btn-footer:nth-child(3) span {
  background: url("/images/mo_ico/ico_login_ty02.png") no-repeat 50% 24px;
  background-size: 23px auto;
}
.footer-button-login.footer-button-wrapper .btn-footer:nth-child(4) span {
  background: url("/images/mo_ico/ico_login_ty06.png") no-repeat 50% 24px;
  background-size: 23px auto;
}
.footer-button-login.footer-button-wrapper .btn-footer:nth-child(5) span {
  background: url("/images/mo_ico/ico_login_ty03.png") no-repeat 50% 24px;
  background-size: 15px auto;
}
.footer-button-login.footer-button-wrapper .btn-footer:nth-child(6) span {
  background: url("/images/mo_ico/ico_login_ty08.png") no-repeat 50% 30px;
  background-size: 30px auto;
}

.footer-button-login.footer-button-wrapper-new .btn-footer:nth-child(1) span {
  background: url("/images/mo_ico/ico_login_ty01.png") no-repeat 50% 24px;
  background-size: 23px auto;
}
.footer-button-login.footer-button-wrapper-new .btn-footer:nth-child(2) span {
  background: url("/images/mo_ico/ico_login_ty07.png") no-repeat 50% 24px;
  background-size: 23px auto;
}
.footer-button-login.footer-button-wrapper-new .btn-footer:nth-child(3) span {
  background: url("/images/mo_ico/ico_login_ty02.png") no-repeat 50% 24px;
  background-size: 23px auto;
}
.footer-button-login.footer-button-wrapper-new .footer-button-box-new-bottom .btn-footer:nth-child(1) span {
  background: url("/images/mo_ico/ico_login_ty06.png") no-repeat 50% 24px;
  background-size: 23px auto;
}
.footer-button-login.footer-button-wrapper-new .footer-button-box-new-bottom .btn-footer:nth-child(2) span {
  background: url("/images/mo_ico/ico_login_ty03.png") no-repeat 50% 24px;
  background-size: 15px auto;
}
.footer-button-login.footer-button-wrapper-new .footer-button-box-new-bottom .btn-footer:nth-child(3) span {
  background: url("/images/mo_ico/ico_login_ty08.png") no-repeat 50% 22px;
  background-size: 30px auto;
}

.footer-button-login.footer-button-wrapper .btn-footer.on:nth-child(1) span {
  background: url("/images/mo_ico/ico_login_ty01_on.png") no-repeat 50% 24px;
  background-size: 23px auto;
}
.footer-button-login.footer-button-wrapper .btn-footer.on:nth-child(2) span {
  background: url("/images/mo_ico/ico_login_ty07_on.png") no-repeat 50% 24px;
  background-size: 23px auto;
}
.footer-button-login.footer-button-wrapper .btn-footer.on:nth-child(3) span {
  background: url("/images/mo_ico/ico_login_ty02_on.png") no-repeat 50% 24px;
  background-size: 23px auto;
}
.footer-button-login.footer-button-wrapper .btn-footer.on:nth-child(4) span {
  background: url("/images/mo_ico/ico_login_ty06_on.png") no-repeat 50% 24px;
  background-size: 23px auto;
}
.footer-button-login.footer-button-wrapper .btn-footer.on:nth-child(5) span {
  background: url("/images/mo_ico/ico_login_ty03_on.png") no-repeat 50% 24px;
  background-size: 15px auto;
}
.footer-button-login.footer-button-wrapper .btn-footer.on:nth-child(6) span {
  background: url("/images/mo_ico/ico_login_ty08_on.png") no-repeat 50% 30px;
  background-size: 30px auto;
}

.footer-button-login.footer-button-wrapper-new .btn-footer.on:nth-child(1) span {
  background: url("/images/mo_ico/ico_login_ty01_on.png") no-repeat 50% 24px;
  background-size: 23px auto;
}
.footer-button-login.footer-button-wrapper-new .btn-footer.on:nth-child(2) span {
  background: url("/images/mo_ico/ico_login_ty07_on.png") no-repeat 50% 24px;
  background-size: 23px auto;
}
.footer-button-login.footer-button-wrapper-new .btn-footer.on:nth-child(3) span {
  background: url("/images/mo_ico/ico_login_ty02_on.png") no-repeat 50% 24px;
  background-size: 23px auto;
}
.footer-button-login.footer-button-wrapper-new .footer-button-box-new-bottom .btn-footer.on:nth-child(1) span {
  background: url("/images/mo_ico/ico_login_ty06_on.png") no-repeat 50% 24px;
  background-size: 23px auto;
}
.footer-button-login.footer-button-wrapper-new .footer-button-box-new-bottom .btn-footer.on:nth-child(2) span {
  background: url("/images/mo_ico/ico_login_ty03_on.png") no-repeat 50% 24px;
  background-size: 15px auto;
}
.footer-button-login.footer-button-wrapper-new .footer-button-box-new-bottom .btn-footer.on:nth-child(3) span {
  background: url("/images/mo_ico/ico_login_ty08_on.png") no-repeat 50% 22px;
  background-size: 30px auto;
}


.login-btm {min-height:calc(100vh - 65px)}
.mb-65 {margin-bottom:65px !important;}
.mb-95 {margin-bottom:95px !important;}
.mb-105 {margin-bottom:105px !important;}




/* 2020.05.29 추가 */

/* 회원가입
========================================================================== */

.mo-join {
  background-color: white;
  padding-left: 20px;
  padding-right: 20px;
  padding-bottom: 20px;
}

/*--------------------------*\
  회원가입 - 회원가입안내 및 유형선택
\*--------------------------*/

.mo-join-info {margin-bottom:0;}
.join-cert-select-info-wrapper {
  align-items: center;
  background-color: #EFF2F9;
  border: 1px solid #D6D6D6;
  border-radius: 5px;
  display: flex;
  margin-top: 20px;
  padding: 20px;
}
.join-cert-select-info .para {font-size: 15px;margin-bottom: 3px;}
.join-cert-select-info .para:last-child {margin-bottom: 0;}
.join-info-title {font-size: 16px;color:#002F69;font-weight: 500;line-height: 1.4;margin-bottom: 10px;text-align:center;}
.join-area {margin-bottom: 30px;}


/*--------------------------*\
  회원가입 - 본인확인(개인)
\*--------------------------*/

.join-step-header {
  align-items: center;
  border-bottom: 2px solid #191919;
  display: flex;
  justify-content: space-between;
  padding-bottom: 10px;
  padding-top: 20px;
  margin-bottom: 20px;
}

.join-step-header-left, .join-step-header-right {align-items: center;display: flex;}
.join-step-header-left {flex: 0 0 calc(100% - 75px);}
.join-step-header-left.step-5 {flex: 0 0 calc(100% - 100px);}
.join-step-header-left.step-txt-full {flex: 0 0 calc(100% - 35px);}
.join-step-header-left.step-full-right {flex: 0 0 calc(100%);}
.join-step-header-right {flex: 0 0 0;justify-content: flex-end;}
.join-step-header-title {color: #002F69;display: inline-block;font-size: 16px;font-weight: 500;width: auto;}
.join-step-header-num {width: 20px;}
.join-step-header-left .join-step-header-num {margin-right: 5px;}
.join-step-header-right .join-step-header-num {margin-left: 5px;}
.sub-join-inform-alert-wrapper {margin-top: 10px;}
.sub-join-inform-alert li {color: #191919;}
.join-info-basic-list {display: block;}


/*--------------------------*\
  회원가입 - 정보입력
\*--------------------------*/

.join-info header:after {content:"";display:block;clear:both;}
.join-info header h3 {float:left;width:auto;margin-bottom:5px;}
.join-info header span {float:right;margin-top:4px;}
.join-info-basic {margin-bottom:10px;}
.join-info-basic .join-input-btn {position:relative;}
.join-info-basic .join-input-btn input {padding-right:100px;height:48px;}
.join-info-basic .join-input-btn.no-height input {padding-right:100px;height:37px !important;}
.join-info-basic .join-input-btn .text-right {position:absolute;top:10px;right:10px;}
.join-info-basic .join-input-btn .btn-pill {width:85px;height:28px;padding:6px 0}
.join-info-basic .join-input-btn .btn-pill.btn-x-small {width:85px;height:auto;padding:6px 0}
.join-zipcode-btn {position: absolute;right: 0;top: 0;background-color:#1492E6;}
.join-agent-lst ul:nth-child(2), .join-agent-lst .email-wrapper {margin-top:-1px;}
.join-agent-lst .mo-control-list.horizontal > li:first-child input, 
.join-agent-lst .mo-control-list.horizontal > li:first-child select {
  border-bottom-left-radius:0;border-top-left-radius:0;
}

/*--------------------------*\
  회원가입 - 가입완료
\*--------------------------*/

.join-step-finish {min-height: calc(100vh - 50px);}

/*--------------------------*\
  회원가입 - 정보입력(개인사업자)
\*--------------------------*/

.mo-join .layout-right.layout-fix {position:relative;margin-top:4px;}
.join-info-basic .join-input-btn.tip-input input[type="search"] {padding-right:36px;height:37px;}
.join-info-basic .join-input-btn.tip-input input[type="number"] {padding-right:36px;height:37px;}
.join-info-basic .join-input-btn.tip-input input[type="text"] {padding-right:36px;height:37px;}
.join-info-basic .join-input-btn.tip-input .text-right {position:absolute;top:8px;right:10px;}


/*------------------------------*\
  회원가입 - 정보입력(법인)_소속부서 검색
\*------------------------------*/

.department-search {margin-top:100px;background-color:#fff;}
.mo-search.department-search .search-header {padding:0;}
.mo-search.department-search .search-bar .input-search {height:40px;border:2px solid #002F69;-webkit-border-radius:5px;border-radius:5px;}
.mo-search.department-search .search-forms {margin-bottom:60px;}
.mo-search.department-search .search-labels {font-size:16px;color:#002F69;font-weight:500;}
.mo-search.department-search .search-labels .search-total {font-size:16px;color:#002F69;font-weight:500;}
.mo-search.department-search .search-labels .search-total-count {font-size:16px;}
.mo-search.department-search .list-group-item {margin-bottom: 8px;}
.mo-search.department-search .list-group-item a {
  background-color: white;
  border: 1px solid #4484D2;
  border-radius: 5px;
  color: #002F69;
  display: block;
  font-size: 15px;
  font-weight: 500;
  height: 40px;
  line-height: 40px;
  text-align: center;
  text-decoration: none;
  width: 100%;
}

.search-filters-box {
  background-color:#EFF2F9;
  width: 100vw;
  margin-left: -20px;
  max-height: calc(100vh - 300px);
  overflow-y: auto;
}
.search-filters-box .search-filter-buttons {background-color:#EFF2F9;padding:25px 20px;}
.search-filters-box .mo-button-list .search-lst-btn {margin-bottom:10px;}
.search-filters-box .mo-button-list .search-lst-btn input + label {background-color:#fff;border:1px solid #C8C8C8;-webkit-border-radius:5px;border-radius:5px;color:#8B8B8B;font-size:15px;font-weight:500;}
.search-filters-box .mo-button-list .search-lst-btn:last-child {margin-bottom:0;}
.search-filters-box .mo-button-list .search-lst-btn input:checked + label {background-color:#1492E6;color:#fff;}



/* 소속부서 찾기 영역
========================================================================== */
.team_search {margin-top:-1px;}
.team_search .btn-search {
  background: url("../images/mo_ico/team_search.png") no-repeat 50% 50%;
  background-size: 17px auto;
  border-radius: 100px;
  bottom: 1px;
  position: absolute;
  right: 1px;
  top: 1px;
  width: 38px;
}

.search-txt-right {position:absolute;top:10px;right:68px;color:#8B8B8B;font-size:13px;}
.join-info .mo-button-list.group-filter input + label {height:40px;background-color:transparent;font-size:13px;}
.join-info .mo-button-list.group-filter input:checked + label {background-color:#373737;}
.group-txt-box {margin-bottom:0;}
.group-txt-box textarea {min-height:250px;}

/* 외국인 등록번호 입력
========================================================================== */
.foreigner-num-box li:first-child {width:100px;flex:auto;padding:0;}
.foreigner-num-box li {height:48px;}
.foreigner-num-box li input {height:48px;border-left:none;}
.foreigner-num-box textarea {min-height:48px;height:48px;line-height:1.15;}
.foreigner-num-box textarea::-webkit-input-placeholder {font-size:12px;}
.foreigner-num-box textarea:-moz-placeholder {font-size:12px;}
.foreigner-num-box textarea::-moz-placeholder {font-size:12px;}
.foreigner-num-box textarea:-ms-placeholder {font-size:12px;}
.foreigner-num-box textarea:placeholder {font-size:12px;}
.notice-txt-eng {display:inline-block;font-size:11px;color:#002F69;letter-spacing:-.5px;line-height:16px;}
.txt-eng {letter-spacing:-.5px;}

.hidden-txt-danger {position:relative;height:50px;}
.hidden-txt-danger span {display:none;position:absolute;bottom:3px;left:10px;font-size:11px;}
.hidden-txt-danger input {height:50px;padding-bottom:20px;}
.hidden-txt-danger span.on {display:block;}

.join-info span.text-color-2.font-size-normal {line-height:1.4;display:inline-block;}
.join-info .mo-button-list input:checked + label {font-size:13px;}
ul.mo-list.inner-list {margin:7px 0 7px -10px;background-color:#fff;padding:20px 10px 20px 12px;}

.txt-account {font-size:12px !important;letter-spacing:-.5px;}
.txt-account strong {color:#8B8B8B;display:inline-block;width:60px;}



/* 설정
========================================================================== */

.mo-set {background-color: #fff;margin-bottom: 50px;padding-left: 0;padding-right: 0;padding-bottom: 0;}
.mo-set .title-1 {margin-bottom: 10px;}

.stuff-detail.pop-detail {margin-bottom:0;padding:0}
.stuff-detail.pop-detail > .header {margin:0}
.stuff-detail.pop-detail .section-body {padding:20px 0 0;}


/*--------------------------*\
  메인 - 자주찾는 메뉴 팝업
\*--------------------------*/

.mo-stuff-main-filter {padding: 66px 20px 20px;}
.mo-stuff-main-filter .stuff-search-filter-section {margin-bottom:20px;padding:20px;margin-top:20px;border:1px solid #C8C8C8;-webkit-border-radius:10px;border-radius:10px;min-height:305px;}
.mo-stuff-main-filter .stuff-search-filter-section .title-1 small {font-size:13px;font-weight:normal;}
.mo-stuff-main-filter .stuff-search-filter-section .title-1 {font-size:17px;}
.mo-stuff-main-filter .choice-section .title-1 {color:#002F69;}
.mo-stuff-main-filter .choice-section {background-color:#E0EAF8;border:1px solid #E0EAF8;-webkit-border-radius:10px;border-radius:10px;}
.choice-section .mo-button-list .mo-container {background-color:#E0EAF8;}
.choice-section .mo-button-list.button-list-type-5 .mo-container [class^="col"] {padding-left:16px;}

.btn-menu-box {position:relative;margin-bottom:20px;text-align:center;}
.btn-menu-add {text-align:left;margin:0 6px;padding-left:26px;width:98px;height:35px;background:#fff url('../images/mo_ico/btn_menu_add.png');-webkit-background-size:98px auto;background-size:14px auto;overflow:hidden;background-repeat:no-repeat;background-position:right 26px center;border:1px solid #4484D2;-webkit-border-radius:20px;border-radius:20px;color:#002F69;}
.btn-menu-del {text-align:left;margin:0 6px;padding-left:26px;width:98px;height:35px;background:#4A4A4A url('../images/mo_ico/btn_menu_del.png');-webkit-background-size:98px auto;background-size:14px auto;overflow:hidden;background-repeat:no-repeat;background-position:right 26px center;border:1px solid #4A4A4A;-webkit-border-radius:20px;border-radius:20px;color:#fff;}





/*--------------------------*\
  메인 - 통합검색 팝업
\*--------------------------*/

.main-search-list:after {content:"";display:block;clear:both;}
.main-search-list li {margin-right:10px;float:left;margin-top:10px;}
.main-search-list li:last-child {margin-right:0}
.main-search-list li a {
  color: #8B8B8B;
  font-size:13px;
  border:2px solid #EFF2F9;
  -webkit-border-radius:20px;border-radius:20px;
  background-color: #EFF2F9;
  text-align:center;
  min-height:35px;
  display:inline-block;
  line-height:35px;
  padding:0 10px;
}


.mo-total-search {margin-bottom: 0;min-height: 100vh;padding-bottom: 20px;}
.mo-total-search .search-filters {padding: 20px 20px 0;}
.mo-total-search .total-search-wrapper, .mo-total-search .total-finish-wrapper {
  display: none;
  position: relative;
  padding:0 20px;
  width: 100vw;
  background-color:#fff;
}
.mo-total-search .total-search-wrapper.on, .mo-total-search .total-finish-wrapper.on {display: block;}
.mo-total-search .total-search-wrapper .search-forms {margin-top:35px;}
.mo-total-search .total-search-wrapper .search-bar .input-search {background-color:#EEEEEE;padding-left:20px;}
.mo-total-search .total-search-wrapper .search-bar .input-search-mike {background-color:#EEEEEE;padding-left:38px;}

.mo-total-search .total-search-wrapper .btn-search-stuff-name-info {
  background: url("/images/mo_ico/mike.png") no-repeat 50% 50%;
  background-size: auto 18px;
  height: 35px;
  width: 40px;
  display: block;
  position: absolute;
  left: 0;
  top: 0;
}

.recent-stuff-list {margin:0 -20px;padding-bottom:20px;background-color:#F8F9FC;box-shadow: 2px 0px 10px hsla(0, 0%, 0%, 0.1)}
.recent-stuff-list:after {content:"";display:block;clear:both;}
.recent-stuff-list li {float:left;width:50%;padding:0 25px;margin-top:25px;background-color:#F8F9FC;}
.recent-stuff-list li:nth-child(odd) {padding-right:20px;}
.recent-stuff-list li:nth-child(even) {padding-left:20px;}
.recent-stuff-list .mo-card-img .card-img-wrapper {height:135px;}
.recent-stuff-list .mo-card {
  overflow:hidden;-webkit-border-radius:15px;border-radius:15px;border:none;
  box-shadow: 0px 3px 5px hsla(0, 0%, 0%, 0.1);
  max-width:200px;margin:0 auto;
}
.recent-stuff-list .mo-card .card-body {padding:10px;}
.recent-stuff-list .card-type {
  border:1px solid #A03100;font-size:12px;color:#A03100;margin-bottom:6px;
  text-align:center;display:inline-block;padding:0 8px;min-width:60px;
}
.recent-stuff-list .card-small {font-size:11px;color:#1492E6;display:block;}
.recent-stuff-list .card-price {font-size:13px;color:#002F69;font-weight:500;letter-spacing: normal}
.recent-stuff-list .card-address {
  -webkit-line-clamp: 2;
          line-clamp: 2;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  overflow: hidden;
  color:#9A9A9A;
  font-size:11px;
}
.recent-stuff-list .mo-card-img .card-img-wrapper .card-img-inner{
  height: auto;
  left: 50%;
  max-height: 100%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
}
.recent-stuff-list .mo-card-img .card-header {position:relative;}
.recent-stuff-list .mo-card-img .card-img-wrapper img {max-height: 100%;max-width:100%;}


.main-search-top {margin-bottom:0;padding:20px 20px 0;}
.main-search-top .search-bar {margin-bottom:0;}
.main-search-top .input-search {padding-right:10px;border:1px solid #C8C8C8;-webkit-border-radius:5px;border-radius:5px;padding-left:38px}
.main-search-top .bread-wrapper {margin-bottom:0;}

.main-search-top .btn-search-stuff-name-info {
  background: url("/images/mo_ico/mike.png") no-repeat 50% 50%;
  background-size: auto 18px;
  height: 35px;
  width: 40px;
  display: block;
  position: absolute;
  left: 0;
  top: 0;
}



/*통합검색 하단 영역 */
.total-txt {margin-top:10px;color:#8B8B8B;font-size:14px;}
.total-txt .total-num {color:#1492E6;}
.total-txt .total-word {color:#191919;}

.stuff-search-list .main-search-card {min-height: 140px;border-bottom: none;}
.stuff-search-list .main-search-card .card-header,
.stuff-search-list .main-search-card .card-body {height: auto;}
.stuff-search-list .main-search-card .card-header {position: relative;width: 130px;}
.stuff-search-list .main-search-card .card-body {width: calc(100% - 130px);padding:10px 10px 10px 17px;}
.stuff-search-list .main-search-card .card-img-wrapper {height: calc(100%);}
.main-search-card .stuff-search-bid-deadline {margin-bottom: 5px;line-height:1.2;}
.main-search-card .stuff-search-bid-deadline .label {color: #8B8B8B;font-size: 15px;line-height:1.2;}
.main-search-card .stuff-search-bid-deadline .value {font-size: 15px;letter-spacing: normal;font-weight:500;line-height:1.2;}

/*통합검색 하단 영역 그림자 구분선 */
.search-shadow-box {margin:25px -20px 0;padding-bottom:20px;background-color:#EEEEEE;}
.search-shadow {margin:25px 0 0;padding:0 20px 20px;background-color:#fff;box-shadow:0 4px 5px hsla(0, 0%, 0%, 0.1)}
.search-shadow .search-forms {margin-bottom:0;}
.search-shadow .search-bar {margin-bottom:0;}
.search-cont-box {margin:0 -20px;background-color:#EEEEEE;}

.mo-total-search .search-body .footer-nav-left {padding-left:0}
.mo-total-search .search-body .footer-nav-right {padding-right:0}

[class^="search-cont-sec"]:first-child {box-shadow:0 -1px 5px hsla(0, 0%, 0%, 0.1)}
[class^="search-cont-sec"] {display:none;}
[class^="search-cont-sec"].on {display:block;}
[class^="search-cont-sec"] .search-labels {height:auto;padding:25px 20px 20px;border-top:none;}
[class^="search-cont-sec"] .search-total {font-size:17px;}
.btn-more {
  background: url("../images/mo_ico/btn_more.png") no-repeat 50% 50%;
  background-size: 18px auto;position: absolute;right: 20px;top: 25px;width: 18px;height:18px;
}
[class^="search-cont-sec"] .search-labels-left .search-total-count {position:relative;margin-left:5px;padding-left:6px;font-size:17px;}
[class^="search-cont-sec"] .search-labels-left .search-total-count:before {
  content: "";height: 10px;position: absolute;left:0;top: 50%;background-color:#CBCBCB;transform: translateY(-50%);width: 1px;
}
[class^="search-cont-sec"] .mo-card-low .card-date {margin-top:5px;}
[class^="search-cont-sec"] .mo-card {position:relative;}
[class^="search-cont-sec"] .card-type {
  position:absolute;top:17px;right:20px;border:1px solid #F5B991;font-size:12px;color:#F56E13;margin-bottom:6px;
  text-align:center;display:inline-block;padding:0 8px;min-width:60px;
}
[class^="search-cont-sec"] .card-type2 {
  border:1px solid #F5B991;font-size:12px;color:#F56E13;margin-bottom:6px;
  text-align:center;display:inline-block;padding:0 8px;min-width:60px;float: right;
}

[class^="search-cont-sec"] .btm-labels {display:block;height:auto;padding:25px 20px 0;border-bottom:none;}
[class^="search-cont-sec"] .search-btm-labels {padding:25px 20px 20px;position:relative;border-bottom:1px solid #C8C8C8;background-color:#fff;}
[class^="search-cont-sec"] .search-btm-labels p.txt-total {margin-bottom:0;font-size:17px;font-weight:500;}
[class^="search-cont-sec"] .search-btm-labels p.txt-total:before {content:"·";padding-right:5px;}
[class^="search-cont-sec"] .search-btm-labels p.txt-total .search-total-count {display:inline-block;margin-left:5px;}
[class^="search-cont-sec"] .search-btm-labels .btn-more {right:20px;top:28px;}
[class^="search-cont-sec"] .total-type-list {color: #191919;font-size: 15px;font-weight: normal;margin-bottom: 7px;}
[class^="search-cont-sec"] .total-type-list::after {clear: both;content: "";display: block;}
[class^="search-cont-sec"] .total-type-list li {float: left;}
[class^="search-cont-sec"] .total-type-list li.focus {font-weight:normal;}
[class^="search-cont-sec"] .total-type-list li:not(:last-child)::after {background-color: #C8C8C8;content: "";display: inline-block;height: 13px;margin: 0 6px;width: 1px;}

/*--------------------------*\
  메인 - 통합검색 전체메뉴
\*--------------------------*/

.main.title {width:98px;margin:0 auto;}
.main.title a {display:inline-block;}
.main.title a img {width:100%;}

/* MENU */
.slidemenu-wrap {position:fixed;right:0;top:0;bottom:0;z-index:999;width:100%;-webkit-transition:all .1s linear;transition:all .1s linear;}
.slidemenu-wrap.on {right:0;}
.slidemenu-wrap .menu-top-btn {width:100%;text-align:center;height:66px;border-bottom:1px solid #C8C8C8;}
.slidemenu-wrap .btn-home,
.slidemenu-wrap .btn-set {overflow:hidden;position:absolute;background-repeat:no-repeat;background-position:50% 50%;text-indent:-5000em;}
.slidemenu-wrap .btn-home {width:98px;height:35px;top:16px;left:50%;margin-left:-49px;background-image:url('../images/mo_ico/header/logo.png');-webkit-background-size:98px auto;background-size:98px auto;}
.slidemenu-wrap .btn-set {top:10px;right:6px;background-image:url('../images/mo_ico/header/btn_set.png');-webkit-background-size:21px auto;background-size:21px auto;width:50px;height:50px;}
.slidemenu-wrap .slidemenu {position:relative;z-index:2;height:100%;background-color:#fff;}
.slidemenu-wrap .slidemenu-top {padding:15px 20px 15px 20px;border-bottom:1px solid #C8C8C8;}
.slidemenu-wrap .slidemenu-top .member {padding:0 0 20px;}
.slidemenu-wrap .slidemenu-top .member.login {position:absolute;}
.slidemenu-wrap .slidemenu-top .member .txt {font-size:16px;font-weight:500;line-height:22px;color:#002F69;margin-bottom:0;}
.slidemenu-wrap .slidemenu-top .member .btn {margin-top:13px;}
.slidemenu-wrap .slidemenu-top .member-link.login{position: absolute;right: 20px;width: calc(20%);} 
.slidemenu-wrap .slidemenu-top .member-link ul {display:flex;width:100%;table-layout:fixed;}
.slidemenu-wrap .slidemenu-top .member-link li {flex:1;background-color:#fff;}
.slidemenu-wrap .slidemenu-top .member-link li a {display:block;padding:9px 0;font-size:15px;line-height:15px;text-align:center;-webkit-border-radius:5px;border-radius:20px;}
.slidemenu-wrap .slidemenu-top .member-link li a.login {display:block;padding:2px 0;font-size:15px;line-height:15px;text-align:center;-webkit-border-radius:5px;border-radius:20px;}
.slidemenu-wrap .slidemenu-top .member-link li.menu1 a{color:#fff;background-color:#1492E6;}
.slidemenu-wrap .slidemenu-top .member-link li.menu2 a{color:#002F69;border:1px solid #4484D2;}
.slidemenu-wrap .slidemenu-top .member-link li.menu3 a{color:#fff;background-color:#4B4B4B;}
.slidemenu-wrap .slidemenu-top .member-link li + li {margin-left:20px;}
.slidemenu-wrap .slidemenu-top .member-link li a span {display:inline-block;vertical-align:-3px;}
.slidemenu-wrap .slidemenu .scroll {overflow-y:auto;background-color:#eef0f4;}
.slidemenu-wrap .slidemenu .nav-menu a {display:block;height:40px;padding:0 15px;background-color:#191919;font-size:15px;line-height:40px;color:#191919;}
.slidemenu-wrap .slidemenu .nav-menu li {border-bottom:1px solid #C8C8C8;}
.slidemenu-wrap .slidemenu .nav-menu .nav-2dep {display:none;border-top:1px solid #C8C8C8;}
.slidemenu-wrap .slidemenu .nav-menu .nav-2dep li {border-top:1px solid #C8C8C8;border-bottom:0;}
.slidemenu-wrap .slidemenu .nav-menu .nav-2dep li:first-child {border-top:0;}
.slidemenu-wrap .slidemenu .nav-menu .nav-1dep > ul > li > a,
.slidemenu-wrap .slidemenu .nav-menu .nav-2dep > ul > li > a {background-repeat:no-repeat;background-position:right 15px center;-webkit-background-size:16px auto;background-size:16px auto;}
.slidemenu-wrap .slidemenu .nav-menu .nav-1dep > ul > li > a {background-color:#fff;}
.slidemenu-wrap .slidemenu .nav-menu .nav-2dep > ul > li > a {padding:0 20px 0 40px;background-color:#EEEEEE;font-size:15px;color:#494949;}
.slidemenu-wrap .slidemenu .nav-menu .depth {background-image:url('../images/mo_ico/bg_slidemenu_acco_arrow.png');}
.slidemenu-wrap .slidemenu .nav-menu .depth.on {color:#1492E6;background-image:url('../images/mo_ico/bg_slidemenu_acco_arrow_on.png');}
.slidemenu-wrap .btn-close {position:absolute;left:6px;top:10px;z-index:5;width:50px;height:50px;text-align:center;}
.slidemenu-wrap .btn-close span {position:absolute;left:15px;width:20px;height:1px;background-color:#4B4B4B;vertical-align:top;-webkit-transform:rotate(360deg);transform:rotate(360deg);transition:all .4s;}
.slidemenu-wrap .btn-close span:nth-child(1) {top:18px;-webkit-transform:translateY(6px) rotate(-45deg);transform:translateY(6px) rotate(-45deg);}
.slidemenu-wrap .btn-close span:nth-child(2) {top:24px;-webkit-transform:translateY(0) rotate(45deg);transform:translateY(0) rotate(45deg);}
.slidemenu-wrap .menu-foot-call {display:-webkit-flex;display:flex;justify-content:space-between;background-color:#717171;padding:12px 20px;}
.slidemenu-wrap .menu-foot-call p {
  font-size:11px;color:#fff;padding-left:30px;background: url("/images/mo_ico/menu_footer_left.png") no-repeat 0 50%;
  background-size: auto 25px;
}
.slidemenu-wrap .menu-foot-call .btn-call {
  width:auto;font-size:11px;color:#fff;background:url("/images/mo_ico/btn_menu_call.png") no-repeat 16px 50%;
  background-size:10px auto;padding:0 16px 0 36px;border:1px solid #4A4A4A;-webkit-border-radius:20px;border-radius:20px;
  line-height:30px;height:30px;
}
.slidemenu-wrap .menu-foot-call p span {display:block;font-size:15px;}

/*------------------------------------*\
  메인 - 입찰중인 물건내역 / 개찰완료 물건 내역 
\*------------------------------------*/

.all-menu-detail-wrapper {margin-top:35px;display:-webkit-flex;display:flex;}
.all-menu-detail-wrapper .all-menu-bid-info {flex:1;padding:0}
/* .all-menu-detail-wrapper .all-menu-bid-info > a {display: block;} */
.all-menu-detail-wrapper .all-menu-bid-info > a {display: block; height: 100%;}
.all-menu-detail-wrapper .all-menu-bid-info > a > header {height: 52px;}
/* .all-menu-detail-wrapper .all-menu-bid-info .title-1 {
  margin-bottom:0;padding:15px 35px;
  color:#FFF;font-size:16px;font-weight:500;
  background:#1492E6 url("/images/mo_ico/all-menu-arrow.png") no-repeat center right 20px;
  background-size:24px auto;
} */
.all-menu-detail-wrapper .all-menu-bid-info .title-1 {
  margin-bottom:0;padding:15px 35px;
  color:#FFF;font-size:16px;font-weight:500;
  background:#1492E6 url("/images/mo_ico/all-menu-arrow.png") no-repeat center right 20px;
  background-size:24px auto;

  white-space: nowrap;
}
.all-menu-detail-wrapper .all-menu-bid-info:first-child .title-1 {border-top-left-radius: 10px;}
.all-menu-detail-wrapper .all-menu-bid-info:last-child .title-1 {border-top-right-radius: 10px;}
.all-menu-detail-wrapper .all-menu-bid-info:first-child .all-menu-bid-info-layout {border-bottom-left-radius: 10px;border:1px solid #CBCBCB;}
.all-menu-detail-wrapper .all-menu-bid-info:last-child .all-menu-bid-info-layout {border-bottom-right-radius: 10px;border:1px solid #CBCBCB;border-width:1px 1px 1px 0;}
/* .all-menu-detail-wrapper .all-menu-bid-info-layout {padding: 20px 11px 20px 15px;} */
.all-menu-detail-wrapper .all-menu-bid-info-layout {padding: 20px 11px 20px 15px; height: calc(100% - 52px);}
.all-menu-detail-wrapper .all-menu-bid-info-layout > .layout-left {
  white-space: nowrap;
}
.all-menu-detail-wrapper .all-menu-bid-count {color: #1492E6;font-size: 27px;font-weight: normal;position: relative;display:inline-block;}

.all-menu-detail-wrapper .all-menu-bid-count-label {color: #8B8B8B;display:inline-block;font-size: 16px;margin-left:3px;}
.all-menu-detail-wrapper .all-menu-bid-list {width: 100%;}
.all-menu-detail-wrapper .all-menu-bid-list li {margin-bottom: 5px;}
.all-menu-detail-wrapper .all-menu-bid-list li:last-child {margin-bottom: 0;}
/* .all-menu-detail-wrapper .all-menu-bid-item-label {color: #8B8B8B;font-size: 13px;} */
.all-menu-detail-wrapper .all-menu-bid-item-label {
  color: #8B8B8B;
  font-size: 13px;
  word-break: keep-all;
}
.all-menu-detail-wrapper .all-menu-bid-item-value {color: #191919;font-size: 13px;font-weight: 500;}
.layout-right .all-menu-bid-list .layout-right {margin-left:10px;}

@media (max-width: 359px) {
  .all-menu-detail-wrapper .all-menu-bid-count {
    font-size: 18px;
  }

  .all-menu-detail-wrapper .all-menu-bid-item-label {
    font-size: 12px;
  }
}


/*------------------------------------*\
  국공유개발 -  국공유개발사업장 현황
\*------------------------------------*/
.mo-state {margin-bottom:0;}
.mo-state .tab-body {padding:20px;}
.state-select-wrapper {width:100%;margin-top:25px;margin-bottom:20px;}
.state-select-wrapper select {
  width:150px;height:34px;border:1px solid #6699DD;-webkit-border-radius:5px;border-radius:5px;
  background: url("../images/mo_ico/state_down_arrow.png") no-repeat right 11px center;background-size: 22px auto;
}

.mo-state .mo-button-list.button-list-type-6 {margin-top:0;}

.mo-state .state-pop-card {border-bottom: none;min-height:204px;margin-top:10px;padding:20px;border:1px solid #6699DD;-webkit-border-radius:10px;border-radius:10px;box-shadow: 12px 12px 15px -6px rgba(0, 47, 105, 0.3)}
.mo-state .state-pop-card .card-header,
.mo-state .state-pop-card .card-body {height: auto;}
.mo-state .state-pop-card .card-header {position: relative;width: 107px;}
.mo-state .state-pop-card .card-body {width: calc(100% - 107px);padding:0;}
.mo-state .mo-card-img-horizontal .card-img-wrapper {height:107px;overflow:hidden;-webkit-border-radius:10px;border-radius:10px;border:1px solid #C7C7C7;}

.mo-state .state-pop-card p {font-size:12px;color:#193566;margin-top:5px;}

.state-badge-01 {display:inline-block;width:60px;height:23px;line-height:21px;text-align:center;color:#fff;font-size:13px;font-weight:500;background-color:#1492E6;border:1px solid #1492E6;border-bottom-left-radius:10px;border-top-right-radius:10px;vertical-align:top;}

.mo-state h2.title-1 {margin-top:5px;height:auto;color:#193566;font-size:22px;font-weight:500;}



.mo-state .state-lst {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  line-height: 1.2;
  margin-bottom: 5px;
  display: flex;justify-content: space-between;
}


.mo-state .card-content {margin-left:20px;padding:10px 0;border:1px solid #193566;border-width:1px 0;}




.mo-state .state-lst .label {
  color: #7D8EAE;
  font-size:11px;
  white-space: nowrap;
}

.mo-state .state-lst .cont-txt {
  color: #002F69;
  font-size:11px;
  display: block;
  white-space: nowrap;
}

.po-txt {color:#1492E6;font-size:14px;}
.state-space header .po-txt {color:#1492E6;font-size:14px;margin-left:5px;}
.mo-state h3 {display:inline-block;width:auto;}
.state-space {margin:0 !important;padding:20px;}
.mt-mu-5 {margin-top:-5px !important;}
.mt-mu-10 {margin-top:-10px !important;}

.no-pd-table td {padding:7px 0}





@media (min-width:767px){
  .recent-stuff-list li {width:25%}
}


/* .mo-stuff-detail .stuff-detail-basic-tab .owl-carousel {
  display: none !important;
} */


/* temp.css 파일에 있던 스타일 통합. 2020-06-09 추가.
========================================================================== */


.menu-state-lst span {color:#1492E6;}
.wrap-map {height:256px;}
.mo-state .workplace-pic {margin-bottom:0;margin-top:20px;padding:35px 20px 50px;border-top-left-radius:30px;border-top-right-radius:30px;box-shadow: 0 -3px 6px hsla(0, 0%, 0%, 0.1)}
.mo-state .workplace-pic.no-round {-webkit-border-radius:0;border-radius:0;padding:20px;}
.mo-state .workplace-pic.pd-space10 {padding-top:20px !important;}

.develop-button-box {display:-webkit-flex;display:flex;align-items:center;overflow:hidden;width:100%;margin-bottom:10px;}
.develop-button-box .btn-develop {flex:1;text-align:left;background:none;margin-left:-10px;padding:0}
.develop-button-box .btn-develop span {
  background: url("/images/mo_ico/bg_round_develop.png") no-repeat left center;text-align:center;
  background-size: 102px auto;width:102px;color:#7D8EAE;padding:8px 0;display:inline-block;
}
.develop-button-box .btn-develop.on span { 
  background: url("/images/mo_ico/bg_round_develop_on.png") no-repeat left center;
  background-size: 102px auto;width:102px;
}

.state-badge-02 {display:inline-block;width:60px;height:23px;line-height:21px;text-align:center;color:#fff;font-size:13px;font-weight:500;background-color:#FC573D;border:1px solid #FC573D;border-bottom-left-radius:10px;border-top-right-radius:10px;vertical-align:top;}

.state-badge-03 {display:inline-block;width:60px;height:23px;line-height:21px;text-align:center;color:#fff;font-size:13px;font-weight:500;background-color:#FBB615;border:1px solid #FBB615;border-bottom-left-radius:10px;border-top-right-radius:10px;vertical-align:top;}

.state-badge-04 {display:inline-block;width:60px;height:23px;line-height:21px;text-align:center;color:#fff;font-size:13px;font-weight:500;background-color:#767676;border:1px solid #767676;border-bottom-left-radius:10px;border-top-right-radius:10px;vertical-align:top;}

.state-full-wrapper {margin-top:30px;background-color: #EFF2F9;border-top-right-radius: 30px;width: 100vw;padding:10px 20px 20px;box-shadow: 0 -1px 8px hsla(0, 0%, 0%, 0.122);}
.state-full-wrapper .mo-section {margin-bottom:10px;}
.detail-state-wrapper {margin:0 -10px;position:relative;}
.detail-state-wrapper:after {content:"";display:block;clear:both;}
.detail-img-wrapper {float:left;line-height: 1;text-align: center;width:30%;}
.detail-img-wrapper.detail-last-img {width:100%;margin-top:40px;}
.detail-img-wrapper span {
  display:inline-block;background: url("/images/mo_ico/bg_detail_box.png") no-repeat center center;
  background-size: 97px auto;width:97px;height:97px;padding:30px 16px;font-size:13px;color:#7D8EAE;font-weight:500;
}
.detail-arrow {display:inline-block;float:left;width:5%;height:97px;position:relative;}
.detail-arrow span {
  position:absolute;top:50%;left:50%;margin-top:-7px;margin-left:-6px;background: url("/images/mo_ico/bg_detail_arrow.png") no-repeat 0 0;background-size: 13px auto;text-indent: -5000em;width:13px;height:15px;
}
.detail-last-arrow {display:inline-block;width:69px;height:75px;position:absolute;top:135px;right:15%;}
.detail-last-arrow span {
  display:inline-block;text-indent: -5000em;background: url("/images/mo_ico/bg_detail_down.png") no-repeat 0 0;background-size: 69px auto;width:69px;height:75px;
}


.detail-img-wrapper span em {font-size:11px;font-style:normal;font-weight:normal;}
.detail-img-wrapper span em:after {
  content: "";display:block;height: 3px;position: relative;text-indent: -5000em;
  background: url("/images/mo_ico/bg_detail_bar.png") no-repeat left center;text-align:center;
  background-size: 30px auto;width:30px;margin:5px auto 0;color:#7D8EAE;
}
.detail-img {height: 147px;max-width: 100%;}
.detail-label {color: #193566;font-size: 12px;}

.state-img-area {width:100%;text-align:center;background-color:#EEEEEE;position:relative;}
.state-img-area img {display: block;margin: 0 auto;max-width: 100%;}


/* 수정 */
.mo-state {height:100vh;background-color:#fff;}
.mo-state .state-lst:last-child {margin-bottom:0;}
.mo-state h3 {margin-top:10px;}
.workplace-pic [class|="col"]:nth-last-child(-n + 2) {padding-left:10px;}

.mo-state .state-pop-card p {color:#0A489A;font-size:11px;margin-top:10px;margin-bottom:0;line-height:1.3;}
.mo-state .state-pop-card p + p {margin-top:25px;}


.mo-gb-state {background-color:#EFF2F9;}

.mo-state.mo-stuff-search-filter {margin-bottom:33px;padding-top:66px;}
.mo-state.mo-stuff-search-filter .input-search {padding-left:20px;}
.mo-state.mo-stuff-search-filter .search-bar {margin-bottom:0}


/* 국공유지 개발 지도 목록보기 CSS */
.legend-gwpw{
	margin:4px;
	margin-bottom:12px;
}
.legend-gwpw li{
	display:inline-block;
	margin-right:5px;
	margin-left:5px;	
}
.legend-gwpw li > img{
	width:10.66px;
	height:16px;
}


/* 온비드 센터 상담내역 CSS */
.my-cnsl-type-list {
  color: #212121;
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 10px;
}

.my-cnsl-type-list::after {
  clear: both;
  content: "";
  display: block;
}

.my-cnsl-type-list li {
  float: left;
}

.my-cnsl-type-list li:first-child::after {
  background-color: #C8C8C8;
  content: "";
  display: inline-block;
  height: 13px;
  margin: 0 6px;
  width: 1px;
}

.my-cnsl-type-list .focus{
  color: #1492E6;
  float: right;
}

.badge-my-cnsl {
  background-color: #EFF2F9;
  color: #191919;
  font-size: 15px;
  font-weight: 500;
  height: 35px;
  line-height: 35px;
  text-align: center;
  width: 90px;
}

.cnsResv {
	display: block;
    padding: 20px;
    position: relative;
}

.cnslResv-cnslList {
	color: #212121;
    font-size: 17px;
    margin-right: 10px;
    position: relative;
}

.cnslResv-cnslList-state {
	color: #1492E6;
    font-size: 17px;
    float: right;
}

.cnslResv-cnslList-state-no {
	color: #DC143C;
    font-size: 17px;
    float: right;
}

.mo-askp .last-cls-dtm-wrapper {margin-top:10px; display:-webkit-flex;display:flex; flex:1;padding:0}
.mo-askp .last-cls-dtm-wrapper .last-cls-dtm {color: #1492E6;font-size: 27px;font-weight: normal;position: relative;display:inline-block; margin-left:5px;}
.mo-askp .last-cls-dtm-wrapper .last-cls-dtm-label {color: #8B8B8B;display:inline-block;font-size: 16px;margin-left:3px; margin-right:5px;}
.mo-askp .last-cls-dtm-wrapper {border-radius: 10px;border:1px solid #CBCBCB;}
.mo-askp .last-cls-dtm-wrapper {border-radius: 10px;border:1px solid #CBCBCB;border-width:1px 1px 1px 1px;}
.mo-askp .last-cls-dtm-wrapper > div {
  -webkit-box-flex: 1;
      -webkit-flex: 1;
          -ms-flex: 1;
              flex: 1;
  text-align: center;
  min-height:60px;
}

.mo-askp .my-bid {
  -webkit-box-flex: 0 0 136px;
      -webkit-flex: 0 0 136px;
          -ms-flex: 0 0 136px;
              flex: 0 0 136px;
  margin-left: 15px;
}

.mo-askp .my-bid .label {
  font-size: 15px;
}

.mo-askp .btn-askp {
  text-align:center;
  display:flex;
  flex-wrap:wrap;
}

.mo-askp .btn-askp a{
  position:relative;
  justify-content:center;
  flex:1 1 0%;
  font-size:100%
}

.mo-tdpsLine{
  color:#006fbe;
  font-weight: bold;
}

/* 물건검색 정렬 select box css */
.cltr-select-order {width:100%;margin-top:10px;margin-bottom:10px;}
.cltr-select-order select {
  width:180px;height:34px;border:1px solid #6699DD;-webkit-border-radius:5px;border-radius:5px;
  background: url("../images/mo_ico/state_down_arrow.png") no-repeat right 11px center;background-size: 22px auto;
}

/* 만족도 등록하기 버튼 css */
.mo-feedback-right {align-items:center; display:flex; justify-content:space-between;}

/* 입찰서제출완료 후 가상계좌번호 복사 버튼 추가 관련 css */
.vrtl-acnt-list {position:relative; padding-right:12% !important;}
.btn-vrtl-acn {position:absolute; right:0px; top:25%;}
/* 토스트 스타일 */
#toast {
  visibility: hidden;
  min-width: 250px;
  background-color: #333;
  color: #fff;
  text-align: center;
  border-radius: 8px;
  padding: 16px;
  position: fixed;
  z-index: 1;
  left: 50%;
  bottom: 30px;
  transform: translateX(-50%);
  font-size: 16px;
  opacity: 0;
  transition: opacity 0.5s, bottom 0.5s;
}

/* 보여줄 때 상태 */
#toast.show {
  visibility: visible;
  opacity: 1;
  bottom: 50px;
}