@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;1,100;1,300;1,400;1,500;1,700&display=swap');

#site {
    padding-top: 0;
    font-size: 16px;
    font-family: 'Roboto', 'notokr', sans-serif;
    letter-spacing: -0.033em;
}

a,
button {
    transition: all ease-in-out .15s;
    -webkit-transition: all ease-in-out .15s;
    -moz-transition: all ease-in-out .15s;
    -ms-transition: all ease-in-out .15s;
    -o-transition: all ease-in-out .15s;
}

a,
a:hover,
a:focus {
    color: inherit;
}

p {
    line-height: 1.6em;
}

a[href^="mailto"] {
    color: inherit;
}

.btn.btn-primary {
    background-color: #1d63ba;
    border-color: #1d63ba;
}
.btn.btn-primary:hover,
.btn.btn-primary:focus {
    background-color: #0f4c98;
    border-color: #0f4c98;
}
.btn.btn-dark {
    background-color: #4f4f4f;
    border-color: #4f4f4f;
}
.btn.btn-dark:hover,
.btn.btn-dark:focus {
    background-color: #333;
    border-color: #333;
}

/* 불필요 항목 삭제 */
.navbar .caret{display:none;}

/* 상단 메뉴 */
.navbar-inverse{background:#fff;position:static;margin-bottom:0;border:0}
.navbar-inverse .navbar-brand {
    position: relative;
    margin-top: 20px;
}
.navbar-inverse .navbar-brand::before {
    content: '㈜맥부동산운용';
    top: 12px;
    left: 158px;
    position: absolute;
    font-size: 22px;
    font-weight: 600;
    color: #00235a;
    white-space: nowrap;
    letter-spacing: -0.055em;
}
.navbar-inverse .navbar-brand img{height:42px;margin-top:-15px;}

.navbar-inverse .navbar-nav > li > a{font-size:17px;font-weight:500;color:#333;}
.navbar-inverse .navbar-nav > li > a:hover,.navbar-inverse .navbar-nav > li > a:focus{background:rgba(0,0,0,0);color:#4284d5;}

.navbar-inverse .navbar-nav .dropdown.open .dropdown-toggle,
.navbar-inverse .navbar-nav .dropdown.open:hover .dropdown-toggle,
.navbar-inverse .navbar-nav .dropdown.open:focus .dropdown-toggle{background:rgba(0,0,0,0);color:#4284d5;}

@media (max-width: 767px) {
 /*.navbar-inverse .navbar-toggle{border:1px solid #666;}*/
 .navbar-inverse .navbar-toggle{border:0;padding:15px 0;}
 .navbar-inverse .navbar-toggle .icon-bar{background-color:#333;transition:ease-in-out .15s all;opacity:1;position:relative;}
 .navbar-inverse .navbar-toggle:hover,.navbar-inverse .navbar-toggle:focus{background:none;border-color:#4284d5;}
 .navbar-inverse .navbar-toggle:hover .icon-bar,.navbar-inverse .navbar-toggle:focus .icon-bar{background-color:#4284d5;}
 .navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form{border-color:transparent;}

 .navbar-inverse.open .navbar-toggle > .icon-bar:nth-of-type(1){transform:rotate(45deg);top:6px;}
 .navbar-inverse.open .navbar-toggle > .icon-bar:nth-of-type(2){opacity:0;}
 .navbar-inverse.open .navbar-toggle > .icon-bar:nth-of-type(3){transform:rotate(-45deg);top:-6px;}
}

@media (min-width: 768px) {
 .navbar-inverse .navbar-nav .dropdown-menu{left:50%;right:auto;transform:translate(-50%,0);border-radius:0;border:none;padding:0;background: #fff;-webkit-box-shadow:0px 4px 8px rgba(0,0,0,.125);box-shadow:0px 4px 8px rgba(0,0,0,.125);border: 1px solid #ccc;}
 .navbar-inverse .navbar-nav .dropdown-menu>li>a{padding: 11px 20px;border-bottom: 1px solid #eaeaea;color: #333;text-align:center;font-weight: 500;letter-spacing: -0.04em;}
 .navbar-inverse .navbar-nav .dropdown-menu>li>a:hover,.navbar-inverse .navbar-nav .dropdown-menu>li>a:focus{background:#4284d5;color:#fff}
}

@media (min-width: 992px) {
 .navbar-inverse .navbar-right{margin-right:-30px;}
 .navbar-inverse .navbar-nav > li > a{padding:32px 30px;}
}

/* 슬라이드 공통 */
.carousel-control{text-shadow:0px 2px 6px rgba(0, 0, 0, .125);transition:ease-in-out .15s all;display:none;}
.carousel-control.left .glyphicon::before{content:'\f053';font-family:'Font Awesome 5 Free';font-weight:900;}
.carousel-control.right .glyphicon::before{content:'\f054';font-family:'Font Awesome 5 Free';font-weight:900;}
.carousel-indicators li{width: 16px;height: 16px;background-color:rgba(255,255,255,.0);border:2px solid #fff;margin:0 4px;border-radius:50%;transition:ease-in-out .15s all;}
.carousel-indicators li.active{width:16px;height:16px;background-color:#fff;margin:0 4px;box-shadow:0px 2px 6px rgba(0, 0, 0, .125);}

.carousel-caption {text-shadow: none;padding: 0;top: 50%;}

@media (max-width: 767px) {
 .carousel-control{font-size:14px;}
 .carousel-indicators li, .carousel-indicators li.active{width:12px;height:12px;}
}

/*main iframe {
 margin-top: 40px;
 margin-bottom: -5px;
}*/

/* 푸터 */
#site footer{margin-top:0px;background-color: #424242;color: #c0c0c0;}
#site footer .footer-info{padding:45px 0}
#site footer .footer-info ul{position:relative;margin:0;padding:0;font-size:0}
#site footer .footer-info ul li{list-style:none;display:inline-block;font-size:13px;margin-right:15px;line-height:24px;letter-spacing: 0;}
#site footer .footer-info ul li.copy{font-size:12px;color: #888;}
#site footer .footer-info ul li.name {
    color: #eee;
}

/* 메인 페이지 */
#mainCarousel .carousel-inner .item{height:650px}
#mainCarousel .carousel-caption h1 {
    margin: 0;
    font-size: 48px;
    font-weight: 300;
    line-height: 1.4;
    letter-spacing: -0.025em;
}
#mainCarousel .carousel-caption h1 .word{
    font-weight:500;
    letter-spacing: -0.035em;
}
.carousel-caption p {
    font-size: 24px;
    letter-spacing: -0.065em;
    font-weight: 400;
}
@media (max-width: 767px) {
 #mainCarousel .carousel-inner .item{height:320px}
 #mainCarousel .carousel-caption h1{font-size:28px;word-break: keep-all;}
 #mainCarousel .carousel-caption p{font-size:12px;}
}

#section_a684ec {
  padding: 20px 0;
}

#section_b53b3a {
  min-height: 400px;
}

#section_b53b3a .container {
  width: 100%;
  padding: 0;
}

.root_daum_roughmap {
  width: 100% !important;
  padding: 0 !important;
}

.root_daum_roughmap .map_border {
  display: none !important;
}
 
@media (min-width: 767px) {
  #section_a684ec div[class^="board_box_"] {
    width: 50%;
  }
}

.board_box_blog2 .row {
  margin-left: -5px;
  margin-right: -5px;
}

.board_box_blog2 .row > div[class^="col-"] {
  padding-left: 5px;
  padding-right: 5px;
}

.board_box_blog2 .inner {
  margin-top: 0;
  margin-bottom: 0;
}

.board_box_blog2 .inner .bottom {
  padding: 12px 10px;
}
  
.board_box_blog2 .inner .bottom .title {
  margin-bottom: 0;
}

.board_box_blog2 .inner .bottom .title a {
  font-size: 14px;
}
  
.board_box_blog2 .inner .bottom .info {
  display: none;
}
  
.board_box_blog2 .inner .top a .thumb {
  height: 100px;
}

/* 메인 추가 스타일 */
#main1 {
    padding: 60px 0;
}
.mainPage > section {
    padding: 40px 0;
}
.mainPage h3 {
    margin: 0 0 70px;
    font-size: 38px;
    font-weight: 600;
    color: #222;
    text-align: center;
    letter-spacing: -0.025em;
}
.mainPage h3:after{
  content: "";
  width: 55px;
  height: 1px;
  background: #333;
  position: relative;
  margin: 22px auto 0;
  display: block;
}
.mainPage .main-link {
    text-align: center;
}
.mainPage .main-link a {
    background: #ffffff;
    display: block;
    /*padding-bottom: 40px;*/
    text-decoration: none;
}
.mainPage .main-link h4 {
    margin: 33px 0 20px;
    font-size: 25px;
    font-weight: 500;
    color: #222;
    letter-spacing: -0.05em;
}
.mainPage .main-link .wrap-img {
    overflow: hidden;
    background: #000;
}
.mainPage .main-link .wrap-img > img {
    transition: all ease 0.4s;
}
.mainPage .main-link .more {
    width: 130px;
    position: relative;
    display: block;
    margin: 0 auto;
    padding: 9px 20px;
    font-size: 13px;
    font-weight: 500;
    background: #4c8cda;
    letter-spacing: 0.2px;
    text-align: left;
    color: #fff;
    transition: all 0.25s;
}
.mainPage .main-link .more::before {
    content: '+';
    top: 9px;
    right: 12px;
    position: absolute;
    transition: all ease .3s;
    color: #fff;
    font-size: 18px;
    line-height: 0.9;
}
.mainPage .main-link a:hover img {
    transform: scale(1.1);
    opacity:0.7
}
.mainPage .main-link a:hover .more {
    color: #fff;
    background:#003392;
    border-color: #003392;
}
.mainPage .main-link a:hover .more::before {
    color: #fff;
}
/* 주요실적*/
.slick-slide {
    margin: 0 5px;
}
.slick-slide img {
    width: 100%;
}
.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}
.slick-list {
    display: block;
    position: relative;
    margin: 0;
    padding: 0;
    overflow: hidden;
}
.slick-list:focus {
    outline: none;
}
.slick-list.dragging {
    cursor: pointer;
    cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
.slick-track {
    top: 0;
    left: 0;
    position: relative;
    display: block;
}
.slick-track:before,
.slick-track:after {
    content: '';
    display: table;
}
.slick-track:after {
    clear: both;
}
.slick-loading .slick-track {
    visibility: hidden;
}
.slick-slide {
    float: left;
    height: 100%;
    min-height: 1px;
    display: none;
}
[dir='rtl'] .slick-slide {
    float: right;
}
.slick-slide img {
    display: block;
}
.slick-slide.slick-loading img {
    display: none;
}
.slick-slide.dragging img {
    pointer-events: none;
}
.slick-initialized .slick-slide {
    display: block;
}
.slick-loading .slick-slide {
    visibility: hidden;
}
.slick-vertical .slick-slide {
    height: auto;
    display: block;
    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}
.slick-arrow::before {
    content: '';
    padding: 0 5px;
    font-size: 35px;
    font-weight: 900;
    font-family: 'Font Awesome 5 Free';
    color: #ccc;
}
.slick-prev {left: -35px;}
.slick-prev:before {content: '\f053';}
.slick-next:before {content: '\f054';}

.mainPage .main-slide {
    margin: 0 -5px;
}
.mainPage .main-slide .detail {
    padding: 20px 12px;
    word-break: keep-all;
    background: #f8f8f8;
}
.mainPage .main-slide .detail > p {
    margin: 0 0 8px;
    font-size: 15px;
    font-weight: 600;
}
.mainPage .main-slide .detail > ul li {
    margin-bottom: 0;
    font-size: 14px;
}


/* 게시판 (뉴스) */
#section_7f39f8 {
    padding-top: 80px;
    padding-bottom: 50px;
    background: #f8f8f8;
}
#section_7f39f8 .board_box_list {
    float: left;
    width: 68%;
    height: 224px;
    padding-right: 40px;
}
div[class^="board_box_"] .page-header {
    margin: 0 0 20px;
    padding-bottom: 12px;
    border-bottom-color: #999;
}
div[class^="board_box_"] .page-header h4 {
    margin: 0;
    font-size: 20px;
}
div[class^="board_box_"] .page-header .pull-right{
  margin-top:4px;
}
.board_box_list ul li {
    position: relative;
    padding: 9px 0 9px 20px;
    font-size: 15px;
    border-bottom: 1px solid #e3e3e3;
}
.board_box_list ul li::before {
    content: '';
    top: 17px;
    left: 2px;
    width: 8px;
    height: 3px;
    position: absolute;
    background: #4c8cda;
}
.board_box_list ul li .info {
    font-size: 15px;
    letter-spacing:0;
    
}
.board_box_list ul li .hits,
.board_box_list ul li .writer{
  display:none;
}
/* 문의하기 */
#main2 {
    width: 32%;
    display: inline-block;
}
.mainPage .box-inquiry {
    position: relative;
    padding: 33px;
    color: #fff;
    background: url('/public/img/main_inquiry_bg.jpg') no-repeat;
    background-size: cover;
    background-position: center;
}
.mainPage .box-inquiry::before {
    /* content: ''; */
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    background: #032161;
    opacity: .85;
}
.mainPage .box-inquiry > h4 {
    position: relative;
    margin: 0 0 20px;
    font-size: 23px;
    font-weight: 600;
}
.mainPage .box-inquiry ul{
  margin-bottom:8px;
}
.mainPage .box-inquiry ul > li {
    display: inline-block;
    margin-bottom: 1px;
    letter-spacing: 0.2px;
    font-weight: 300;
    font-size: 15px;
    line-height: 1.5;
}
.mainPage .box-inquiry ul > li+li {
    margin-left: 18px;
}
.mainPage .box-inquiry ul > li strong {
    padding-right: 3px;
    font-weight: 500;
    color: #fff;
}
.mainPage .box-inquiry > .btn {
    width: 100%;
    position: relative;
    margin-top: 15px;
    padding: 8px;
    color: #fff;
    border: 1px solid #fff;
}
.mainPage .box-inquiry > .btn:hover,
.mainPage .box-inquiry > .btn:focus {
    color: #003392;
    background: #fff;
}

/********** 서브 시작 **********/
/* 공통 스타일 */
#site > .container {
    width: 100%;
    padding: 0;
}
.subPage > .pageTop {
    height: 214px;
    color: #fff;
    background: #333 url('/public/img/sub/back_page_top.jpg') no-repeat;
    background-size: cover;
    background-position: center;
}
.subPage > .pageTop > .container {
    height: 100%;
    position: relative;
}
.subPage > .pageTop .wrap-title {
    padding: 94px 0 0;
    text-align: center;
}
.subPage > .pageTop .wrap-title > h2 {
    margin: 0;
    font-size: 46px;
    font-weight: 500;
    letter-spacing: 3px;
}

