@import url(https://fonts.googleapis.com/earlyaccess/notosanskr.css); 
html,body {font-size:14px;font-family: 'Noto Sans KR', sans-serif;} 
 h1, .h1 { font-size: 30px; }
 h2, .h2 { font-size: 25px; }
 h3, .h3 { font-size: 20px; }
 h4, .h4 { font-size: 17px; }
 h5, .h5 { font-size: 15px; }
 h6, .h6 { font-size: 12px; }

#map {
	position:relative;
}

#map .property-dot {
	position:absolute;
	border-radius: 5px;
	border-width: 1px;
	border-style: solid;
	border-color: #fff;
	-webkit-transform: translate(0,2px);
	box-shadow: 0 2px 2px rgba(0,0,0,.5);
	color: #fff;
	font-size: 11px;
	text-align: center;
	pointer-events: auto;
  padding:2px 5px;
	background: #164991;
}

.ck-editor__editable_inline {
  height: 230px;
}

.ck-editor figure {
  max-width:500px;
}


/*********** comment **************/
#comment_list {
  margin-bottom:20px;
}

.comment {border:1px solid #eee;padding:10px 0px;margin-bottom:10px;}
.comment .comment_name {font-weight:800;}
.comment .btn-link {color:#888;}
.comment .comment_add {
  display:none;
}

.card-property {
  background-color: #ffffff;
  border: 1px solid #ebebeb;
  border-radius: 8px;
  margin-bottom: 20px;
  overflow: hidden;
  position: relative;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.card-property .gallery_wrapper {
  height:200px;
  border:1px solid #eee;
  position:relative;
}

.card-property .gallery_wrapper:after {
  content: '';
  display: block;
  height: 30%;
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  pointer-events: none;
  background-image: -webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,0)),to(rgba(0,0,0,0.5)));
  background-image: linear-gradient(to bottom,rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 100%);
  background-repeat: repeat-x;
  -webkit-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000',endColorstr='#80000000',GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000',endColorstr='#80000000',GradientType=0);
}

.card-property .gallery_wrapper a.btn-pin{
  font-size:19px;
  color:#fff;
  font-weight:900;
}

.card-property .gallery_wrapper .meta-top {
  position:absolute;
  top:0px;
  padding:10px;
  width:100%;
  z-index: 2;
}

.card-property .gallery_wrapper .meta-bottom {
  position:absolute;
  bottom:0px;
  padding:10px;
  width:100%;
  z-index: 2;
}

.badge-option {
	border:1px solid #ccc;
	font-size:11px;
	margin-right:5px;
	color:#ccc;
	overflow:hidden;
	display:inline;
}

