/*-----------------------------------
   1 ) Font Import From Google Fonts
  -----------------------------------*/
@import url('https://fonts.googleapis.com/css?family=Roboto+Slab:100,300,400,700');
@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800');
@import url('http://fonts.googleapis.com/earlyaccess/notosanskr.css');
@import url('https://fonts.googleapis.com/css?family=Noto+Sans:400,700');

@import url('https://fonts.googleapis.com/css?family=Diplomata+SC');

/*-------------------
   2 ) General Rulas
  -------------------*/
body {
  font-family:'Noto Sans KR','Noto Sans', -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing:0;
  background-color:transparent;
}

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6{
	font-weight:300;
	line-height:1.25;
	letter-spacing:-.025em;
}

		 h1, .h1 {font-size:80px;}
		 h2, .h2 {font-size:59px;}
		 h3, .h3 {font-size:48px;}
		 h4, .h4 {font-size:36px;}
		 h5, .h5 {font-size:30px;}

		@media (max-width: 991px) {
			 h1, .h1 {font-size:50px;}
			 h2, .h2 {font-size:49px;}
			 h3, .h3 {font-size:37px;}
			 h4, .h4 {font-size:30px;}
			 h5, .h5 {font-size:20px;}

		}

.text-eng {font-family: 'Open Sans', sans-serif; }
.text-roboto {font-family: 'Roboto Slab', serif;}

p, .p {
	margin-bottom:26px;
}
p, .p,
ul li,
ol li {
	font-weight:300;
	line-height:1.75;
}



/* Height*/

.height-xs {
	height:250px;
}
.height-sm {
	height:320px;
}
.height-md {
	height:400px;
}
.height-lg {
	height:520px;
}
.height-xl {
	height:640px;
}
.height-intro {
	height:90vh
}
.height-half {
	height:50vh
}
.height-full {
	height:100vh
}
.height-about {
	height:700px;
}
.height-sub {
	height:400px;
}
	@media (max-width:991px) {
		.height-xl {
			height:auto;
		}
		.height-about {
			height:480px;
		}


	}
	
	@media (max-width:767px) {
		.height-intro {
			height:75vh;
		}
		.height-md {
			height:300px;
		}
		.height-sub {
			height:260px;
		}
	}


/*-------------------
   1 ) Layout
  -------------------*/
main > .container,
section > .container,
nav > .container,
header > .container,
footer > .container,
.footer-main > .container {
	max-width:1500px;
	width:100%;	
	padding-left:3%;
	padding-right:3%;
}

section .row + .row {
	padding-top:100px;
}



	/* Media */
	@media (min-width:1600px) {
		main > .container,
		section > .container,
		nav > .container,
		header > .container,
		footer > .container,
		.footer-main > .container {
			padding-left:0;
			padding-right:0;
		}
	}
	@media (max-width:991px) {
		section .row + .row {
			padding-top:50px;
		}

		header > .container {
			padding-left:0;
			padding-right:0;
		}
	}

	@media (max-width:767px) {
		.hero-caption {
			padding-left:15px;
			padding-right:15px;
		}
	}



/*-------------------
   2 ) Main 
  -------------------*/

.owl-carousel {
	z-index:0;
}

.btn-underline {
	padding-bottom:5px;
	border-bottom:1px solid #29cc5f;
	font-size:14px;
	font-style:italic;
}
.main-banner-title {
	font-weight:800;
	text-transform:uppercase;
	font-size:40px;
}
.main-sns i {
	font-size:70px;
	}
	.main-sns > div  {
		text-align:center;
	}
	.main-sns > div>a {
		display:table;
		width:100%;
		height:100%;
	}
	.main-sns > div>a>i {
		display:table-cell;
		vertical-align:middle;
	}

	.main-sns > div>a.instagram {
		background:transparent;
		color:#a77c59;
	}
	.main-sns > div>a.facebook {
		background:transparent;
		color:#3b5998;
	}
	.main-sns > div>a.youtube {
		background:transparent;
		color:#e62117;
	}
	.main-sns > div>a.twitter {
		background:transparent;
		color:#55acee;
	}
	.main-sns > div>a.instagram:hover {
			background:#a77c59;
			color:#fff;
	}
	.main-sns > div>a.facebook:hover {
			background:#3b5998;
			color:#fff;
	}
	.main-sns > div>a.youtube:hover {
			background:#e62117;
			color:#fff;
	}
	.main-sns > div>a.twitter:hover {
			background:#55acee ;
			color:#fff;
	}



