/*-----------------------------------
   1 ) Font Import From Google Fonts
  -----------------------------------*/

@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed: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=Sarina');
@import url('https://fonts.googleapis.com/css?family=Monsieur+La+Doulaise');

/*-------------------
   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:34px;}
		 h5, .h5 {font-size:30px;}
		 h6, .h6 {font-size:24px;}

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

		}

		@media (max-width: 575px) {
			 h1, .h1 {font-size:40px;}
			 h2, .h2 {font-size:35px; }
			 h3, .h3 {font-size:30px;}
			 h4, .h4 {font-size:23px;}

		}


.text-eng {font-family: 'Roboto Condensed', sans-serif;}


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

section {
	padding-top:130px;
	padding-bottom:130px;
}

/* Height*/

.height-12 {
	height:12.5vh;
}
.height-25 {
	height:25vh;
}
.height-50 {
	height:50vh;
}
.height-75 {
	height:75vh;
}


.height-intro {
	height:100vh
}
.height-half {
	height:50vh
}
.height-full {
	height:100vh
}
.height-about {
	height:700px;
}
.height-sub {
	height:120px;
}

	@media (max-width:991px) {
	section {
		padding-top:70px;
		padding-bottom:70px;
	}


	}
	
	@media (max-width:767px) {
	.height-intro {
		height:calc(100vh)
	}

		.height-md {
			height:300px;
		}
		.height-sub {
			height:260px;
		}
	}

.banner-title  {
	border-top:1px solid;
	border-bottom:1px solid;
	font-size:16px;
	line-height:1.45;

}

/*-------------------
   1 ) Layout
  -------------------*/

.left-navigation {
	width:200px;
	position:fixed;
	top:0;
	left:0;
	bottom:0
}

.right-content-wrap {
	min-height:100%;
	position:relative;
	overflow:hidden;
	width:100%;
	}
	.right-content-wrap .content-center {
		float:left;
		width:60%;
		z-index:5;
		padding:3%;

	}
	.right-content-wrap .content-right {
		float:left;
		width:40%;
		min-height:100vh; 
	}

	.right-content-wrap .content-right.sub-right {
			position:relative;
			min-height:auto;
	}
	.right-content-wrap .content-right.sub-right .sub-right-fixed {
			position:relative
	} 



.right-icon-item {
	height:23vh;
	border-bottom:1px solid;
	border-right:1px solid;
	border-color:rgba(255,255,255,.2)
	}
	.right-icon-item:nth-child(3),
	.right-icon-item:nth-child(6),
	.right-icon-item:nth-child(9) {
		border-right:none;
	}
	.right-icon-item:hover {
		background-color:#fef568;
	}
	.right-icon-item:hover .box-icon-title.box-icon-md h4 {
		color:#333;
	}
	.right-icon-item a {
		color:#e1e1e1;
	}
	.right-icon-item a:hover {
		color:#fff;
	}
	.right-icon-item h4 {
		text-transform:uppercase;
		font-size:18px;
		font-weight:400;
		letter-spacing:.028em;
	}
	.box-icon .box-icon-title.box-icon-md>i {
		margin-bottom:0;
		padding-bottom:10px;
	}
	.box-icon .box-icon-title.box-icon-md>i>svg {
		width:60px;
		vertical-align:middle;
	}
	.box-icon .box-icon-title.box-icon-md>i>svg path { 
		fill:#333;
	}
	.box-icon .box-icon-title.box-icon-md:hover>i>svg path {
		fill:rgba(0, 0, 0, 0.5);
		/* fill:#5f86fb; */
	}

.height-quick {
	height:100vh;
	vertical-align:middle;
}

	@media (max-width:1400px) {
		.right-content-wrap .content-center,
		.right-content-wrap .content-right {
			float:none;
			width:100%;
		}
	
	}
	@media (max-width:991px) {
		.right-content-wrap {
			margin-left:0px;
		}
		.box-icon .box-icon-title.box-icon-md>i {
			font-size:35px;
		}
		.box-icon .box-icon-title.box-icon-md>i>svg {
			width:51px;
		}
		.right-content-wrap .content-right {
			height:calc(100vh)
		}
		.right-icon-item h4 {
			font-size:16px;
		}
	}

	@media (min-width:1400px) {
		.right-content-wrap .content-right.sub-right {
			position:absolute;
			top:0;
			right:0;
		}
		.right-content-wrap .content-right.sub-right .sub-right-fixed {
			position:fixed;
			z-index:9;
			width:calc(40% - 78px);
			right:17px;
			min-height:100vh;
		} 

	
	}


