@import url(//fonts.googleapis.com/earlyaccess/notosanskr.css);
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/noto-sans-kr-v10-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Noto Sans KR Regular'), local('NotoSansKR-Regular'),
       url('../fonts/noto-sans-kr-v10-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/noto-sans-kr-v10-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/noto-sans-kr-v10-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/noto-sans-kr-v10-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/noto-sans-kr-v10-latin-regular.svg#NotoSansKR') format('svg'); /* Legacy iOS */
}
/* noto-sans-kr-500 - latin */
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/noto-sans-kr-v10-latin-500.eot'); /* IE9 Compat Modes */
  src: local('Noto Sans KR Medium'), local('NotoSansKR-Medium'),
       url('../fonts/noto-sans-kr-v10-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/noto-sans-kr-v10-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/noto-sans-kr-v10-latin-500.woff') format('woff'), /* Modern Browsers */
       url('../fonts/noto-sans-kr-v10-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/noto-sans-kr-v10-latin-500.svg#NotoSansKR') format('svg'); /* Legacy iOS */
}
/* noto-sans-kr-700 - latin */
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/noto-sans-kr-v10-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Noto Sans KR Bold'), local('NotoSansKR-Bold'),
       url('../fonts/noto-sans-kr-v10-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/noto-sans-kr-v10-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/noto-sans-kr-v10-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/noto-sans-kr-v10-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/noto-sans-kr-v10-latin-700.svg#NotoSansKR') format('svg'); /* Legacy iOS */
}
/* noto-sans-kr-900 - latin */
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 900;
  src: url('../fonts/noto-sans-kr-v10-latin-900.eot'); /* IE9 Compat Modes */
  src: local('Noto Sans KR Black'), local('NotoSansKR-Black'),
       url('../fonts/noto-sans-kr-v10-latin-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/noto-sans-kr-v10-latin-900.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/noto-sans-kr-v10-latin-900.woff') format('woff'), /* Modern Browsers */
       url('../fonts/noto-sans-kr-v10-latin-900.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/noto-sans-kr-v10-latin-900.svg#NotoSansKR') format('svg'); /* Legacy iOS */
}
body {
	overflow-x:hidden;
	font-family: "Noto Sans KR", sans-serif;
}
html, p, h1, h2, h3, h4, h5, h6, table, ul, ol, li, dl, dt, dd, td, th{font-family: "Noto Sans KR"sans-serif}
p {
	line-height:1.75
}
a {
	color:#bf0005
}
a:hover {
	color:#fec503
}
.text-primary {
	color:#ffffff!important
}
h1,h2,h3,h4,h5,h6 {
	font-weight:700;
	font-family:'Noto Sans KR'sans-serif
}
section {
	padding:100px 0
}
section h2.section-heading {
	font-size:36px;
	margin-top:0;
	margin-bottom:15px
}
section h3.section-subheading {
	font-size:16px;
	font-weight:400;
	font-style:normal;
	margin-bottom:50px;
	text-transform:none;
	font-family:''Noto Sans KR'
}
@media (min-width:768px) {
	section {
		padding:150px 0
	}
}
.btn {
	font-family:'Noto Sans KR';
	font-weight:700
}
.btn-xl {
	font-size:18px;
	padding:20px 80px
}
.btn-primary {
	background-color:#bf0005;
	border-color:#bf0005
}
.btn-primary:active,.btn-primary:focus,.btn-primary:hover {
	background-color:#bf0005;
	border-color:#bf0005;
	color:#fff
}
.btn-primary:active,.btn-primary:focus {
	-webkit-box-shadow:0 0 0 .2rem rgba(191,0,5,.5)!important;
	box-shadow:0 0 0 .2rem rgba(191,0,5,.5)!important
}
::selection {
	background:#bf0005;
	text-shadow:none
}
img::selection {
	background:0 0
}
img::-moz-selection {
	background:0 0
}
#mainNav {
	background-color:#212529
}
#mainNav .navbar-toggler {
	font-size:12px;
	right:0;
	padding:13px;
	text-transform:uppercase;
	color:#fff;
	border:0;
	background-color:#bf0005;
	font-family:'Noto Sans KR'
}
#mainNav .navbar-brand {
	color:#bf0005;
	font-family:'Kaushan Script',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol','Noto Color Emoji'
}

#mainNav .navbar-brand img{width:80%}

