@charset "utf-8";
@import url("normalize.css"); /* 스타일 리셋(초기화, 크로스 브라우징), 출처: https://necolas.github.io */

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

  [Table of Contents]
 
  * Fonts (폰트)
  * Common Styles (공통 스타일)  
  * Layout (레이아웃)
  * Section (섹션)
  * Tabs (탭)
  * Cards (카드)
  * Table (테이블)
  * List (리스트)
  * Accordion (아코디언)
  * Step (스텝)
  * Footer Navi (하단 네비게이션)
  * Divider (구분자)  
  * Alert (알림)
  * Popups (팝업 페이지: window.open()한 페이지)
  * Modal (모달)
  * Paragraph (단락)
  * Title (제목)
  * Buttons (버튼)
  * Toggle Buttons (토글 버튼)
  * Range Slider (범위 슬라이더)
  * Badges (배지)
  * Breadcrumb
  * Form Controls (폼 컨트롤: inputbox, checkbox, ...)
  * Top Button
  * 물건 검색 리스트
  * 개인정보 동의
  * 맵
  * 달력
  * Utilities (유틸리티)

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


/* Fonts (폰트)
========================================================================== */

/* noto-sans-kr-100 - korean_latin */
@font-face {
  font-family: "Noto Sans KR";
  font-style: normal;
  font-weight: 100;
  src: url("../fonts/noto-sans-kr-v12-korean_latin-100.eot"); /* IE9 Compat Modes */
  src: local("Noto Sans KR Thin"), local("NotoSansKR-Thin"),
       url("../fonts/noto-sans-kr-v12-korean_latin-100.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
       url("../fonts/noto-sans-kr-v12-korean_latin-100.woff2") format("woff2"), /* Super Modern Browsers */
       url("../fonts/noto-sans-kr-v12-korean_latin-100.woff") format("woff"), /* Modern Browsers */
       url("../fonts/noto-sans-kr-v12-korean_latin-100.ttf") format("truetype"), /* Safari, Android, iOS */
       url("../fonts/noto-sans-kr-v12-korean_latin-100.svg#NotoSansKR") format("svg"); /* Legacy iOS */
}

/* noto-sans-kr-300 - korean_latin */
@font-face {
  font-family: "Noto Sans KR";
  font-style: normal;
  font-weight: 300;
  src: url("../fonts/noto-sans-kr-v12-korean_latin-300.eot"); /* IE9 Compat Modes */
  src: local("Noto Sans KR Light"), local("NotoSansKR-Light"),
       url("../fonts/noto-sans-kr-v12-korean_latin-300.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
       url("../fonts/noto-sans-kr-v12-korean_latin-300.woff2") format("woff2"), /* Super Modern Browsers */
       url("../fonts/noto-sans-kr-v12-korean_latin-300.woff") format("woff"), /* Modern Browsers */
       url("../fonts/noto-sans-kr-v12-korean_latin-300.ttf") format("truetype"), /* Safari, Android, iOS */
       url("../fonts/noto-sans-kr-v12-korean_latin-300.svg#NotoSansKR") format("svg"); /* Legacy iOS */
}

/* noto-sans-kr-regular - korean_latin */
@font-face {
  font-family: "Noto Sans KR";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/noto-sans-kr-v12-korean_latin-regular.eot"); /* IE9 Compat Modes */
  src: local("Noto Sans KR Regular"), local("NotoSansKR-Regular"),
       url("../fonts/noto-sans-kr-v12-korean_latin-regular.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
       url("../fonts/noto-sans-kr-v12-korean_latin-regular.woff2") format("woff2"), /* Super Modern Browsers */
       url("../fonts/noto-sans-kr-v12-korean_latin-regular.woff") format("woff"), /* Modern Browsers */
       url("../fonts/noto-sans-kr-v12-korean_latin-regular.ttf") format("truetype"), /* Safari, Android, iOS */
       url("../fonts/noto-sans-kr-v12-korean_latin-regular.svg#NotoSansKR") format("svg"); /* Legacy iOS */
}

/* noto-sans-kr-500 - korean_latin */
@font-face {
  font-family: "Noto Sans KR";
  font-style: normal;
  font-weight: 500;
  src: url("../fonts/noto-sans-kr-v12-korean_latin-500.eot"); /* IE9 Compat Modes */
  src: local("Noto Sans KR Medium"), local("NotoSansKR-Medium"),
       url("../fonts/noto-sans-kr-v12-korean_latin-500.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
       url("../fonts/noto-sans-kr-v12-korean_latin-500.woff2") format("woff2"), /* Super Modern Browsers */
       url("../fonts/noto-sans-kr-v12-korean_latin-500.woff") format("woff"), /* Modern Browsers */
       url("../fonts/noto-sans-kr-v12-korean_latin-500.ttf") format("truetype"), /* Safari, Android, iOS */
       url("../fonts/noto-sans-kr-v12-korean_latin-500.svg#NotoSansKR") format("svg"); /* Legacy iOS */
}

/* noto-sans-kr-700 - korean_latin */
@font-face {
  font-family: "Noto Sans KR";
  font-style: normal;
  font-weight: 700;
  src: url("../fonts/noto-sans-kr-v12-korean_latin-700.eot"); /* IE9 Compat Modes */
  src: local("Noto Sans KR Bold"), local("NotoSansKR-Bold"),
       url("../fonts/noto-sans-kr-v12-korean_latin-700.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
       url("../fonts/noto-sans-kr-v12-korean_latin-700.woff2") format("woff2"), /* Super Modern Browsers */
       url("../fonts/noto-sans-kr-v12-korean_latin-700.woff") format("woff"), /* Modern Browsers */
       url("../fonts/noto-sans-kr-v12-korean_latin-700.ttf") format("truetype"), /* Safari, Android, iOS */
       url("../fonts/noto-sans-kr-v12-korean_latin-700.svg#NotoSansKR") format("svg"); /* Legacy iOS */
}

/* noto-sans-kr-900 - korean_latin */
@font-face {
  font-family: "Noto Sans KR";
  font-style: normal;
  font-weight: 900;
  src: url("../fonts/noto-sans-kr-v12-korean_latin-900.eot"); /* IE9 Compat Modes */
  src: local("Noto Sans KR Black"), local("NotoSansKR-Black"),
       url("../fonts/noto-sans-kr-v12-korean_latin-900.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
       url("../fonts/noto-sans-kr-v12-korean_latin-900.woff2") format("woff2"), /* Super Modern Browsers */
       url("../fonts/noto-sans-kr-v12-korean_latin-900.woff") format("woff"), /* Modern Browsers */
       url("../fonts/noto-sans-kr-v12-korean_latin-900.ttf") format("truetype"), /* Safari, Android, iOS */
       url("../fonts/noto-sans-kr-v12-korean_latin-900.svg#NotoSansKR") format("svg"); /* Legacy iOS */
}


/* Common Styles (공통 스타일)  
========================================================================== */
*,
*::before,
*::after {
  box-sizing: border-box;
  line-height: 1.4;
}

html,
body {
  height: 100%;
}

body {
  background-color: #EEEEEE;
  font-family: "Noto Sans KR", sans-serif;
  letter-spacing: -1px;
}

h1, h2, h3, h4, h5, h6 {
  font-weight: 500;
  margin: 0;
  width: 100%;
}

p {
  margin: 0 0 10px 0;  
}

a,
a:hover {
  text-decoration: none;
}

a {
  color: #4B4B4B;
}

strong {
  font-weight: 500;  
}

.img-wrapper img {
  display: block;
  max-width: 100%;
}

.carousel-wrapper .img-wrapper {
  align-items: center;
  display: flex;
  height: 100%;
  justify-content: center;
}

.carousel-wrapper .img-wrapper img {
  max-height: 100%;
}

/* Layout (레이아웃)
========================================================================== */

/*####################################*\
  Layout - 기본
\*####################################*/

.mo-container {
  margin-right: auto;
  margin-left: auto;
  width: 100%;
}

.mo-container-with-space {
  padding-left: 15px;
  padding-right: 15px;
}

.mo-container-no-space {
  padding-left: 0;
  padding-right: 0;
}

.mo-container.wrap .row {
  flex-wrap: wrap;
}

.row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  margin-left: -15px;
}

.mo-container [class^="col"] {
  padding-left: 15px;
}

.col-2    { width: 16.666666666%; }
.col-2-4    { width: 20%; }
.col-3    { width: 25%; }
.col-4    { width: 33.333333333%;}
.col-4-2  { width: 35%;}
.col-4-5  { width: 37.5%;}
.col-5    { width: 41.666666666%;}
.col-6    { width: 50%; }
.col-7    { width: 58.333333333%; }
.col-7-5  { width: 62.5%; }
.col-7-8  { width: 65%; }
.col-8    { width: 66.666666666%; }
.col-9    { width: 75%; }
.col-10   { width: 83.333333333%; }
.col-11   { width: 91.666666666%; }
.col-12   { width: 100%; }

.col-p-1   { width: 10%; }
.col-p-2   { width: 20%; }
.col-p-3   { width: 30%; }
.col-p-4   { width: 40%; }
.col-p-5   { width: 50%; }
.col-p-6   { width: 60%; }
.col-p-7   { width: 70%; }
.col-p-8   { width: 80%; }
.col-p-9   { width: 90%; }
.col-p-10  { width: 100%; }

.mo-container.no-gutter .row {
  margin-left: 0;
}

.mo-container.no-gutter [class^="col"]  {
  padding-left: 0;
}

.content-wrapper {
  margin-top: 20px;
}

.layout-wide {
  margin-left: -20px;
  width: 100vw;
}

.layout-container {
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content: space-between;
  position: relative;
}

.layout-half {
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content: space-between;
  position: relative;
}

.layout-right {  
  text-align: right;
}

.layout-container.middle .layout-left,
.layout-container.middle .layout-right {
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}

/*####################################*\
  Layout - 헤더
\*####################################*/

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

/* 최상위(body) 요소에 대한 헤더 */
.mo-header-root {
  background-color: white;
  border-bottom: 1px solid #C8C8C8;
  height: 66px;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 900;
}

.mo-header-root::after {
  clear: both;
  content: "";
  display: block;
}

.mo-header-root .title {
  color: #191919;
  font-size: 20px;
  font-weight: 500;
  letter-spacing: -0.9px;
  margin: 0;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  text-align: center;
  width: auto;
  white-space: nowrap;
}

.header-root-left {
  float: left;
  height: 66px;
}

.header-left {
  float: left;
}

.header-left .title {
  width: auto;
}

.header-root-right,
.header-right {
  float: right;
}

main.without-header {
  padding-top: 0;
}

/*####################################*\
  Layout - 푸터
\*####################################*/

.footer-button-wrapper {
  bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  position: relative;
  width: 100%;
  z-index: 600;
}

.footer-button-wrapper-new {
  bottom: 0;
  display: -webkit-box;
  /*display: -ms-flexbox;*/
  /*display: -webkit-flex;*/
  display: inline-block;
  position: relative;
  width: 100%;
  z-index: 600;
  border-top-left-radius:20px;
  border-top-right-radius: 20px;
  background-color:#EFF2F9;
  box-shadow: 0px -2px 7px hsl(0, 0%, 85%);
}

.footer-button-wrapper-wide {  
  width: calc(100% + 26px);
  margin-left: -13px;
}

.footer-button-wrapper.wide {
  width: calc(100% + 26px);
  margin-left: -20px;
}

.footer-button-wrapper.wide-2 {  
  width: calc(100% + 26px);
  margin-left: -13px;
  margin-top: 0;
}

.footer-button-wrapper.fixed {
  bottom: 0;
  box-shadow: 0px -2px 10px hsl(0, 0%, 75%);
  left: 0;
  position: fixed;
}

.footer-button-wrapper-new.fixed {
  bottom: 0;
  box-shadow: 0px -2px 10px hsl(0, 0%, 75%);
  left: 0;
  position: fixed;
}

.footer-button-wrapper .footer-button-left {
  -webkit-box-flex: 37.5%;
      -webkit-flex: 37.5%;
          -ms-flex: 37.5%;
              flex: 37.5%;
}

.footer-button-wrapper-new .footer-button-left {
  -webkit-box-flex: 37.5%;
      -webkit-flex: 37.5%;
          -ms-flex: 37.5%;
              flex: 37.5%;
}

.footer-button-wrapper .footer-button-right {
  -webkit-box-flex: 62.5%;
      -webkit-flex: 62.5%;
          -ms-flex: 62.5%;
              flex: 62.5%;
}

.footer-button-wrapper-new .footer-button-right {
  -webkit-box-flex: 62.5%;
      -webkit-flex: 62.5%;
          -ms-flex: 62.5%;
              flex: 62.5%;
}

.footer-button-wrapper .btn-footer {
  border: none;
  border-radius: 0;  
  color: white;
  display: block;
  font-size: 15px;
  font-weight: 500;
  height: 50px;
  width: 100%;
}

.footer-button-wrapper-new .btn-footer {
  border: none;
  border-radius: 0;  
  color: white;
  display: block;
  font-size: 15px;
  font-weight: 500;
  height: 50px;
  width: 100%;
}

.footer-button-wrapper .btn-footer.wide {
  width: calc(100% + 40px);
  margin-left: -20px;
}

.footer-button-wrapper .btn-footer-primary {
  background-color: #1492E6;
}

.footer-button-wrapper .btn-footer-secondary {
  background-color: #4B4B4B;
}
.footer-button-wrapper .btn-footer-third {
  background-color: #1ec800;
}
.footer-button-wrapper .btn-footer-fourth {
  background-color: #595959;
}

/*####################################*\
  Layout - 메인
\*####################################*/

.mo-main {
  margin-bottom: 33px;
  outline: none;
  padding-top: 66px;
}

.mo-main.with-padding {
  padding-left: 20px;
  padding-right: 20px;
  padding-bottom: 20px;
}

/* IOS 12 이하 버전일 경우
   아래의 스타일을 mo-main 클래스에 적용함 */
.mo-main.fixed-scroll {
  bottom: 0;
  left: 0;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  position: fixed;
  right: 0;
  top: 0;
}

/* 아래의 구문은 현재 사용되지 않음 */
.mo-main.fixed-scroll-exec {
  bottom: 0;
  left: 0;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  position: fixed;
  right: 0;
  top: 0;
}

/* IOS 12 이하 버전이 아닌 그외 모바일의 경우
  mo-wrapper에 스타일을 적용함 */
.mo-wrapper.fixed-scroll {
  bottom: 0;
  left: 0;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  position: fixed;
  right: 0;
  top: 0;
}

/* fixed-scroll-exec 클래스는 
   IOS 13 이상 버전일 경우를 위해 만들어진 클래스이지만
   현재 동일한 스타일을 mo-wrapper에 스타일을 적용함 */
.mo-wrapper.fixed-scroll-exec {
  bottom: 0;
  left: 0;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  position: fixed;
  right: 0;
  top: 0;
}

.mo-wrapper-dummy {
  background-color: white;
  position: fixed;
  top: -60px;
  left: 0px;
  height: 60px;
  width: 100%;
  z-index: 99999;
}


/* Section (섹션)
========================================================================== */

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

.mo-sub-section {
  margin-bottom: 15px;
}

.mo-sub-section .title-2 {
  color: #1492E6;
}


/* Search (검색)
========================================================================== */

/*####################################*\
  Search - 일반 검색 영역
\*####################################*/

.mo-search {
  background-color: #EEEEEE;
  position: relative;
}

.mo-search .search-header {
  padding: 13px 20px 11px 20px;
  position: relative;
}

.search-filter-list-wrapper {
  background-color: white;
  height: 66px;
  overflow: hidden;
  padding-left: 13px;
  width: calc(100% - 66px);
}

.search-filter-list .owl-stage {
  height: 66px;
  top: 17px;
}

.search-filter-list.owl-carousel.owl-hidden {
  opacity: 1;
}

.search-filter-list .list-group-item {
  background-color: #C8C8C8;
  border-radius: 1000px;
  font-size: 13px;
  margin-left: 13px;
  padding: 8px 22px;
  position: relative;
}

.search-filter-list .list-group-item:first-child {
  margin-left: 0;
}

.search-filter-list .list-group-item .btn-search-filter-item-delete {
  background: url("/images/mo_ico/cancel_02.png") no-repeat 50% 50%;
  background-color: white;
  background-size: 19px 19px;
  border: 1px solid #8B8B8B;
  box-shadow: 0px 3px 6px hsla(0, 0%, 0%, 0.16);
  height: 19px;
  min-height: 19px;
  min-width: 19px;
  position: absolute;
  right: -6px;
  /* text-indent: -5000em; */
  top: -6px;
  width: 19px;
}

.search-filter-list-button-wrapper {
  position: absolute;
  right: 0;
  top: 0;
}

.search-forms {
  margin-bottom: 28px;
  position: relative;
}

.search-bar {
  margin-bottom: 28px;
  position: relative;
}

.search-bar2 {
  margin-top: 28px;
  position: relative;
}

.search-filter-buttons.border-top {
  height: 51px;
}

.search-filter-buttons .row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}

.search-filter-buttons .row [class^="col"] {
  background-color: white;
}

.search-filter-buttons .row:first-child [class^="col"] {
  border-top: 1px solid #C8C8C8;
}

.search-filter-buttons [class^="col"] {
  border-bottom: 1px solid #C8C8C8;
  border-right: 1px solid #C8C8C8;
}

.search-filter-buttons [class^="col"]:first-child {
  border-left: 1px solid #C8C8C8;
}

.search-filter-buttons-tab {
  border: none;  
  height: 50px;
}

.search-filter-buttons-tab [class^="col"] {
  border-right: none;
  vertical-align: middle;
}

.search-filter-buttons-tab .row:first-child [class^="col"] {
  border-top: none;
}

.search-filter-buttons-tab [class^="col"]:first-child {
  border-left: none;
}

.search-filter-buttons-tab .btn-search-filter {
  display: block;
  height: 50px;
  padding-top: 16px;
  position: relative;
  white-space: nowrap;
}

.search-filter-buttons-tab .btn-search-filter.on {
  background-color: white;
  border-bottom: 3px solid #002F69;
  color: #002F69;
  font-weight: 500;
}

/* 기본적으로 오름차순 표시 */
.search-filter-buttons-tab.order .btn-search-filter::after,
.search-filter-buttons-tab.order .btn-search-filter.asc::after {
  background: url("/images/mo_ico/gray_up_triangle.png") no-repeat 50% 50%;
  background-size: 13px auto;
  content: "";
  display: inline-block;
  height: 13px;
  margin-left: 3px;
  position: relative;
  right: 0;
  text-indent: -5000em;
  top: 3px;
  width: 13px;
}

.search-filter-buttons-tab.order .btn-search-filter.on::after,
.search-filter-buttons-tab.order .btn-search-filter.asc.on::after {
  background-image: url("/images/mo_ico/blue_up_triangle.png");
}

/* 내림차순 표시 */
.search-filter-buttons-tab.order .btn-search-filter.desc::after {
  background: url("/images/mo_ico/gray_down_triangle.png") no-repeat 50% 50%;
  background-size: 13px auto;
  content: "";
  display: inline-block;
  height: 13px;
  margin-left: 3px;
  position: relative;
  right: 0;
  text-indent: -5000em;
  top: 3px;
  width: 13px;
}

.search-filter-buttons-tab.order .btn-search-filter.desc.on::after {
  background-image: url("/images/mo_ico/blue_down_triangle.png");
}

.search-bar .input-search{
  border: 1px solid #c8c8c8;
  border-radius: 100px;  
  font-size: 13.3px;
  height: 37px;
  padding: 10px;
  padding-right: 45px;
  width: 100%;
}
.search-bar .input-search-mike{
  border: 1px solid #c8c8c8;
  border-radius: 100px;  
  font-size: 13.3px;
  height: 37px;
  padding: 10px;
  padding-right: 45px;
  width: 100%;
}
.search-bar .input-search-mike2{
  border: 1px solid #c8c8c8;
  border-radius: 100px;  
  font-size: 13.3px;
  height: 37px;
  padding: 10px;
  padding-right: 45px;
  width: 100%;
  padding-left:38px
}

.search-bar .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;
}

.search-labels {
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  font-size: 12px;
  justify-content: space-between;
  position: relative;
}

.search-label-center {
  color: #002F69;
  font-size: 17px;
  font-weight: 500;
  text-align: center;
  width: 100%;
}

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

.search-total {
  display: inline-block;
  font-size: 13px;
}

.search-description {
  color: #4B4B4B;
  display: inline-block;
  font-size: 13px;
  font-weight: 500;
  line-height: 1.35;
}

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

.mo-search .search-footer {
  margin-top: 13px;
}

.search-body.wide {
  width: 100vw;
  margin-left: -20px;
}

.search-footer.wide {
  width: 100vw;
  margin-left: -20px;
}


/* View (보기)
========================================================================== */

.mo-view {
  color: #4B4B4B;
}

.view-body {
  border-top: 1px solid #C8C8C8;
  border-bottom: 1px solid #C8C8C8;
}

.view-header {
  margin-bottom: 13px;
}

.view-body {
  background-color: white;
  font-size: 13px;
  margin-bottom: 13px;
  padding: 32px 20px 28px 20px;
}

.view-body-bottom-padding {
  margin-bottom: 0;
  padding: 0;
  padding-bottom: 32px;
}

.view-labels {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content: space-between;
  margin-bottom: 15px;
}

.view-date {
  font-size: 13.3px;
  letter-spacing: normal;
}

.view-count {
  font-size: 13.3px;
  letter-spacing: normal;
}

.view-count-num {
  color: #1492E6;
}

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

.view-content > p:first-child {
  margin-top: 0;
}

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

.view-para {
  margin-bottom: 7px;
}

.view-para-label {
  color: #8B8B8B;
  font-size: 14px;
  margin-right: 7px;
}

.view-para-text {
  color: #191919;
  font-size: 14px;
}

.view-attachments {
  font-size: 13px;
}

.view-attachments li {
  align-items: center;
  border: 1px solid #E50019;  
  color: #E50019;  
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  margin-bottom: 10px;  
  padding: 10px;
}

.view-attachments li:last-child {
  margin-bottom: 0;
}

.view-attachments li::before {
  background: url("../images/mo_ico/folder.png") no-repeat 50% 50%;
  background-size: 22px auto;
  content: "";
  display: inline-block;
  height: 22px;
  margin-right: 12px;
  width: 22px;
}

.view-attachments-file {
  letter-spacing: normal;
}

.view-footer-buttons {
  text-align: center;
}

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

.mo-view-reg .view-body {
  padding: 13px;
}


/* Register (등록)
========================================================================== */

.mo-reg {
  color: #4B4B4B;
}

.reg-header {
  margin-bottom: 20px;
  padding: 0 20px;
}

.reg-body {
  background-color: white;
  font-size: 13px;  
  padding: 20px;
}

.reg-body.reg-body-wide {
  padding: 20px 0;
}


/* Tabs (탭)
========================================================================== */

/*####################################*\
  Tabs - 기본
\*####################################*/

.mo-tab.wide {
  width: calc(100% + 40px);
  margin-left: -20px;
}

.tab-header {
  background-color: white;
  border-bottom: 1px solid #686868;
}

.tab-header-transparent {
  background-color: transparent;
}

.mo-tab > .tab-header > .mo-container .row {
  margin-left: 0;
}

.mo-tab > .tab-header > .mo-container [class^="col"]  {
  padding-left: 0;
}

.tab-title {
  font-size: 16px;
  font-weight: 500;
  height: 100%;
  position: relative;  
  text-align: center;
}

.tab-title a {
  display: block;
  height: 100%;
  padding: 16px 0;
  text-decoration: none;
}

.tab-title.on a {
  border-bottom: 3px solid #002F69;
}

.tab-header.low-height a {
  padding: 10px 0;
}

.tab-header.two-rows a {
  height: 67px;
}

.tab-title.on a {
  color: #002F69;
}

.tab-title.on a span {
  color: #002F69;
  font-weight: 500;
}

.tab-title a span {
  color: #686868;
  display: inline-block;
  font-weight: normal;
  left: 50%;
  line-height: 1.2;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 100%;
}

.tab-content {
  display: none;
}

.tab-content.on {
  display: block;
}

.tab-content-bottom {
  background-color: white;
  height: 55px;
  line-height: 55px;
  text-align: center;
}

.mo-tab .tab-content .stuff-map-wrapper,
.mo-tab .tab-content .stuff-map-binder {
  height: 100%;
}

/*####################################*\
  Tabs - 서브 탭
\*####################################*/

.mo-tab-sub .tab-title {
  font-size: 14px;
}


/* Cards (카드)
========================================================================== */

/*####################################*\
  Cards - 기본
\*####################################*/

.mo-card {
  background-color: white;
  border-bottom: 1px solid #C8C8C8;
  color: #4B4B4B;
}

.card-body {
  padding: 20px;
}

.card-body-with-image {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}

.list-group-item:first-child .card-body-with-image {
  padding-top: 0;
}

.card-content-bottom {
  position: relative;
}

.card-title {
  font-size: 16px;
  font-weight: 500;
  line-height: 1.4;
  margin-bottom: 4px;
}

.card-title-sub,
.card-date,
.card-desciption-small {
  color: #8B8B8B;
}

.card-title-sub {
  font-size: 13px;
  margin-bottom: 16px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.card-date,
.card-description-small {
  font-size: 11px;
  letter-spacing: normal;
  margin-top: 16px;
}

.card-description {
  color: #191919;
  font-size: 13.3px;
  font-weight: 500;
  margin-bottom: 10px;
  position: relative;
}

.card-description2 {
  color: #191919;
  font-size: 13.3px;
  font-weight: 500;
  position: relative;
}

.card-buttons {
  bottom: 19px;
  position: absolute;
  right: 13px;
}

.card-buttons .btn:last-child {
  margin-left: 3px;
}

.card-footer {
  margin-top: 13px;
}

.limit-title-row .card-title {
  -webkit-line-clamp: 2;
          line-clamp: 2;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  overflow: hidden;
}

/*####################################*\
  Cards - 큰 카드 (패딩 추가)
\*####################################*/

.mo-card-large .card-body {
  padding-top: 26px;
  padding-bottom: 26px;
}

/*####################################*\
  Cards - 높이가 낮은 카드
\*####################################*/

.mo-card-low .card-description-small,
.mo-card-low .card-date {
  margin-top: 4px;
  font-size: 13px;
}

.mo-card-low .card-date {  
  margin-top: 0;
}

.mo-card-low .card-description-small {
  color: #8B8B8B;
  margin-top: 10px;
}

/*####################################*\
  Cards - 보기 페이지 제목용 카드
\*####################################*/

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

.mo-card-for-title .view-para:nth-child(2) {
  margin-top: 12px;
}

/*####################################*\
  Cards - 이미지 카드
\*####################################*/

.mo-card-img .no-image::before {
  background: url("../images/mo_ico/camera.png") no-repeat 50% 50%;
  background-size: 30px auto;
  content: "";
  left: 50%;
  position: absolute;
  top: 40%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 30px;
  height: 30px;
}

.mo-card-img .no-image::after {
  content: "이미지 없음";
  color: #8B8B8B;
  font-size: 12px;
  left: 50%;
  position: absolute;
  top: 65%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.mo-card-img .card-body-no-space {
  padding: 0;
}

.mo-card-img .card-img-wrapper {
  background-color: #E4E4E4;
  height: 180px;
  position: relative;
  text-align: center;
  vertical-align: middle;
}

.mo-card-img .card-img-inner {  
  display: inline-block;
  height: 180px;
  position: relative;
  width: auto;
}

.mo-card-img.mo-card-img-horizontal .card-img-inner {  
  height: auto;
  left: 50%;
  max-height: 100%;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 100%;
}

.mo-card-img .card-img-wrapper img {  
  max-height: 100%;
}

.mo-card-img .card-img-wrapper .card-img-message {
  color: #8B8B8B;
  font-size: 12px;
}

.kamco .card-img-inner::after {
  background: url("/images/mo_ico/kamco_badge.png") no-repeat 50% 50%;
  background-size: 55px auto;
  content: "";
  display: block;  
  left: 0;
  position: absolute;
  top: 0;
  width: 55px;
  height: 30px;
}

/*####################################*\
  Cards - 이미지 카드 (수평 형식)
\*####################################*/

.mo-card-img-horizontal {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}

.mo-card-img-horizontal .card-header,
.mo-card-img-horizontal .card-body {
  height: 124px;
}

.mo-card-img-horizontal .card-body {
  
  padding: 13px;
}

.mo-card-img-horizontal .card-img-wrapper {
  height: auto;
}

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

/*####################################*\
  Cards - 접는 카드
\*####################################*/

/*--------------------------*\
  Cards - 접는 카드
\*--------------------------*/

.mo-card-collapsible .card-header {
  cursor: pointer;
  padding: 20px;
  position: relative;
}

.mo-card-collapsible .card-header::after {
  background: url("../images/mo_ico/up_arrow.png") no-repeat 50% 50%;
  background-size: 16px auto;
  content: "";
  height: 16px;
  position: absolute;
  right: 20px;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 16px;
}

.mo-card-collapsible .card-header .card-title {
  padding-right: 20px;
}

.mo-card-collapsible .card-body {
  border-top: 1px solid #686868;
}

.mo-card-collapsible .view-body {
  border-bottom: none;
  border-top: none;
  margin-bottom: 0;
  padding: 0;
}

.mo-card-collapsible .view-footer {
  margin-top: 16px;
}

.mo-card-collapsible .btn-deco {
  color: #002F69;
}

/*--------------------------*\
  Cards - 접는 카드 - 접힌 상태
\*--------------------------*/

.mo-card-collapsible.collapsed .card-header::after {
  background-image: url("../images/mo_ico/down_arrow.png");
}

.mo-card-collapsible.collapsed .card-body {
  display: none;
}


/* Table (테이블)
========================================================================== */

.mo-table {
  border-bottom: 1px solid #464646;
  border-spacing: 0;
  border-top: 1px solid #464646;
  margin-bottom: 20px;
  table-layout: fixed;
  width: 100%;
}

.mo-table caption {
  background-color: #EBEBEB;
  border-bottom: none;
  border-top: 1px solid #464646;
  padding: 7px;
}

.mo-table caption .title {
  color: #686868;
  font-size: 14px;
}

.mo-table th,
.mo-table td {
  border-bottom: 1px solid #E1E1E1;
  border-left: none;
  border-right: none;
  line-height: 1.4;
}

.mo-table th {
  background-color: #F0F0F0;
  color: #616161;
  font-size: 14px;
  font-weight: normal;
  padding: 7px;
  text-align: center;
}

.mo-table th[rowspan] {
  border-right: 1px solid #E1E1E1;
}

.mo-table th:first-child {
  border-left: none;
}

.mo-table td {
  color: #191919;
  font-size: 13px;
  padding: 7px 13px;
}

.mo-table .td-secondary {
  color: #8B8B8B;
}

.mo-table .td-third {
  background-color: #F5F5F5;
  color: #002F69;
}

.mo-table.td-text-right td {
  text-align: right;
}

.mo-table tbody:last-child tr:last-child th,
.mo-table tbody:last-child tr:last-child td {
  border-bottom: none;
}

.row-th-2 > tbody > tr > th:nth-child(1) {
  width: 60px;
}

.row-th-2 > tbody > tr > th:nth-child(2) {
  width: 80px;
}

.row-th-2-medium > tbody > tr > th:nth-child(1) {
  width: 80px;
}

.row-th-2-medium > tbody > tr > th:nth-child(2) {
  width: 100px;
}

/* normal */

.mo-table.th-normal tr th {
  width: 110px;
}

/* medium */
.mo-table.th-medium tr th {
  width: 130px;
}

/* large */
.mo-table.th-large tr th {
  width: 150px;
}

/* small */

.mo-table.th-small tr th {
  width: 90px;
}

/* x-small */

.mo-table.th-x-small tr th {
  width: 70px;
}

/* xx-small */

.mo-table.th-xx-small tr th {
  width: 60px;
}

/* rowspan */

.rowspan-small tr th[rowspan] {
  width: 50px;
}

.rowspan-small tr th:not([rowspan]) {
  width: 60px;
}

.rowspan tr th[rowspan] {
  width: 60px;
}

.rowspan tr th:not([rowspan]) {
  width: 80px;
}

.rowspan-medium tr th[rowspan] {
  width: 80px;
}

.rowspan-medium tr th:not([rowspan]) {
  width: 100px;
}

.rowspan-large tr th[rowspan] {
  width: 100px;
}

.rowspan-large tr th:not([rowspan]) {
  width: 120px;
}

/* colspan-rowspan */

.colspan-rowspan tr th[colspan] {
  width: 110px;
}

.colspan-rowspan-medium tr th[colspan] {
  width: 170px;
}

.mo-table tr.focus th,
.mo-table tr.focus td {
  background-color: hsl(0, 0%, 90%);
}


/* List (리스트)
========================================================================== */

/*####################################*\
  List - 기본 (단순 텍스트 리스트)
\*####################################*/

.mo-list {
  margin: 0 0 0 13px;
  padding: 0;
}

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

ul.mo-sub-list {
  list-style-type: "-";
}

ul.mo-sub-list2 {
  list-style-type: "※";
}

.mo-list li {
  color: #494949;
  font-size: 13px;
  line-height: 1.6;
  margin-bottom: 5px;
  padding-left: 5px;
}

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

.mo-list.text-color-4 li {
  color: #212121;
}

.mo-list.high > li {
  margin-bottom: 5px;
}

.mo-list.line-height-small > li {
  line-height: 1.4;
}

.mo-list.line-height-large > li {
  line-height: 1.5;
}

.mo-list.counter-with-single-parenthesis {
  counter-reset: counter-with-single-parenthesis;
  list-style: none;
  position: relative;
}

.mo-list.counter-with-single-parenthesis > li {
  counter-increment: counter-with-single-parenthesis;
  margin-bottom: 1px;
}

.mo-list.counter-with-single-parenthesis > li::before {
  content: counter(counter-with-single-parenthesis)") ";
  position: absolute;
  left: -13px;
}

.list-item {
  color: #8B8B8B;
  font-size: 13px;
  line-height: 1.6;
  margin-bottom: 6px;
}

.list-item-label {
  color: #8B8B8B;
  font-size: 15px;
}

.list-item-value {
  color: #191919;
  font-size: 15px;
  font-weight: 500;
}

/* 환불계좌 */
.list-item-refund-account {
  color: #1492E6;
  font-size: 18px;
  font-weight: 500;
  letter-spacing: normal;
}

.list-inform-wrapper {
  margin-top: 20px;
  padding: 0 20px;
}

.list-inform {
  font-size: 15px;
  list-style: none;
  margin: 0;
  padding: 0;
}

.list-inform > li {
  color: #002F69;
  margin-left: 10px;
  position: relative;
}

.mo-list.list-style-none {
  list-style: none;
  margin-left: 0;
}

.mo-list.list-style-none > li {
  padding-left: 0;
  margin-bottom: 0;
}

.mo-list.text-color-4 > li {
  color: #212121;
}

/*####################################*\
  List - 그룹 (복잡한 그룹 리스트)
\*####################################*/

.mo-list-group {
  list-style: none;
  margin: 0;
  padding: 0;
}

.list-group-item {
  background-color: white;
  margin-bottom: 6px;
}

.mo-list-group.item-bottom-space > li {
  margin-bottom: 10px;
}

.list-group-item-link {
  text-decoration: none;
}

.mo-list-group.no-gutter li {
  margin-bottom: 0;
}

.mo-list-group.no-gutter .list-group-item {
  margin-bottom: 0;
}

/*--------------------------*\
  List - group - horizontal (수평 방향 list group)
\*--------------------------*/

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

.list-group-horizontal li {
  float: left;
}

.list-group-horizontal-inline li {
  display: inline-block;
}

/*--------------------------*\
  List - group - 검색 리스트
\*--------------------------*/

.search-list-label {
  align-items: center;
  border-top: 1px solid #C8C8C8;
  border-bottom: 1px solid #C8C8C8;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  font-size: 13px;
  justify-content: space-between;
  height: 34px;
  padding: 8px 20px;
  position: relative;
}

.search-list-label-count {
  color: #1492E6;
  font-size: 15px;
}

.search-list {
  margin-bottom: 20px;
}

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

.search-item-wrapper {
  margin-bottom: 6px;
}

.search-item-label {
  color: #8B8B8B;
  font-size: 15px;
}

.search-item-value {
  color: #191919;
  font-size: 15px;
}

/* 자산번호 */
.search-item-stuff-num {
  color: #191919;
  font-size: 15px;
  font-weight: 500;
  letter-spacing: normal;
  margin-bottom: 5px;
}

/* 제목 */
.search-item-title {
  color: #191919;
  font-size: 15px;
  font-weight: 500;
  margin-bottom: 6px;
}

/* 제목 1줄 제한 */
.search-list.title-1-row .search-item-title {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* 제목 2줄 제한 */
.search-list.title-2-row .search-item-title {
  -webkit-line-clamp: 2;
          line-clamp: 2;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  overflow: hidden;
}

/* 기관 */
.search-item-organ {
  color: #4B4B4B;
  font-size: 17px;
  font-weight: 500;
  margin-bottom: 5px;
}

/* 기관 형식 2 */
.search-item-organ-type-2 {
  color: #8B8B8B;
  font-size: 15px;
  font-weight: normal;
}

/* 대지 */
.search-item-site {
  color: #8B8B8B;
  font-size: 15px;
}

/* 전자보증서 번호 */
.search-item-guarantee-num {
  color: #1492E6;
  font-size: 17px;
  font-weight: 500;
  letter-spacing: normal;  
  margin-bottom: 10px;
}

/* 증권보증금액 */
.search-item-stock-guarantee-amount {
  font-size: 15px;
  margin-bottom: 5px;
}

/* 계좌번호 */
.search-item-account-number {
  color: #1492E6;
  font-size: 18px;
  font-weight: 500;
  letter-spacing: normal;
}

.search-item-account-info {
  color: #191919;
  font-size: 16px;
}

/* 계좌은행 */
.account-info-bank {
  color: #8B8B8B;  
}

.account-info-bank::after {
  background-color: #CBCBCB;
  content: "";
  display: inline-block;
  height: 10px;
  margin-left: 8px;
  margin-right: 2px;
  width: 1px;
}

.stock-guarantee-amount-label {
  color: #8B8B8B;  
}

.stock-guarantee-amount-value {
  color: #191919;
}

.stuff-search-tagline {
  color: #212121;
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 5px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.stuff-search-period {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  font-size: 15px;
  line-height: 1.2;
  margin-bottom: 6px;  
}

.stuff-search-period .label {
  color: #8B8B8B;
  display: block;
  white-space: nowrap;  
}

.stuff-search-period .period {
  color: #212121;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  font-weight: 500;
  margin-left: 5px;
}

.stuff-search-period .period .start,
.stuff-search-period .period .end {
  white-space: nowrap;
  letter-spacing: normal;
}

.stuff-search-period .period .start {
  margin-right: 5px;
}

/* 일시(date) 공통 */

.search-item-date-wrapper {
  margin-bottom: 5px;
}

.search-item-date-wrapper .label {
  color: #8B8B8B;
  font-size: 15px;
}

.search-item-date-wrapper .value {
  color: #191919;
  font-size: 15px;
  font-weight: 500;
  letter-spacing: normal;
}

.search-item-date-wrapper .mo-divider-vertical {
  background-color: #C8C8C8;
  bottom: -1px;
  display: inline-block;
  height: 14px;
  margin: 0 5px 0 7px;
  position: relative;
  width: 1px;
}

/* overflow 시 각 일시(date) 별로 wrapping 되는 클래스 */

.search-item-date-wrapper.group-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  font-size: 15px;
  line-height: 1.2;
  margin-bottom: 6px;
}

.search-item-date-wrapper.group-wrap .label {
  color: #8B8B8B;
  display: block;
  white-space: nowrap;
}

.search-item-date-wrapper.group-wrap .period {
  color: #212121;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  font-weight: 500;
  margin-left: 5px;
}

.search-item-date-wrapper.group-wrap .period .start,
.search-item-date-wrapper.group-wrap .period .end {
  letter-spacing: normal;
  white-space: nowrap;
}

.search-item-date-wrapper.group-wrap .period .start {
  margin-right: 5px;
}

.search-item-bid-type {
  color: #1492E6;
  font-size: 15px;
  font-weight: 500;
}

/* 입찰마감일시 */
.stuff-search-bid-deadline {
  margin-bottom: 3px;
}

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

.stuff-search-bid-deadline .value {
  font-size: 15px;
  letter-spacing: normal;
}

.stuff-search-bid-opening-date .label {
  color: #8B8B8B;
  font-size: 15px;
}

.stuff-search-bid-opening-date .value {
  font-size: 15px;
  letter-spacing: normal;
}

/* 금액 공통 */

.search-item-amount {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  font-size: 15px;
  line-height: 1.2;
}

.search-item-amount .label {
  color: #8B8B8B;
  display: block;
  margin-right: 5px;
  white-space: nowrap;
}

.search-item-amount .price {
  color: #212121;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  font-weight: 500;
  letter-spacing: normal;
  word-break: keep-all;
}

/* 입찰보증금 */
.search-item-bid-deposit {
  margin-bottom: 3px;
}

.search-item-bid-deposit .label {
  color: #8B8B8B;
  font-size: 15px;
}

.search-item-bid-deposit .value {
  color: #1492E6;
  font-size: 15px;
  font-weight: 500;
}

.search-item-bid-deposit .value.unpaid {
  color: red;
}

/* 참가수수료 */

.search-item-entry-fee {
  margin-bottom: 3px;
}

.search-item-entry-fee .label {
  color: #8B8B8B;
  font-size: 15px;
}

.search-item-entry-fee .value {
  color: #1492E6;
  font-size: 15px;
  font-weight: 500;
}

.search-item-entry-fee .value.unpaid {
  color: red;
}

/* 공동입찰 확인 */
.search-item-joint-bid .label {
  color: #8B8B8B;
  font-size: 15px;
}

.search-item-joint-bid .value {
  font-size: 15px;
  font-weight: 500;
}

.search-list {
  margin-bottom: 20px;
}

.search-list > li {
  position: relative;
}

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

/* 대장 수량, 대장 가격 등 리스트 */
.search-list .register-list {
  color: #8B8B8B;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  font-size: 15px;
  margin-bottom: 5px;
}

.search-list .register-list > li:first-child {
  padding-right: 10px;
  border-right: 1px solid #C8C8C8;
}

.search-list .register-list > li:last-child {
  padding-left: 10px;
}

/* 토지, 건물 등의 면적 리스트 */
.search-list .area-list {
  color: #8B8B8B;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  font-size: 15px;
  margin-bottom: 5px;
}

.search-list .area-list > li:first-child {
  padding-right: 10px;
  border-right: 1px solid #C8C8C8;
}

.search-list .area-list > li:last-child {
  padding-left: 10px;
}

/* 날짜 */
.search-item-date {
  color: #8B8B8B;
  font-size: 15px;
}

/* 배지 */
.search-item-badge {
  background-color: #1492E6;
  border-top-left-radius: 1000px;
  border-bottom-left-radius: 1000px;
  bottom: 20px;
  color: white;
  font-size: 12px;
  height: 35px;
  line-height: 35px;
  position: absolute;
  right: 0;
  text-align: center;
  width: 100px;
}

.search-item-badge-circle,
.search-item-badge-available,
.search-item-badge-unissued,
.search-item-badge-wait,
.search-item-badge-close,
.search-item-badge-unserviceale,
.search-item-badge-finished
 {
  align-items: center;
  background-color: #1492E6;
  border-radius: 50%;
  color: white;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;  
  font-size: 16px;
  height: 60px;  
  justify-content: center;;
  text-align: center;
  width: 60px;
}

.badge-text {
  -webkit-box-flex: 100%;
      -webkit-flex: 100%;
          -ms-flex: 100%;
              flex: 100%;
  line-height: 1.2;
}

/* 사용가능, 신청가능 */
.search-item-badge-available {
  background-color: #1492E6;
  color: white;
}

/* 미발급, 대기 */
.search-item-badge-unissued,
.search-item-badge-wait {
  background-color: #595959;  
  color: white;
}

/* 신청마감 */
.search-item-badge-close {
  background-color: #707070;
  color: white;
}

/* 인터넷 입찰마감 버튼 추가 */
.search-item-badge-end {
  background-color: #0E5E8C;
  color: white;
  font-size:13px;
  word-break:keep-all;
}

/* 사용불가 */
.search-item-badge-unserviceale {
  background-color: white;
  border: 1px solid #FF0000;
  color: #FF0000;
}

/* 사용완료, 종료 */
.search-item-badge-finished {
  background-color: #4B4B4B;
  color: white;
}

.search-item-badge-type-2 {
  border: 1px solid #A03100;
  color: #A03100;
  display: inline-block;
  font-size: 12px;
  margin-top: 6px;
  padding: 5px 10px;
}

.search-item-badge-type-3 {
  border: 1px solid #CBCBCB;
  color: #212121;
  display: inline-block;
  font-size: 12px;
  padding: 5px 10px;
}

.search-item-badge-type-3 .paid {
  color: #1492E6;
  margin-left: 2px;
}

.search-item-badge-type-3 .unpaid {
  color: red;
  margin-left: 2px;
}

/*--------------------------*\
  List - group - type-1
\*--------------------------*/

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

.mo-list-group.type-1 > li {
  border-bottom: 1px solid #C8C8C8;
  position: relative;
}

.mo-list-group.type-1 > li.on {
  background-color: #EBEBEB;
}

.mo-list-group.type-1 > li.on::after {
  background: url("/images/mo_ico/blue_check.png") no-repeat 50% 50%;
  background-size: 15px auto;
  content: "";
  display: block;
  height: 43px;
  position: absolute;
  right: 0;
  top: 0;
  width: 43px
}

.mo-list-group.type-1 > li a {
  display: block;
  padding: 10px;
}

/*--------------------------*\
  List - group - linked list type1
\*--------------------------*/

.linked-list-type-1 li {
  margin-bottom: 8px;
}

.linked-list-type-1 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; */
  padding: 8.5px;
  text-align: center;
  text-decoration: none;
  width: 100%;
}

/*####################################*\
  List - 라디오 버튼 리스트 및 체크박스 리스트
\*####################################*/

.button-list-wrapper {
  background-color: #F5F5F5;
  padding: 20px;
}

.main-left-menu-button {
  background-color: #c3d9f3 !important;
}

.mo-button-list,
.mo-radio-button-list,
.mo-checkbox-list {  
  background-color: #EFF2F9; 
  border: 1px solid transparent;
  border-radius: 4px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
}

.mo-button-list label,
.mo-radio-button-list label,
.mo-checkbox-list label {
  border-right: 1px solid white;
  -webkit-box-flex: 1;
      -webkit-flex: 1;
          -ms-flex: 1;
              flex: 1;
  min-height: 40px;
  padding: 5px 2px;
  word-break: keep-all;
}

.mo-button-list label:last-child,
.mo-radio-button-list label:last-child,
.mo-checkbox-list label:last-child {
  border-right: none;
}

.mo-radio-button-list label:first-of-type,
.mo-checkbox-list label:first-of-type {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}

.mo-radio-button-list label:last-of-type,
.mo-checkbox-list label:last-of-type {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

.mo-button-list input,
.mo-radio-button-list input[type="radio"],
.mo-checkbox-list input[type="checkbox"] {
  left: -5000px;
  position: absolute;
  opacity: 0;
}

.mo-button-list input + label,
.mo-radio-button-list input[type="radio"] + label,
.mo-checkbox-list input[type="checkbox"] + label {
  align-items: center;
  color: #686868;  
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  font-size: 13px;
  font-weight: 500;
  justify-content: center;
  text-align: center;
}

.mo-button-list input:checked + label,
.mo-radio-button-list input[type="radio"]:checked + label,
.mo-checkbox-list input[type="checkbox"]:checked + label {
  background-color: white;
  box-shadow: 0 0 0 2px #002f69;
  color: #002F69;
  position: relative;
  z-index: 1;
  Font-weight:bold;
}

#mySearchTabListMain button{
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content: center;
  font-size: 13px;
  text-align: center;
  background-color: white;
  border:none;
  box-shadow: 0 0 0 2px #002f69;
  color: #002F69;
  position: relative;
  z-index: 1;
  font-weight:bold;
  border-right: 1px solid white;
  -webkit-box-flex: 1;
      -webkit-flex: 1;
          -ms-flex: 1;
              flex: 1;
  min-height: 40px;
  padding: 5px 2px;
  word-break: keep-all;
}

#mySearchTabListMain button:first-of-type {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}

#mySearchTabListMain button:last-of-type {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

.mo-button-list input:disabled + label,
.mo-radio-button-list input[type="radio"]:disabled + label,
.mo-checkbox-list input[type="checkbox"]:disabled + label {  
  background-color: hsl(0, 0%, 92%);
  color: #AFAFAF;
}

.mo-button-list input:checked:disabled + label,
.mo-radio-button-list input[type="radio"]:checked:disabled + label,
.mo-checkbox-list input[type="checkbox"]:checked:disabled + label {
  position: relative;
  z-index: 1;
}

.mo-button-list {
  border: none;
  border-radius: 0;
  display: block;
}

.mo-button-list .mo-container {
  background-color: white;
}

.mo-button-list .mo-container input:checked + label,
.mo-button-list.button-list-type-6 .mo-container input:checked + label {
  background-color: #4484D2;
  box-shadow: 0 0 0 1px #4484D2;
  font-weight: 500;
}

.mo-button-list .mo-container input[type="checkbox"]:checked + label {
  box-shadow: none;
}

.mo-button-list.button-list-type-3 .mo-container input[type="checkbox"]:checked + label {
  box-shadow: 0 0 0 1px #002F69;
}

.mo-button-list input + label {
  align-items: center;
  background-color: white;
  border: none;
  border-radius: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  font-size: 14px;
  font-weight: normal;
  height: 100%;
  justify-content: center;
  padding: 8px 0;
  width: 100%;
}

.mo-button-list input:checked + label {
  background-color: #686868;
  color: white;
  font-size: 14px;
}

.mo-radio-button-list.multi-row label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.mo-radio-button-list.multi-row label > .tag {
  -webkit-box-flex: 100%;
      -webkit-flex: 100%;
          -ms-flex: 100%;
              flex: 100%;
  font-size: 11px;
  margin-bottom: 4px;
}

.mo-radio-button-list.multi-row label > .value {
  -webkit-box-flex: 100%;
      -webkit-flex: 100%;
          -ms-flex: 100%;
              flex: 100%;
  font-size: 15px;
}

/*--------------------------*\
  List - 라디오 버튼 리스트 및 체크박스 리스트 - 모서리가 둥근
\*--------------------------*/

.mo-button-list.rounded .row:first-child > [class|=col]:first-child,
.mo-button-list.rounded .row:first-child > [class|=col]:first-child label {
  border-top-left-radius: 5px;
}

.mo-button-list.rounded .row:first-child > [class|=col]:last-child,
.mo-button-list.rounded .row:first-child > [class|=col]:last-child label {
  border-top-right-radius: 5px;
}

.mo-button-list.rounded .row:last-child > [class|=col]:first-child,
.mo-button-list.rounded .row:last-child > [class|=col]:first-child label {
  border-bottom-left-radius: 5px;
}

.mo-button-list.rounded .row:last-child > [class|=col]:last-child,
.mo-button-list.rounded .row:last-child > [class|=col]:last-child label {
  border-bottom-right-radius: 5px;
}

/*--------------------------*\
  List - 라디오 버튼 리스트 및 체크박스 리스트 - 타입2(스타일2)
\*--------------------------*/

.mo-button-list.button-list-type-2 {
  background-color: #EFF2F9;
  margin-left: -20px;
  width: calc(100% + 40px);
}

.mo-button-list.search-filter-buttons.button-list-type-2 .row [class^="col"] {
  border: none;
  position: relative;
}

.mo-button-list.search-filter-buttons.button-list-type-2 .row [class^="col"]:not(:last-child)::after {
  background-color: #C8C8C8;
  content: "";
  display: inline-block;
  height: 12px;
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 2px;
  z-index: 1;
}

.mo-button-list.button-list-type-2 input + label {
  background-color: #EFF2F9;
  color: #454545;
  font-size: 15px;
}

.mo-button-list.search-filter-buttons.button-list-type-2 input:checked + label {
  background-color: #EFF2F9;
  border: none;
  box-shadow: none;
  color: #191919;
  font-weight: 500;
  border-bottom:2px solid #191919;
}

/*--------------------------*\
  List - 라디오 버튼 리스트 및 체크박스 리스트 - 타입3(스타일3)
\*--------------------------*/

.mo-button-list.button-list-type-3,
.mo-radio-button-list.button-list-type-3,
.mo-checkbox-list.button-list-type-3 {  
  background-color: #F5F5F5;
  border: 1px solid transparent;
}

.mo-button-list.button-list-type-3 .row [class^="col"] {
  border: none;
  border-right: 1px solid white;
  border-bottom: 1px solid white;
  position: relative;
}

.mo-button-list.button-list-type-3 input + label,
.mo-radio-button-list.button-list-type-3 input[type="radio"] + label,
.mo-checkbox-list.button-list-type-3 input[type="checkbox"] + label {
  background-color: #EFF2F9;
  color: #686868;
}

.mo-button-list.button-list-type-3 input:checked + label {
  border: none;
}

.mo-button-list.button-list-type-3 [class^="col"].checked {
  border: 1px solid #002F69;
}

.mo-button-list.button-list-type-3 input:checked + label,
.mo-radio-button-list.button-list-type-3 input[type="radio"]:checked + label,
.mo-checkbox-list.button-list-type-3 input[type="checkbox"]:checked + label {
  background-color: white;
  box-shadow: 0 0 0 2px #002F69;
  color: #002F69;
}

.mo-button-list.button-list-type-3 input:disabled + label,
.mo-radio-button-list.button-list-type-3 input[type="radio"]:disabled + label,
.mo-checkbox-list.button-list-type-3 input[type="checkbox"]:disabled + label {
  background-color: hsl(0, 0%, 90%);
  color: hsl(0, 0%, 60%);
}

/*--------------------------*\
  List - 라디오 버튼 리스트 - 타입4(스타일4)
\*--------------------------*/

.mo-radio-button-list.button-list-type-4 {
  background-color: white;
  border: none;
  border-radius: 0;
}

.mo-radio-button-list.button-list-type-4 input[type="radio"] + label {
  border: none;
  box-shadow: none;
  color: #8B8B8B;
  font-size: 16px;
  font-weight: 500;
  min-height: auto;
  padding: 0 10px;
  position: relative;
}

.mo-radio-button-list.button-list-type-4 input[type="radio"] + label:last-of-type {
  padding-right: 0;
}

.mo-radio-button-list.button-list-type-4 input[type="radio"] + label:not(:last-of-type)::after {
  background-color: #CBCBCB;
  content: "";
  display: inline-block;
  height: 13px;
  position: absolute;
  right: -2px;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 1px;
  z-index: 1;
}

.mo-radio-button-list.button-list-type-4 input[type="radio"]:checked + label {
  background-color: white;
  color: #145c95;
}

.mo-login-find-list .mo-radio-button-list input[type="radio"] {
  left:0px;
  position: absolute;
  opacity: 0;
  pointer-events: none;
}

.mo-login-find-list .mo-radio-button-list input[type="radio"]:focus + label {
	border: 2px solid #000000;
}

.mo-bid-finish .stuff-search-filter-section input[type="radio"] {
  left:0px;
  position: absolute;
  opacity: 0;
  pointer-events: none;
  width: 100%;
  height: 100%;
  z-index: -1;
}

.mo-bid-finish .stuff-search-filter-section input[type="radio"]:focus + label {
	border: 2px solid #000000;
}

.button-list-wrapper input[type="radio"] {
  left:0px;
  position: absolute;
  opacity: 0;
  pointer-events: none;
}

.button-list-wrapper input[type="radio"]:focus + label {
	border: 2px solid #000000;
}

.stuff-detail-additional .search-filter-buttons input[type="radio"] {
  left:0px;
  position: absolute;
  opacity: 0;
  pointer-events: none;
}

.stuff-detail-additional .search-filter-buttons input[type="radio"]:focus + label {
	border: 2px solid #000000;
}

.mo-my-bid-detail .search-filters .mo-radio-button-list input[type="radio"] {
  left:0px;
  position: absolute;
  opacity: 0;
  pointer-events: none;
}

.mo-my-bid-detail .search-filters .mo-radio-button-list input[type="radio"]:focus + label {
	border: 2px solid #000000;
}

.mo-my-bid-detail .search-labels-right .mo-radio-button-list input[type="radio"] {
  left:0px;
  position: absolute;
  opacity: 0;
  pointer-events: none;
}

.mo-my-bid-detail .search-labels-right .mo-radio-button-list input[type="radio"]:focus + label {
	border: 2px solid #000000;
}

#searchFilterPopup .mo-sub-section .mo-radio-button-list input[type="radio"] {
  left:0px;
  position: absolute;
  opacity: 0;
  pointer-events: none;
}

#searchFilterPopup .mo-sub-section .mo-radio-button-list input[type="radio"]:focus + label {
	border: 2px solid #000000;
}

#searchFilterPopup .mo-sub-section .search-filter-buttons input[type="radio"] {
  left:0px;
  position: absolute;
  opacity: 0;
  pointer-events: none;
}

#searchFilterPopup .mo-sub-section .search-filter-buttons input[type="radio"]:focus + label {
	border: 2px solid #000000;
}

#searchFilterPopup .mo-sub-section .mo-checkbox-list input[type="checkbox"] {
  left:0px;
  position: absolute;
  opacity: 0;
  pointer-events: none;
}

