/*!
 * Start Bootstrap - Scrolling Nav (https://startbootstrap.com/template-overviews/scrolling-nav)
 * Copyright 2013-2019 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap-scrolling-nav/blob/master/LICENSE)
 */

/* .page-section {    
    padding: 100px 0;     
}  */


#mainNav2 {
  -webkit-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
  background-color: #fff;  
  -webkit-transition: background-color 0.2s ease; 
  transition: background-color 0.2s ease;
  height: 65px;
  /* top:72px; */
  z-index: 1;
}


.sticky-top-ie{
  position:fixed;
  width:100%;
  z-index:99;
  top:72px;
} 

#mainNav2 .navbar-nav .nav-item .nav-link {
  /* color: #6c757d; */
  color: black;
  font-family: "Merriweather Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-weight: bold;
  font-size: 1.0rem;
  /* padding: 0.75rem 0;   */
}


#mainNav3 {
  -webkit-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
  background-color: #fff;  
  -webkit-transition: background-color 0.2s ease; 
  transition: background-color 0.2s ease;
  height: 65px;
  padding: 0px !important;
  margin: 0px !important;
  z-index: 1;
}

#mainNav3 .nav .nav-item .nav-link {
  /* color: #6c757d; */
  color: black;

  font-family: "Merriweather Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-weight: 500;
  font-size: 1.0rem;  
}


@media (min-width: 992px) {
  #mainNav2.navbar-scrolled {
    -webkit-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
    background-color: #fff;    
  }
 
}

@media (max-width: 990px) {
  #mainNav2 {      
      visibility: hidden;               
      -webkit-box-shadow: none;
      box-shadow: none;
      background-color: transparent;          
   }
}

#navbarResponsive .navbar-nav .nav-item {    
  padding-top: 0px; 
  padding-bottom: 37px;  
  padding-right: 0px;
  text-align: center;
  height: 35px;  
}

#navbarResponsive .navbar-nav > li  {
  border-left: 1px solid silver;
}

#navbarResponsive .navbar-nav > li:last-child  {
  border-right: 1px solid silver;
  padding-right: 10px;
}


/* 분양정보 */
#navbarResponsive .nav .nav-item {    
  padding-top: 0px; 
  padding-bottom: 37px;  
  padding-right: 0px;
  text-align: center;
  height: 35px;  
}

#navbarResponsive .nav > li  {
  border-left: 1px solid silver;
}

#navbarResponsive .nav > li:last-child  {
  border-right: 1px solid silver;
  padding-right: 10px;
} 

@media screen and (max-width: 1100px){
  .content h2 {
      display: inline-block;
      zoom: 1;
      color: #000;
      font-size: 40px;
      font-weight: 500;
      line-height: 100%;
      position: relative;
      padding-bottom: 30px;
    }
}

header.masthead {
  /* padding-top: 315px;     */
  padding-top: 120px; 
  /* padding-bottom: calc(10rem - 72px); */  
  padding-bottom: 5rem;    
  /* background: -webkit-gradient(linear, left top, left bottom, from(rgba(92, 77, 66, 0.8)), to(rgba(92, 77, 66, 0.8))), url("../carlist/img/bg-banner2.jpg"); */
  /* background: linear-gradient(to bottom, rgba(92, 77, 66, 0.8) 0%, rgba(92, 77, 66, 0.8) 100%), url("../carlist/img/bg-banner2.jpg");  */
  /* background: linear-gradient(to bottom,rgba(31, 37, 48, 0.245) 0%,rgba(31, 37, 48, 0.445) 100%), url("../carlist/img/bg-banner2.jpg");  */
  background: linear-gradient(to bottom,rgba(31, 37, 48, 0.245) 0%,rgba(31, 37, 48, 0.545) 100%), url("../carlist/img/bg-banner2.jpg");   
  background-position: center;
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-size: cover;
}


hr.style_one {
  display: block;
  margin-top: 0.5em;
  margin-bottom: 0.5em;
  margin-left: auto;
  margin-right: auto;
  border-style: inset;
  width:40%;
  border-width: 1px;
}

header.masthead h1 {
  font-size: 2rem;
}

@media (min-width: 992px) {
  header.masthead {   
   margin-top: 30px;   
   padding-top: 15px; 
   padding-bottom: 0;
   height: 25vh; 
  }
  
  header.masthead h1 {
    font-size: 2.5rem;
  }

  hr.style_one {
    display: block;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
    margin-left: auto;
    margin-right: auto;
    border-style: inset;
    width:20%;
    border-width: 1px;
  }
  
}

@media (min-width: 1200px) {
  header.masthead h1 {
    font-size: 2.5rem;
  } 
}