/***************************************************
               폰트 * Pretendard 
***************************************************/
@font-face {
	font-family: 'Pretendard';
	font-weight: 900;
	font-display: swap;
	src: local('Pretendard Black'), url('./font/Pretendard-Black.woff2') format('woff2'), url('./font/Pretendard-Black.woff') format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 800;
	font-display: swap;
	src: local('Pretendard ExtraBold'), url('./font/Pretendard-ExtraBold.woff2') format('woff2'), url('./font/Pretendard-ExtraBold.woff') format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 700;
	font-display: swap;
	src: local('Pretendard Bold'), url('./font/Pretendard-Bold.woff2') format('woff2'), url('./font/Pretendard-Bold.woff') format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 600;
	font-display: swap;
	src: local('Pretendard SemiBold'), url('./font/Pretendard-SemiBold.woff2') format('woff2'), url('./font/Pretendard-SemiBold.woff') format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 500;
	font-display: swap;
	src: local('Pretendard Medium'), url('./font/Pretendard-Medium.woff2') format('woff2'), url('./font/Pretendard-Medium.woff') format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 400;
	font-display: swap;
	src: local('Pretendard Regular'), url('./font/Pretendard-Regular.woff2') format('woff2'), url('./font/Pretendard-Regular.woff') format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 300;
	font-display: swap;
	src: local('Pretendard Light'), url('./font/Pretendard-Light.woff2') format('woff2'), url('./font/Pretendard-Light.woff') format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 200;
	font-display: swap;
	src: local('Pretendard ExtraLight'), url('./font/Pretendard-ExtraLight.woff2') format('woff2'), url('./font/Pretendard-ExtraLight.woff') format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 100;
	font-display: swap;
	src: local('Pretendard Thin'), url('./font/Pretendard-Thin.woff2') format('woff2'), url('./font/Pretendard-Thin.woff') format('woff');
}