#searchFilterPopup .mo-sub-section .mo-checkbox-list input[type="checkbox"]:focus + label {
	border: 2px solid #000000;
}

.mo-sub-section .mo-radio-button-list input[type="radio"] {
  left:0px;
  position: absolute;
  opacity: 0;
  pointer-events: none;
}

.mo-sub-section .mo-radio-button-list input[type="radio"]:focus + label {
	border: 2px solid #000000;
}

.mo-bid-write .mo-section .mo-radio-button-list input[type="radio"] {
  left:0px;
  position: absolute;
  opacity: 0;
  pointer-events: none;
}

.mo-bid-write .mo-section .mo-radio-button-list input[type="radio"]:focus + label {
	border: 2px solid #000000;
}

.sutuff-detail-pop-announcement .search-filter-buttons input[type="radio"] {
  left:0px;
  position: absolute;
  opacity: 0;
  pointer-events: none;
}

.sutuff-detail-pop-announcement .search-filter-buttons input[type="radio"]:focus + label {
	border: 2px solid #000000;
}

/*####################################*\
  List - 컨트롤 리스트
\*####################################*/

.mo-control-list {  
  list-style: none;
  margin: 0;
  padding: 0;
}

.mo-control-list.horizontal {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}

.mo-control-list.horizontal > li {
  -webkit-box-flex: 1;
      -webkit-flex: 1;
          -ms-flex: 1;
              flex: 1;
}