/*Sidebar*/
.sidebar-brand h1{
	text-align:center;
}

.sidebar .simplebar-content>.sidebar-brand,.sidebar>.sidebar-brand{
	height:auto;
	line-height:56px;
	padding-left:0px;
	padding-right:0px;
	margin-top:54px;
	margin-bottom:54px;
}

.sidebar-menu-button {
	display:block;
	padding-left:0px;
	text-align:center;
}

.sidebar-menu-button .text {
	font-family: 'Noto Sans KR', sans-serif;
	font-weight:500;
	line-height:54px;
	font-size:22px;
	text-transform:uppercase;
	transform:scaleX(0.9);
}

.sidebar-btn-wrap {
	position:fixed;
	top:0;
	left:0;
	z-index:99;
}

.btn.btn-menu {
	border-radius:0;
	font-size:30px;
	background-color:transparent;
	padding:8px 13px;
	color:#080805 !important;
}


	@media (max-width:767px) {
		.sidebar .simplebar-content>.sidebar-brand,.sidebar>.sidebar-brand{
			margin-top:30px;
			margin-bottom:30px;
		}
	}

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

.tab-links {
	display:table;
    position: absolute;
    bottom: 0;
    left: 0;
	width:100%;
	z-index:999;
	margin:0 auto;
	padding:0;
	text-align:center;
}
.tab-links a {
	display:table-cell;
	padding:20px 0px;
	font-weight:400;
	cursor:pointer;
	width:33.333%;
	background-color:rgba(0, 0, 0, 0.78);
	color:#cac5bd;
	margin-bottom:0;
	text-transform:uppercase;
}
.tab-links a:hover,
.tab-links a:focus,
.tab-links a:active {
	color:#fef568;
	background-color:rgba(0, 0, 0, 1);
}

.owl-thumbs {
    position: absolute;
    bottom: 0;
    left: 0;
	width:100%;
	z-index:999;
	padding:0;
}
.owl-thumbs button {
	padding:20px 0px;
	opacity:.78;
	font-weight:400;
	cursor:pointer;
}
.owl-thumb-item {
	width:33.333%;
	background-color:#111;
	color:#cac5bd;
	margin-bottom:0;
}
.owl-thumb-item.active {
	color:#fef568;
}

.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:60px;
		}
		.display-3 {
			font-size:50px;
		}
	}
	@media (max-width:991px) {
		.owl-content-text {
			position:relative;
			padding-top:50px;
			padding-bottom:50px;
		}
	}
	@media (max-width:575px) {
		.display-1 {
			font-size:60px;
		}
		.display-3 {
			font-size:45px;
		}
	}



/*-------------------
   3 ) Sub
  -------------------*/
.sub-title-wrap {
	padding-top:0px;
	padding-bottom:0px;
	margin-bottom:80px;
	border-bottom:0px solid #5f86fb;
}

.sub-nav {
	float:right;
	margin-bottom:30px;
	font-size:18px;
	line-height:1;
	font-weight:800;
	text-transform:uppercase;
	letter-spacing:1px;
}
.sub-title {
	font-weight:700;
	font-size:60px !important;
	line-height:.8;
	text-transform:uppercase;
	letter-spacing:-.034em;
	margin-bottom:150px;
	margin-left:-3px;
	transform-origin:0 0;
	transform:scaleX(0.95);
}
.sub-lead {
	font-size:22px !important;
	font-weight:300;
	line-height:1.64;
}

.content-title {
	margin-bottom:80px;
	text-transform:uppercase;
}
.content-title:after {
	content:'';
	width:100%;
	height:1px;
	background-color:#333;
	display:none;
	margin-top:30px;
}




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



/*-------------------
	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
  ------------------------*/
.photo-item + .photo-item{
	margin-top:100px;
}
.photo-item h3 {
	font-weight:500;
}
.about-ceo {
	width:100%;
	margin:0 auto;
}
.about-ceo h4 {
	margin-left:-3px;
	letter-spacing:-.068em;
	line-height:1.3;
}
.about-ceo .sign-wrap {
	position:relative;
	padding-left:0px;
}
.about-ceo .sign-wrap:before {
	display:none;
	content:'';
	position:absolute;
	top:52%;
	left:0;
	height:8px;
	width:30px;
	background-color:#5f86fb;

}
.about-ceo .sign {
font-family: 'Monsieur La Doulaise', cursive;
}