@font-face {
    font-family: 'Chosunilbo_myungjo';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_one@1.0/Chosunilbo_myungjo.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

/***************************************************
              레이아웃 * preset
***************************************************/
/* body section */
.body-wrap {position: relative; overflow: hidden;}
section, .section-padding { padding: 10px 0 15px; position: relative;}
hr {background-color: #e7e7e7; border: 0; height: 1px; margin: 40px 0;}
.alert hr {background: initial; margin: initial; border-top: 1px solid; height: initial; margin-bottom: 1rem; opacity: 0.2;}
.main-container {min-height: calc(100vh - 281px);}

/* Header -헤더 */
.header {
  background: #fff;
  position: relative;
  box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.1);
}

/* 상단 로그인·정보바 */
.info-bar {padding: 0; background: #fff; position: relative; border-bottom: 1px solid #eee;}
.userbar {display: flex;}

/* 아파트 정보 */
.top-info {margin: 0;  width: fit-content; display: flex; align-items: center; font-weight: bold; padding: 10px 20px;}
.top-info label {font-size: 16px; color: #222;}

/* 사용자 정보 */
.top-social {padding: 0;  margin: 0; margin-right: -12px; justify-content: flex-end;}
.top-social ul li { display: inline-block; padding: 0;}
.top-social ul li span {font-weight:700; color: #222;}
.top-social ul li a { color: #2c2c2c; font-size: 14px; transition: 400ms; padding: 9px 12px;}
.top-social ul li a:hover { color: #333; box-shadow: 0 0 10px 2px rgba(0,0,0,0.2)}
 
/* 헤더 */
.header-one,
.header-one .site-navigation {background: #fff;}
.header-one .navbar-collapse { padding-left: 0; justify-content: space-between;}
.header-one ul.navbar-nav > li {padding-left: 0;}
.header-one .logo-area {padding:0;}

.navbar-fixed {z-index: 9999; position: fixed; width: 100%; top: 0;}

.header-two {  background: #fff; box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.15);}
.header-two .navbar-fixed {background-color: #fff; border-bottom:  1px solid #eee;}
.user-toggle-btn {display: none;}
.user-navigation .mo-btn {display: none;} /*231015추가*/

/* 로고 */
.logo img {width: auto; height: 35px;}
.header-two .logo img {height: 50px;}

/* 메인 메뉴 네비게이션 */
.logo {margin-left: 10px;}
.nav-container {justify-content: space-between; align-items: center; padding: 0; margin-right: 0; margin-left: 0;}
.navbar-toggler {  float: left; margin-top: 10px; padding: 12px;}
.navbar {border-radius: 0; border: 0; margin-bottom: 0; justify-content: flex-start;}
.navbar-toggler {margin: 10px 0; padding: 6px; border-radius: 0; font-size: 1rem; background: #fff;}
.navbar-toggler:focus { outline: 0;}
.list-unstyled { display: flex;  align-items: center;}
/*메인메뉴 (대메뉴) */
ul.navbar-nav {padding-left: 20px;}
ul.navbar-nav > li:hover > a,
ul.navbar-nav > li {padding: 0 15px; position: relative;}
ul.navbar-nav > li:hover > a,
ul.navbar-nav > li > a {padding: 25px !important; color: #fff;}
ul.navbar-nav > li:last-child { padding-right: 0;}
ul.navbar-nav > li:last-child:after {background: none;}
ul.navbar-nav > li > a:hover, ul.navbar-nav > li > a:focus {background: none;}
ul.navbar-nav > li > a i {font-weight: 700; margin-left: 6px;}
ul.navbar-nav > li > a:after, ul.navbar-nav > li > a:after { display: none;}
ul.navbar-nav > li > a {  font-family: "Pretendard", sans-serif; color: #fff !important; text-rendering: optimizeLegibility; font-weight: 700 !important; text-transform: uppercase; letter-spacing: -0.2px; font-size: 14px; margin: 0; line-height: 30px; padding: 30px 0; transition: 350ms;}
.navbar-light ul.navbar-nav > li > a {color: #000 !important; font-size: 18px;}
.navbar-light ul.navbar-nav > li.active > a {color: #416fdf !important; font-size: 18px; }

/*드롭다운 (소메뉴) */
.dropdown-menu {text-align: left; background: #fff; z-index: 100; min-width: 300px; border: 0; padding: 0 20px; margin: 0; border-radius: 0px;  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.2);}
.navbar-nav > li > .dropdown-menu a {background: none;}
.dropdown-menu li a {font-family: "Pretendard", sans-serif; display: block; font-size: 18px; text-transform: uppercase; font-weight: 400; line-height: normal;  text-decoration: none; padding: 15px 0; letter-spacing: 0.3px; border-bottom: 1px solid #e5e5e5; color: #333333;}
.dropdown-menu li:last-child > a {border-bottom: 0;}
.dropdown-menu li a:hover, .dropdown-menu li a:focus {color : rgb(41 52 58);}
.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus, .dropdown-menu > .active > .dropdown-menu > .active > a {
background: none;  color: #065bf9; font-weight: 700;}
.dropdown-menu > .active > a:before {content:"▶	"; font-size:10px; color: #509FFF; margin-right: 10px; position: relative; top: -3px;}

/*container 콘테이너*/
@media (min-width: 1200px) {
.container.max-container {max-width: 92%;}
} 

/*Footer 하단 푸터*/
footer {background-color:  rgb(23 37 50); padding: 10px 0; color:  #FFFFFF; line-height: 1.5;}
footer img {width: 120px;}
footer p {font-weight: 500;}
footer p>span,footer p.light {font-weight: 100;}
footer .copyright-info {text-align: right;}
/*메인*/

/*-- 메인슬라이드 --*/
.banner-carousel .banner-carousel-item { height: 700px; color: #fff; background-position: 50% 50%; background-size: cover;}
.slider-content {  position: relative; height: 100%; width: 100%;-webkit-backdrop-filter: blur(3px); backdrop-filter: blur(3px);}
.slide-title-box {font-size: 16px; line-height: 39px; background: #007bff; color: #fff; display: inline-block; padding: 0 15px; margin: 0 0 10px;}
.slide-title {font-size: 45px; line-height: 36px; font-weight: 400; color: #FFFFFF80; margin: 20px 10px 0px 0px;}
.slide-title img {display: inline-block; width: 30px; margin-right: 10px;}
p.slider-description {line-height: 1.5; font-size: 22px; font-weight: 200; opacity: 0.7 !important;}
.slide-sub-title {font-style: normal; font-size: 50px; line-height: 58px; margin: 10px 0 20px 0; color: #fff;font-weight: 700; text-transform: uppercase; letter-spacing: -1px;}
.slider-text {display: table; vertical-align: bottom; color: #fff; padding-left: 40%; width: 100%; padding-bottom: 0; padding-top: 20px;}
.slider-text .slide-head {font-size: 36px; color: #0052a5; position: relative;}
.slider-img {display: block; position: absolute; top: -80px; left: 20%; width: 314px; max-height: 100%;}
.slider-img img {display: block; position: relative; max-height: 100%; width: auto;}
.slider.btn {margin: 15px 5px 0;border: 2px solid transparent;}
.slider.border {background: none; border: 2px solid #007bff !important;}
.slider.border:hover { background: #007bff; border: 2px solid transparent;}

/* 슬라이드 컨트롤 */
.banner-carousel .carousel-control {position: absolute; top: 50%;z-index: 5; display: inline-block; transform: translateY(-50%); background-color: transparent;
  opacity: 0; filter: alpha(opacity=0); text-shadow: none; transition: all 0.25s ease; padding: 0; outline: 0; border: 0;}
.banner-carousel .slick-dots {opacity: 0;filter: alpha(opacity=0);bottom: 60px;}
.slick-dots li button::before {font-size: 12px;}
.slick-dots li button:hover:before, .slick-dots .slick-dots li button:focus:before,
.slick-dots li.slick-active button:before {opacity: 1; color: #007bff;}
.slick-slide {outline: 0;}
.banner-carousel:hover .carousel-control, .banner-carousel:hover .carousel-control, .banner-carousel:hover .slick-dots {opacity: 1; filter: alpha(opacity=100);}
.banner-carousel .carousel-control.left {left: 20px;}
.banner-carousel .carousel-control.right {right: 20px;}
.banner-carousel .carousel-control i {background: rgba(0, 0, 0, 0.3);  color: #fff; line-height: 58px; width: 60px; height: 60px; font-size: 22px; border-radius: 0;
 transition: all 500ms ease;}
.banner-carousel .carousel-control i:hover {background: #007bff; color: #fff;}

/*-- 슬라이드 애니메이션 -- */
.banner-carousel [data-animation-in] {opacity: 0;}
/* slick Box slider */
.box-slider-content { top: 50%; padding: 0; position: absolute; width: 100%; transform: translateY(-50%);}
.box-slider-text {background: #111; background: rgba(0, 0, 0, 0.65); display: inline-block; padding: 20px 30px; max-width: 650px;}
.box-slide-title {font-size: 18px; font-weight: 300; margin: 0; color: #fff;}
.box-slide-sub-title { font-size: 36px; margin: 8px 0 10px; color: #fff;}
.box-slide-description {color: #fff;}
.box-slider-text .btn {padding: 10px 20px;}
.box-slide.owl-theme .owl-controls {margin: -20px;}

@media (max-width: 991px) {
  .banner-carousel .banner-carousel-item {height: 550px;} 
  .slide-title {font-size: 30px;}
  .slide-sub-title {font-size: 30px;}

}
@media (max-width: 575px) {
  .banner-carousel .banner-carousel-item {height: 450px; }
  .slide-title {font-size: 30px; display: block; margin-bottom: 10px; text-align: center}
  p.slider-description {text-align: center}
  .slide-sub-title {font-size: 32px; line-height: 1.3; text-align: center;}
  .slider.btn {font-size: 12px;}
  .banner-carousel .carousel-control { display: none !important; }
}
@media (max-width: 767px) {
  .box-slider-content { top: auto; transform: translateY(0);  left: 20px; bottom: 20px; width: calc(100% - 40px);}
  .box-slide-title {font-size: 16px;}	
  .box-slide-sub-title {font-size: 26px;}
  .box-slide-description {font-size: 15px;}	
}