/* Breadcrumb */
.subPage .breadcrumb {
    right: 15px;
    top: 20px;
    position: absolute;
    margin: 0;
    padding: 0;
    font-size: 12px;
    letter-spacing: 0;
    background-color: transparent;
    font-weight: 300;
}
.subPage .breadcrumb > li:first-child::before {
    content: '\f015';
    left: -10px;
    position: absolute;
    font-size: 11px;
    font-weight: 900;
    font-family: 'Font Awesome 5 Free';
}

/* Link */
.subPage .link {background: #1a5db1;}
.subPage .link ul > li > a {
    padding: 18px 0;
    font-size: 16px;
    color: #fff;
    text-decoration: none;
    letter-spacing: -0.06em;
    line-height: 1em;
    border-right: 1px solid #4a82c8;
}
.subPage .link ul > li:first-child > a {
    border-left: 1px solid #4a82c8;
}
.subPage .link ul > li.active > a {
    font-weight: 500;
    color: #fff;
    background: #4284d5;
}
.subPage .link ul > li:not(.active) > a:hover {
    background: #4284d5;
}

.subPage > .contents {
    padding: 90px 0 110px;
}

.space-bottom {
    margin-bottom: 120px;
}

.title-lv-1 {
    margin: 0 0 80px;
    font-size: 38px;
    font-weight: 600;
    color: #222;
    letter-spacing: -0.025em;
    line-height: 1;
    text-align: center;
}
.title-lv-1:after{
  content:"";
  width:55px;
  height:1px;
  background:#333;
  position:relative;
  margin:25px auto 0;
  display:block;
}
.title-lv-3 {
    position: relative;
    margin: 0 0 25px;
    padding-left: 30px;
    font-size: 30px;
    font-weight: 600;
    color: #222;
    letter-spacing: -0.045em;
}
.title-lv-3::before {
    content: '';
    top: 6px;
    left: 0;
    width: 18px;
    height: 18px;
    position: absolute;
    border: 4px solid #103074;
    border-top-color: #4284d5;
    border-right-color: #4284d5;
}

.list-default {
    padding-left: 0;
    margin: 0;
    list-style-type: none;
}
.list-default > li {
    position: relative;
    margin-bottom: 6px;
    line-height: 1.6em;
}
.list-style-1 > li {
    padding-left: 12px;
}
.list-style-1 > li::before {
    content: '';
    position: absolute;
    top: 9px;
    left: 0px;
    width: 5px;
    height: 5px;
    background: #4284d5;
    border-radius: 20px;
}
table.tb-default > thead > tr > th,
table.tb-default > tbody > tr > th,
table.tb-default > tbody > tr > td {
  padding: 16px;
  font-size: 15px;
  border-top: none;
  border-bottom: 1px solid #e6e6e6;
  vertical-align: middle;
}
table.tb-default > thead > tr > th,
table.tb-default > tbody > tr > th {
  text-align: center;
}
table.tb-style-1 {
    border-top: 2px solid #103074;
}
table.tb-style-1 > thead > tr > th,
table.tb-style-1 > tbody > tr > th {
    font-weight: 600;
    color: #1a5db1;
    background-color: #f1f4f8;
    letter-spacing: -0.02em;
    border-color: #d2d8e2;
}

.box-text {
    position: relative;
    margin: 0px 0 65px;
    padding: 0 45px;
    font-weight: 500;
    word-break: keep-all;
    text-align: center;
}
.box-text > p {
    font-size: 28px;
    font-weight: 300;
    color: #000;
    letter-spacing: -0.055em;
    margin: 0;
    line-height: 1.55;
}
.box-text > p .color {
    color: #1d63ba;
    font-weight: 500;
}

/* 인사말 (페이지) */
#greeting .image {
  position:relative;
    padding: 0 30px 0 80px;
}
#greeting .image:before{
  content:"";
  position:absolute;
  left: 65px;
  bottom: -20px;
  background: #e5ecf5;
  width: 220px;
  height: 220px;
  z-index:-1;
}
#greeting .text {
    padding: 0 35px;
    word-break: keep-all;
}
/*
#greeting .text h4.eng {
    margin: 0;
    font-size: 22px;
    font-weight: 600;
    color: #3f86dc;
    letter-spacing: 0;
}
*/
#greeting .text h4.eng > span+span {
    margin-left: 12px;
    color: #103074;
}
#greeting .text h4.kor {
    /*margin: 12px 0 40px;*/
    margin: 0 0 50px;
    font-size: 36px;
    font-weight: 300;
    color: #000;
    letter-spacing: -0.035em;
}
#greeting .text p {
    margin: 0 0 32px;
    font-size: 16px;
    line-height: 1.68;
    color: #525252;
}