.tab-content li {
	line-height:1.25;
	padding-top:7px;
	padding-bottom:7px;
}

ul.list-basic li:before {
	top:15px;
	background-color:#5f86fb;
}
	@media (max-width:991px) {
		.nav-boxs {
			margin-bottom:40px;
		}
		.nav-boxs .nav-item {
			margin-bottom:0px;
			margin-left:10px;

		}
		.nav-boxs .nav-item:first-child {
			margin-left:0px;

		}
	}




/*-------------------------
	5 ) sub - °­»ç¼Ò°³
  -------------------------*/
.modal-text h5 {
	font-family: 'Roboto Condensed', sans-serif;
	margin-bottom:20px;
	font-weight:600;
	text-transform:uppercase;
}
.modal-text .row {
	margin-bottom:80px;
}

.grid-item {
  position: relative;	
}
.img-overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  transition: .5s ease;
  background-color:rgba(0,0,0,0);
  z-index:999;
}
.grid-item:hover .img-overlay {
  background-color:rgba(0,0,0,.85);
}

.img-overlay .title {
  color:#fff;
    transition: .5s ease;
  font-size: 40px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
}

.img-overlay .title {
	opacity:0;
}
.grid-item:hover .title {
	opacity:1;
}

	@media (max-width:991px) {
		.modal-text .row {
			margin-bottom:30px;
		}
	}

/*-------------------------
	5 ) Class - ±³À°°úÁ¤
  -------------------------*/
.height-round {
	width:100%;
	padding-top:100%;
	border-radius:50%;
}
.height-round .height-round-text {
   position:  absolute;
	top:50%;
	 left:50%;
	 -webkit-transform:translate(-50%,-50%);
	 -moz-transform:translate(-50%,-50%);
	 -o-transform:translate(-50%,-50%);
	 transform:translate(-50%,-50%);
}

.height-round .title h5 {
	color:#fff;
	line-height:1;
	font-weight:400;
	font-size:30px;
}


.class-title {
	width:80%;
	text-align:center;
	margin:0 auto;
	margin-bottom:130px;
 }
.class-item [class*='col-'] {
	margin-bottom:80px;
	text-align:center;
	padding-left:36px;
	padding-right:36px;
}

.class-item p {
	padding-top:25px;
}
/*--------------------------
	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;
	}

ol.list-basic li:before {
	top:25px;
}


.list-group.list-border .list-group-item {
	border:none;
	border-bottom:1px solid rgba(0,0,0,.125);
	margin-bottom:0;
	padding-top:50px;
	padding-bottom:50px;
}
.list-group.list-border .list-group-item:first-child {
	padding-top:0;
}
.list-group.list-border .list-group-item h5 {
	margin-bottom:20px;
	font-weight:400;
	position:relative;
	padding-left:50px;
}
.list-group.list-border .list-group-item h5:before {
	position:absolute;
	left:0;
	top:0;
	content:'\f1ae';
	font-family:'axicon';
	font-size:31px;
	color:#5f86fb;
}
.list-group.list-border .list-group-item h5>span {
	width:50px;
	display:inline-block;
}
.list-group.list-border .list-group-item p {
	margin-bottom:0;

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

.text-intro h2 {
	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 {
		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:50%;		
			 -webkit-transform:translateX(-50%);
			 -moz-transform:translateX(-50%);
			 -o-transform:translateX(-50%);
			 transform:translateX(-50%);
			}
			.navbar-brand {
				padding:3px 20px;
				font-size:17px;
				margin-right:0;
			}

		.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:300;
			padding:3px 7px;
		}
		.nav-item {
			padding-left:10px;
			padding-right:10px;
		}


		

		/* 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:40%;
		}
	}


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

	@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;	

}

.mb-0.mb-call { font-size:17px; }
.mb-0.mb-call img { margin-right:14px; }
@media (max-width:991px) {
	.mb-0.mb-call { font-size:15px; }
	.mb-0.mb-call img { width:32px; }
}

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

.table.table-news td { font-size:18px; font-weight:300; }
.btn.btn-accent { font-family:inherit; font-weight:600; }