/*--------------------------*\
  List - 컨트롤 리스트 - 끝이 둥글지 않은 (not-tounded)
\*--------------------------*/

.mo-control-list.not-rounded input,
.mo-control-list.not-rounded select {
  border-radius: 0 !important;
}

/*--------------------------*\
  List - 컨트롤 리스트 - 수직 (vertical 기본)
\*--------------------------*/

.mo-control-list > li input,
.mo-control-list > li select {
  border-bottom: none;
}

.mo-control-list > li:not(:first-child):not(:last-child) input,
.mo-control-list > li:not(:first-child):not(:last-child) select {
  border-radius: 0;
}

.mo-control-list > li:first-child input,
.mo-control-list > li:first-child select {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}

.mo-control-list.rounded > li:first-child input,
.mo-control-list.rounded > li:first-child select {
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}

.mo-control-list > li:last-child input,
.mo-control-list > li:last-child select {
  border-bottom: 1px solid #C8C8C8;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.mo-control-list.rounded > li:last-child input,
.mo-control-list.rounded > li:last-child select {
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}

.mo-control-list > li:last-child.has-horizontal li:first-child input,
.mo-control-list > li:last-child.has-horizontal li:first-child select {
  border-bottom: 1px solid #C8C8C8;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 0;
  border-right: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.mo-control-list > li:last-child.has-horizontal li:last-child input,
.mo-control-list > li:last-child.has-horizontal li:last-child select {
  border-bottom: 1px solid #C8C8C8;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 5px;  
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

/*--------------------------*\
  List - 컨트롤 리스트 - 수평 (horizontal)
\*--------------------------*/

.mo-control-list.horizontal > li input,
.mo-control-list.horizontal > li select {
  border-bottom: 1px solid #C8C8C8;
  border-right: none;
}

.mo-control-list.horizontal > li:last-child input,
.mo-control-list.horizontal > li:last-child select {
  border-right: 1px solid #C8C8C8;
}

.mo-control-list.horizontal > li:first-child input,
.mo-control-list.horizontal > li:first-child select {
  border-bottom-left-radius: 5px;
  border-top-left-radius: 5px;
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}

.mo-control-list.horizontal.not-rounded > li:first-child input,
.mo-control-list.horizontal.not-rounded > li:first-child select {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}

.mo-control-list.horizontal > li:last-child input,
.mo-control-list.horizontal > li:last-child select {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  border-bottom-right-radius: 5px;
  border-top-right-radius: 5px;
}

.mo-control-list.horizontal.not-rounded > li:last-child input,
.mo-control-list.horizontal.not-rounded > li:last-child select {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}

.mo-control-list.horizontal > li:not(:first-child):not(:last-child) input,
.mo-control-list.horizontal > li:not(:first-child):not(:last-child) select {
  border-radius: 0;
}

.mo-control-list > li:not(:last-child) .horizontal > li input,
.mo-control-list > li:not(:last-child) .horizontal > li select {
  border-bottom: none;  
}

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


/* Accordion (아코디언)
========================================================================== */

.acc-item {
  background-color: white;
}

.acc-header {
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  height: 50px;
  padding: 13px;
  position: relative;
}

.acc-header::after {
  background: url("../images/mo_ico/down_arrow.png") no-repeat 50% 50%;
  background-size: 16px auto;
  content: "";
  height: 16px;
  position: absolute;
  right: 13px;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  transition: background-image 0.2s;
  width: 16px;
}

.acc-item.on .acc-header::after {
  background-image: url("../images/mo_ico/up_arrow.png");
}

.acc-header .title {
  font-size: 16px;
  font-weight: 500;
}

.acc-header-divider {
  background-color: #C8C8C8;
  height: 1px;
  transition: width 0.2s;
  width: 100%;
}

.acc-item.on .acc-header-divider {
  background-color: #686868;
  margin: 0 auto;
  width: calc(100% - 26px);
}

.acc-body {
  border-bottom: 1px solid #C8C8C8;
  display: none;
  padding: 13px;
}

.acc-content {
  margin-bottom: 15px;
}

.acc-body-buttons {
  text-align: center;
}

/*####################################*\
  Accordion - 타입2(스타일2)
\*####################################*/

.accordion-type-2 .acc-header {
  background-color: #EBEBEB;
  height: 90px;
}

/*####################################*\
  Accordion - 타입3(스타일3)
\*####################################*/

.mo-accordion-type-3 .acc-item {
  border: 1px solid #C8C8C8;
  border-radius: 5px;
  margin-bottom: 10px;
}

.mo-accordion-type-3 .acc-body {
  border-bottom: none;
}

.mo-accordion-type-3 .acc-header-divider {
  height: 0;
}

.mo-accordion-type-3 .acc-item.on .acc-header-divider {
  height: 1px;
}

.mo-accordion-type-3 .title {
  color: #8B8B8B;
  font-size: 13px;
}


/* Step (스텝)
========================================================================== */

.step-item {
  border: 1px solid #D1D1D1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}

.step-item-label {
  align-items: center;
  background-color: #D1D1D1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-flex: 0 0 67px;
      -webkit-flex: 0 0 67px;
          -ms-flex: 0 0 67px;
              flex: 0 0 67px;
  justify-content: center;
  vertical-align: middle;
}

.step-item-label-number,
.step-item-label-text {
  letter-spacing: normal;
  text-align: center;
}

.step-item-label-number {
  color: #191919;
  font-size: 20px;
  margin-bottom: 3px;
}

.step-item-label-text {
  color: #8B8B8B;
  font-size: 12px;
}

.step-item-content {
  padding: 16px 13px;
}

.step-item-title {
  color: #002F69;
  font-size: 15px;
  font-weight: 500;
  margin-bottom: 4px;
}

.step-item-para,
.step-item-para-desc {
  color: #8B8B8B;
}

.step-item-para {
  font-size: 13px;
  line-height: 1.4;
}

.step-item-para-desc {
  font-size: 11px;
  line-height: 1;
  margin-top: -5px;
}


/* Footer Navi (하단 네비게이션)
========================================================================== */

.mo-footer-nav {
  height: 46px;
  position: relative;
  z-index: 500;
}

.footer-nav-left,
.footer-nav-right {
  position: absolute;
  top: 0;
  z-index:2;
}

.footer-nav-left {
  left: 0;
  padding-left: 20px;
}

.footer-nav-right {
  right: 0;
  padding-right: 20px;
}

.footer-nav-center {
  margin: 0 auto;
  width: 206px;
}

.footer-nav-pagination {
  bottom: 0;
  opacity: 0;
  position: absolute;
  width: 100%;
  z-index: 1;
}

.footer-nav-pagination-select {
  background-color: #EEEEEE;
  color: #8B8B8B;
  font-size: 15px;
  height: 46px;
  line-height: 2;
  width: 100%;
}

.footer-nav-with-title {
  background-color: white;
  border: 1px solid #C8C8C8;
  border-radius: 6px;
  height: 80px;
  margin: 18px 20px;
}

.footer-nav-prev {
  border-bottom: 1px solid #C8C8C8;  
}

.footer-nav-prev-link,
.footer-nav-next-link {
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: nowrap;
  height: 39px;
  padding: 10px;
}

.footer-nav-prev-link {
  height: 40px;
}

.footer-nav-prev-label,
.footer-nav-next-label {
  border-right: 1px solid #4B4B4B;
  display: inline-block;
  font-size: 13px;
  font-weight: 500;  
  padding-right: 12px;
  margin-right: 12px;
  -webkit-box-flex: 0 0 65px;
      -webkit-flex: 0 0 65px;
          -ms-flex: 0 0 65px;
              flex: 0 0 65px;
}

.footer-nav-prev-label::after,
.footer-nav-next-label::after {
  content: "";
  display: inline-block;
  height: 12px;
  margin-left: 7px;
  position: relative;
  top: 2px;
  width: 12px;
}

.footer-nav-prev-label::after {
  background: url("/images/mo_ico/top_triangle.png") no-repeat 50% 50%;
  background-size: 12px auto;
}

.footer-nav-next-label::after {
  background: url("/images/mo_ico/bottom_triangle.png") no-repeat 50% 
  50%;
  background-size: 12px auto;
}

.footer-nav-prev-link.no-data .footer-nav-prev-label,
.footer-nav-next-link.no-data .footer-nav-next-label {
  color: #C8C8C8;
}

.footer-nav-prev-link.no-data .footer-nav-prev-label::after {
  background-image: url("/images/mo_ico/top_triangle_gray.png");
}

.footer-nav-next-link.no-data .footer-nav-next-label::after {
  background-image: url("/images/mo_ico/bottom_triangle_gray.png");
}

.footer-nav-prev-title,
.footer-nav-next-title {
  font-size: 13px;
  font-weight: normal;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.footer-nav-prev-link.no-data .footer-nav-prev-title,
.footer-nav-next-link.no-data .footer-nav-next-title {
  color: #C8C8C8;
}

/* Divider (구분자)
========================================================================== */

.mo-divider {
  background-color: #686868;
  height: 1px;
}

.mo-divider-vertical {
  background-color: #C8C8C8;
  bottom: -1px;
  display: inline-block;
  height: 16px;
  margin: 0 6px 0 8px;
  position: relative;
  width: 2px;
}


/* Alert (알림)
========================================================================== */

.mo-alert {
  background-color: white;
  border-bottom: 1px solid #C8C8C8;
  border-top: 1px solid #C8C8C8;
  color: #4B4B4B;
  font-size: 16px;
  text-align: center;
}

.mo-alert-no-space {
  margin: 0;
}

.alert-body {
  padding: 35px;
  position: relative;
}

.alert-deco-img-wrapper {
  margin-bottom: 14px;
  margin-top: 16px;
}

.alert-deco-img {
  width: 40px;
}

.alert-content {  
  margin-bottom: 10px;
}

.alert-desc {
  color: #8B8B8B;
  font-size: 12px;
}

.alert-full {
  color: #002F69;
  font-size: 16px;
  font-weight: 500;
  left: 50%;
  position: absolute;
  text-align: center;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.alert-full::before {
  background: url("/images/mo_ico/blue_check.png") no-repeat 50% 50%;
  background-color: #EFF2F9;
  background-size: 29.5px auto;
  border: 1px solid #C8C8C8;
  border-radius: 50%;
  content: "";
  display: block;
  height: 70px;
  margin: 0 auto;
  margin-bottom: 5px;
  width: 70px
}

.mo-alert-large {
  min-height: 234px;
}

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

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

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

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

.alert-wrapper {
  height: 145px;
  position: relative;  
}

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

.alert-type-1 .focus {
  color: #1492E6;
}

.alert-type-2.wide {
  margin-left: -20px;
  width: 100vw;
}

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

.alert-type-2 .focus {
  color: #002F69;
  font-weight: 500;
}

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

.alert-type-4 {
  color: #373737;
  background-color: white;
  border-bottom: 1px solid #C8C8C8;
  font-size: 14px;
  font-weight: 500;
  min-height: 50px;
  padding: 15px 20px;
}

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

.alert-type-5 .mo-list > li {
  margin-bottom: 6px;
}

.alert-type-6 {
  background-color: #EFF2F9;
  border: 1px solid #D6D6D6;
  border-radius: 5px;
  color: #212121;  
  font-size: 13px;  
  margin-top: 20px;
  padding: 20px;
  text-align: center;
}

.alert-type-6 .focus {
  color: #1492E6;
  font-size: 18px;
  letter-spacing: normal;
}

.alert-type-6 .focus-1 {
  color: #1492E6;
  font-size: 13px;
  letter-spacing: normal;
}

.alert-type-6 .para {
  margin-bottom: 5px;
}

.alert-type-6 .para-desc {
  color: #002F69;
  font-size: 13px;
  line-height: 1.4;
}

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

.alert-type-8 {
  background-color: #F8F8F8;
  border: none;
  color: #686868;
  font-size: 13px;
  padding: 20px 13px;
  text-align: left;  
}

.alert-type-9 {
  color: #002F69;
  font-size: 16px;
  font-weight: 500;
  text-align: center;
}

.alert-type-9::before {
  background: url(/images/mo_ico/blue_check.png) no-repeat 50% 50%;
  background-color: #EFF2F9;
  background-size: 29.5px auto;
  border: 1px solid #C8C8C8;
  border-radius: 50%;
  content: "";
  display: block;
  height: 70px;
  margin: 0 auto;
  margin-bottom: 5px;
  width: 70px;
}

.alert-type-10 {
  color: #212121;
  background-color: #EBEBEB;
  font-size: 13px;
  min-height: 40px;
  padding: 10px;
}


/* Dialogs (대화 창)
========================================================================== */

.mo-dialog {
  background-color: white;
  border: 1px solid #C8C8C8;
  color: #4B4B4B;
  font-size: 22px;
  left: 50%;
  max-height: 75vh;
  min-height: 300px;
  min-width: 300px;
  opacity: 0;
  position: fixed;
  top: 50%;
  -webkit-transform: translate(-50%, -50%) scale(0);
      -ms-transform: translate(-50%, -50%) scale(0);
          transform: translate(-50%, -50%) scale(0);
  transition: all 0.1s;
  width: 80%;
  z-index: 1100; /* 모달: 1000 */
}

.mo-dialog.on {
  opacity: 1;
  -webkit-transform: translate(-50%, -50%) scale(1);
      -ms-transform: translate(-50%, -50%) scale(1);
          transform: translate(-50%, -50%) scale(1);
}

.dialog-header {
  margin-top: 50px;
  text-align: center;
}

.dialog-header .title-1 {
  color: #191919;
  font-size: 22px;
  font-weight: 500;
  margin-bottom: 0;
}

.mo-dialog .title-2 {
  color: #191919 !important;
  font-size: 16px !important;
  margin-bottom: 5px !important;
}

.dialog-body {
  align-items: center;
  border-bottom: 1px solid #C8C8C8;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;  
  justify-content: center;
  min-height: 240px;  
  padding: 15px;
  padding-top: 50px;
  text-align: center;
  word-break: break-all;
}

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

.dialog-content {
  max-height: calc(75vh - 150px);
  overflow-y: auto;
  padding: 1px;
}

.dialog-none-flex .dialog-body {
  display: block;
}

.dialog-none-flex .dialog-body .title {
  margin-bottom: 30px;
}

.dialog-none-flex .dialog-body .scroll-wrapper .title {
  text-align: left;
}

.dialog-none-flex .dialog-body .para {
  color: #4B4B4B;
  font-size: 16px;
  margin-bottom: 20px;
  text-align: left;
}

.dialog-para {
  color: #4B4B4B;
  font-size: 15px;
}

.dialog-para-desc {
  color: #373737;
  font-size: 12px;
}

.dialog-button-wrapper {
  bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  height: 60px;
  position: relative;
  width: 100%;
}

.dialog-button-left {
  border-right: 1px solid #C8C8C8;
  -webkit-box-flex: 37.5%;
      -webkit-flex: 37.5%;
          -ms-flex: 37.5%;
              flex: 37.5%;
}

.dialog-button-right {
  -webkit-box-flex: 62.5%;
      -webkit-flex: 62.5%;
          -ms-flex: 62.5%;
              flex: 62.5%;
}

.dialog-button-wrapper .btn-dialog {
  display: block;
  font-size: 22px;
  font-weight: 500;
  height: 100%;
  text-align: center;
  width: 100%;
}

.btn-dialog-cancel {
  color: #C8C8C8;
}

.btn-dialog-ok {
  color: #1492E6;
}

.dialog-deco {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 50px;
  background-color: #1492E6;
  border-radius: 50%;
  color: white;
  height: 70px;
  left: 50%;
  position: absolute;
  text-align: center;
  top: -35px;  
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 70px;
}

.dialog-deco::before {
  content: "i";
}

.dialog-inform .dialog-deco {
  background-color: #1492E6;
}

.dialog-inform .dialog-deco::before {
  content: "i";
}

.dialog-caution .dialog-deco {
  background-color: #FB4444;
}

.dialog-caution .dialog-deco::before {
  content: "!";
}

.dialog-asking .dialog-deco {
  background-color: #373737;
}

.dialog-asking .dialog-deco::before {
  content: "?";
}

.dialog-confirm .dialog-deco {
  background-color: #373737;
}

.dialog-confirm .dialog-deco::before {
  content: "?";
}

.dialog-half-button .dialog-button-left {  
  border-right: 1px solid #C8C8C8;
  -webkit-box-flex: 50%;
      -webkit-flex: 50%;
          -ms-flex: 50%;
              flex: 50%;
}

.dialog-half-button .dialog-button-right {
  -webkit-box-flex: 50%;
      -webkit-flex: 50%;
          -ms-flex: 50%;
              flex: 50%;
}

.dialog-half-button .dialog-button-left .btn-dialog {
  color: #191919;
}

.dialog-register {
  background-color: #F8F9FC;
}

.dialog-register .dialog-body {
  display: block;
  padding: 3px 20px 20px 20px;
  text-align: left;
}

.register-filter-section {
  margin-bottom: 15px;
}

.dialog-register .dialog-deco {
  color: #191919;
  background-color: white;
  box-shadow: 0 0 8px hsla(0, 0%, 0%, 0.3);
}

.dialog-register .dialog-deco::before {
  content: "X";
}

.dialog-register .register-filter-list {
  background-color: white;
  border: 1px solid #C8C8C8;
  font-size: 14px;
  height: 130px;
  list-style: none;
  margin: 0;
  overflow-y: scroll;
  padding: 10px;
}

.dialog-register .register-filter-list > li {
  margin-bottom: 6px;
}

.dialog-register .register-filter-item-label {
  color: #4B4B4B;
}

.dialog-register .register-filter-item-label::before {
  content: "·";
  margin-right: 4px;
}

.dialog-register .register-filter-item-value {
  color: #4B4B4B;
  font-weight: 500;
}

.dialog-register .register-filter-name {
  border-radius: 0;
}


/* Popup (팝업)
========================================================================== */

.mo-body-popup {
  background-color: white;
}

.mo-body-popup .mo-header-root {
  position: fixed;  
}

.btn-close-popup {
  background: url("../images/mo_ico/cancel_04.png") no-repeat 20px 50%;
  background-size: 16.5px auto;
  height: 66px;
  padding: 0 13px;
  width: 60px;
}

.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-footer-popup.on {
  bottom: 0;
  opacity: 1;
}

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

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

.footer-popup-secondary .mo-button-list .mo-container {
  background-color: #F8F9FC;
}

#footerCtgrPopupList div.col-4 input[type="radio"]{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
}

#footerCtgrPopupList div.col-4{
	position: relative;
}

#footerCtgrPopupList div.col-4 input[type="checkbox"]{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
}

#cltrDetailTab div.col-4{position: relative;}
#cltrDetailTab div.col-4 input[type="radio"]{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;	
}

div.mo-radio-button-list div.ally_radio_group{width:100%; display:flex; flex-wrap:wrap;}
div.mo-radio-button-list div.ally_radio_group > div{display:flex; flex:1; position:relative;}
div.mo-radio-button-list div.ally_radio_group > div input[type="radio"]{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
}
div.mo-radio-button-list div.ally_radio_group > div label{border-radius:0;}
div.mo-radio-button-list div.ally_radio_group > div:not(:last-child) label{border-right:1px solid #fff;}
div.mo-radio-button-list div.ally_radio_group > div:first-child label{border-top-left-radius:4px; border-bottom-left-radius:4px;}
div.mo-radio-button-list div.ally_radio_group > div:last-child label{border-top-left-radius:4px; border-bottom-right-radius:4px;}

#footerAreaPopupList div.col-3{
	position: relative;
}

#footerAreaPopupList div.col-3 input[type="radio"]{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
}

#footerAreaPopupList div.col-3 input[type="checkbox"]{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
}