.text-inner {
	padding-top:50px;
	padding-bottom:100px;
}
.owl-content-text {
	position:absolute;
	top:0;
	right:0;
}
.display-1 {
	line-height:.9
}

	@media (min-width:992px) and (max-width:1400px) {
		.display-1 {
			font-size:40px;
		}
		.display-3 {
			font-size:30px;
		}
	}
	@media (max-width:991px) {
		.owl-content-text {
			position:relative;
			padding-top:50px;
			padding-bottom:50px;
		}
	}
	@media (max-width:575px) {
		.display-1 {
			font-size:40px;
		}
		.display-3 {
			font-size:30px;
		}
	}



/*-------------------
   3 ) Sub
  -------------------*/

.sub-title {
	font-family: 'Roboto Slab', serif;
	font-weight:800;
	font-size:120px !important;
	line-height:.7;
	text-transform:uppercase;
	letter-spacing:-.034em;
	margin-bottom:0;
}
.sub-lead {
	font-size:22px !important;
	font-weight:300;
	line-height:1.64;
}

	@media (max-width:767px) {
		.sub-title {
			margin-top:70px;
			font-size:50px !important;
		}
		.sub-lead {
			font-size:18px !important;
			margin:0 auto;
		}
	}



/*-------------------
	3 ) Footer
  -------------------*/
footer {
	padding-top:50px;
	padding-bottom:50px;
}
footer .social-icons a {
	margin-right:20px;
	font-size:20px;
	opacity:1;
	}
	footer .social-icons a,
	footer .copyright {
		color:rgba(255,255,255,.5);
	}
	footer .social-icons a:hover {
		color:#fff;
	}

footer .copyright {
	font-size:14px;
	padding-top:5px;
}

	@media (max-width:767px) {
		footer {
			padding-top:20px;
			padding-bottom:20px;
		}
		footer [class*="col-"] {
			text-align:center;
		}
	}



/*------------------------
	4 ) sub - Company
  ------------------------*/

/* Common Title */
.service-text h3,
.company-title h3,
.contact-text h3 {
	text-transform:uppercase;
	font-weight:800;
}


.box-icon .box-icon-title.box-icon-lg>i {
	font-size:140px;
	line-height:1.6;
}
.ceo-icon>i {
	font-size:80px;
}
.history-wrap > div {
	width:33.333333%;
	border-left:5px solid transparent;
	margin-bottom:100px;
	padding-left:15px;
	padding-right:40px;
	}
	.history-wrap > div>h4 {
		font-size:66px;
		font-weight:300;
		margin-bottom:50px;
		letter-spacing:-4px;
		line-height:.8;
	}
	.history-wrap >div>ul>li {
		line-height:1.32;
		padding-top:8px;
		padding-bottom:8px;
	}
ul.list-basic li:before {
		top:18px;
	}


	@media (max-width:991px) {
		.company-img {
			margin-bottom:40px;
		}
		.history-wrap > div {
			width:50%;
			margin-bottom:50px;
			}
			.history-wrap > div>h4 {
				font-size:50px;
				margin-bottom:20px;
			}
		.company-title {
			text-align:center;
			}
			.company-title h3 {
				margin-bottom:50px;
			}
	}

	@media (min-width:768px) and (max-width:991px) {
		.ceo-icon>i {
			display:none;
		}
	}

	@media (max-width:575px) {
		.history-wrap > div {
			width:100%;
		}
		.box-icon .box-icon-title.box-icon-lg>i {
			width:100px;
			height:100px;
			font-size:100px;
		}
	}

/*-------------------------
	5 ) sub - Service
  -------------------------*/
.service-text >h3 {
	margin-bottom:60px;
	}
	.service-text >h3>span {
		display:none;
		margin-bottom:-15px;
	}
	.service-text >h4 {
		margin-bottom:20px;
		letter-spacing:-.052em;
	}
	.service-text .more {
		margin-top:70px;
		margin-bottom:0;
	}

		@media screen and (max-width:991px){
			.service-text >h3 {
				margin-bottom:30px;
				}
				.service-text .more {
					margin-top:30px;
					margin-bottom:0;
				}
			.service-img {
				margin-bottom:30px;
			}

		}