/* 회사개요 (페이지) */
#summary .box-text{
  margin-bottom: 55px;
}
#summary #row1 .box-text{
  margin-bottom: 65px;
}
#summary #row3 .box-text{
  padding: 0 45px 0px;
  margin: 50px 0 65px;
}
#summary #row1 .box-text p{
  font-size: 17px;
  font-weight: 400;
  letter-spacing: -0.04em;
  color: #222;
  line-height: 1.65;
}
#summary #row1 .box-text p + p{
  margin-top: 20px;
}
#summary table.tb-style-1 > tbody > tr > th,
#summary table.tb-style-1 > tbody > tr > td {
    padding: 17px;
}
#summary table.tb-style-1 > tbody > tr > th {
    width: 15%;
}
#summary table.tb-style-1 > tbody > tr > td {
    width: 35%;
}
#summary .box-mission {
    width: 100%;
    display: inline-block;
    border-top: 2px solid #1d63ba;
    border-bottom: 1px solid #ccc;
}
#summary .box-mission ul > li{
  margin:0;
  padding: 27px 10px;
}
#summary .box-mission ul > li+li{
  border-top:1px solid #e6e6e6;
}
#summary .box-mission ul > li h4 {
    margin: 0;
    font-size: 20px;
    letter-spacing: 0;
    font-weight: 600;
}
#summary .box-mission ul > li h4 .num {
    padding-right: 10px;
    font-size: 24px;
    color: #3f86dc;
    font-weight: 600;
    letter-spacing: 0;
}
#summary .box-mission ul > li p {
    padding: 5px 20px 0px 50px;
    margin-bottom:0;
    font-size:15px;
}
#summary .box-vision {
    text-align: center;
}
#summary .box-vision > h4 {
    margin: 0 0 10px;
    padding: 32px 0;
    color: #fff;
    background: #1d63ba;
    font-weight: 600;
    letter-spacing: 0;
    font-size: 22px;
    line-height: 1.35;
}
#summary .box-vision ul > li {
    float: left;
    width: 33.3%;
    min-height: 230px;
    margin-bottom: 0;
    padding: 100px 15px;
    font-weight: 500;
    line-height: 1.4em;
    letter-spacing: .2px;
    font-size: 18px;
    background: #f2f2f2;
    border: none;
    border-left: 5px solid #fff;
    color: #0a2b71;
}
#summary .box-vision ul > li:first-child {
    border-left: 3px solid #bbd0ea;
    padding: 85px 15px 88px;
    border-left: none;
}
#summary .box-vision ul > li span {
    font-size: 24px;
    font-weight: 600;
    color: #1d63ba;
}
#summary .box-biz-area {
    background: #f2f2f2;
    padding: 60px 60px 35px;
}
#summary .box-biz-area ul {
    margin: 0 -15px;
    display: inline-block;
}
#summary .box-biz-area ul > li {
    float: left;
    width: 50%;
    margin-bottom: 30px;
    padding: 0 15px;
}
#summary .box-biz-area ul > li .inner {
    min-height: 280px;
    padding: 40px 35px 40px;
    word-break: keep-all;
    background: #fff;
    font-size: 15px;
    color: #525252;
    position: relative;
}
#summary .box-biz-area ul > li h4 {
    margin: 0 0 25px;
    font-size: 24px;
    font-weight: 600;
    color: #333;
    letter-spacing: 0;
}
#summary .box-biz-area ul > li .inner p {
    line-height: 1.58;
    letter-spacing: -0.02em;
    margin: 0 0 15px;
}
#summary .box-biz-area ul > li p .color {
    font-weight: 500;
    color: #1d63ba;
}
#summary .box-biz-area ul > li .wrap-icon {
    right: 36px;
    bottom: 34px;
    position: absolute;
}
#summary .box-biz-area ul+p {
    margin: 0px 0 0;
    font-size: 15px;
    text-align: center;
    letter-spacing: 0;
    color: #525252;
}