#footerCstzCtgrPopupList div.col-4{
	position: relative;
}

#footerCstzCtgrPopupList div.col-4 input[type="radio"]{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
}

#footerCstzCtgrPopupList div.col-4 input[type="checkbox"]{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
}

div.mo-checkbox-list div.ally_checkbox_group{
	width: 100%;
	display: flex;
	flex-wrap:wrap;
}

div.mo-checkbox-list div.ally_checkbox_group > div{
	display: flex;
	flex: 1;
	position: relative;
}

div.mo-checkbox-list div.ally_checkbox_group > div input[type="checkbox"]{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
}

div.mo-checkbox-list div.ally_checkbox_group > div label{
	border-radius: 0 !important;
}
div.mo-checkbox-list div.ally_checkbox_group > div:not(:last-child) label{
	border-right: 1px solid #fff;
}
div.mo-checkbox-list div.ally_checkbox_group > div:first-child label{
	border-top-left-radius: 4px !important;
	border-bottom-left-radius: 4px !important;
}
div.mo-checkbox-list div.ally_checkbox_group > div:last-child label{
	border-top-right-radius: 4px !important;
}

/* 페이지 내 필터 설정 중 '자산구분' 바텀 시트 비활성화 상태에서 초점이 진입되지 않도록 추가 */
#prptCdPopup {visibility:hidden;}
#prptCdPopup.on {visibility:visible;}

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

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

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

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

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

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

.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;
}
.footer-popup-with-button {
  padding-bottom: 0;
}

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

.footer-popup-item-label {
  color: #8B8B8B;
}

.footer-popup-item-value {
  color: #191919;
}


/* Modal (모달)
========================================================================== */

.mo-modal {
  background-color: hsla(0, 0%, 20%, 0.5);
  height: 100vh;
  left: 0;
  opacity: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: -100;
}

.mo-modal.on {
  opacity: 1;
  z-index: 1000;
}


/* Toggle Buttons (토글 버튼)
========================================================================== */

.mo-toggle-button {
  background-color: white;
  border-radius: 1000px;
  cursor: pointer;
  display: inline-block;
  height: 23px;
  letter-spacing: 0;
  position: relative;
  vertical-align: top;
  width: 50px;
}

.mo-toggle-button input[type="checkbox"] {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
}

.toggle-button-label {
  background-color: #595959;
  border-radius: inherit;
  display: block;
  font-size: 9px;
  height: inherit;
  position: relative;
  text-transform: uppercase;
}

.toggle-button-label::before,
.toggle-button-label::after {
  color: white;
  line-height: 1;
  margin-top: -0.5em;
  position: absolute;
  top: 50%;
  transition: inherit;
}

.toggle-button-label::before {
  content: attr(data-off);
  padding-right: 6px;
  right: 0;
}

.toggle-button-label::after {
  content: attr(data-on);
  left: 0;
  opacity: 0;
  padding-left: 6px;
}

.toggle-button-input:checked + .toggle-button-label {
  background-color: #1492E6;
}

.toggle-button-input:checked + .toggle-button-label::before {
  opacity: 0;
}

.toggle-button-input:checked + .toggle-button-label::after {
  opacity: 1;
}

.toggle-button-handle {
  background-color: white;
  border: none;
  border-radius: 50%;
  box-shadow: 0px 2px 3px hsla(0, 0%, 0%, 0.2);
  left: 2px;
  height: 19px;
  position: absolute;
  top: 2px;
  transition: left 0.15s ease-out;
  width: 19px;
}

.toggle-button-input:checked ~ .toggle-button-handle {
  left: 29px;
}

/* Link (링크)
========================================================================== */

.link {
  color: #144E8C;
  letter-spacing: normal;
}

.underline {
  text-decoration: underline;
}

.underline:focus {
  text-decoration: underline;
}

.link.underline {
  text-decoration: underline;
}

.link.underline:focus {
  text-decoration: underline;
}

.no-underline {
  text-decoration: none;
}

.link-type-1 {
  color: #1492E6;
  font-size: 13px;
}

.link-type-2 {
  color: #1492E6;
  font-size: 13px;
  padding-right: 20px;
  position: relative;
}

.link-type-2::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;
}

.link-type-3 {
  border: 1px solid #C8C8C8;
  border-radius: 5px;
  display: block;
  font-size: 13px;
  height: 40px;
  padding: 10px;
  position: relative;
  width: 100%;
}

.link-type-3::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;
}

.link-type-4 {
  border: 1px solid #C8C8C8;
  border-radius: 5px;
  display: block;
  font-size: 13px;
  height: 40px;
  padding: 10px;
  position: relative;
  width: 100%;
  background-color: #1ec800;
  color: #ffffff;
}

.link-type-4::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;
}

.link-type-5 {
  border: 1px solid #C8C8C8;
  border-radius: 5px;
  display: block;
  font-size: 13px;
  height: 40px;
  padding: 10px;
  position: relative;
  width: 100%;
  background-color: #F9DF00;
  color: #3B1C1C;
}

.link-type-5::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;
}


/* Rnage Slider (범위 슬라이더)
========================================================================== */

.mo-range-slider {
  margin-bottom: 14px;
}

.ui-widget-content {
  background: #C8C8C8;
  border: none;
}

.ui-widget-header {
  background: #FF0000;
}

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
  border-radius: 0;
}

.ui-slider-horizontal {
  height: 2px;
}

.ui-slider-horizontal .ui-slider-handle {
  background: white;
  border-radius: 50%;
  box-shadow: 0 0 3px 1px hsla(0, 0%, 0%, 0.16);
  height: 20px;
  top: -0.6em;
  width: 20px;
}

.range-slider-value {
  color: #1492E6;
  font-size: 12px;
  letter-spacing: normal;
}

.range-slider-label {
  color: #CBCBCB;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: nowrap;
  font-size: 11px;
  justify-content: space-between;
  letter-spacing: normal;
  position: relative;
}

.range-slider-label span {
  display: block;
  -webkit-box-flex: 1;
      -webkit-flex: 1;
          -ms-flex: 1;
              flex: 1;
  position: relative;
  text-align: center;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
}

/* Paragraph (단락)
========================================================================== */

.para-wrapper {
  margin-bottom: 10px;
}

.para {
  font-size: 13px;
  line-height: 1.4;
  margin-bottom: 6px;
}

.para-strong {
  color: #191919;
  font-size: 15px;
  font-weight: 500;
}

.para-desc {
  font-size: 11px;
  line-height: 1;
}

.para .focus {
  color: #212121;
  font-weight: 500;
}

.focus {
  color: #212121;
  font-weight: 500;
}


/* Title (제목)
========================================================================== */

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

.title-1 {
  color: #191919;
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 12px;
}

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

.title-1 small {
  font-size: 12px;
}

.title-1 .desc {
  font-size: 13px;
}

.title-2 {
  color: #191919;
  font-size: 13px;
  font-weight: 500;
  margin-bottom: 5px;
}

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

.title-3 {
  color: #686868;
  font-size: 12px;
  font-weight: 500;
  margin-bottom: 2px;
}

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

title.required::after,
.title-1.required::after,
.title-2.required::after {
  content: "*";
  color: red;
  font-weight: 500;
}


/* Buttons (버튼)
========================================================================== */

/*####################################*\
  Buttons - 기본
\*####################################*/

.btn {
  background-color: white;
  border: none;
  border-radius: 5px;
  display: inline-block;
  font-size: 13px;
  padding: 8px;
  text-align: center;
}

.icon {
  vertical-align: middle;
}

/*####################################*\
  Buttons - 용도
\*####################################*/

.btn-primary {
  background-color: #1492E6;
  color: white;
}

.btn-secondary {
  background-color: #707070;
  color: white;
}

.btn-danger {
  background-color: #E50019;
  color: white;
}

.btn-info {
  background-color: #002F69;
  color: white;
}

.btn-dark {
  background-color: #4A4A4A;
  color: white;
}

.btn-type-1 {
  background-color: #4484D2;
  color: white;
}

.btn-type-2 {
  background-color: #C8C8C8;
  color: white;
}

.btn-type-3 {
  background-color: #1C2674;
  border: 2px solid #1C2674;
  color: #FFF;
  font-size: 18px !important;
}

.btn-type-4 {
  background-color: #000000;
  border: 2px solid #000000;
  color: #FFF;
  font-size: 16px !important;
}

/*####################################*\
  Buttons - 형태
\*####################################*/

/*--------------------------*\
  Buttons - 형태 - outline
\*--------------------------*/

.btn-outline {
  background-color: white;
  border-radius: 0;
}

.btn-outline.btn-primary {
  border: 1px solid #1492E6;
  color: #1492E6;
}

.btn-outline.btn-secondary {
  border: 1px solid #707070;
  color: #4B4B4B;
}

.btn-outline.btn-danger {
  border: 1px solid #E50019;
  color: #E50019;
}

.btn-outline.btn-info {
  border: 1px solid #002F69;
  color: #002F69;
}

.btn-outline.btn-dark {
  border: 1px solid #4A4A4A;
  color: #4A4A4A;
}

.btn-outline.btn-type-1 {
  border: 1px solid #4484D2;
  color: #002F69;
}

.btn-outline.btn-type-2 {
  border: 1px solid #C8C8C8;
  color: #4B4B4B;
}

/*--------------------------*\
  Buttons - 형태 - wide
\*--------------------------*/

.btn-wide {
  width: 100vw;
  margin-left: -20px;
}

.btn-wide-type-2 {
  width: 100vw;
  margin-left: -13px;
}

/*--------------------------*\
  Buttons - 형태 - 알약
\*--------------------------*/

.btn-pill {
  border-radius: 1000px;
  min-width: 50px;
}

/*--------------------------*\
  Buttons - 형태 - 모서리 둥근 여부
\*--------------------------*/

.btn-rounded {
  border-radius: 5px;
}

.btn-not-rounded {
  border-radius: 0;
}

.btn-circle {
  border-radius: 50%;
  min-width: 30px;
  min-height: 30px;
}

/*--------------------------*\
  Buttons - 형태 - 아이콘 포함
\*--------------------------*/

.btn-icon {
  display: inline-block;
  padding: 0;  
  text-indent: -5000em;
}

#markBtn, #snsBtn{text-indent:0;}