#mainNav .navbar-brand.active,#mainNav .navbar-brand:active,#mainNav .navbar-brand:focus,#mainNav .navbar-brand:hover {
	color:#ff4549
}
#mainNav .navbar-nav .nav-item .nav-link {
	font-size:90%;
	font-weight:400;
	padding:.75em 0;
	letter-spacing:1px;
	color:#fff;
	font-family:'Noto Sans KR'
}
#mainNav .navbar-nav .nav-item .nav-link.active,#mainNav .navbar-nav .nav-item .nav-link:hover {
	color:#ff4549
}
@media (min-width:992px) {
	#mainNav {
		padding-top:25px;
		padding-bottom:25px;
		-webkit-transition:padding-top .3s,padding-bottom .3s;
		transition:padding-top .3s,padding-bottom .3s;
		border:none;
		background-color:transparent
	}
	#mainNav .navbar-brand {
		font-size:1.75em;
		-webkit-transition:all .3s;
		transition:all .3s
	}
	#mainNav .navbar-nav .nav-item .nav-link {
		padding:1.1em 1em!important
	}
	#mainNav.navbar-shrink {
		padding-top:0;
		padding-bottom:0;
		background-color:#212529;
	}
	#mainNav.navbar-shrink .navbar-brand {
		font-size:1.25em;
		padding:12px 0
	}

}
/*
header.masthead {
	text-align:center;
	color:#fff;
	background-image:url(../img/header-bg.jpg);
	background-repeat:no-repeat;
	background-attachment:scroll;
	background-position:center center;
	background-size:cover
}*/
header.masthead {
	text-align:center;
	color:#fff;
	background-image:url(../img/bg-masthead.jpg);
	background-position:center center;
	background-size:cover;
	height:-webkit-fill-available;
	 padding-top: 10rem;
    padding-bottom: calc(10rem - 72px);
    background: -webkit-gradient(linear,left top,left bottom,from(rgba(79,68,68.3)),to(rgba(79,68,68,.3))),url(../img/bg-masthead.jpg);
    background: linear-gradient(to bottom,rgba(79,68,68,.3) 0,rgba(79,68,68,.3) 100%),url(../img/bg-masthead.jpg);
    background-repeat: no-repeat;
    background-attachment: scroll;
}