/* 오시는길 (페이지) */
#location .google-map {
    width: 100%;
    overflow: hidden;
}
#location .google-map iframe {
    margin-top: -150px;
}
#location .contact {
    width: 100%;
    display: inline-block;
    margin: 0;
    padding: 30px 0px 20px;
}
#location .contact .addr {
    font-size: 20px;
    font-weight: 500;
    letter-spacing: -0.02em;
}
#location .contact .addr i {
    padding-right: 5px;
    color: #4284d5;
}
#location ul.list-contact {
    float: right;
    display: inline-block;
}
#location ul.list-contact > li {
    display: inline-block;
    margin-bottom: 0px;
    font-size: 18px;
    letter-spacing: .1px;
}
#location ul.list-contact > li+li {
    margin-left: 20px;
}
#location ul.list-contact > li h5 {
    float: left;
    margin: 5px 8px 0 0;
    font-size: 16px;
    font-weight: 600;
    color: #aaa;
    letter-spacing: 0;
}

/* 임대차관리 (페이지) */
.list-style-2 {
    margin: 0 -30px;
}
.list-style-2 > li {
    float: left;
    width: 33.3%;
    padding: 0 30px;
}
.list-style-2 > li+li::before {
    content: '';
    top: 50%;
    left: -13px;
    width: 40px;
    height: 50px;
    position: absolute;
    background: url(/public/img/sub/icon_arrow_right.png) no-repeat;
    background-size: contain;
    z-index: -1;
}
.list-style-2 > li h4 {
    margin: 0;
    padding: 16px;
    font-size: 20px;
    color: #fff;
    text-align: center;
    background: #4c8cda;
    font-weight: 600;
}
.list-style-2 > li:nth-child(2) h4{
  background:#1d63ba
}
.list-style-2 > li:nth-child(3) h4{
  background:#103074
}
.list-style-2 > li ul {
    width: 100%;
    display: inline-block;
    padding: 30px 38px 30px;
    word-break: keep-all;
    background: #f2f2f2;
}
.list-style-2 > li ul li{
    margin-bottom: 15px;
}
#assets01 .list-style-2 > li ul {
    min-height: 253px;
}