.btn-icon::before {
  content: "";
  display: inline-block;
  left: 50%;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.btn-deco {
  cursor: pointer;
  padding-right: 30px;
  position: relative;
}

.btn-deco::after {
  content: "";
  height: 16px;
  position: absolute;
  right: 2px;
  width: 20px;
}

.btn-deco-right-arrow::after {
  background: url("../images/mo_ico/white_arrow.png") no-repeat 50% 50%;
  background-size: auto 16px;
}

.btn-deco-up-arrow::after {
  background: url("../images/mo_ico/up_arrow.png") no-repeat 50% 50%;
  background-size: 16px auto;
}

.btn-link {
  display: inline-block;
  font-size: 1px;
  position: relative;
  text-indent: -5000em;
  vertical-align: top;
}

.btn-header-root {
  height: 66px;
  padding: 0 13px;
  width: 60px;
}

.btn-header-root-previous {
  background: url("/images/mo_ico/header/left_arrow.png") no-repeat 20px 50%;
  background-size: 12px auto;
}

.btn-header-root-menu {
  background: url("/images/mo_ico/header/menu.png") no-repeat;
  background-position: calc(100% - 20px) 50%;
  background-size: 22px auto;
  width: 40px;
}

.btn-header-root-gwpwhome {
  background: url("/images/mo_ico/header/gwpw_home.png") no-repeat;
  background-position: calc(100% - 20px) 50%;
  background-size: 22px auto;
  width: 50px;
}

.btn-header-root-home {
  background: url("/images/mo_ico/header/home.png") no-repeat;
  background-position: calc(100% - 3px) 50%;
  background-size: 22px auto;
  width: 50px;
}

.btn-header-root-search {
  background: url("/images/mo_ico/header/search.png") no-repeat;
  background-position: calc(100% - 13px) 50%;
  background-size: 17px auto;
  width: 40px;
}

.btn-search {
  background: url("../images/mo_ico/header/search.png") no-repeat 50% 50%;
  background-size: 17px auto;
  border-radius: 100px;
  bottom: 1px;
  position: absolute;
  right: 1px;
  top: 1px;
  width: 43px;
}

.btn-search-filter {
  align-items: center;
  border-radius: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content: center;
  font-size: 14px;
  height: 100%;
  padding: 8px 0;
  text-align: center;
}

.btn-search-filter.on {
  color: white;
  background-color: #686868;
}

.btn-search-filter-list {
  display: inline-block;
  font-size: 13px;
  height: 66px;
  width: 66px;
}

.btn-search-filter-list::before {
  background: url("/images/mo_ico/filter.png") no-repeat 50% 50%;
  background-size: auto 19px;
  content: "";
  display: block;
  height: 19px;
  margin: 0 auto;
  position: relative;
  top: -5px;
  width: 19px;
}

.btn-top-arrow {
  bottom: 50px;
  position: fixed;
  right: 0;
}

.btn-top-arrow img {
  width: 50px;
}

.btn-footer {
  border: 1px solid #002F69;
  color: #002F69;
  height: 46px;
  width: 100%;
}

.btn-footer-left,
.btn-footer-right {
  width: 47px;
}

.btn-footer-left {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}

.btn-footer-right {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}

.btn-footer-center {
  border-radius: 0;
  font-size: 15px;
  font-weight: 500;
}

.btn-footer-left > img,
.btn-footer-right > img {
  width: 18px;
}

.btn-full-width {
  width: 100%;
}

.btn-dummy {
  padding: 14px 12px;
}

.btn-update,
.btn-add,
.btn-delete {
  min-width: 60px;
}

.btn-delete {
  padding-top: 4px;
  padding-bottom: 4px;
}

.btn-help {
  font-size: 11px;
  min-width: 75px;
}

.btn-outline.btn-help-qna {
  color: #002F69;
  min-width: 80px;
}

.btn-down-triangle {
  height: 32px;
  position: absolute;
  right: 0;
  top: 0;
  width: 32px;
}

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

.btn-layout-right {
  position: absolute;
  right: 0;
  top: 0;
}

/*####################################*\
  Buttons - 크기
\*####################################*/

.btn-x-large {
  font-size: 15px;
  height: 50px;
  line-height: 50px;
  padding: 0 13px;
}

.btn-large {
  font-size: 15px;
  height: 40px;
  line-height: 40px;
  padding: 0 13px;
}

.btn-large2 {
  font-size: 15px;
  height: 40px;
  line-height: 35px;
  padding: 0 13px;
}

.btn-medium {
  font-size: 13px;
  padding: 8.5px;
}

.btn-small {
  font-size: 13px;
  padding: 6px 8px;
}

.btn-long {
  min-width: 85px;
}

/*####################################*\
  Buttons - 기타
\*####################################*/

button.btn-clear {
  background: url("/images/mo_ico/btn_close_input.png") 50% 50% no-repeat;background-size:19px auto;
  border:none;
  height: 19px;
  margin: 0;
  overflow: hidden;
  padding:0;
  position: absolute;
  right: 10px;
  text-indent: -999999px;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 19px;
  z-index: 5;
}


/* Badges (배지)
========================================================================== */

.badge-wrapper {
  text-align: right;
  width: 100%;
}

.badge {
  display: inline-block;
  font-size: 10px;
  text-align: center;
}

.badge-primary {
  background-color: #1492E6;
}

.badge-secondary {
  background-color: #8B8B8B;
  border: 1px solid #707070;
  color: white;
}

.badge-circle {
  border-radius: 50%;
}

.badge-empty-primary {
  border: 1px solid #1492E6;
  color: #1492E6;
}

.badge-empty-secondary {
  border: 1px solid #707070;
  color: #707070;
}

.badge-search {
  color: white;
  font-size: 16px;
  height: 44px;
  line-height: 44px;
  width: 44px;
}

.badge-01,
.badge-02,
.badge-03,
.badge-04,
.badge-05,
.badge-06,
.badge-07,
.badge-08,
.badge-09,
.badge-10,
.badge-11 {
  background-color: white;
  border-radius: 5px;
  float: left;
  font-size: 11px;
  height: 26px;
  line-height: 26px;
  margin: 0 5px 5px 0;
  min-width: 70px;
  text-align: center;
}

.badge-01 {
  background-color: #5a6d77;
  color: white;
}

.badge-02 {
  background-color: #89969d;
  color: white;
}

.badge-03 {
  border: 1px solid #0091ee;
  color: #0091ee;
}

.badge-04 {
  border: 1px solid #0cac9b;
  color: #0cac9b;
}

.badge-05 {
  border: 1px solid #8a67f0;
  color: #8a67f0;
}

.badge-06 {
  border: 1px solid #767676;
  color: #767676;
}

.badge-07 {  
  border: 1px solid #1e91f2;
  color: #1e91f2;
}

.badge-08 {
  border: 1px solid #51b221;
  color: #51b221;
}

.badge-09 {
  border: 1px solid #f2238f;
  color: #f2238f;
}

.badge-10 {
  border: 1px solid #f46052;
  color: #f46052;
}

.badge-11 {
  border: 1px solid #F96F06;
  color: #c40000;
}

/* Breadcrumb
========================================================================== */

.mo-bread {
  color: #686868;
  font-size: 14.5px;
  line-height: 1.4;
  list-style: none;
  margin: 0;
  padding: 0;
}

.mo-bread > li {
  display: inline-block;
  margin-right: 19px;
  position: relative;
}

.mo-bread > li:last-child {
  margin-right: 0;
}

.mo-bread > li:not(:last-child)::after {
  background: url("../images/mo_ico/path_divider.png") no-repeat 50% 50%;
  background-size: auto 15.3px;
  content: "";
  display: inline-block;
  height: 15px;
  position: absolute;  
  right: -19px;
  top: 53%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 15px;
}

.bread-wrapper.horizontal .mo-bread {
  display: inline-block;
}


/* Form Controls (폼 컨트롤: inputbox, checkbox, ...)
========================================================================== */

.control-wrapper {
  margin-bottom: 13px;
}

.control-wrapper.half {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content: space-between;
}

.control-wrapper.half > :last-child {
  text-align: right;
}

.control-wrapper.middle {
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}

.control-right {
  text-align: right;
}

.control-label-wrapper,
.control-content-wrapper {
  float: left;
}

.control-label-wrapper {
  font-weight: 500;
  width: 60px;
}

.control-content-wrapper {
  width: calc(100% - 60px);
}

.control-wrapper .label {
  color: #191919;
  font-size: 13px;
}

.input-wrapper {
  position: relative;
}

input[type="text"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="email"],
input[type="checkbox"],
input[type="radio"],
input[type="date"],
input[type="tel"],
select,
textarea {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}


input[type="text"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="email"],
input[type="date"],
input[type="tel"],
select,
textarea {
  border: 1px solid #C8C8C8;
  font-size: 13px;
  padding: 0 10px;
  width: 100%;
}

input[type="text"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="email"],
input[type="date"],
input[type="tel"],
select {
  height: 37px;
}

input[type="text"],
input[type="search"],
input[type="password"],
input[type="email"],
input[type="date"],
input[type="tel"],
input[type="number"] {
  border: 1px solid #C8C8C8;
  border-radius: 5px;
  font-size: 13px;
  padding: 10px;
}

input[type="radio"] {
  background: url("/images/mo_ico/radio_button_off.png") no-repeat 50% 50%;
  background-size: 24px auto;
  height: 24px;
  width: 24px;
  vertical-align: middle;
}

input[type="radio"]:checked {
  background-image: url("/images/mo_ico/radio_button_on.png");
}

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

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

input[type="date"] {
  position: relative;
}

input[type="date"]::-webkit-calendar-picker-indicator {
  color: transparent;
  background: none;
  z-index: 1;
}

input[type="date"]::-webkit-clear-button {
  display: none;
}

input[type="date"]::after {
  content: "";
  display: block;
  background: url("/images/mo_ico/calendar.png") no-repeat 50% 50%;
  background-size: 25px auto;
  height: 25px;
  position: absolute;
  right: 13px;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 25px;
}

input[type="date"]:disabled::after {
  background-image: url("/images/mo_ico/calendar_disabled.png");
}

select {
  background: url("../images/mo_ico/down_arrow.png") no-repeat right 11px center;
  background-size: 15px auto;
  background-color: white;
}

textarea {
  min-height: 300px;
  padding: 13px;
}

[required=""]::-webkit-input-placeholder {
  color: red;
}
[required=""]:-moz-placeholder {
  color: red;
}
[required=""]::-moz-placeholder {
  color: red;
}
[required=""]:-ms-placeholder {
  color:red;
}
[required=""]:placeholder-shown {
  color: red;
}

.label-for-radio {
  font-weight: 500;
}

.label-for-radio span {
  padding-left: 25px;
  position: relative;
  vertical-align: middle;
}

.label-for-radio-public span {
  padding-left: 28px;
}

.label-for-radio-private span::before,
.label-for-radio-public span::before {
  content: "";
  display: inline-block;
  left: 0;
  position: absolute;
}

.label-for-radio-private span::before {
  background: url("../images/mo_ico/lock.png") no-repeat 50% 50%;
  background-size: auto 21px;
  height: 21px;
  top: -2px;
  width: 21px;
}

.label-for-radio-public span::before {
  background: url("../images/mo_ico/unlock.png") no-repeat 50% 50%;
  background-size: 23px auto;
  height: 23px;
  left: 2px;
  top: -2px;
  width: 23px;
}

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

.input-button-bar {  
  position: relative;
}

input.width-normal {
  width: 120px;
}

input.width-short {
  width: 100px;
}

input.width-long {
  width: 150px;
}

input.focus {
  border: 2px solid #002F69;
}

input[readonly] {
  background-color: #EBEBEB;
  color:#494949;
}

input[disabled] {
  background-color: hsl(0, 0%, 90%);
  color: hsl(0, 0%, 29%);
}

.period-container {
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content: space-between;
}

.period-container .divider {
  text-align: center;
  width: 30px;
}

.period-container .start-date,
.period-container .end-date {  
  position: relative;
  width: calc(50% - 15px);
}

.period-container .calendar-icon {  
  position: absolute;
  right: 10px;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 25px;
}


/* Top Button
========================================================================== */

.mo-back-to-top-button-wrapper {
  bottom: 80px;
  display: none;
  opacity: 0.9;
  position: fixed;
  right: 7px;
  z-index: 600;
}

.mo-back-to-top-button-wrapper a {
  display: block;
}

.mo-back-to-top-button-wrapper img {
  box-shadow: 0px 3px 6px hsla(0, 0%, 0%, 0.16);
  width: 31px;
}

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

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

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

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

.stuff-search-list .stuff-search-progress-status {
  align-items: center;
  background-color: #1492E6;
  color: white;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  font-size: 16px;
  height: 40px;
  justify-content: center;
}

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

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

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

.bid-type-list li,
.bid-purpose-list li {
  float: left;
}

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

.bid-type-list li.focus,
.bid-purpose-list li.focus {
  color: #1492E6;
}

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

.bid-type-list li span.dpsl {
  color: white;
  background-color: #13645a;
  padding: 0 3px;
}

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

.stuff-search-list .stuff-search-title {
  color: #191919;
  font-size: 15px;
  font-weight: 500;  
  margin-bottom: 6px;
}

.stuff-search-list .card-title {
  color: #191919;  
}

.stuff-search-list .stuff-search-card {
  min-height: 140px;
  border-bottom: none;
}

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

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

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

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

.stuff-search-list.no-d-day .stuff-search-card .card-img-wrapper {  
  height: calc(100%);
}

.card-img-wrapper div.vdo::before{  
  background:url("/images/btn/mo_btn_play.png") no-repeat 50% 50%;
  background-size:50px auto;
  content: "";
  display: block;  
  left: 37px;
  position: absolute;
  top: 25px;
  width: 55px;
  height: 50px;
  
}

.stuff-search-list .stuff-search-card .stuff-search-focus {
  color: #1492E6;
  font-size: 17px;
  font-weight: 500;
  margin-bottom: 7px;
}

.stuff-search-list .stuff-search-card .stuff-search-period {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  font-size: 15px;
  line-height: 1.2;
  margin-bottom: 6px;  
}

.stuff-search-list .stuff-search-card .stuff-search-period .label {
  color: #8B8B8B;
  display: block;
  white-space: nowrap;  
}

.stuff-search-list .stuff-search-card .stuff-search-period .period {
  color: #212121;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  font-weight: 500;
  margin-left: 5px;
}

.stuff-search-list .stuff-search-card .stuff-search-period .period .start,
.stuff-search-list .stuff-search-card .stuff-search-period .period .end {
  white-space: nowrap;
  letter-spacing: normal;
}

.stuff-search-list .stuff-search-card .stuff-search-period .period .start {
  margin-right: 5px;
}

.stuff-search-list .stuff-search-card .stuff-search-min-bid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  font-size: 15px;
  line-height: 1.2;
}

.stuff-search-list .stuff-search-card .stuff-search-min-bid .label {
  color: #8B8B8B;
  display: block;
  margin-right: 5px;
  white-space: nowrap;  
}

.stuff-search-list .stuff-search-card .stuff-search-min-bid .price,
.stuff-search-list .stuff-search-card .stuff-search-min-bid .fail {
  color: #212121;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  font-weight: 500;
  letter-spacing: normal;
  word-break: keep-all;
}

.stuff-search-list .stuff-search-card .stuff-search-min-bid .price {
  margin-right: 5px;
}

.stuff-search-list .stuff-search-card .stuff-search-min-bid .fail {
  display: none;
}

.stuff-search-list .stuff-search-card .stuff-search-min-bid.stuff-search-min-bid-type-2 {
  display: block;
  margin-top: 20px;
}

.stuff-search-list .stuff-search-card .stuff-search-min-bid.stuff-search-min-bid-type-2 .label {
  color: #1492E6;
  display: block;
  font-size: 11px;
}

.stuff-search-list .stuff-search-card .stuff-search-min-bid.stuff-search-min-bid-type-2 .price {
  color: #002F69;
  display: block;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: normal;
}

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

.stuff-search-list.no-gutter .list-group-item {
  border-bottom: 1px solid #C8C8C8;
}


/* 개인정보 동의
========================================================================== */

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

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

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

.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;
}

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

.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: 152px;
  position: absolute;  
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 15.3px;
}

.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;
}

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

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

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

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

.agreement-wrapper.half {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content: space-between;
}

.agreement-wrapper .label {
  color: #191919;
  display: inline-block;
  font-size: 15px;
  margin-left: 10px;
}

.agreement-left,
.agreement-right,
.agreement-center {
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  min-height: 30px;
}

.agreement-left {
  align-items: flex-start;
}

.agreement-wrapper.half .agreement-left {
  align-items: center;
}

.agreement-right {
  justify-content: flex-end;
  text-align: right;
}

.agreement-left input[type="checkbox"] {
  -webkit-box-flex: 0 0 24px;
      -webkit-flex: 0 0 24px;
          -ms-flex: 0 0 24px;
              flex: 0 0 24px;
}

.agreement-center {
  justify-content: center;
}

.agreement-go-detail {
  color: #191919;
  font-size: 15px;
  font-weight: 500;
}


/* 맵
========================================================================== */

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

.stuff-map-wrapper {
  height: calc(100vh - 136px - 50px);  /* 136px = 66px(헤더높이) + 70px(안내문구 높이) */
                                /* 50px(하단 '목록' 버튼 높이) */
  position: relative;
}

.stuff-map .alert-type-4 {
  height: 70px;
}

.stuff-map-select-wrapper {
  left: 50%;
  position: absolute;
  top: 10px;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 50%;
  z-index: 1;
}

.stuff-map-select-wrapper select {
  font-size: 14px;
}

.btn-view-stuff-search-list {
  align-items: center;
  border-top: 1px solid #C8C8C8;
  color: #002F69;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  font-size: 15px;
  font-weight: 500;
  height: 50px;
  justify-content: center;
  width: 100%;
}

.mo-stuff-map-search.stuff-map .stuff-search-list-wrapper {
  background-color: #EEE;
  height: calc(100vh - 136px); /* 186px = 66px(헤더높이) + 70px(안내문구 높이) */
  position: absolute;
  top: calc(100vh + 5px);
  transition: top 0.5s ease;
  width: 100%;
  z-index: 10;
}

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

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

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

.stuff-map-legend,
.stuff-map-current-location,
.stuff-map-setting,
.stuff-map-zoom {
  background-color: white;
  border: 1px solid #C8C8C8;
  margin-bottom: 10px;
  position: relative;
  text-indent: -5000px;
  width: 42px;
}

.stuff-map-legend,
.stuff-map-current-location,
.stuff-map-setting {
  border-radius: 50%;
  height: 42px;
  line-height: 42px;
}

.stuff-map-zoom {
  height: 82px;
}

.stuff-map-legend {
  background-color: #CBCBCB;
}

.stuff-map-legend::before {
  background: url("/images/mo_ico/i_2.png") no-repeat 50% 50%;
  background-size: auto 42px;
  content: "";
  display: inline-block;
  height: 42px;
  left: 50%;  
  position: absolute;  
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 42px;
}

.stuff-map-current-location {
  color: #191919;
  font-size: 12px;
  font-weight: 500;
  text-align: center;
  text-indent: 0;
}

.stuff-map-setting {
  margin-bottom: 0;
}

.stuff-map-setting::before {
  background: url("/images/mo_ico/map_setting.png") no-repeat 50% 50%;
  background-size: 23px auto;
  content: "";
  display: inline-block;
  height: 23px;
  left: 50%;  
  position: absolute;  
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 23px;
}

.stuff-map-legend-tooltip {
  background-color: white;
  border: 1px solid #CBCBCB;
  border-radius: 10px;
  box-shadow: 0px 1px 3px hsl(0, 0%, 75%);
  display: none;
  padding: 10px;
  position: absolute;
  right: 50px;
  top: 5px;
  width: 125px;
  z-index: 10;
}

.stuff-map-legend-tooltip::before {
  border-color: transparent transparent transparent #CBCBCB;
  border-style: solid;
  border-width: 8px;
  content: "";
  display: block;
  height: 0;
  position: absolute;
  right: -16.5px;
  top: 13px;
  width: 0;
}

.stuff-map-legend-tooltip::after {
  border-color: transparent transparent transparent white;
  border-style: solid;
  border-width: 7px;
  content: "";
  display: block;
  height: 0;
  position: absolute;
  right: -13.7px;
  top: 14px;
  width: 0;
}

.stuff-map-legend-tooltip.on {
  display: block;
}

.stuff-map-legend-tooltip-title {
  margin-bottom: 10px;
  text-align: center;
}

.stuff-map-legend-tooltip-list {
  font-size: 11px;
}

.stuff-map-legend-tooltip-list li {
  margin-bottom: 10px;
  padding-left: 20px;
  position: relative;
}

.stuff-map-legend-tooltip-list li::before {
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: auto 17px;
  content: "";
  display: inline-block;
  height: 17px;
  left: 0;
  position: absolute;
  top: -1px;
  width: 17px;
}

.stuff-map-legend-tooltip-list li:nth-child(1)::before {
  background-image: url("/images/mo_ico/red_place.png");
}

.stuff-map-legend-tooltip-list li:nth-child(2)::before {
  background-image: url("/images/mo_ico/green_place.png");
}

.stuff-map-legend-tooltip-list li:nth-child(3)::before {
  background-image: url("/images/mo_ico/blue_place.png");
}

.stuff-map-legend-tooltip-list li:nth-child(4)::before {
  background-image: url("/images/mo_ico/gray_place.png");
}

.stuff-map-legend-tooltip-list li:nth-child(5)::before {
  background-image: url("/images/mo_ico/purple_place.png");
}

.legend-tooltip-close-btn {
  background: url("/images/mo_ico/cancel_05.png") no-repeat 50% 50%;
  background-color: #4B4B4B;
  background-size: 19px 19px;
  border: 1px solid #4B4B4B;
  border-radius: 50%;
  box-shadow: 0px 3px 6px hsla(0, 0%, 0%, 0.16);
  height: 19px;
  min-height: 19px;
  min-width: 19px;
  position: absolute;
  right: -8px;
  text-indent: -5000px;
  top: -8px;
  width: 19px;
}

.stuff-map-placeholder::before {
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: auto 41px;
  content: "";
  display: inline-block;
  height: 41px;
  left: 0;
  position: absolute;
  top: -1px;
  width: 41px;
  z-index: 1;
}

.stuff-map-placeholder-1::before {
  background-image: url("/images/mo_ico/red_place.svg");
}

.stuff-map-placeholder-2::before {
  background-image: url("/images/mo_ico/green_place.svg");
}

.stuff-map-placeholder-3::before {
  background-image: url("/images/mo_ico/blue_place.svg");
}

.stuff-map-placeholder-4::before {
  background-image: url("/images/mo_ico/gray_place.svg");
}

.stuff-map-placeholder-5::before {
  background-image: url("/images/mo_ico/purple_place.svg");
}

#map-placeholder-1,
#map-placeholder-2,
#map-placeholder-3 {
  position: absolute;
}

#map-placeholder-1 {
  left: 20px;
  top: 20px;
}

#map-placeholder-2 {
  left: 250px;
  top: 150px;
}

#map-placeholder-3 {
  left: 100px;
  top: 350px;
}


/* 이미지
========================================================================== */

img.responsive {
  max-width: 100%;
  width: 100%;
}

.deco-img-wrapper {
  align-items: center;
  background-color: #EFF2F9;
  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;
}

.deco-img-refund {
  width: 38px;
}

.deco-img-cert {
  height: 41.5px;
}

.deco-img-digital-cert {
  height: 40.5px;
}

.deco-img-interest {
  width: 35px;
}

.deco-img-label {
  color: #191919;
  font-size: 13px;
  text-align: center;
}

/* 달력
========================================================================== */

.cal-header {
  padding: 20px 0;
}

.cal-body {
  width: 100vw;
  margin-left: -20px;
}

.cal-nav {
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content: center;
}

.cal-nav .btn-icon{
	text-indent: 0;
}

.cal-prev-month-btn,
.cal-next-month-btn {
  position: relative;
  width: 24px;
  height: 24px;
}

.cal-prev-month-btn::before {
  background: url("/images/mo_ico/circle_arrow_left.png") no-repeat 50% 50%;
  background-size: 24px auto;
  height: 24px;
  width: 24px;
}

.cal-next-month-btn::before {
  background: url("/images/mo_ico/circle_arrow.png") no-repeat 50% 50%;
  background-size: 24px auto;
  height: 24px;
  width: 24px;
}

.cal-current-date {
  color: #191919;
  font-size: 20px;
  font-weight: 500;
  margin: 0 20px;
}

.cal-table {
  border-top: 1px solid #C8C8C8;
  border-collapse: collapse;
  width: 100%;
}

.cal-table tr {
  border-bottom: 1px solid #C8C8C8;
}

.cal-table tr:nth-child(2n) {
  background-color: #EFF2F9;
}

.cal-table th,
.cal-table td {
  font-size: 16px;
  padding: 10px;
  text-align: center;
}

.cal-table thead th {
  color: #8B8B8B;
  font-weight: normal;
}

.cal-table td {
  color: #191919;
  height: 80px;
  position: relative;
  vertical-align: top;
}

.cal-table .cal-other-day {
  color: hsl(0, 0%, 70%);
}

.cal-table .cal-today {
  color: white !important;
  font-weight: 500 !important;
}

.cal-table .cal-today::after {
  background-color: #1492E6;
  border-radius: 50%;
  content: "";
  display: inline-block;
  height: 40px;
  left: 50%;
  position: absolute;
  top: 3px;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 40px;
}

/* 사용자가 클릭(탭)하여 선택한 셀 */
.cal-table td.on::after {
  border: 1px solid red;
  border-radius: 50%;
  content: "";
  display: inline-block;
  height: 40px;
  left: 50%;
  position: absolute;
  top: 3px;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 40px;
}

.cal-table .cal-has-schedule::before {
  background-color: red;
  border-radius: 50%;
  content: "";
  display: inline-block;
  height: 10px;
  left: 50%;
  position: absolute;
  top: 50px;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 10px;
}

.cal-table th:first-child,
.cal-table td:first-child {
  color: red;
}

.cal-table th:last-child,
.cal-table td:last-child {
  color: #1492E6;
}

.cal-table td:first-child.cal-other-day {
  color: rgba(255, 0, 0, 0.3);
}

.cal-table td:last-child.cal-other-day {
  color: rgba(20, 146, 230, 0.3);
}

.cal-table .cal-cell-num {
  display: inline-block;
  position: relative;
  z-index: 1;
}

.cal-table .cal-today .cal-has-schedule-link {
  color: white;
}

.cal-list-wrapper {
  background-color: #EEE;
  margin-left: -20px;
  padding: 20px;
  width: 100vw;
}

.cal-list {
  color: #191919;
}

.cal-list > li {  
  background-color: white;
  padding: 20px;
  margin-bottom: 20px;
}

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

.cal-item-no-schedule,
.cal-item-type-1,
.cal-item-type-2,
.cal-item-type-3,
.cal-item-type-4 {
  border: 1px solid #CBCBCB;
}

.cal-item-type-1 {
  border-left: 15px solid #8A67F0;
}

.cal-item-type-2 {
  border-left: 15px solid #0CAC9B;
}

.cal-item-type-3 {
  border-left: 15px solid #0091EE;
}

.cal-item-type-4 {
  border-left: 15px solid #F2238F;
}

.cal-item-no-schedule {
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  font-size: 16px;
  font-weight: 500;
  justify-content: center;
  height: 100px;
}

.cal-item-title {
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 10px;
}

.cal-item-detail-list > li {
  color: #191919;
  font-size: 14px;
  font-weight: normal;
}


/* 기타
========================================================================== */

/*--------------------------*\
  기타 - 한국자산관리공사 서명 관련
\*--------------------------*/

.com-signature-wrapper {
  font-size: 14px;
  margin-bottom: 30px;
  margin-top: 40px;
  text-align: center;
}

.com-signature-date {
  letter-spacing: normal;
}

.com-signature-subtitle {
  font-size: 12px;
}

.com-signature {
  font-weight: 500;
}

/*--------------------------*\
  기타 - 스크롤
\*--------------------------*/

.js-layer ::-webkit-scrollbar {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}

.js-layer ::-webkit-scrollbar:vertical {
  width: 11.5px;
}

.js-layer ::-webkit-scrollbar:horizontal {
  height: 11.5px;
}

.js-layer ::-webkit-scrollbar-thumb {
  background-color: hsl(0, 0%, 75%);
  border: 4px solid white;
}

.js-layer ::-webkit-scrollbar-track {
  background-color: white;
}

/*--------------------------*\
  Owl Carousel
\*--------------------------*/

.owl-carousel {
  width: 1px !important;
  min-width: 100% !important;
  *width: 100% !important;
}

.mo-main .owl-carousel button.owl-dot {
  background-color: #C7C7C7;
  border-radius: 4px;
  height: 8px;
  margin-right: 10px;
  transition: width 0.2s;
  width: 8px;
}

.mo-main .owl-carousel button.owl-dot.active {
  background-color: #002F69;
  border-radius: 1000px;
  width: 24px;
}

/* Utilities (유틸리티)
========================================================================== */

