html,body {font-family: 'Noto Sans KR', sans-serif;}
a{color:#333;text-decoration:none;}

#topNavbar {}
#topNavbar .nav-link {color:#333; font-weight:600;}

.login-control .ico {font-size:1.3rem; vertical-align:middle;}
.login-control .btn {background:rgb(28,131,166); color:white; padding:0.2rem 1rem; }
.login-control .btn span {font-size:0.837rem; vertical-align:middle;}

.main-title {padding:100px 0;}
.main-title-bg {background:url('/assets/common/images/main_bg.jpg') top center no-repeat; background-size:cover; height:820px; margin-bottom:210px;}

.main-quick .quick-item {margin:10px 0;}
.main-quick .card {text-align:center; border-radius:1rem; border:none;}
.main-quick .card-body {padding:2rem 1rem;}
.main-quick .main-quick-img {display:block; width:150px; height:150px; background:rgb(236,239,244);
	border-radius:50% 50%; line-height:150px; margin:0 auto;
}
.main-quick .main-quick-img img {display:inline-block;}
.main-quick .main-quick-item-tit {margin:20px 0; font-weight:bold;}
.main-quick .card p {color:rgb(153,153,153); font-size:0.875rem;}

.main-nt-count {width:100%; position:relative; margin-top:100px; }
.main-nt-count .main-nt-bg {
	position:absolute;
	left:50%;
	transform:translate(-50%,0);
	border:30px solid white; background:url('/assets/common/images/con_bg.jpg') bottom right no-repeat; max-width:1600px; width:1600px; height:310px;}

.main-nt-count .row {padding:60px 0;}

.main-nt-count .nt-item {text-align:center; color:white; margin-top:10px; margin-bottom:10px; padding-top:10px; padding-bottom:10px;}
.main-nt-count .nt-item {border-right:1px solid rgb(105,125,136); }
.main-nt-count .nt-item:last-child {border-right:none; }
.main-nt-count .nt-item h5 {font-weight:bolid; font-size:1.5rem; margin:0.5rem 0;}
.main-nt-count .nt-item p {font-size:2rem; font-weight:800; margin:0; padding:10px 0;}

footer {border-top:1px solid #ddd; padding-top:30px;}
footer p {color:rgb(153,153,153); font-size:0.875rem;}

.content-wrap {min-height:500px;}

.sub-title-bg {background:url('/assets/common/images/sub_bg.jpg') top center no-repeat; background-size:cover; height:180px; text-align:center;}
.sub-title-bg .sub-top-title {font-weight:800; color:white; padding:50px 0 0px; font-size:2rem;}
.sub-title-bg .sub-top-title::after {content:' '; display:block; width:30px; border-bottom:2px solid white; margin:10px auto;}
.sub-title-bg p {color:white;}

.sub-container {padding-top:20px; padding-bottom:20px;}
.sub-container .page-info {border-bottom:1px solid #ddd; margin-bottom:20px;padding-bottom:10px;}
.sub-container .page-location {font-size:0.875rem;}

.side-menu {border-radius:0;}
.side-menu .side-menu-tit {height:130px;line-height:130px;background:rgb(0,51,132); text-align:center; color:white; font-size:1.5rem; font-weight:bold;}
.side-menu .list-group .list-group-item {padding:15px 1rem; border-radius:unset;}
.side-menu .list-group .active {background:rgb(246,246,246); border:1px solid rgba(0,0,0,.125); border-bottom:1px solid #333; color:#333;}
.side-menu .list-group .list-group-item a {display:flex;}
.side-menu .list-group .list-group-item a span {display:block; width:100%;}
.side-menu .list-group .list-group-item.active a::after {content:'\f285';font-family: bootstrap-icons !important; display:inline-block;flex-shrink:1;}

@media (max-width: 1600px) {
	.main-nt-count .main-nt-bg {width:100%;}
}

@media (max-width: 991.98px) {
	.main-title-bg {height: 1120px;}
	.main-nt-count {margin-top:50px;}
}

@media (max-width: 767.98px) {
	.main-title-bg {height: 1290px;}
	.main-nt-count .main-nt-bg {height:480px; background-size:cover;}
	.main-nt-count .nt-item:nth-child(2n) {border-right:none;}
}

@media (max-width: 575.98px) {
	.main-title-bg {height: 1720px;}
	.main-nt-count .main-nt-bg {height:700px; background-size:cover;}
	.main-nt-count .nt-item {border-right:none; }
	.main-nt-count .nt-item p {border-bottom:1px solid rgb(105,125,136);}
	.main-nt-count .nt-item:last-child p {border:none;}
}

/** Loading */
#spinner {position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.5);z-index:100;}
#loader {
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 1;
  width: 120px;
  height: 120px;
  margin: -76px 0 0 -76px;
  border: 8px solid #f3f3f3;
  border-radius: 50%;
  border-top: 8px solid #35424a;
  -webkit-animation: spin 1s linear infinite;
  animation: spin 1s linear infinite;
}

@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

/* Add animation to "page content" */
.animate-bottom {
  position: relative;
  -webkit-animation-name: animatebottom;
  -webkit-animation-duration: 1s;
  animation-name: animatebottom;
  animation-duration: 1s
}

@-webkit-keyframes animatebottom {
  from { bottom:-100px; opacity:0 }
  to { bottom:0px; opacity:1 }
}

@keyframes animatebottom {
  from{ bottom:-100px; opacity:0 }
  to{ bottom:0; opacity:1 }
}