/* 유지관리 (페이지) */
#assets02 .box-maintain {
    text-align: center;
}
#assets02 .box-maintain > .top h4 {
    width: 600px;
    display: inline-block;
    margin: 0 0 60px;
    padding: 30px;
    font-size: 30px;
    color: #fff;
    background: #103074;
    border-radius: 61px;
    letter-spacing: -0.035em;
    box-shadow: 0px 3px 8px -2px rgba(0,0,0,0.25);
}
#assets02 .box-maintain > .middle {
    position: relative;
}
#assets02 .box-maintain > .middle::before {
    content: '';
    left: 50%;
    width: 40px;
    height: 36px;
    position: absolute;
    background: url('/public/img/sub/icon_arrow_top.png') no-repeat;
    background-size: contain;
    transform: translateX(-50%);
}
#assets02 .box-maintain > .middle1::before {
    top: -42px;
}
#assets02 .box-maintain > .middle2::before {
    bottom: -50px;
    opacity: .25;
}
#assets02 .box-maintain > .middle p {
    width: 600px;
    display: inline-block;
    margin: 6px 0;
    padding: 20px 50px;
    font-size: 20px;
    font-weight: 500;
    border: 7px solid #d0e3f7;
    border-radius: 50px;
    letter-spacing: -0.06em;
    color: #0c58b7;
}
#assets02 .box-maintain > .bottom ul {
    display: inline-block;
    margin: 60px 0 0;
    padding: 30px 20px 20px;
    background: #f2f2f2;
}
#assets02 .box-maintain > .bottom ul > li {
    float: left;
    width: 33.3%;
    padding: 0 10px;
}
#assets02 .box-maintain > .bottom ul > li .inner {
    padding: 15px;
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 0;
    box-shadow: 0 1px 2px rgba(0,0,0,0.1);
}