/*--------------------------
	6 ) sub - Contact
  --------------------------*/
.contact-info {
	padding-top:50px;
	padding-bottom:50px;
	}
	.contact-info li {
		font-weight:400;
		line-height:2;
		padding-bottom:12px;
	}
	.contact-info span {
		width:30px;
		height:30px;
		line-height:30px;
		border-radius:50%;
		background-color:transparent;
		display:inline-block;
		text-align:center;
		margin-right:15px; 
	}
	.contact-info span>i {
		color:transparent;
	}



/*-------------------------
	7 ) Navbar
  -------------------------*/

.text-intro h2 {
	font-family: 'Diplomata SC', cursive;
	text-transform:uppercase;	
	font-weight:normal;
	font-size:140px;
	opacity:.78;	
	}

	@media (max-width:1250px) {
		.text-intro h2 {
			font-size:110px;
		}
	}
	@media (max-width:991px) {
		.text-intro h2 {
			font-size:86px;
		}
	}
	@media (max-width:575px) {
		.text-intro h2 {
			font-size:50px;
		}
	}


.navbar-brand {
		font-family: 'Diplomata SC', cursive;
		text-transform:uppercase;	
		font-weight:normal;
		font-size:22px;
}
.fixed-scroll {
		background-color:rgba(255,255,255,1);
	}

	.fixed-scroll.navbar-scroll {
		background-color:rgba(255,255,255,.97);
		box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.1);
	}
			
.navbar-dark.fixed-scroll .navbar-nav .nav-link {
	 color: #fff;
}
.navbar-dark.fixed-scroll.navbar-scroll .navbar-nav .nav-link {
	 color: #fff;
}

.navbar-toggler {
	border:none;
}
.navbar-toggler-right {
	right:0;
}


	/* Only Desktop */

	@media (min-width:992px) {
		.navbar {
			padding:0;
			height:90px;
		}
		.navbar-brand-wrap {
			/* position:absolute; */
			top:0;
			left:0%;
			-webkit-transform:translateX(0%);
			-moz-transform:translateX(0%);
			-o-transform:translateX(0%);
			transform:translateX(0%);
			}
			.navbar-brand {
				padding:3px 20px;
				font-size:17px;
				margin-right:0;
				border:3px solid #29cc5f;
			}

		.navbar.fixed-scroll {
			margin-top:0px;
			}
			.navbar.fixed-scroll.navbar-scroll {
				margin-top:0px;
				height:60px;
			}

		.bg-transparent {
			padding:0px;
		}

		.navbar-brand-full.logo,
		.navbar-brand-m.logo{
			display:none;
		}

		.nav-link {
			font-size: 18px;
			text-transform:uppercase;
			font-weight:600;
			padding:3px 7px;
		}
		.nav-item {
			padding-left: 6px;
			padding-right: 6px;
		}


		

		/* Navbar Scroll */
		.bg-transparent.navbar-scroll {
			padding:10px 0px;
		}
		.bg-transparent.navbar-scroll .navbar-brand.logo {
			font-size:31px;
		}



		/* Logo Center */
		.logo-center .navbar-brand-wrap {
			width:20%;
			text-align:center;
		}
		.logo-center .navbar-nav.mr-auto,
		.logo-center .navbar-nav.ml-auto {
			width:100%;
		}
	}


	@media (min-width:1250px) {
		.nav-link {
			font-size: 23px;
		}
		.navbar-brand {
			font-size:21px;
		}
		.nav-item {
			padding-left: 12px;
			padding-right: 12px;
		}
	}

	@media (min-width:1600px) {
			.navbar.fixed-scroll {
				margin-top:0px;
			}
			.navbar.fixed-scroll.navbar-scroll {
				margin-top:0px;
			}

	}



.dropdown-menu.language {
	left:0;
	right:0;
	min-width:100%;
	text-align:center;
}
.dropdown-menu.language .dropdown-item { 
	text-transform:uppercase;
	padding:0;
	font-weight:700;	

}




/* ===================================================== */