.tables {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.tables .colf {
  display: flex;
  vertical-align: top;
  width:100%;
}
.tables .colh {
  display: flex;
  vertical-align: top;
  width:50%;
}

.tables .colf span {
  padding:0.4rem;

}
.tables .colh span {
  padding:0.4rem;

}

.tables .colf span:first-child {
  flex-basis:120px;
  flex-grow: 0;     /* do not grow   - initial value: 0 */
  flex-shrink: 0;
  font-weight:700;
}

.tables .colh span:first-child {
  flex-basis:120px;
  flex-grow: 0;     /* do not grow   - initial value: 0 */
  flex-shrink: 0;
  font-weight:700;
}

.tables .colf span:last-child {
  flex-grow: 1!important;
}

.tables .colh span:last-child {
  flex-grow: 1!important;
}


.tx-8 {
  font-size: 8px; }

.tx-8-f {
  font-size: 8px !important; }

.tx-9 {
  font-size: 9px; }

.tx-9-f {
  font-size: 9px !important; }

.tx-10 {
  font-size: 10px; }

.tx-10-f {
  font-size: 10px !important; }

.tx-11 {
  font-size: 11px; }

.tx-11-f {
  font-size: 11px !important; }

.tx-12 {
  font-size: 12px; }

.tx-12-f {
  font-size: 12px !important; }

.tx-13 {
  font-size: 13px; }

.tx-13-f {
  font-size: 13px !important; }

.tx-14 {
  font-size: 14px; }

.tx-14-f {
  font-size: 14px !important; }

.tx-15 {
  font-size: 15px; }

.tx-15-f {
  font-size: 15px !important; }

.tx-16 {
  font-size: 16px; }

.tx-16-f {
  font-size: 16px !important; }

.tx-18 {
  font-size: 18px; }

.tx-18-f {
  font-size: 18px !important; }

.tx-20 {
  font-size: 20px; }

.tx-20-f {
  font-size: 20px !important; }

.tx-22 {
  font-size: 22px; }

.tx-22-f {
  font-size: 22px !important; }

.tx-24 {
  font-size: 24px; }

.tx-24-f {
  font-size: 24px !important; }

.tx-26 {
  font-size: 26px; }

.tx-26-f {
  font-size: 26px !important; }

.tx-28 {
  font-size: 28px; }

.tx-28-f {
  font-size: 28px !important; }

.tx-30 {
  font-size: 30px; }

.tx-30-f {
  font-size: 30px !important; }

.tx-32 {
  font-size: 32px; }

.tx-32-f {
  font-size: 32px !important; }

.tx-34 {
  font-size: 34px; }

.tx-34-f {
  font-size: 34px !important; }

.tx-36 {
  font-size: 36px; }

.tx-36-f {
  font-size: 36px !important; }

.tx-38 {
  font-size: 38px; }

.tx-38-f {
  font-size: 38px !important; }

.tx-40 {
  font-size: 40px; }

.tx-40-f {
  font-size: 40px !important; }

.tx-42 {
  font-size: 42px; }

.tx-42-f {
  font-size: 42px !important; }

.tx-44 {
  font-size: 44px; }

.tx-44-f {
  font-size: 44px !important; }

.tx-46 {
  font-size: 46px; }

.tx-46-f {
  font-size: 46px !important; }

.tx-48 {
  font-size: 48px; }

.tx-48-f {
  font-size: 48px !important; }

.tx-50 {
  font-size: 50px; }

.tx-50-f {
  font-size: 50px !important; }

.tx-52 {
  font-size: 52px; }

.tx-52-f {
  font-size: 52px !important; }

.tx-54 {
  font-size: 54px; }

.tx-54-f {
  font-size: 54px !important; }

.tx-56 {
  font-size: 56px; }

.tx-56-f {
  font-size: 56px !important; }

.tx-58 {
  font-size: 58px; }

.tx-58-f {
  font-size: 58px !important; }

.tx-60 {
  font-size: 60px; }

.tx-60-f {
  font-size: 60px !important; }

.tx-62 {
  font-size: 62px; }

.tx-62-f {
  font-size: 62px !important; }

.tx-64 {
  font-size: 64px; }

.tx-64-f {
  font-size: 64px !important; }

.tx-66 {
  font-size: 66px; }

.tx-66-f {
  font-size: 66px !important; }

.tx-68 {
  font-size: 68px; }

.tx-68-f {
  font-size: 68px !important; }

.tx-70 {
  font-size: 70px; }

.tx-70-f {
  font-size: 70px !important; }

.tx-72 {
  font-size: 72px; }

.tx-72-f {
  font-size: 72px !important; }

.tx-74 {
  font-size: 74px; }

.tx-74-f {
  font-size: 74px !important; }

.tx-76 {
  font-size: 76px; }

.tx-76-f {
  font-size: 76px !important; }

.tx-78 {
  font-size: 78px; }

.tx-78-f {
  font-size: 78px !important; }

.tx-80 {
  font-size: 80px; }

.tx-80-f {
  font-size: 80px !important; }

.tx-82 {
  font-size: 82px; }

.tx-82-f {
  font-size: 82px !important; }

.tx-84 {
  font-size: 84px; }

.tx-84-f {
  font-size: 84px !important; }

.tx-86 {
  font-size: 86px; }

.tx-86-f {
  font-size: 86px !important; }

.tx-88 {
  font-size: 88px; }

.tx-88-f {
  font-size: 88px !important; }

.tx-90 {
  font-size: 90px; }

.tx-90-f {
  font-size: 90px !important; }

.tx-92 {
  font-size: 92px; }

.tx-92-f {
  font-size: 92px !important; }

.tx-94 {
  font-size: 94px; }

.tx-94-f {
  font-size: 94px !important; }

.tx-96 {
  font-size: 96px; }

.tx-96-f {
  font-size: 96px !important; }

.tx-98 {
  font-size: 98px; }

.tx-98-f {
  font-size: 98px !important; }

.tx-100 {
  font-size: 100px; }

.tx-100-f {
  font-size: 100px !important; }

.tx-102 {
  font-size: 102px; }

.tx-102-f {
  font-size: 102px !important; }

.tx-104 {
  font-size: 104px; }

.tx-104-f {
  font-size: 104px !important; }

.tx-106 {
  font-size: 106px; }

.tx-106-f {
  font-size: 106px !important; }

.tx-108 {
  font-size: 108px; }

.tx-108-f {
  font-size: 108px !important; }

.tx-110 {
  font-size: 110px; }

.tx-110-f {
  font-size: 110px !important; }

.tx-112 {
  font-size: 112px; }

.tx-112-f {
  font-size: 112px !important; }

.tx-114 {
  font-size: 114px; }

.tx-114-f {
  font-size: 114px !important; }

.tx-116 {
  font-size: 116px; }

.tx-116-f {
  font-size: 116px !important; }

.tx-118 {
  font-size: 118px; }

.tx-118-f {
  font-size: 118px !important; }

.tx-120 {
  font-size: 120px; }

.tx-120-f {
  font-size: 120px !important; }

.tx-122 {
  font-size: 122px; }

.tx-122-f {
  font-size: 122px !important; }

.tx-124 {
  font-size: 124px; }

.tx-124-f {
  font-size: 124px !important; }

.tx-126 {
  font-size: 126px; }

.tx-126-f {
  font-size: 126px !important; }

.tx-128 {
  font-size: 128px; }

.tx-128-f {
  font-size: 128px !important; }

.tx-130 {
  font-size: 130px; }

.tx-130-f {
  font-size: 130px !important; }

.tx-132 {
  font-size: 132px; }

.tx-132-f {
  font-size: 132px !important; }

.tx-134 {
  font-size: 134px; }

.tx-134-f {
  font-size: 134px !important; }

.tx-136 {
  font-size: 136px; }

.tx-136-f {
  font-size: 136px !important; }

.tx-138 {
  font-size: 138px; }

.tx-138-f {
  font-size: 138px !important; }

.tx-140 {
  font-size: 140px; }

.tx-140-f {
  font-size: 140px !important; }

/************************************************
 * Primary Color
 ************************************************/

.swiper-pagination-bullet-active {
  background-color: #164991 !important;
}

section.main__item .category-box .category-list ul li a.on {
  color: #164991;
}

section.main__item .category-box .category-list ul li a.on:after {
  background-color: #164991 !important;
}

section.main__consulting .form-menu .submit-box a {
  background-color: #164991}

section.main__visual section.main__search__inner .search-tabs a.on {
  background-color: #164991}

section.main__visual section.main__search__inner .search-con .input-box .search-btn {
  background-color: #164991}

.wrapper.type-a header .header__wrap .top-box .top-info-box .tel-txt {
  background-color: #164991;
}

.wrapper.type-a section.main__search .search-form-box .search-form .search-btn{
  background-color: #164991;
}

.wrapper.type-a header .header__wrap .bottom-box nav.gnb > ul li:hover > a, .wrapper.type-a header .header__wrap .bottom-box nav.gnb > ul li:focus > a {
  color: #164991;
}

.wrapper.type-a header .header__wrap .bottom-box nav.gnb > ul li:hover > a:after, .wrapper.type-a header .header__wrap .bottom-box nav.gnb > ul li:focus > a:after {
  background-color: #164991 ;
}

.wrapper.type-a header .header__wrap .bottom-box nav.gnb > ul li .sub-menu .sub-menu-wrap .sub-menu-list .sub-menu-box .sub-menu-btn:focus, .wrapper.type-a header .header__wrap .bottom-box nav.gnb > ul li .sub-menu .sub-menu-wrap .sub-menu-list .sub-menu-box .sub-menu-btn:hover {
  color: #164991;
}

.wrapper.type-a header .header__wrap .top-box .top-info-box .info-txt {
  color: #164991;
}

.wrapper.type-a section.main__search .search-form-box .search-list a.on {
  color: #164991;
}

.wrapper.type-a section.main__search .search-form-box .search-list a.on:after {
  background-color: #164991;
}

.wrapper.type-b section.main__search .search-form-wrap {
  background-color: #164991;
}

.wrapper.type-b section.main__search .search-form-box .search-form .search-btn {
 background-color: #0b2549;
}

.wrapper.type-b header.scroll .header__wrap .top-box .top-info-box .tel-txt {
  color: #164991;
}

.wrapper.type-c header .header__wrap .top-box {
 background-color: #164991;
}

.wrapper.type-c section.main__search .search-tabs a.on {
 background-color: #164991;
}

.wrapper.type-c section.main__search .search-con .input-box input {
  border-bottom: 2px solid #164991;
}

.wrapper.type-c section.main__search .search-con .input-box input::placeholder {
  color: #164991;
}

.wrapper.type-c section.main__search .search-con .input-box .search-btn {
  background-color: #164991;
}

/******************************************
 * Bootstrap
 ******************************************/
.btn-primary {
  background-color: #164991;
  border-color: #164991;
}

.text-primary {
  color: #164991 !important;
}

.badge-primary {
  color: #fff;
  background-color: #164991;
}

.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
  color: #fff;
  background-color: #164991;
}

.bg-primary {
  background-color: #164991 !important;
}

.btn-primary {
  color: #fff;
  background-color: #164991;
  border-color: #164991;
}

.btn-primary:hover {
  color: #fff;
  background-color: #07162c;
  border-color: #07162c;
}

.btn-primary:focus, .btn-primary.focus {
  color: #fff;
  background-color: #07162c;
  border-color: #07162c;
  box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
}

.btn-outline-primary {
  color: #164991;
  border-color: #164991;
}

.btn-outline-primary:hover {
  color: #fff;
  background-color: #164991;
  border-color: #164991;
}

.btn-link {
  font-weight: 400;
  color: #164991;
  text-decoration: none;
}

.page-link {
  position: relative;
  display: block;
  padding: 0.5rem 0.75rem;
  margin-left: -1px;
  line-height: 1.25;
  color: #164991;
  background-color: #fff;
  border: 1px solid #fffffffffffffffefffffffffffffff9fffffffffffffff1;
}

.page-item.active .page-link {
  z-index: 3;
  color: #fff;
  background-color: #164991;
  border-color: #164991;
}

.dropdown-item.active, .dropdown-item:active {
  color: #fff;
  text-decoration: none;
  background-color: #164991;
}

.list-group-item.active {
  z-index: 2;
  color: #fff;
  background-color: #164991;
  border-color: #164991;
}

.list-group-item.active a{
  color: #fff;
}