/* 빌딩실사 (페이지) */
.list-style-3 {
    margin: 0 -10px;
}
.list-style-3 > li {
    float: left;
    width: 33.3%;
    padding: 0 10px;
}
.list-style-3 > li h4 {
    margin: 0;
    padding: 16px;
    font-size: 20px;
    color: #1a5db1;
    border: 1px solid #4c82c5;
    text-align: center;
    font-weight: 600;
    box-shadow: 1px 2px 2px rgba(0,0,0,0.1);
    z-index: 1;
    position: relative;
}
.list-style-3 > li ul {
    width: 100%;
    min-height: 180px;
    display: inline-block;
    padding: 30px 38px 30px;
    word-break: keep-all;
    background: #f2f2f2;
}

/* 임대차관리 (페이지) */
#assets04 .list-style-2 > li ul {
    min-height: 223px;
}

/* 업무개요 (페이지) */
#brokerage01 img+p {
    margin: 60px 0 0;
    text-align: center;
}

/* 게시판, 주문폼 공통 스타일 */
.board_wrapper {
    margin-top: 0;
    margin-bottom: 0;
}
.search_wrap {
    margin-bottom: 0;
}
.board_wrapper .table.table_default {
    border-top: 2px solid #1d63ba;
}
.board_wrapper .table.table_default thead th {
    background: #f8f8f8;
    border-bottom: 1px solid #d3d3d3;
    padding: 13px 15px;
    font-weight: 500;
}
.board_wrapper .table.table_default tr td{
  padding: 21px 20px;
  border-color: #e6e6e6;
}
.table.table_default tbody .subject a {
  color: #333;
}
.table.table_default tbody .subject a:hover {
    text-decoration: underline;
}
.table.table_default tbody .subject .badge {
    margin-right: 8px;
    padding: 6px 7px 5px;
    font-weight: 500;
    color: #fff;
    background: #777;
    border-radius: 0;
}
.table.table_default tr td.writer, 
.table.table_default tr td.regdate, 
.table.table_default tr td.hits {
    color: #555;
}
.board_data_view {
    border-top: 2px solid #1d63ba;
}
.board_data_view .header_wrap {
    padding: 35px 10px;
    background: #f8f8f8;
    border-bottom: 1px solid #d3d3d3;
}
.board_data_view .header_wrap .title {
    font-size: 26px;
    letter-spacing: -0.033em;
    line-height: 1.3em;
}
.board_data_view .header_wrap .info {
    margin-top: 8px;
}
/* 게시글 작성 */

.board_wrapper .table.board_write_table{
  border-top:2px solid #1d63ba;
}
.board_wrapper .table.board_write_table tbody tr th, 
.board_wrapper .table.board_write_table tbody tr td {
    font-size: 15px;
    letter-spacing: -0.033em;
    border-color: #e6e6e6;
}
.board_wrapper .table.board_write_table tbody tr th {
    width: 200px;
    font-size: 15px;
    font-weight: 500;
    color: #222;
    background: #f8f8f8;
}
/* 주문폼 */
.board_wrapper .table.board_write_table tbody tr td .form-control {
    width: 350px;
}
.board_wrapper .table.board_write_table tbody tr th > span.required_text {
    color: red;
    font-weight: 600;
}
.board_wrapper .table.board_write_table tbody tr td .text-muted {
    font-size: 14px;
}
.board_wrapper .table.board_write_table .checkbox a {
    color: #2f76ce;
    text-decoration: underline;
}
.form-control:not([readonly]):focus {
    border-color: #999;
}

/*********** 서브 끝 ***********/