header.masthead .intro-text {
	padding-top:150px;
	padding-bottom:100px
}
header.masthead .intro-text .intro-lead-in {
	font-size:22px;
	font-style:normal;
	line-height:22px;
	margin-bottom:25px;
	font-family:''Noto Sans KR'
}
header.masthead .intro-text .intro-heading {
	font-size:40px;
	font-weight:700;
	line-height:50px;
	margin-bottom:25px;
	font-family:''Noto Sans KR'
}
@media (min-width:768px) {
	header.masthead .intro-text {
		padding-top:450px;
		padding-bottom:200px
	}
	header.masthead .intro-text .intro-lead-in {
		font-size:30px;
		line-height:40px;
		font-weight:300;
		margin-bottom:100px;
		font-family:''Noto Sans KR'
	}
	header.masthead .intro-text .intro-heading {
		font-size:75px;
		font-weight:700;
		line-height:75px;
		margin-bottom:15px;
		font-family:''Noto Sans KR'
	}
}
.service-heading {
	margin:15px 0;
	text-transform:none
}
#portfolio .portfolio-item {
	right:0;
	margin:0 0 15px
}
#portfolio .portfolio-item .portfolio-link {
	position:relative;
	display:block;
	max-width:400px;
	margin:0 auto;
	cursor:pointer
}
#portfolio .portfolio-item .portfolio-link .portfolio-hover {
	position:absolute;
	width:100%;
	height:100%;
	-webkit-transition:all ease .5s;
	transition:all ease .5s;
	opacity:0;
	background:rgba(254,209,54,.9)
}
#portfolio .portfolio-item .portfolio-link .portfolio-hover:hover {
	opacity:1
}
#portfolio .portfolio-item .portfolio-link .portfolio-hover .portfolio-hover-content {
	font-size:20px;
	position:absolute;
	top:50%;
	width:100%;
	height:20px;
	margin-top:-12px;
	text-align:center;
	color:#fff
}
#portfolio .portfolio-item .portfolio-link .portfolio-hover .portfolio-hover-content i {
	margin-top:-12px
}
#portfolio .portfolio-item .portfolio-link .portfolio-hover .portfolio-hover-content h3,#portfolio .portfolio-item .portfolio-link .portfolio-hover .portfolio-hover-content h4 {
	margin:0
}
#portfolio .portfolio-item .portfolio-caption {
	max-width:400px;
	margin:0 auto;
	padding:25px;
	text-align:center;
	background-color:#fff
}
#portfolio .portfolio-item .portfolio-caption h4 {
	margin:0;
	text-transform:none
}
#portfolio .portfolio-item .portfolio-caption p {
	font-size:16px;
	font-style:normal;
	margin:0;
	font-family:''Noto Sans KR'
}
#portfolio * {
	z-index:2
}
@media (min-width:767px) {
	#portfolio .portfolio-item {
		margin:0 0 30px
	}
}
.portfolio-modal {
	padding-right:0!important
}
.portfolio-modal .modal-dialog {
	margin:1rem;
	max-width:100vw
}
.portfolio-modal .modal-content {
	padding:100px 0;
	text-align:center
}
.portfolio-modal .modal-content h2 {
	font-size:3em;
	margin-bottom:15px
}
.portfolio-modal .modal-content p {
	margin-bottom:30px
}
.portfolio-modal .modal-content p.item-intro {
	font-size:16px;
	font-style:normal;
	margin:20px 0 30px;
	font-family:''Noto Sans KR'
}
.portfolio-modal .modal-content ul.list-inline {
	margin-top:0;
	margin-bottom:30px
}
.portfolio-modal .modal-content img {
	margin-bottom:30px
}
.portfolio-modal .modal-content button {
	cursor:pointer
}
.portfolio-modal .close-modal {
	position:absolute;
	top:25px;
	right:25px;
	width:75px;
	height:75px;
	cursor:pointer;
	background-color:transparent
}
.portfolio-modal .close-modal:hover {
	opacity:.3
}
.portfolio-modal .close-modal .lr {
	z-index:1051;
	width:1px;
	height:75px;
	margin-left:35px;
	-webkit-transform:rotate(45deg);
	transform:rotate(45deg);
	background-color:#212529
}
.portfolio-modal .close-modal .lr .rl {
	z-index:1052;
	width:1px;
	height:75px;
	-webkit-transform:rotate(90deg);
	transform:rotate(90deg);
	background-color:#212529
}
.timeline {
	position:relative;
	padding:0;
	list-style:none
}
.timeline:before {
	position:absolute;
	top:0;
	bottom:0;
	left:40px;
	width:2px;
	margin-left:-1.5px;
	content:'';
	background-color:#e9ecef
}
.timeline>li {
	position:relative;
	min-height:50px;
	margin-bottom:50px
}
.timeline>li:after,.timeline>li:before {
	display:table;
	content:' '
}
.timeline>li:after {
	clear:both
}
.timeline>li .timeline-panel {
	position:relative;
	float:right;
	width:100%;
	padding:0 20px 0 100px;
	text-align:left
}
.timeline>li .timeline-panel:before {
	right:auto;
	left:-15px;
	border-right-width:15px;
	border-left-width:0
}
.timeline>li .timeline-panel:after {
	right:auto;
	left:-14px;
	border-right-width:14px;
	border-left-width:0
}
.timeline>li .timeline-image {
	position:absolute;
	z-index:100;
	left:0;
	width:80px;
	height:80px;
	margin-left:0;
	text-align:center;
	color:#fff;
	border:7px solid #e9ecef;
	border-radius:100%;
	background-color:#bf0005
}
.timeline>li .timeline-image h4 {
	font-size:10px;
	line-height:14px;
	margin-top:12px
}
.timeline>li.timeline-inverted>.timeline-panel {
	float:right;
	padding:0 20px 0 100px;
	text-align:left
}
.timeline>li.timeline-inverted>.timeline-panel:before {
	right:auto;
	left:-15px;
	border-right-width:15px;
	border-left-width:0
}
.timeline>li.timeline-inverted>.timeline-panel:after {
	right:auto;
	left:-14px;
	border-right-width:14px;
	border-left-width:0
}
.timeline>li:last-child {
	margin-bottom:0
}
.timeline .timeline-heading h4 {
	margin-top:0;
	color:inherit
}
.timeline .timeline-heading h4.subheading {
	text-transform:none
}
.timeline .timeline-body>p,.timeline .timeline-body>ul {
	margin-bottom:0;font-size:0.9rem;line-height:1.5;padding-bottom:10px;
}
@media (min-width:768px) {
	.timeline:before {
		left:50%
	}
	.timeline>li {
		min-height:100px;
		margin-bottom:100px
	}
	.timeline>li .timeline-panel {
		float:left;
		width:41%;
		padding:0 20px 20px 30px;
		text-align:right
	}
	.timeline>li .timeline-image {
		left:50%;
		width:100px;
		height:100px;
		margin-left:-50px
	}
	.timeline>li .timeline-image h4 {
		font-size:13px;
		line-height:18px;
		margin-top:16px
	}
	.timeline>li.timeline-inverted>.timeline-panel {
		float:right;
		padding:0 30px 20px 20px;
		text-align:left
	}
}
@media (min-width:992px) {
	.timeline>li {
		min-height:150px
	}
	.timeline>li .timeline-panel {
		padding:0 20px 20px
	}
	.timeline>li .timeline-image {
		width:150px;
		height:150px;
		margin-left:-75px
	}
	.timeline>li .timeline-image h4 {
		font-size:18px;
		line-height:26px;
		margin-top:30px
	}
	.timeline>li.timeline-inverted>.timeline-panel {
		padding:0 20px 20px
	}
}
@media (min-width:1200px) {
	.timeline>li {
		min-height:170px
	}
	.timeline>li .timeline-panel {
		padding:0 20px 20px 100px
	}
	.timeline>li .timeline-image {
		width:170px;
		height:170px;
		margin-left:-85px
	}
	.timeline>li .timeline-image h4 {
		margin-top:40px
	}
	.timeline>li.timeline-inverted>.timeline-panel {
		padding:0 100px 20px 20px
	}
}
.team-member {
	margin-bottom:50px;
	text-align:center
}
.team-member img {
	width:225px;
	height:225px;
	border:7px solid #fff
}
.team-member h4 {
	margin-top:25px;
	margin-bottom:0;
	text-transform:none
}
.team-member p {
	margin-top:0
}
section#contact {
	background-color:#212529;
	background-image:url(../img/map-image.png);
	background-repeat:no-repeat;
	background-position:center
}
section#contact .section-heading {
	color:#fff
}
section#contact .form-group {
	margin-bottom:25px
}
section#contact .form-group input,section#contact .form-group textarea {
	padding:20px
}
section#contact .form-group input.form-control {
	height:auto
}
section#contact .form-group textarea.form-control {
	height:248px
}
section#contact .form-control:focus {
	border-color:#bf0005;
	-webkit-box-shadow:none;
	box-shadow:none
}
section#contact::-webkit-input-placeholder {
	font-weight:700;
	color:#ced4da;
	font-family:'Noto Sans KR'
}
section#contact:-moz-placeholder {
	font-weight:700;
	color:#ced4da;
	font-family:'Noto Sans KR'
}
section#contact::-moz-placeholder {
	font-weight:700;
	color:#ced4da;
	font-family:'Noto Sans KR'
}
section#contact:-ms-input-placeholder {
	font-weight:700;
	color:#ced4da;
	font-family:'Noto Sans KR'
}
footer {width:100%;display:inline-block;padding: 0;	text-align:center}
footer address{margin:0;padding:0}
footer span.copyright {
	font-size:90%;
	line-height:40px;
	text-transform:none;
	font-family:'Noto Sans KR'
}
footer ul.quicklinks {
	font-size:90%;
	line-height:40px;
	margin-bottom:0;
	text-transform:none;
	font-family:'Noto Sans KR'
}
ul.social-buttons {
	margin-bottom:0
}
ul.social-buttons li a {
	font-size:20px;
	line-height:50px;
	display:block;
	width:50px;
	height:50px;
	-webkit-transition:all .3s;
	transition:all .3s;
	color:#fff;
	border-radius:100%;
	outline:0;
	background-color:#212529
}
ul.social-buttons li a:active,ul.social-buttons li a:focus,ul.social-buttons li a:hover {
	background-color: #bf0005
}



@media (max-width: 625px) {

.btn-xl{font-size:14px;padding:14px 60px}
section{padding:50px 0}
#services h2{font-size:40px}

}