/*####################################*\
  Utilities - Accessibilities (접근성)
\*####################################*/

/* 일반 사용자에게 보여지지 않고 스크린리더에서만 인식됨 */
.sr-only {
  border: 0;
  clip: rect(0,0,0,0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  white-space: nowrap;
  width: 1px;
}

/* .sr-only 요소가 포커스를 받을 경우 보여짐(탭을 통해 이동하는 사용자를 위한 스타일) */
.sr-only-focusable:active,
.sr-only-focusable:focus {
  position: fixed;
  width: auto;
  height: auto;
  overflow: visible;
  clip: auto;
  white-space: normal;
  top: 0;
  left: 0;
  z-index: 999999;
}

/*####################################*\
  Utilities - Layout
\*####################################*/

/* clear fix */
.clearfix::after {
  clear: both;
  content: "";
  display: block;
}

/* float */
.float-right { float: right !important; }
.float-left { float: left !important; }
.float-none { float: none !important; }

/*--------------------------*\
  Utilities - Layout - position
\*--------------------------*/

.position-static { position: static !important; }
.position-relative { position: relative !important; }
.position-absolute { position: absolute !important; }
.position-fixed { position: fixed !important; }
.position-sticky { position: sticky !important; }

/*####################################*\
  Utilities - Display
\*####################################*/

.hide { display: none; }

.d-inline-block { display: inline-block !important; }

.d-flex {
  display: flex !important;
}

.justify-content-start {
  justify-content: flex-start !important;
}

.justify-content-end {
  justify-content: flex-end !important;
}

.justify-content-center {
  justify-content: center !important;
}

.justify-content-between {
  justify-content: space-between !important;
}

.justify-content-around {
  justify-content: space-around !important;
}

.align-items-stretch {
  align-items: stretch !important;
}

.align-items-start {
  align-items: flex-start !important;
}

.align-items-end {
  align-items: flex-end !important;
}

.align-items-center {
  align-items: center !important;
}

/*####################################*\
  Utilities - Text
\*####################################*/

/*--------------------------*\
  Utilities - Text - 기본
\*--------------------------*/

.text {
  color: #8B8B8B !important;
  line-height: 1.4 !important;
}

.text-primary   { color: #1492E6 !important; }
.text-secondary { color: #8B8B8B !important; }
.text-third     { color: #002F69 !important; }
.text-forth     { color: #191919 !important; }
.text-danger    { color: #FF0000 !important; }

.text-color-1   { color: #686868 !important; }
.text-color-2   { color: #002F69 !important; }
.text-color-3   { color: #191919 !important; }
.text-color-4   { color: #212121 !important; }

/*--------------------------*\
  Utilities - Text - font size
\*--------------------------*/

.font-size-x-small { font-size: 11px !important; }
.font-size-small { font-size: 12px !important; }
.font-size-normal { font-size: 13px !important; }
.font-size-medium { font-size: 14px !important; }
.font-size-large { font-size: 15px !important; }
.font-size-x-large { font-size: 16px !important; }


/*--------------------------*\
  Utilities - Text - align
\*--------------------------*/

.text-justify { text-align: justify !important; }
.text-left    { text-align: left !important; }
.text-center  { text-align: center !important; }
.text-right   { text-align: right !important; }

/*--------------------------*\
  Utilities - Text - focus
\*--------------------------*/

.text-focus   {
  color: #002F69 !important;
  font-weight: 500 !important;
}

.text-bold {
  font-weight: 500;
}

.font-bold {
  font-weight: bold;
}

.text-focus-primary   { color: #002F69 !important; }
.text-focus-secondary { color: #1492E6 !important; }

.text-required  {
  color: red !important;
  font-weight: 500;
}

/*--------------------------*\
  Utilities - Text - letter-spacing
\*--------------------------*/

.letter-spacing-normal { letter-spacing: normal !important; }

/*--------------------------*\
  Utilities - Text - decoration
\*--------------------------*/

.text-decoration-none { text-decoration: none !important; }

/*####################################*\
  Utilities - Space
\*####################################*/

.outer-space        { margin: 13px !important; }
.outer-top-space    { margin-top: 13px !important; }
.outer-right-space  { margin-right: 13px !important; }
.outer-bottom-space { margin-bottom: 13px !important; }
.outer-left-space   { margin-left: 13px !important; }


.inner-space        { padding: 13px !important; }
.inner-top-space    { padding-top: 13px !important; }
.inner-right-space  { padding-right: 13px !important; }
.inner-bottom-space { padding-bottom: 13px !important; }
.inner-left-space   { padding-left: 13px !important; }

.line-height-normal  { line-height: normal !important; }
.line-height-large  { line-height: 1.5 !important; }
.line-height-x-large  { line-height: 1.6 !important; }
.line-height-small  { line-height: 1.4 !important; }
.line-height-x-small  { line-height: 1.2 !important; }

/*####################################*\
  Utilities - Margin
\*####################################*/

/*--------------------------*\
  Margin
\*--------------------------*/

.m-0   { margin: 0 !important; }
.m-5   { margin: 5px !important; }
.m-10  { margin: 10px !important; }
.m-15  { margin: 15px !important; }
.m-20  { margin: 20px !important; }

/*--------------------------*\
  Margin - top
\*--------------------------*/

.mt-0   { margin-top: 0 !important; }
.mt-5   { margin-top: 5px !important; }
.mt-10  { margin-top: 10px !important; }
.mt-13  { margin-top: 13px !important; }
.mt-15  { margin-top: 15px !important; }
.mt-20  { margin-top: 20px !important; }
.mt-25  { margin-top: 25px !important; }

.mt-m-5   { margin-top: -5px !important; }
.mt-m-10  { margin-top: -10px !important; }
.mt-m-15  { margin-top: -15px !important; }
.mt-m-20  { margin-top: -20px !important; }

/*--------------------------*\
  Margin - right
\*--------------------------*/

.mr-0   { margin-right: 0 !important; }
.mr-1   { margin-right: 1px !important; }
.mr-2   { margin-right: 2px !important; }
.mr-3   { margin-right: 3px !important; }
.mr-4   { margin-right: 4px !important; }
.mr-5   { margin-right: 5px !important; }
.mr-10  { margin-right: 10px !important; }
.mr-15  { margin-right: 15px !important; }
.mr-20  { margin-right: 20px !important; }
.mr-25  { margin-right: 25px !important; }

/*--------------------------*\
  Margin - bottom
\*--------------------------*/

.mb-0   { margin-bottom: 0 !important; }
.mb-1   { margin-bottom: 1px !important; }
.mb-2   { margin-bottom: 2px !important; }
.mb-3   { margin-bottom: 3px !important; }
.mb-4   { margin-bottom: 4px !important; }
.mb-5   { margin-bottom: 5px !important; }
.mb-10  { margin-bottom: 10px !important; }
.mb-13  { margin-bottom: 13px !important; }
.mb-15  { margin-bottom: 15px !important; }
.mb-20  { margin-bottom: 20px !important; }
.mb-25  { margin-bottom: 25px !important; }
.mb-30  { margin-bottom: 30px !important; }
.mb-35  { margin-bottom: 35px !important; }
.mb-40  { margin-bottom: 40px !important; }
.mb-50  { margin-bottom: 50px !important; }

/*--------------------------*\
  Margin - left
\*--------------------------*/

.ml-0   { margin-left: 0 !important; }
.ml-5   { margin-left: 5px !important; }
.ml-10  { margin-left: 10px !important; }
.ml-15  { margin-left: 15px !important; }
.ml-20  { margin-left: 20px !important; }
.ml-25  { margin-left: 25px !important; }

/*####################################*\
  Utilities - Border
\*####################################*/

.border-0         { border: none !important; }
.border-top-0     { border-top: none !important; }
.border-right-0   { border-right: none !important; }
.border-bottom-0  { border-bottom: none !important; }
.border-left-0    { border-left: none !important; }

.border           { border: 1px solid #C8C8C8 !important; }
.border-top       { border-top: 1px solid #C8C8C8 !important; }
.border-right     { border-right: 1px solid #C8C8C8 !important; }
.border-bottom    { border-bottom: 1px solid #C8C8C8 !important; }
.border-left      { border-left: 1px solid #C8C8C8 !important; }

/*####################################*\
  Utilities - Padding
\*####################################*/

.p-0      { padding: 0 !important; }
.p-5      { padding: 5px !important; }
.p-10     { padding: 10px !important; }
.p-15     { padding: 15px !important; }
.p-20     { padding: 20px !important; }

/*--------------------------*\
  Padding - bottom
\*--------------------------*/

.pb-0    { padding-bottom: 0px !important; }
.pb-5    { padding-bottom: 5px !important; }
.pb-10   { padding-bottom: 10px !important; }
.pb-15   { padding-bottom: 15px !important; }
.pb-20   { padding-bottom: 20px !important; }
.pb-25   { padding-bottom: 25px !important; }
.pb-30   { padding-bottom: 30px !important; }
.pb-35   { padding-bottom: 35px !important; }
.pb-40   { padding-bottom: 40px !important; }

/*--------------------------*\
  Padding - left
\*--------------------------*/

.pl-5    { padding-left: 5px !important; }
.pl-10   { padding-left: 10px !important; }
.pl-15   { padding-left: 15px !important; }
.pl-20   { padding-left: 20px !important; }
.pl-25   { padding-left: 25px !important; }
.pl-30   { padding-left: 30px !important; }
.pl-35   { padding-left: 35px !important; }
.pl-40   { padding-left: 40px !important; }

/*--------------------------*\
  Padding - right
\*--------------------------*/

.pr-5    { padding-right: 5px !important; }
.pr-10   { padding-right: 10px !important; }
.pr-15   { padding-right: 15px !important; }
.pr-20   { padding-right: 20px !important; }
.pr-25   { padding-right: 25px !important; }
.pr-30   { padding-right: 30px !important; }
.pr-35   { padding-right: 35px !important; }
.pr-40   { padding-right: 40px !important; }


/* 이용약관
========================================================================== */

.use_terms {/*height: 548px;*/padding: 25px 28px 25px 25px;}
.use_terms .use_turn:after{content:''; display:block; clear:both}
.use_terms > *{margin-top:20px;font-size:12px;}
.use_terms a{text-decoration:underline}
.use_terms .use_turn{width:100%}
.use_terms .use_turn > *{float:right;font-size:12px;}
.use_terms .use_turn ul li span{display:inline-block; width:60px;}
.use_terms .terms_name{display:block; margin:0px; text-align:center; font-size:18px}
.use_terms .terms_content{margin-top:20px}
.use_terms .terms_content dt{font-size:13px; font-weight:bold; color:#3786BF}
.use_terms .terms_content dd{margin:5px 0 10px; padding-left:20px;font-size:12px;font-weight:normal;}
.use_terms .terms_content dd p{margin:0 0 5px}
.use_terms .terms_content dd > ul{margin-top:10px}
.use_terms .terms_content dd > ul > li{padding-left:15px}
.use_terms .terms_content dd li{margin:0 0 5px; padding-left:35px; text-indent:-15px}

.use_terms .tac{text-align:center}
.use_terms table{width:100%; border-collapse:collapse}
.use_terms table th,
.use_terms table td{padding:0; border:1px solid #ccc; text-indent:0; text-align:center}

.terms_topbox{margin-top:20px; padding:10px 20px; border:5px solid #ebebeb; box-sizing:border-box}
.terms_topbox p{margin:10px 0}

.terms_ul_only > li{margin-bottom:5px; padding-left:10px; background:url(/images/op_ico/c8_bul.gif) no-repeat left 8px}
.terms_ul_only ol li{padding-left:15px; text-indent:-15px}

.terms_stick{padding-left:35px; text-indent:-35px}

.list_type_circle{margin-left:20px}
.list_type_circle li{list-style-type:circle}




/* 2020.05.29 추가 */

/*--------------------------*\
  공통 - 챗봇 아이콘
\*--------------------------*/
.chat-bot-box {position:fixed;bottom:20%;right:10px;z-index:1000;width:70px;}
#move_top_btn {display:inline-block;width:70px;}
#move_top_btn img {width: 100%;}
.btn-chat-close {position:absolute;right:-5px;top:-12px;z-index:5;width:24px;height:24px;text-indent:-999999px;overflow:hidden;background:url("/images/mo_ico/btn_close_chat.png") 50% 50% no-repeat;background-size:24px auto;margin:0;padding:0;border:none;z-index:99999}
.chat-bot-box.bounce-chat {animation:bounce .5s ease-out Infinite Alternate;}


@keyframes bounce {
  from {
    bottom:20%;
  }
  to {
    bottom:20.7%;
  }
}



ul {margin:0;padding:0;list-style:none;}



.mo-radio-img-list {display: flex;flex-wrap: wrap;}
.mo-radio-img-list label {flex: 1;min-height: 40px;padding: 5px 2px;word-break: keep-all;position:relative;}
.mo-radio-img-list label {background: url("../images/mo_ico/phone_gray.png") no-repeat 50% 0;background-size: 160px auto;}
.mo-radio-img-list.complete label {background: url("../images/mo_ico/phone_blue.png") no-repeat 50% 0;background-size: 160px auto;}
/* .mo-radio-img-list label:last-child {background: url("../images/mo_ico/certificate_gray.png") no-repeat 50% 0;background-size: 79px auto;} */
.mo-radio-img-list label:last-child::before {
  content: "";
  height: 55px;
  position: absolute;
  left:0;
  top: 50%;
  background-color:#C8C8C8;
  transform: translateY(-50%);
  width: 0px;
}
/*
.mo-radio-img-list input[type="radio"] {position: absolute;opacity: 0;}
*/
.mo-radio-img-list input[type="radio"] {position: absolute;width: 145px;height: 145px;left: 50%;top: 33.7%;transform: translateX(-50%)}
.mo-radio-img-list input[type="radio"] + label {
  padding-top:160px;
  align-items: center;
/*   color: #A7A7A7; */
  display: flex;
  font-size: 20px;
  justify-content: center;
  text-align: center;
}

.mo-radio-img-list input[type="radio"]:checked + label {
  background: url("../images/mo_ico/phone_white.png") no-repeat 50% 0;
  background-size: 79px auto;
  color: #002F69;
  font-weight:500;
}

.mo-radio-img-list input[type="radio"]:checked + label:last-child {
  background: url("../images/mo_ico/certificate_white.png") no-repeat 50% 0;
  background-size: 79px auto;
}


.join-agreement-wrapper {margin-bottom: 20px;}
.join-agreement-wrapper.half {display: flex;justify-content: space-between;}
.join-agreement-wrapper.half .layout-right {position:relative;}
.agreement-wrapper-all {padding-top:25px;border-top:1px solid #C8C8C8;border-bottom:1px solid #C8C8C8;}
.join-agreement-wrapper .label {color: #191919;display: inline-block;font-size: 15px;margin-left: 10px;}
.join-agreement-wrapper .agreement-left,
.join-agreement-wrapper .agreement-right {align-items: center;display: flex;min-height: 30px;}
.join-agreement-wrapper .agreement-left {align-items: flex-start;}
.join-agreement-wrapper.half .agreement-left {align-items: center;}
.agreement-right {justify-content: flex-end;text-align: right;}
.agreement-left input[type="checkbox"] {flex: 0 0 24px;}

.join-agreement-go-detail {color:#1492E6;font-weight:500;font-size:15px;}
.join-agreement-go-detail-2 {color:#1492E6;font-weight:500;font-size:13px;padding-right:6px;}

/* Popup (팝업) - 화면 가운데 정렬
========================================================================== */

.mo-pop-full {min-height: calc(100vh - 50px);}

.alert-txt-full {
  color: #002F69;
  font-size: 16px;
  font-weight: 500;
  left: 50%;
  position: absolute;
  text-align: center;
  top: 50%;
  transform: translate(-50%, -50%);
  width:100%;
}

/* 필수입력
========================================================================== */

.txt-ess {color:#FF0000;}
.text-info-ess {color:#8B8B8B;font-size:11px;}
.text-info-ess em {color:#FF0000;}
.text-info-ess2 em {color:#FF0000;font-style:normal;font-size:11px;}

.mt-30 { margin-top: 30px !important;}
.mt-40 { margin-top: 40px !important;}
.mt-50 { margin-top: 50px !important;}
.mt-100 {margin-top:100px !important;}
.mt-125 { margin-top:125px !important;}
.mt-150 { margin-top:150px !important;}


.pl-0 {padding-left:0 !important}
.pr-0 {padding-right:0 !important}
.pr-60 {padding-right:60px !important}



/* 동의영역 
========================================================================== */

.acc-content-box {border:1px solid #C8C8C8;vertical-align:top;}
.acc-content-box header .title {margin-bottom:0;background-color:#EFF2F9;font-size:14px;text-align:center;padding:10px 0;border-bottom:1px solid #C8C8C8;}
.acc-content-cont {padding:10px;vertical-align:top;}
.acc-content-cont ul.mo-list {list-style-type:"";margin-left:0;margin-top:5px;}
.acc-content-cont .mo-list li {padding-left:0;color:#191919;}
.acc-content-cont .mo-list li:last-child {margin-bottom:0;}

/* 가입완료
========================================================================== */

.alert-join-full {color: #002F69;font-size: 16px;font-weight: 500;text-align: center;}
.alert-join-full::before {
  background: url("/images/mo_ico/blue_check.png") no-repeat 50% 50%;
  background-color: #EFF2F9;
  background-size: 29.5px auto;
  border: 1px solid #C8C8C8;
  border-radius: 50%;
  content: "";
  display: block;
  height: 70px;
  margin: 0 auto;
  margin-bottom: 5px;
  width: 70px
}

.alert-join-full.alert-approval::before {
  background: url("/images/mo_ico/join_approval_check.png") no-repeat 50% 50%;
  background-color: #EFF2F9;
  background-size: 40.5px auto;
  border: 1px solid #C8C8C8;
  border-radius: 50%;
  content: "";
  display: block;
  height: 70px;
  margin: 0 auto;
  margin-bottom: 5px;
  width: 70px
}

.alert-join-full.alert-confirm::before {
  background: url("/images/mo_ico/join_confirm_check.png") no-repeat 50% 50%;
  background-color: #EFF2F9;
  background-size: 34px auto;
  border: 1px solid #C8C8C8;
  border-radius: 50%;
  content: "";
  display: block;
  height: 70px;
  margin: 0 auto;
  margin-bottom: 5px;
  width: 70px
}

.alert-join-full.alert-no-certif::before {
  background: url("/images/mo_ico/join_certif_check.png") no-repeat 50% 50%;
  background-color: #EFF2F9;
  background-size: 12px auto;
  border: 1px solid #C8C8C8;
  border-radius: 50%;
  content: "";
  display: block;
  height: 70px;
  margin: 0 auto;
  margin-bottom: 5px;
  width: 70px
}

.alert-join-full.alert-certif::before {
  background: url("/images/mo_ico/circle_certificate.png") no-repeat 50% 50%;
  background-color: #EFF2F9;
  background-size: 38.5px auto;
  border: 1px solid #C8C8C8;
  border-radius: 50%;
  content: "";
  display: block;
  height: 70px;
  margin: 0 auto;
  margin-bottom: 5px;
  width: 70px
}

.join-complete-area .para {font-size:15px;}
.alert-type-2.wide {padding:20px;}

/* 가입완료_안내_제출서류
========================================================================== */
.mo-list .view-attachments li {color:#E50019;}



/* 버튼 중간크기
========================================================================== */
.btn-md {font-size:15px !important;height:40px;}


/* 입력 스타일
========================================================================== */
.flx-input {display:-webkit-flex;display:flex;}
.flx-input input {padding-right:10px !important;}
.flx-input input:nth-child(1) {width:75px;border-right:none;}
.flx-input input:nth-child(2) {width:45px;height:48px;border-right:none;}
.flx-input input:nth-child(3) {padding-right:100px !important;}
/* .flx-input-name input {padding-right:10px !important;} */


/* 비활성 버튼 상태
========================================================================== */
.footer-button-wrapper .btn-footer-primary[disabled] {background-color:#EFF2F9;color:#686868;}



/* 검색 영역 텍스트 정렬
========================================================================== */
.search-labels-center {text-align:center;margin:0 auto;}


/* 화면 세로 영역 100%
========================================================================== */
.mo-vh-full {min-height: calc(100vh - 50px);}
.mo-vh-full2 {min-height: calc(100vh);}
.mo-vh-full100 {min-height: calc(100vh);padding:0;margin:0;}

/* 텍스트 하단 줄
========================================================================== */
.underline-box {border-bottom:1px solid #1492E6;}


/* 입력박스 검색어 재입력 버튼
========================================================================== */
.mo-control-list li {position:relative;}
.btn-clear {position:absolute;right:10px;top:50%;z-index:5;width:19px;height:19px;text-indent:-999999px;overflow:hidden;background:url("/images/mo_ico/btn_close_input.png") 50% 50% no-repeat;background-size:19px auto;margin:-9px 0 0 0;padding:0;border:none;}
.join-input-btn .btn-clear.clear-right {right:105px;}

/* 첨부파일 삭제버튼
========================================================================== */
.btn-del-file {z-index:5;width:19px;height:19px;text-indent:-999999px;overflow:hidden;background:url("/images/mo_ico/btn_close_input.png") 50% 50% no-repeat;background-size:19px auto;margin:0 0 0 10px;padding:0;border:none;}

/* 제출 서류 선택
========================================================================== */
.view-attachments .list-group-item {position:relative;}
.btn-file-right {position:absolute;top:9px;right:10px;}
.btn-del-camera {z-index:5;width:25px;height:25px;text-indent:-999999px;overflow:hidden;background:url("/images/mo_ico/btn_file_camera.png") 50% 50% no-repeat;background-size:25px auto;margin:0 10px 0 10px;padding:0;border:none;}
.btn-del-folder {z-index:5;width:30px;height:25px;text-indent:-999999px;overflow:hidden;background:url("/images/mo_ico/btn_file_folder.png") 50% 50% no-repeat;background-size:30px auto;margin:0 0 0 10px;padding:0;border:none;}

/* 테이블 입력박스
========================================================================== */
.mo-table .mo-control-list > li input {height:30px;}
.th-txt-color {color:#1492E6;font-size:11px;margin:5px 0 0 0;}

/* 테이블 스타일 추가
========================================================================== */
.mo-table-ty2 th {font-size:12px;color:#002F69;background-color:#fff;}
.mo-table-ty2 tr:nth-child(odd) {background-color:#EFF2F9;}
.mo-table-ty2 tr td {color:#8B8B8B;font-size:11px;}
.mo-table-ty2 tr td button {color:#8B8B8B;font-size:11px;background-color:#fff0;text-align:left;border:0;}


/* 흰색 배경
========================================================================== */
.bg-white {background-color:#fff !important;}


/* 삭제 버튼
========================================================================== */
.group-add {padding-top:25px}
.btn-del-group {z-index:5;width:24px;height:24px;text-indent:-999999px;overflow:hidden;background:url("/images/mo_ico/btn_del_group.png") 50% 50% no-repeat;background-size:24px auto;margin:-12px 0 0 0;padding:0;border:none;}


.btn-x-small {font-size: 11px;padding: 6px 8px;}


/*####################################*\
  Accordion - 타입4(스타일4)
\*####################################*/

.mo-accordion-type-4 .acc-item {border-bottom: 1px solid #C8C8C8;background-color:#fff;}
.mo-accordion-type-4 .acc-header {padding:19px 30px 18px;}
.mo-accordion-type-4 .acc-header {height:auto;background-color:#F9F9F9;display: flex;justify-content: space-between;}
.mo-accordion-type-4 .acc-header .acc-header-left h2 {color:#191919;font-size:16px;font-weight:500;}
.mo-accordion-type-4 .acc-header .acc-header-left span {color:#8B8B8B;font-size:12px;display:inline-block;}
.mo-accordion-type-4 .acc-header .acc-header-right {text-align:right;}
.mo-accordion-type-4 .acc-header::after, .mo-accordion-type-4 .acc-item.on .acc-header::after {background:none;}
.mo-accordion-type-4 .acc-body {border-bottom: none;background-color:#fff;padding:0 20px;}
.mo-accordion-type-4 .acc-body .acc-content {padding-top:15px;}
.mo-accordion-type-4 h3 {color: #4B4B4B;font-size: 13px;}
.mo-accordion-type-4 .set-toggle-cont {margin-bottom:0;}
.mo-accordion-type-4 .set-toggle-cont h4 {padding:6px 10px;color:#686868;font-size:13px;background-color:#F9F9F9;}
.mo-accordion-type-4 .set-toggle-cont .control-wrapper {margin-top:13px;padding:0 10px;}
.mo-accordion-type-4 .set-toggle-cont .control-left span {color:#8B8B8B;font-size:14px;}
.mo-accordion-type-4 .set-toggle-cont .mo-sub-section {border-top:1px solid #C8C8C8;}
.mo-accordion-type-4 .set-toggle-cont.login-ty .control-wrapper {margin-top:0;}
.mo-accordion-type-4 .set-toggle-cont.login-ty .mo-sub-section {border-top:none;}


/*####################################*\
  Accordion - 타입5(스타일5)
\*####################################*/

.mo-accordion-type-5 .acc-header {border: 1px solid #C8C8C8;border-radius: 5px;margin-bottom: 10px;}
.mo-accordion-type-5 .acc-body {padding:0;border:none;}
.mo-accordion-type-5 .acc-content h4 {font-size:16px;margin-bottom:10px;}
.mo-accordion-type-5 .title {color:#191919;font-size: 15px;}
.mo-accordion-type-5 .acc-body-buttons {background-color:#EBEBEB;}
.mo-accordion-type-5 .acc-content {margin-bottom:0;}
.mo-accordion-type-5 .acc-body-buttons .btn {font-size:13px;color:#002F69;background-color:#EBEBEB;padding:5px 30px 25px 8px;}
.mo-accordion-type-5 .mo-list li {color:#191919;}


/*####################################*\
  하단 팝업 다음 버튼 스타일
\*####################################*/

.footer-button-wrapper.footer-button-next {margin-bottom:10px;}
.footer-button-wrapper.footer-button-next button {z-index:5;width:11px;height:19px;text-indent:-999999px;overflow:hidden;background:url("/images/mo_ico/btn_next_group.png") 50% 50% no-repeat;background-size:11px auto;margin:0;padding:0;border:none;}

.mo-footer-popup {left:0;}


/*--------------------------*\
  List - group - type-2
\*--------------------------*/

.mo-list-group.type-2 {border-top: 1px solid #C8C8C8;}
.mo-list-group.type-2 > li {border-bottom: 1px solid #C8C8C8;position: relative;}
.mo-list-group.type-2 > li.on {background-color: #EBEBEB;}
.mo-list-group.type-2 > li a {display: block;padding: 10px;}



/*--------------------------*\
  List - 체크박스 리스트 - 타입5(스타일5)
\*--------------------------*/

.mo-button-list.button-list-type-5,
.mo-radio-button-list.button-list-type-5,
.mo-checkbox-list.button-list-type-5 {background-color:#fff;}

.mo-button-list.button-list-type-5 input + label,
.mo-checkbox-list.button-list-type-5 input[type="checkbox"] + label {
  color: #191919;
  font-size:13px;
  border:2px solid #EFF2F9;
  -webkit-border-radius:20px;border-radius:20px;
  background-color: #EFF2F9;
  padding:0 6px;
  min-height:35px;
}



.mo-button-list.button-list-type-5 input.on + label,
.mo-checkbox-list.button-list-type-5 input[type="checkbox"].on + 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-button-list.button-list-type-5 input:checked + label,
.mo-checkbox-list.button-list-type-5 input[type="checkbox"]:checked + label {
  background-color: #fff;
  color: #191919;
  border:2px solid #1492E6;
  -webkit-border-radius:20px;border-radius:20px;
  box-shadow:none;
}

.mo-button-list.button-list-type-5 input:disabled + label,
.mo-checkbox-list.button-list-type-5 input[type="checkbox"]:disabled + label {
  background-color: hsl(0, 0%, 90%);
  color: hsl(0, 0%, 60%);
}

.mo-button-list.button-list-type-5 .mo-container .row {margin:20px 0 0 0;}
.mo-button-list.button-list-type-5 .mo-container .row:first-child {margin-top:10px;}
.mo-button-list.button-list-type-5 .mo-container [class^="col"] {padding-left:16px;}
.mo-button-list.button-list-type-5 .mo-container [class^="col"]:first-child {padding-left:0}


/*-----------------------------------------------*\
  List - 라디오 버튼 리스트 및 체크박스 리스트 - 타입6(스타일6)
\*-----------------------------------------------*/

.mo-button-list.button-list-type-6 {margin-top:25px;}
.mo-button-list.button-list-type-6 input + label,
.mo-radio-button-list.button-list-type-6 input[type="radio"] + label,
.mo-checkbox-list.button-list-type-6 input[type="checkbox"] + label {
  color: #191919;
  min-height:35px;
}

.mo-button-list.button-list-type-6 input:checked + label,
.mo-radio-button-list.button-list-type-6 input[type="radio"]:checked + label,
.mo-checkbox-list.button-list-type-6 input[type="checkbox"]:checked + label {
  background-color: #686868;
  color: white;
}

.mo-button-list.button-list-type-6 input:disabled + label,
.mo-radio-button-list.button-list-type-6 input[type="radio"]:disabled + label,
.mo-checkbox-list.button-list-type-6 input[type="checkbox"]:disabled + label {
  background-color: hsl(0, 0%, 90%);
  color: hsl(0, 0%, 60%);
}




/* Table (테이블 스타일02)
========================================================================== */
.table-ty02.mo-table {border-top:none;}
.table-ty02.mo-table thead th {background-color:#1492E6;color:#fff;font-size:13px;border-left:1px solid #E1E1E1;}
.table-ty02.mo-table tbody th {background-color:#F0F0F0;color:#464646;font-size:13px;border-right:none;}
.table-ty02.mo-table .point-cell {background-color:#E0EAF8;}
.table-ty02.mo-table td {color:#191919;font-size:13px;text-align:center;border-left:1px solid #E1E1E1;}
.table-ty02.mo-table th, .table-ty02.mo-table td {border-bottom:none;border-top:1px solid #E1E1E1;}
.block-line th, .block-line td {border-top:1px solid #7D8EAE !important;}
.tl-cell {text-align:left !important;}
.tr-cell {text-align:right !important;}
.table-ty02 .cell-txt-color {color:#F72D2D;}
.total-line-cell {background-color:#E0EAF8;box-shadow: 10px 10px 10px -6px rgba(0, 47, 105, 0.3)}
.table-ty02.mo-table .total-line-cell th, .table-ty02.mo-table .total-line-cell td {border:1px solid #002F69;border-width:1px 0;}
.table-ty02.mo-table .total-line-cell th {background-color:#fff;border-width:1px 0 1px 1px;}
.table-ty02.mo-table .total-line-cell td:last-child {border-width:1px 1px 1px 0;}
.table-ty02.mo-table tbody th.th-first-cell {background-color:#1492E6;color:#fff;}
.table-ty02.mo-table .th-bor {border-right:1px solid #E1E1E1;}
.table-ty02.mo-table .total-center th, .table-ty02.mo-table .total-center td {color:#2887F1;border:1px solid #7D8EAE;border-width:1px 0;}
.table-ty02.mo-table .total-center + .total-line-cell th, .table-ty02.mo-table .total-center + .total-line-cell td {border-width:0 0 1px 0;}
.table-ty02.mo-table.bot-table {border-top:1px solid #464646 !important;}

.use_terms {padding:0;}


/* full 팝업 관련 스타일
========================================================================== */

.no-scroll {
  -ms-touch-action: none;
      touch-action: none;
  overscroll-behavior: none;
  overflow: hidden;
}

/* html, body 요소의 scroll 막기 */
html.no-scroll,
body.no-scroll {
  -ms-touch-action: none;
      touch-action: none;
  overscroll-behavior: none;
  overflow: hidden;
}

/* body 요소 스크롤 고정 하기 */
html.no-scroll {
  height: 100% !important;
  overflow: hidden !important;
  position: relative !important;
}
body.no-scroll {
  height: 100% !important;
  overflow: auto !important;
  position: relative !important; 
}

.full-popup-wrapper {
  background-color: white;
  bottom: 0;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 9999;
}

.full-popup-wrapper.on {
  /* display: block;
  opacity: 1;
  z-index: 9999; */
}

.full-popup-wrapper iframe {
  border: none;
  display: block !important;
}


/* IOS input focus 시 zoom 막기
========================================================================== */

@supports (-webkit-touch-callout: none) {
  select,
  textarea,
  input[type="text"],
  input[type="search"],
  input[type="password"],
  input[type="datetime"],
  input[type="datetime-local"],
  input[type="date"],
  input[type="month"],
  input[type="time"],
  input[type="week"],
  input[type="number"],
  input[type="email"],
  input[type="url"] {
    font-size: 16px !important;
  }
}


/* 모의 입찰
========================================================================== */

.edu-bid {
  /*background-image: url("/images/mo_ico/edu_mark_bg.svg");*/
  background-position: 50% 50%;
  background-size: auto 250px;
  background-repeat: repeat-y;
}

.edu-bid .mo-header.mo-header-root {
  border: 3px solid red;
}

.edu-bid .mo-header.mo-header-root::before {
  background: url("/images/mo_ico/edu_mark_title.svg") no-repeat 50% 50%;
  background-size: auto 38px;
  content: "";
  display: block;
  height: 38px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 55px;
  width: 38px;
}

.edu-bid .mo-header-root .title {
  color: #ff0000;
}

/* temp.css 파일에 있던 스타일 통합. 2020-06-09 추가
========================================================================== */

.pd-t0 {padding-top:0 !important}
.no-pad-cell {padding:7px 0 !important;}
.slidemenu-wrap .slidemenu .nav-menu a {font-weight:500;}
.table-ty02.mo-table td {background-color:#fff;}
.table-ty02.mo-table tbody th.th-first-cell {border-top:none;}
.table-ty02.mo-table tbody th.th-first-cell.bg-cell-red {background-color:#FC573D;}
.table-ty02.mo-table tbody th.th-first-cell.bg-cell-yellow {background-color:#FBB615;}


.table-ty02.mo-table .total-line-cell td {background:none;}
.state-space:last-child {padding-bottom:20px;}
.no-bor-total th, .no-bor-total td {border-width:1px 0 0 0 !important;}
.no-bor-total + .block-line th, .no-bor-total + .block-line td {border:1px solid #3A506A;border-width:1px 0 0 0;}
.table-ty02.mo-table .total-center + .total-line-cell th {border-top:1px solid #002F69;border-left:1px solid #002F69;border-bottom:1px solid #002F69;}
.table-ty02.mo-table .total-center + .total-line-cell td {border-top:1px solid #002F69;border-bottom:1px solid #002F69;}
.table-ty02.mo-table .total-center + .total-line-cell td:last-child {border-top:1px solid #002F69;border-right:1px solid #002F69;}
.table-ty02.mo-table .total-center td {border-left:1px solid #E1E1E1}
/* .table-ty02.mo-table .total-center td:first-child {border-left:none;} */
.table-ty02.mo-table .total-center.no-bor-center th, .table-ty02.mo-table .total-center.no-bor-center td {border-width:1px 0 0 1px;}


.table-left-type td {text-align:left !important;}
.table-right-type td {text-align:right !important;}

.no-btm-bor {border-bottom:none !important;}

.btn-group-wrap button {position:relative;height:75px;}
.btn-group-wrap button img {position:absolute;top:50%;right:-10px;margin-top:-11px;width:22px;height:22px;}
.btn-outline.btn-type-1 {line-height:1.4;}
.btn-group-wrap .col-6:first-child {margin-right:12px;}
.btn-group-wrap .col-6:last-child {margin-right:12px;padding-left:20px;}



.total-center + .block-line th, .total-center + .block-line td {border-top:none !important;}


.total-all {background-color:#FCCAC4;box-shadow: 10px 10px 10px -6px rgba(0, 47, 105, 0.3)}
.table-ty02.mo-table .total-all th, .table-ty02.mo-table .total-all td {border:1px solid #FC573D;border-width:1px 0;color:#A41B05;}
.table-ty02.mo-table .total-all th {background-color:#fff;border-width:1px 0 1px 1px;border-bottom:1px solid #FC573D !important;}
.table-ty02.mo-table .total-all td {background-color:#FCCAC4;border-bottom:1px solid #FC573D !important;}
.table-ty02.mo-table .total-all td:last-child {border-right:1px solid #FC573D;}
.table-unit {display:inline-block;width:100%;text-align:right;color:#2887F1;font-size:12px;margin-bottom:6px;}


.table-left-sec {margin-top:10px;display:inline-block;width:100%;text-align:left;color:#FC573D;font-size:12px;}
.table-right-sec {margin-top:7px;display:inline-block;width:100%;text-align:right;color:#002F69;font-size:12px;}


/* 알림창 */
.dialog-alert {width:88%;max-width:320px;min-height:auto;border:none;padding:15px 20px;background-color:#EFF2F9;-webkit-border-radius:15px;border-radius:15px;}
.dialog-alert .dialog-head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  position:relative;
}
.dialog-alert .dialog-head:after {
  content: "";display: block;position: absolute;right: 0;bottom: 0;width:100%;height:4px;
  background:linear-gradient(to right, #97A7C3, #7D8EAE);
  -webkit-border-radius:20px;border-radius:20px;
  box-shadow: 0 3px 5px hsla(0, 0%, 0%, 0.1);
}
.dialog-alert .dialog-button-wrapper {height:57px;}
.dialog-alert .dialog-button-wrapper .btn-dialog {background-color:#EFF2F9;-webkit-border-radius:15px;border-radius:15px;}
.dialog-alert .dialog-button-wrapper .btn-dialog-back {
  color:#7D8EAE;font-size:13px;background:url("/images/mo_ico/btn_dialog_back.png") no-repeat center center;
  background-size: 127px auto;padding:0;font-weight:normal;
}
.dialog-alert .dialog-button-wrapper .btn-dialog-main {
  color:#fff;font-size:13px;background:url("/images/mo_ico/btn_dialog_main.png") no-repeat center center;
  background-size: 127px auto;padding:0;font-weight:normal;
}
.dialog-alert .dialog-head .title {flex:1;margin-top:15px;color:#7D8EAE;font-weight:500;font-size:18px;text-align:center;margin-bottom:15px;margin-left:-5px;}
.dialog-alert .dialog-body {border-bottom:none;padding:0;min-height:auto;text-align:left;}
.dialog-alert .dialog-body .para {
  line-height: 1.2;padding-top:15px;color:#193566;font-weight:500;font-size:16px;line-height:1.4;margin-bottom:0;vertical-align:top;}
.dialog-alert .dialog-body .para + .para {display:inline-block;padding-top:5px;margin-bottom:16px;}


/* 경고창 */
.dialog-danger.danger-full-pop {position:fixed;left:0;right:0;top:0;bottom:0;border-radius:0;z-index:1000;width:100%;height:100%;max-width:100%;min-height:auto;border:none;padding:40% 20px;background-color:#EFF2F9;}
.full-pop-layer {max-width:322px;margin:0 auto;background:url("/images/mo_ico/bg_full_layer.png") no-repeat center center;
  background-size: 322px auto;width:322px;height:281px;padding:20px;}
.dialog-danger {width:88%;max-width:320px;min-height:auto;border:none;padding:15px 20px;background-color:#EFF2F9;-webkit-border-radius:15px;border-radius:15px;}
.dialog-danger .dialog-head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  position:relative;
}
.dialog-danger .dialog-head:after {
  content: "";display: block;position: absolute;right: 0;bottom: 0;width:100%;height:4px;
  background:linear-gradient(to right, #97A7C3, #7D8EAE);
  -webkit-border-radius:20px;border-radius:20px;
  box-shadow: 0 3px 5px hsla(0, 0%, 0%, 0.1);
}
.dialog-danger .dialog-head .dialog-left-deco {width:108px;margin-left:-20px;margin-top:-15px;height:101px;background:url("/images/mo_ico/bg_pop_danger.png") no-repeat center center;
  background-size: 108px auto;-webkit-border-radius:0;border-radius:0;}
.dialog-danger .dialog-head .dialog-left-deco::before {content: "";}
.dialog-danger .dialog-button-wrapper {height:57px;}
.dialog-danger .dialog-button-wrapper .btn-dialog {background-color:#EFF2F9;-webkit-border-radius:15px;border-radius:15px;}
.dialog-danger .dialog-button-wrapper .btn-dialog-back {
  color:#7D8EAE;font-size:13px;background:url("/images/mo_ico/btn_dialog_back.png") no-repeat center center;
  background-size: 127px auto;padding:0;font-weight:normal;
}
.dialog-danger .dialog-button-wrapper .btn-dialog-main {
  color:#fff;font-size:13px;background:url("/images/mo_ico/btn_dialog_main.png") no-repeat center center;
  background-size: 127px auto;padding:0;font-weight:normal;
}
.dialog-danger .dialog-head .title {flex:1;margin-top:30px;color:#193566;font-weight:500;font-size:16px;margin-bottom:15px;margin-left:-5px;}
.dialog-danger .dialog-body {border-bottom:none;padding:0;min-height:auto;}
.dialog-danger .dialog-body .para {
  line-height: 1.2;padding-top:12px;color:#7D8EAE;font-weight:300;font-size:13px;text-align:center;line-height:1.4;margin-bottom:0;vertical-align:top;}
.dialog-danger .dialog-body .para + .para {display:inline-block;padding-top:5px;margin-bottom:16px;}

.mo-danger .mo-header {background-color:#EFF2F9;border:none;}
.mo-danger .header-root-left {height:94px;}


.mo-danger {background-color:#EFF2F9}
.btn-close-danger {
  background: url("../images/mo_ico/btn_danger_close.png") no-repeat 50% 50%;
  background-size: 94px auto;
  height: 94px;
  padding:0;
  width: 94px;
  text-indent:-9999em;
  position:absolute;
  top:0;
  left:0;
}

/* 수정 */
.state-space {margin:0 !important;padding:20px 20px 0;}
.table-ty02.mo-table .total-line-cell {border:1px solid #002F69;border-width:0 1px;}

input[type="password"].readonly{
	background-color: #ffffff;
}

select[disabled]{
	background-color: #e1e1e1;
    color: #000000;
}


/* 온비드 센터 개발 */

#block_1 {
	width:100%; 
	height:40px; 
	text-align:center;
}

#block_2 {
	width:100%; 
	height:40px; 
	text-align:center;
}

#block_3 {
	width:100%; 
	height:80px; 
	text-align:center;
}

#canCnslTitl {
	width:35%; 
	height:30px; 
	float:left; 
	padding:4px; 
	background-color:gray; 
	color:white;
}

#canCnslCntn {
	width:65%; 
	height:30px; 
	float:left; 
	padding:4px; 
	border:1px solid gray; 
	color:gray;
}

#absenceBtn{
	width:20%; 
	height:30px; 
	padding:4px; 
	background-color:#1492E6; 
	color:white; 
	float:right;
}

#cnslDtmTitl{
	width:35%; 
	height:30px; 
	float:left; 
	padding:4px; 
	background-color:gray; 
	color:white;
}

#cnslDtmVal{
	width:41%; 
	height:30px; 
	float:left; 
	padding:4px; 
	border:1px solid gray; 
	color:gray;
}

#begnTmBox{
	width:25%; 
	float:left; 
	height:60px; 
	line-height: 55px; 
	background-color:gray; 
	color:white;
}
#begnHH{
	width: 25px; 
	padding: 0;
	height: 20px; 
	background-color: gray; 
	border: none; 
	color: white; 
	text-align:center;
}
#begnMI{
	width: 25px; 
	padding: 0; 
	height: 20px; 
	background-color: gray; 
	border: none; 
	color: white; 
	text-align:center;
}
#begnBtnBox{
	width:10%; 
	float:left; 
	height:55px; 
	margin:5px;
}
#begnUpBtn{
	width:100%; 
	height:25px; 
	border:1px solid black; 
	margin-bottom:1px;
}
#begnDownBtn{
	width:100%; 
	height:25px;
	border:1px solid black;
}
#endTmBox{
	width:25%; 
	float:left; 
	height:60px; 
	line-height: 55px;  
	background-color:gray; 
	color:white;
	margin-left:5px;
}
#endHH{
	width: 25px; 
	padding: 0; 
	height: 20px; 
	background-color: gray; 
	border: none; 
	color: white; 
	text-align:center;
}
#endMI{
	width: 25px; 
	padding: 0; 
	height: 20px; 
	background-color: gray; 
	border: none; 
	color: white; 
	text-align:center;
}
#endBtnBox{
	width:10%; 
	float:left; 
	height:55px; 
	margin:5px; 
	margin-right:10px;
}
#endUpBtn{
	width:100%; 
	height:25px; 
	border:1px solid black; 
	margin-bottom:1px;
}
#endDownBtn{
	width:100%; 
	height:25px; 
	border:1px solid black;
}

#regSchd {
	float:right; 
	width:20%; 
	height:60px; 
	line-height:60px; 
	background-color:#1492E6; 
	color:white;
}

.card-cntn{
	font-size: 11px;
    letter-spacing: normal;
    margin-top: 16px;
    float: left;
}

.cal-table .cal-has-no-schedule::before {
	background-color: white;
    border-radius: 20%;
    content: "부재";
    display: inline-block;
    height: 18px;
    left: 50%;
    font-size: 12px;
    position: absolute;
    top: 50px;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 90%;
    font-weight: bold;
    border: 1px solid black;
    color: black;
}

.absenceBtn {
	background-color: white;
    border-radius: 20%;
    display: inline-block;
    height: 18px;
    left: 50%;
    font-size: 12px;
    position: absolute;
    top: 50px;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 90%;
    font-weight: bold;
    border: 1px solid black;
    color: black;
}

.delAbsenceBtn {
	background-color: white;
    border-radius: 20%;
    display: inline-block;
    height: 18px;
    left: 50%;
    font-size: 12px;
    position: absolute;
    top: 50px;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 90%;
    font-weight: bold;
    border: 1px solid red;
    color: black;
}

.alert-join-full.alert-approval.onstore_ci::before {
  background: url("/images/mo_ico/fav_cat_40.png") no-repeat 50% 50%;
  background-color: #EFF2F9;
  background-size: 140px auto;
  border: 1px solid #C8C8C8;
  border-radius: 50%;
  content: "";
  display: block;
  height: 130px;
  margin: 0 auto;
  margin-bottom: 5px;
  width: 130px
}

.onstore_cj {
  color: #002F69;
  font-size: 16px;
  font-weight: 500;
  text-align: center;
  display : flex;
}

.onstore_content {
	flex-grow:1;
	text-align : left;
}

.onstore_hint{
  padding-right: 10px;
  padding-left: 10px;
  padding-top: 10px;
  padding-bottom: 10px;
  margin: 10px
}

.onstore_img {
  background: url("/images/mo_ico/fav_cat_40.png") no-repeat 50% 50%;
  background-color: #EFF2F9;
  background-size: 80.5px auto;
  border: 1px solid #C8C8C8;
  border-radius: 50%;
  content: "";
  display: block;
  height: 70px;
  margin: 0 auto;
  margin-bottom: 5px;
  margin-right: 10px;
  width: 70px
}

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

.onstore-tooltip-close-btn {
  background: url("/images/mo_ico/cancel_05.png") no-repeat 50% 50%;
  background-color: #4B4B4B;
  background-size: 25px 25px;
  border: 1px solid #4B4B4B;
  border-radius: 50%;
  box-shadow: 0px 3px 6px hsla(0, 0%, 0%, 0.16);
  height: 25px;
  min-height: 25px;
  min-width: 25px;
  position: absolute;
  right: -8px;
  text-indent: -5000px;
  top: -8px;
  width: 25px;
}
.wordList {
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 5px;
	margin-right: 5px;
	font-family: "맑은 고딕", "Malgun Gothic";
	font-size: 24px;
	font-weight: bold;
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
}
.wordList li{
	/* flex-basis : 14%; */
	margin: auto;
}
.search-lay{
	padding-bottom:1px;
	margin-left:10px;
	margin-right:10px;
	margin-top:10px;
}
.wordList li a {
	width: 100%;
	height: auto;
	color: #4c4c4c;
	padding: 5px 6px;
	background: url(/images/btn/op_btn_word_hover.png) no-repeat -40px 6px;
}

.wordList li a.on {
	color: #2373c4;
	text-decoration: none;
	background: url(/images/btn/op_btn_word_hover.png) no-repeat -0px 6px;
}

.searchFixed{
  position:fixed;
}

.radius_border{border:1px solid #919191;border-radius:5px;}     

.tc_btn {
  background-color: white;
  border: none;
  border-radius: 5px;
  display: inline-block;
  text-align: center;
}

/**************
카카오 지도 custom(Prop_Tech)
*************/
.prop_tec_gbn {width:100%;}
.prop_tec_gbn div{width:50%; float:left;}
.prop_tec_gbn span{width:40%;height: 35px;line-height: 35px; padding:5px; font-size:14px; font-weight:bold;}
.prop_tec_gbn div select{width:60%;height: 32px;line-height: 32px;
  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;
  }
  
 .prop_tec_gbn div select[option]:selected{
  background-color: white;
  color: #1492E6;
  }
  
 .prop_tec_gbn div select{
  background-color: white;
  color: #1492E6;
  }    


.map_wrap {position:relative;overflow:hidden;width:100%;height:433px;}
.prop_tec_roadmap {width:100%; height:100%; border:1px solid #ccc; margin:0 auto; overflow:hidden; /* position:absolute; */}
.roadview_wrap{width:100%;height:100%; padding:10px;}
.roadview_wrap{position:absolute;z-index:999;}
.roadview_wrap .close2{position:absolute; top:10px; right:0px}
.roadview_wrap .close{position:absolute; top:20px; right:6px; border-radius:20px;background-color:rgb(0, 0, 0);opacity:0.7; width:40px; height:40px;}
.roadview_wrap .close_text{position:absolute; top:9px; right:15px; font-size:14px; color:rgb(255, 255, 255); font-weight:bold;}
.roadview_map_wrap{width:100%;height:100%; }

#custom_category {position:absolute;top:6px;left:7px; height:38px; border-radius: 5px;/*  border:1px solid #909090; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.4); */ background: #fff;overflow: hidden;z-index: 2; width:64%; min-width:216px;}
#custom_category li {float:left;list-style: none;/* width:56px;  */height:38px; /* border-right:1px solid #acacac; */padding:6px 0;text-align: center; cursor: pointer;width:25%;min-width:54px;}
#custom_category li.on {background: #eee;}
#custom_category li:hover {background: #ffe6e6;/* border-left:1px solid #acacac; margin-left: -1px;*/}
#custom_category li:last-child{margin-right:0;border-right:0;}
#custom_category li .category_bg {background:url(/images/icon/places_category_white.png) no-repeat; position:absolute; height:30px;width:25px; background-size:52px;}
#custom_category li .category_txt {/* width:42px; */min-width:24px;margin:0px 0px 0px 24px; font-weight:bold; font-size:12px;width:36%; max-width:41px}
#custom_category li .category_txt2 {margin:-4px 0px 0px 23px; display:inline-block; /* min-width:24px;  */word-spacing:-2px;word-break:keep-all;}
#custom_category li .bank {background-position: -2px -144px;}
#custom_category li .mart {background-position: -2px -32px;}
#custom_category li .pharmacy {background-position: -2px -108px;}
#custom_category li .store {background-position: -2px -216px;}
#custom_category li .school {background-position: -2px -220px;}
#custom_category li .subway {background-position: -2px -180px;}
#custom_category li .organ {/* background-position: -5px -1px; */ background-position: -2px -1px; display:inline-block; }
#custom_category li .hospital {background-position: -2px -64px;}
#custom_category li.on .category_bg {background-position-x:-28px;}

.placeinfo_wrap {position:absolute;bottom:28px;left:-150px;width:235px;}
.placeinfo {position:relative;width:100%;border-radius:6px;border: 1px solid #ccc;border-bottom:2px solid #ddd;padding-bottom: 10px;background: #fff;}
.placeinfo:nth-of-type(n) {border:0; box-shadow:0px 1px 2px #888;}
.placeinfo_wrap .after {content:'';position:relative;margin-left:-12px;left:50%;width:22px;height:12px;background:url('https://t1.daumcdn.net/localimg/localimages/07/mapapidoc/vertex_white.png')}
.placeinfo a, .placeinfo a:hover, .placeinfo a:active{color:#fff;text-decoration: none;}
.placeinfo a, .placeinfo span {display: block;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.placeinfo span {margin:5px 5px 0 5px;cursor: default;font-size:13px;}
.placeinfo .title {font-weight: bold; font-size:14px;border-radius: 6px 6px 0 0;margin: -1px -1px 0 -1px;padding:10px; color: #fff;background: #d95050;background: #d95050 url(https://t1.daumcdn.net/localimg/localimages/07/mapapidoc/arrow_white.png) no-repeat right 14px center;}
.placeinfo .tel {color:#0f7833;}
.placeinfo .jibun {color:#999;font-size:11px;margin-top:0;}


.proptec_typecontrol {border-radius:5px;/* box-shadow: 0 1px 1px rgba(0, 0, 0, 0.4); */position:absolute;top:6px;right:7px;overflow:hidden;width:26%;height:38px;margin:0;padding:0;z-index:1;font-size:10px;font-weight:bold;/* font-family:'Malgun Gothic', '맑은 고딕', sans-serif; */}
.proptec_typecontrol span {display:block;width:50%;height:38px;float:left;text-align:center;line-height:38px;cursor:pointer;font-size:12px;}
.proptec_typecontrol .prop_btn {background:#fff; /* background:linear-gradient(#fff,  #e6e6e6); */}       
.proptec_typecontrol .prop_btn:hover {/* background:#f5f5f5;background:linear-gradient(#3396ff, #439bf9); */background: #ffe6e6;}
.proptec_typecontrol .prop_btn:active {background:#e6e6e6;background:linear-gradient(#e6e6e6, #fff);}    
.proptec_typecontrol .selected_prop_btn {color:#fff;background:#425470;background:linear-gradient(#67abf3, #4ea3fd);}
.proptec_typecontrol .selected_prop_btn:hover {color:#fff;}   

.proptec_zoomcontrol {position:absolute;width:36px;height:80px;/* overflow:hidden; */z-index:1;background-color:#fff; margin-top:18px;} 
.proptec_zoomcontrol li {display:block;width:36px;height:40px;line-height:40px;text-align:center;cursor:pointer;}     
.proptec_zoomcontrol li img {width:15px;height:15px;border:none;margin:0px 1px 0px 0px; /* margin-top:12px; */}             
.proptec_zoomcontrol li:first-child{border-bottom:1px solid #bfbfbf;}         

.custom_bld_inf {width:90%; border-top:1px solid #d6dde1; position:absolute;left:20px;border-radius: 2px;background:#fff;background:rgba(255,255,255,0.8);z-index:1;padding:5px;}

.ltst_dlng_info p{background-color:#fbfbfb; padding:6px 0px 1px 10px; font-size:12px;}

.kb_info_wrap {width:100%;height: 105px;letter-spacing:-.5px;background:#fff;padding:0px 10px;display:inline-block;/* margin-top:5px; border-bottom: 1px solid #d6dde1;*/}
.kb_info_wrap h3 {font-size:16px;color:#222;margin:0;}
.kb_info_wrap h3 span.line_1 {font-size:16px;font-weight:normal;}
.kb_info_wrap h3 span {font-size:13px;font-weight:bold;margin-left:10px;color:#666;}
.kb_info_wrap ul.info_detail {display:inline-block;width:100%;margin:9px 0;}
.kb_info_wrap ul.info_detail li {float:left;color:#666;font-size:12px;}
.kb_info_wrap ul.info_detail li.area {color:#3266cc;position:relative;letter-spacing:0;}
.kb_info_wrap ul.info_detail li sup {position:absolute;top:-1px;right:-5.5px;}
.kb_info_wrap .line_2:before, .info_wrap .line_2:after {content:"";display:inline-block;width:1px;height:10px;background:#aaa;margin:0 7px;}
.kb_info_wrap .info_price .kb_price {display:inline-block;width:40px;height:40px;background:#545045;text-align:center;border-radius:2px;line-height:1.3;margin-right:5px;}
.kb_info_wrap .info_price .kb_price span {display:block;color:#ffcc60;background:#545045;border-radius:2px;}
.kb_info_wrap .info_price .kb_price .txt1 {font-size:14px;letter-spacing:4px;margin:2px 2px 0 5px;}
.kb_info_wrap .info_price .kb_price .txt2 {font-size:12px;font-weight: bold;letter-spacing:.5px;}
.kb_info_wrap .float_left {float:left;line-height:1;}
.kb_info_wrap .info_price span {display:inline-block;padding:0 2px;}
.kb_info_wrap .info_price .sale {border-radius:2px;color:#fff;background:#e21c3d;font-size:12px;font-weight:bold;text-align:center;width:32px;line-height:18px;height:17px;}
.kb_info_wrap .info_price .charter {border-radius:2px;color:#fff;background:#3266cc;font-size:12px;font-weight:bold;text-align:center;width:32px;line-height:18px;height:17px;}
.kb_info_wrap .info_price .price {color:#3266cc;margin-left:7px;font-size:15px;}
.kb_info_wrap .info_price > .right > div > span:first-child {margin-right:10px;}
.kb_price_cont { margin-top: -4px;}
.kb_info_wrap p{display:inline-block; width:100%; /* margin:6px 0px 0px 0px; */padding:2px 0px 1px 1px; font-size:12px;}


.custom_rigth {position:absolute;top:97px;right:7px;width:38px;height:200px;z-index:1;}
.custom_rigth .distance_end_info{position:absolute;bottom:-97px;border-radius:6px; width:115px;z-index:1; 
	float:left;font-size:12px;padding:5px;background:#fff;box-shadow:0px 1px 2px #888;
    right: 0px; color: #1492E6; font-weight: bold; display: none;
}
.custom_rigth .distance_end_info.on {
  display: block;
}
.custom_rigth  .icon_txt{display:none; }


.custom_rtst_inf {margin:-38px 0px 0px 5px; line-height:14px; width:58px; height:43px;/*   background:url(/images/icon/marker_blue_bg_38.png) no-repeat; */}
.custom_rtst_inf span{width:58px;text-align:center;position:absolute;}
.custom_rtst_inf span.sqms {/* color:#f2d95b; */ color:#f4e426; font-size:11px; font-weight:bold; margin-top:2px;/*  padding:18px; */}
.custom_rtst_inf span.amt {color:#fff; font-size:12px; font-weight:bold; margin-top:1px;/*  padding:7px; */}


.prop_tec_map {border:1px solid #ccc; margin:0 auto; overflow:hidden;}
.prop_tec_map_info { line-height:14px; padding:10px 3px 15px 1px; font-size:x-small; display: flex; justify-content: space-between;}
.prop_tec_map_info .fl{/* width:40% */ width:128px;}

.prop_tec_map_info .info_txt{font-size:12px;}
.prop_tec_map_info .info_txt span.txt{display:inline-grid; margin:0px 2px; 0 0 }
.prop_tec_map_info .onbid {float:left; width:85px; height:40px; display:block; background:url(/images/icon/marker_red_bg_38.png) no-repeat;}
.prop_tec_map_info .etc {float:right; width:85px; height:40px; display:block; background:url(/images/icon/marker_blue_bg_38.png) no-repeat;}
.prop_tec_map_info span.sqms {color:#f2d95b; color:#f4e426; font-size:9px; font-weight:bold; padding:0 0 0 2.5px;}
.prop_tec_map_info span.amt {color:#fff; font-size:9px; font-weight:bold; padding:0 0 0 2.5px; }
.prop_tec_map_info .onbid span.txt {padding:0px 5px 0px 2px; float:right; font-size:12px; font-weight:bold; line-height:1.5; }
.prop_tec_map_info .etc span.txt {padding:8px 5px 14px 2px; float:right; font-size:12px; font-weight:bold; line-height:1.5; }

.prop_tec_mode {margin:0px 0px 3px 0px; width:36px; height:36px; border:1px solid #919191;border-radius:5px;cursor:pointer;}
.roadview_mode {
  background: url("/images/icon/cctv.png") no-repeat 50% 50%;
  background-color:#fff;
  background-size: 25px auto;
}
.roadview_mode.on {
  background-image: url("/images/icon/cctv_on.png");
    background-color:#fff;
  background-size: 26px auto;
}
.distance_mode {
  background: url("/images/icon/ruler.png") no-repeat 50% 50%;
    background-color:#fff;
  background-size: 25px auto;
}
.distance_mode.on {
  background-image: url("/images/icon/ruler_on.png");
    background-color:#fff;
  background-size: 26px auto;
}

/* 지도위에 거리재기 스타일 */
.prop_tec_map .dot {overflow:hidden;float:left;width:12px;height:12px;background: url('https://t1.daumcdn.net/localimg/localimages/07/mapapidoc/mini_circle.png');}    
.prop_tec_map .dotOverlay {position:relative;bottom:10px;border-radius:6px;border: 1px solid #ccc;border-bottom:2px solid #ddd;float:left;font-size:12px;padding:5px;background:#fff;}
.prop_tec_map .dotOverlay:nth-of-type(n) {border:0; box-shadow:0px 1px 2px #888;}    
.prop_tec_map .number {font-weight:bold;color:#ee6152;}
.prop_tec_map .dotOverlay:after {content:'';position:absolute;margin-left:-6px;left:50%;bottom:-8px;width:11px;height:8px;background:url('https://t1.daumcdn.net/localimg/localimages/07/mapapidoc/vertex_white_small.png')}
.prop_tec_map .distanceInfo {position:relative;top:5px;left:5px;list-style:none;margin:0;}
.prop_tec_map .distanceInfo .label {display:inline-block;width:50px;}
.prop_tec_map .distanceInfo:after {content:none;}


/* 공매입찰결과 top 테이블 blue */
.op_tbl_type10_1{width:100%; border-top:1px solid #d6dde1; border-bottom:1px solid #d6dde1; text-align:left;background:#fbfbfb;}
.op_tbl_type10_1 th{padding:6px 0 3px 5px; border:none;  /*background:#fbfbfb;*/ color:#1e5fa1; font-weight:bold; line-height:1.2em;text-align:left;}
.op_tbl_type10_1 td{padding:6px 5px 3px; height:23px; border:none;background:/*#fbfbfb */url(/images/icon/op_bg_bul.gif) no-repeat left 14px ; color:#333;word-break:break-all;}
.op_tbl_type10_1 td.al{text-align:left;}
.op_tbl_type10_1 td.ar{text-align:right;}
.op_tbl_type10_1 th:first-child,
.op_tbl_type10_1 td:first-child{border-left:none; /*border-right:1px solid #f0f2fc;*/}
.op_tbl_type10_1 th:second-child,
.op_tbl_type10_1 td:second-child{border-left:none;}

.op_tbl_type10 .tPopwrap_wrap,
.op_tbl_type10_1 .tPopwrap_wrap{margin-top:-7px}

/* 카카오 지도 custom(Prop_Tech) 2021.07.07 */
.op_tbl_type16{width:100%;/* border-top:1px solid #2373c4;*/ border-bottom:1px solid #d6dde1;border-spacing: 0; background-color:#fbfbfb;}
.op_tbl_type16 th{padding:9px 5px 8px; background:#f0f7fc; border-left:1px solid #e1e1e1; color:#636363; line-height:1.2em;}
.op_tbl_type16 tbody tr{border-top:1px solid #e1e1e1; border-left:1px solid #fff; border-right:1px solid #fff; border-bottom:medium none;}
.op_tbl_type16 tbody tr.tr_act{background:#f6f6f6;}
.op_tbl_type16 tbody tr.active,
.op_tbl_type16 tbody tr:hover{border:1px solid #d67459; background:#fff3f0;}
.op_tbl_type16 tbody tr.notice{border-top:1px solid #e1e1e1; border-left:1px solid #fff; border-right:1px solid #fff; border-bottom:1px solid #0d3e6f; background:#e6f9ff;}
.op_tbl_type16 td{padding:6px 5px 10px; height:20px; border-top:1px solid #e1e1e1;border-left:1px solid #e1e1e1; color:#333; text-align:center; word-break:break-all; border-bottom:1px solid #e1e1e1; }
.op_tbl_type16 th:first-child,
.op_tbl_type16 td:first-child{border-left:none; /*border-right:1px solid #f0f2fc;*/}
.op_tbl_type16 td.al{text-align:left;}
.op_tbl_type16 td.ar{text-align:right;}
.op_tbl_type16 td a{color:#333;}
.op_tbl_type16 .cm_bu_ess {margin-left: -7px; padding-left: 7px; background: url(/images/com/cm_ico/cm_bu_ess.png) no-repeat 1px 50%;}
.op_tbl_type16 tfoot th,
.op_tbl_type16 tfoot td{border-top:1px solid #e1e1e1; background:#fcfcfc}

.op_tbl_scroll_type{border-collapse:collapse;width:100%;}
.op_tbl_scroll_type thead{float:left;width:310px;}
.op_tbl_scroll_type tbody{overflow-y:auto;overflow-x:hidden;float:left; width:310px; max-height:120px;}
.op_tbl_scroll_type tbody tr{display:table; width:99%;}

.mt_mb { 
	margin-bottom:0px;
}

.mt_bb { 
	border-bottom:0px;
}

.bot { 
	border-bottom: 1px solid #464646;
}

.map_tbl_scroll tbody { 
	/* overflow-y:auto; */
	overflow-y: visible;
	overflow-x:hidden;
	float:left; 
	width:358%; 
	max-height:100px; 
	text-align:center;
}

/* 시세 및 낙찰통계  */
.qt_tbl_bc td { 
	background-color:#f0f0f0; 
}

.qt_tbl_br th:not(:last-child) { 
	border-right: 1px solid #E1E1E1;
}

.qt_tbl_br td:not(:last-child) {
	border-right: 1px solid #E1E1E1;
}

.qt_top_warp { 
	margin: 10px 0 10px 0;
}

.qt_top_warp ul {
	display: flex; 
	justify-content: space-between; 
	font-size: small;
}

.qt_top_warp dt {
	float:left; 
	margin: 0 0 0 5px;
}

.qt_top_warp dd {
	float:right; 
	margin: 0 5px 0 5px;
}

.qt_top_warp p { 
	font-size: small;
}

.qt_tbl_scroll tbody { 
	overflow-y: auto; 
	overflow-x: hidden; 
	float: left; 
	width: 332%; 
	max-height: 250px; 
	text-align:center; 
}

.price_tbl_scroll tbody { 
	overflow-y: auto; 
	overflow-x: hidden; 
	float: left; 
	width: 284%; 
	max-height: 110px; 
	text-align:center; 
}

/* ============================ 통합검색 기능추가 ============================ */
.kb_import {
	padding: 10px 20px 10px 20px;
	border: 1px solid #f6f3eb;
	background: url(/images/icon/bg_important.gif) repeat 0 0;
	word-break: keep-all;
}

.kb_import p {
	min-height: 42px;
	padding-left: 63px;
	color: #5e381b;
	background: url(/images/icon/op_ico_important.png) no-repeat 5px 0;
	font-size: x-small;
}

.inp_tit {
	float: left;
	min-width: 55px;
	padding: 8px 0 9px;
	margin-right: 44px;
}

.inp_tit.mail {
	margin-right: 13px;
}

.inp_txt {
	position: relative;
	width: 220px !important;
	padding: 8px;
	height: 30px;
	border: 1px solid #d9d9d9;
	background: #fff;
	box-sizing: border-box;
}

.select_box {
	position: relative;
	width: 220px;
	padding: 8px;
	border: 1px solid #C8C8C8;
	color: #333;
	box-sizing: border-box;
	border-radius: 5px;
}

.inp_txt_box + .inp_txt_box {
	margin-top: 15px;
}

.save_word_list > li {
	display: block;
	padding: 9px;
	border-bottom: 1px solid #C8C8C8;
}

.word_best {
	float: left;
	display: block;
	min-width: 10px;
	margin-right: 5px;
}

#loadSaveSearch p {
	margin: 5px !important;
}

#kakaoDeleteBtn {
    background-color: #fde500;
    border-radius: 8px;
    font-weight: 500;
    color: #191600;	
}

#naverDeleteBtn {
    background-color: #1dc800;
    border-radius: 8px;
    font-weight: 500;
    color: #fff;	
}

input::placeholder{
	color: #505050;
}

/* 입찰 물건 만족도 팝업*/
.card-img-survey {
  max-width:240px;
  margin:0 auto;
}
.survey_container {
	padding:0 10px 10px 10px;
	text-align:center;
	background:#ffffff;
	box-shadow:0 4px 12px rgba(0,0,0,0.1);
}
.survey_question {
	padding:10px;
	margin-bottom:5px;
	font-size:16px;
	font-weight:bold;
	color:#2c3e50;
}
.star_rating {
	display:flex;
	justify-content:center;
	gap:10px;
}
.star {
	width:40px;
	height:40px;
	cursor:pointer;
}
.star_rating .star svg path {
	fill:#ccc;
	transition:fill 0.2s ease;
}
.star.filled svg path {
	fill:#ff5355;
}
.score_label {
	margin-top:5px;
	color:#999;
	min-height:20px;
	font-size:12px;
}
.score_label.active {
	color:#ff5355;
	font-weight:bold;
}
.feedback_box {
	margin-top:15px;
	text-align:center;
}
.feedback_box label {
	display:block;
	margin-bottom:5px;
	color:#333;
	font-weight:bold;
	font-size:15px;
}
.feedback_box textarea {
	width:100%;
	min-height:140px;
	padding:10px;
	border:1px solid #ccc;
	box-sizing:border-box;
	margin:0 auto;
}
.char_count_outer {
	max-width:500px;
	margin:4px auto 0;
	display:flex;
	justify-content:flex-end;
	font-size:11px; color:#888;
	padding-right:6px;
	box-sizing:border-box;
}
.warning_box {
	margin-top:20px;
	margin-bottom:10px;
}
.warning_label {
	color:#d93025;
	margin:0;
	text-align:left;
	font-size:13px;
}
.warning_top_label {
	color:#757575;
	margin-left:20px;
	text-align:left;
	font-weight:bold;
	font-size:13.5px;
	margin-bottom:-10px;
}

.control-wrapper .btn-id {background-color: #ffffff; color:#222; border:1px solid #D6D6D6;}   
.control-wrapper .btn-kakao {background-color: #fde500;color:#222;}     
.control-wrapper .btn-naver {background-color: #1dc800;color:#222;}
.control-wrapper .btn-simple-join {border-radius : 0px;}