/****** 모바일 최적화 시작 ******/
@media (max-width: 1199px) { /* Small·Medium·Large devices */
    .mainPage .main-link a {margin-bottom: 40px;}
    #summary .box-mission {margin-bottom: 30px;}
    .list-style-2 {margin: 0;}
    .list-style-2 > li {
        width: 100%;
        padding: 0;
    }
    .list-style-2 > li+li {margin-top: 50px;}
    .list-style-2 > li ul {padding: 25px 20px 15px;}
    #assets01 .list-style-2 > li ul {min-height: auto;}
    .list-style-2 > li ul li {
        margin-bottom: 10px;
        font-size: 15px;
    }
    .list-style-2 > li+li::before {
        top: -48px;
        left: 50%;
        transform: rotate(90deg) translateY(40%);
    }
    .list-style-3 > li {width: 100%;}
    .list-style-3 > li+li {margin-top: 20px;}
    .list-style-3 > li h4 {
        padding: 14px;
        font-size: 18px;
    }
    .list-style-3 > li ul {
        min-height: auto;
        padding: 25px 20px 15px;
    }
    .list-style-3 > li ul li {font-size: 15px;}
    #assets04 .list-style-2 > li ul {
        min-height: auto;
    }
}
@media (max-width: 767px) { /* Small devices (col-xs-*) 모바일 */
    #site {padding-top: 60px;}
    .navbar-inverse {
        position: fixed;
        border-bottom: 1px solid #ddd;
    }
    .navbar-inverse .navbar-brand {
        height: auto;
        margin-top: 16px;
        padding: 15px 0 0 15px;
    }
    .navbar-inverse .navbar-brand::before {
        top: 7px;
        left: 124px;
        font-size: 18px;
    }
    .navbar-inverse .navbar-brand img {height: 32px;}
    .navbar-inverse .navbar-nav {margin: 0 -15px;}
    .navbar-inverse .navbar-nav > .open {background-color: #f6f6f6;}
    .navbar-inverse .navbar-nav > li > a {
        padding: 10px 15px;
        font-size: 16px;
    }
    .navbar-inverse .navbar-nav .dropdown.open .dropdown-toggle,
    .navbar-inverse .navbar-nav .dropdown.open:hover .dropdown-toggle,
    .navbar-inverse .navbar-nav .dropdown.open:focus .dropdown-toggle {
        color: #fff;
        background: #4284d5;
    }
    .navbar-inverse .navbar-nav > .open .dropdown-menu {padding: 10px 0;}
    .navbar-inverse .navbar-nav > .open .dropdown-menu > li > a {
        padding: 5px 25px;
        font-size: 15px;
        color: #111;
    }
    .navbar-inverse .navbar-nav > .open .dropdown-menu > li > a:hover,
    .navbar-inverse .navbar-nav > .open .dropdown-menu > li > a:focus {
        font-weight: 600;
        color: #111;
    }
    .carousel-caption {
        right: 5%;
        left: 5%;
    }
    #main1 {padding: 40px 0;}
    .mainPage > section {padding: 20px 0;}
    .mainPage h3 {
        margin: 0 0 40px;
        font-size: 34px;
    }
    .mainPage .main-slide .detail {
        min-height: 138px;
        word-break: break-all;
    }
    .mainPage .main-slide .detail > ul li {font-size: 13px;}
    .slick-arrow {display: none !important;}
    #section_7f39f8 {padding: 60px 0;}
    #section_7f39f8 .board_box_list {
        width: 100%;
        height: auto;
        margin-bottom: 50px !important;
        padding-right: 15px;
    }
    #main2 {width: 100%;}
    .mainPage .box-inquiry {padding: 30px;}
    #site footer .footer-info {padding: 30px 0;}
    #site footer .footer-info ul li {
        font-size: 11px;
        margin-right: 8px;
        line-height: 20px;
    }
    #site footer .footer-info ul li.copy {font-size: 10px;}

    .subPage > .pageTop {height: 160px;}
    .subPage > .pageTop .wrap-title {padding: 70px 0 0;}
    .subPage > .pageTop .wrap-title > h2 {font-size: 41px;}
    .subPage .breadcrumb {
        top: 15px;
        font-size: 11px;
    }
    .subPage .link {
        margin-top: 15px;
        background: #fff;
    }
    .subPage .link ul > li > a {
        padding: 12px 0;
        font-size: 15px;
        color: #333;
        border: 1px solid #ddd;
    }
    .subPage .link ul > li > a:hover {color: #fff;}
    .subPage .link ul > li:first-child > a {border-left: 1px solid #ddd;}
    .subPage > .contents {padding: 60px 0 70px;}
    .space-bottom {margin-bottom: 60px;}
    .title-lv-1 {
        margin: 0 0 50px;
        font-size: 34px;
    }
    .title-lv-3 {
        margin: 0 0 20px;
        padding-left: 27px;
        font-size: 27px;
    }
    .title-lv-3::before {top: 5px;}
    .box-text {
        margin: 0 0 40px;
        padding: 0;
    }
    .box-text > p {
        font-size: 23px;
        word-break: keep-all;
    }
    #greeting .image {padding: 0 30px 0 50px;}
    #greeting .image:before {
        left: 35px;
        bottom: -15px;
        width: 150px;
        height: 150px;
    }
    #greeting .text {padding: 0 15px;}
    #greeting .text h4.kor {
        margin: 50px 0 40px;
        font-size: 32px;
    }
    #summary #row1 .box-text {margin-bottom: 40px;}
    #summary table.tb-style-1 > tbody > tr > th,
    #summary table.tb-style-1 > tbody > tr > td {
        width: 100%;
        display: inline-block;
        padding: 12px;
        text-align: center;
    }
    #summary #row3 .box-text {
        margin: 30px 0 50px;
        padding: 0;
    }
    #summary .box-mission ul > li {padding: 20px 0;}
    #summary .box-vision > h4 {
        margin: 0;
        padding: 22px 0;
        font-size: 19px;
    }
    #summary .box-vision ul > li {
        width: 100%;
        min-height: auto;
        padding: 20px !important;
        font-size: 16px;
        border-left: none;
        border-top: 5px solid #fff;
    }
    #summary .box-biz-area {padding: 15px 15px 25px;}
    #summary .box-biz-area ul > li {
        width: 100%;
        margin-bottom: 15px;
    }
    #summary .box-biz-area ul > li .inner {
        min-height: auto;
        padding: 30px 20px 20px;
    }
    #summary .box-biz-area ul > li .wrap-icon {
        top: 25px;
        right: 30px;
        bottom: auto;
    }
    #location iframe {height: 400px;}
    #location .contact .addr {
        margin-bottom: 15px;
        text-align: center;
    }
    
    #assets02 .box-maintain > .top h4 {
        width: 100%;
        padding: 20px;
        font-size: 24px;
    }
    #assets02 .box-maintain > .middle p {
        width: 100%;
        padding: 15px 20px;
        font-size: 17px;
        word-break: keep-all;
    }
    #assets02 .box-maintain > .bottom ul {padding: 15px 10px;}
    #assets02 .box-maintain > .bottom ul > li {
        width: 50%;
        padding: 0 5px;
    }
    #assets02 .box-maintain > .bottom ul > li .inner {
        padding: 12px;
        font-size: 15px;
    }
    #assets02 .box-maintain > .bottom ul > li:last-child {width: 100%;}
    
    .board_wrapper .table colgroup, .board_wrapper .table tr .num,
    .board_wrapper .table tr .hits {display: none;}
    .board_wrapper .table .subject {width: 55%;}
    .board_wrapper .table .writer {width: 20%;}
    .board_wrapper .table .regdate {width: 25%;}

    .table.table_default tr th, .table.table_default tr td {
        padding: 10px;
        font-size: 14px;
    }
    .table.table_default tbody .subject .badge {
        margin-right: 5px;
        font-size: 11px;
    }
    .table.table_default tbody .subject a {font-size: 14px;}
    .board_wrapper .table.board_write_table tbody tr td .form-control,
    .board_wrapper .table.board_write_table .form-control.form-control-big,
    .member_wrapper #join_form .table .form-control,
    .member_wrapper #join_form .table .form-control.form-control-big {
        width: 100%;
    }
    .board_wrapper .table.board_write_table .files .fileInput .file_add {
        width: 100%;
        margin: 0 0 15px;
        padding: 6px 12px;
    }
    .member_wrapper .text-center .btn.btn-lg,
    .board_wrapper .text-center .btn.btn-lg {
        width: 100%;
        margin: 0;
        padding: 9px;
    }
    .board_wrapper .text-center .btn#write_btn,
    .member_wrapper .text-center .btn#join_btn {margin-top: 20px;}
    .table_video dd, .table_blog2 dd {width: 100%;}
    .member_wrapper {
        padding-top: 60px;
        padding-bottom: 100px;
    }

    .board_wrapper .table.table_default tr td {
        padding: 15px 10px;
    }
}
@media (min-width: 768px) and (max-width: 1199px) { /* Medium·Large devices */
    .container > .navbar-header {
        width: 100%;
        padding: 15px 0 10px;
        text-align: center;
    }
    .navbar-inverse .navbar-brand {
        float: none;
        width: 280px;
        height: auto;
        display: inline-block;
        margin: 0 auto !important; 
        padding: 0;
    }
    .navbar-inverse .navbar-brand::before {
        top: 17px;
        left: 144px;
    }
    .navbar-inverse .navbar-brand img {margin-top: 5px;}
    .navbar-inverse .navbar-collapse {text-align: center;}
    .navbar-inverse .navbar-right {
        float: none !important;
        display: inline-block;
        margin-right: 0;
        margin-bottom: -6px;
    }
    .carousel-caption {
        right: 8%;
        left: 8%;
    }
    #mainCarousel .carousel-caption h1 {font-size: 39px;}
    .navbar-inverse .navbar-nav > li > a {padding: 20px 40px;}
    #mainCarousel .carousel-inner .item {
        height: 550px;
    }
    #section_7f39f8 .board_box_list {
        width: 50%;
        padding-right: 30px;
    }
    #main2 {
        width: 50%;
    }
    #summary .box-biz-area ul > li {
        width: 100%;
    }
}
@media (min-width: 1200px) { /* Extra large devices (col-lg-*) */
    #summary #row1 .box-text{padding: 0 100px 0;}
}
/******* 모바일 최적화 끝 *******/