/* ==============================
    Google Font
	@import url('https://fonts.googleapis.com/css?family=Playfair+Display:400,700,900');
	@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed:300,400,700');
	@import url('https://fonts.googleapis.com/css?family=Montserrat:100,200,300,400,600,700,800,900');
================================= */

@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800');
@import url('https://fonts.googleapis.com/earlyaccess/notosanskr.css');
@import url('https://fonts.googleapis.com/css?family=Noto+Sans:400,700');


/* Noto Sans KR (korean) http://www.google.com/fonts/earlyaccess */ 
@font-face { 
  font-family: 'Noto Sans KR'; 
  font-style: normal; 
  font-weight: 100; 
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff2) format('woff2'), 
      url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff) format('woff'), 
      url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.otf) format('opentype'); 
} 
@font-face { 
  font-family: 'Noto Sans KR'; 
  font-style: normal; 
  font-weight: 300; 
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2) format('woff2'), 
      url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff) format('woff'), 
      url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf) format('opentype'); 
} 
@font-face { 
  font-family: 'Noto Sans KR'; 
  font-style: normal; 
  font-weight: 400; 
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format('woff2'), 
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format('woff'), 
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format('opentype'); 
 } 
@font-face { 
  font-family: 'Noto Sans KR'; 
  font-style: normal; 
  font-weight: 500; 
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format('woff2'), 
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format('woff'), 
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format('opentype'); 
 } 
@font-face { 
  font-family: 'Noto Sans KR'; 
  font-style: normal; 
  font-weight: 700; 
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format('woff2'), 
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format('woff'), 
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format('opentype'); 
 } 
@font-face { 
  font-family: 'Noto Sans KR'; 
  font-style: normal; 
  font-weight: 900; 
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff2) format('woff2'), 
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff) format('woff'), 
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.otf) format('opentype'); 
 } 


/*-------------------
   2 ) General Rulas
  -------------------*/
body {
  font-family:'Noto Sans KR','Malgun Gothic','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;

}

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

		 h1, .h1 {font-size:55px;}
		 h2, .h2 {font-size:59px;}
		 h3, .h3 {font-size:48px;}
		 h4, .h4 {font-size:36px;}
		 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:30px;}
			 h5, .h5 {font-size:25px;}
			 h6, .h6 {font-size:22px;}

		}

		@media (max-width: 575px) {
			 /*h1, .h1 {font-size:40px;}*/
			 h2, .h2 {font-size:40px; }
			 h3, .h3 {font-size:30px;}
			 h4, .h4 {font-size:25px;}
			 h6, .h5 {font-size:21px;}


		}


.text-eng {font-family: 'Open Sans', Arial, sans-serif;}
.text-title {font-family: 'Open Sans', Arial, sans-serif;}



p, .p {
	margin-bottom:26px;
}
p, .p,
ul li,
ol li {
	font-weight:300;
	line-height:1.6;
	/*opacity:.87;*/
}

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

@media (min-width:1200px) {
	nav > .container {
		width:100%;
		margin-left: 8.333333%;
		margin-right: 8.333333%;
		padding-left:0;
		padding-right:0;
	}

}
section > .container {
	width:100%;
	max-width:1500px;
	padding-left:3%;
	padding-right:3%;
}

header {
	padding-top:73px;
}

section {
	padding-top:150px;
	padding-bottom:150px;
}
section.index-1 {
	padding-bottom:400px;
}
section.index-2 {
	padding-top:0;
	margin-top:-250px;
}
section.index-4 {
	padding-bottom:300px;
}
section.index-5 {
	padding-top:0;
	margin-top:-150px;
}


.index-1 .inner {
	padding-right:80px;
}
.index-3 .box-icon {
	padding-top:2px/*30px*/;
}

section.about-photo {
	padding:0;
}

	@media (max-width:991px) {
	header {
	padding-top:60px;
}
		section,
		section.about-photo{
			padding-top:80px;
			padding-bottom:0px;
		}
		section.index-2 {
			margin-top:0px;
		}
		section.index-1,
		section.index-3,
		section.index-4 {
			padding-bottom:80px;
		}
		section.index-5 {
			padding-top:80px;
			margin-top:0px;
		}
		.index-2 .index-icon-link {
			height:50vh;
			min-height:440px;
		}
		.inner-about {
			padding-top:50px;
			padding-bottom:50px;
		}

	}
	@media (max-width:1199px) {
		.index-1 .inner {
			padding-left:20px;
			padding-right:20px;
			padding-bottom:50px;
		}
	}




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

.divider-box li {
	height:33.33%;
	width:50%;
	position:relative;
	float:left;
    -webkit-transition: all 0.5s ease 0s;
    transition: all 0.3s ease 0s;
    opacity: 0.8;
}
.divider-box li:hover {
	opacity:1;
	cursor:pointer;
    /*background-color: rgba(255,255,255,.05);*/
}
.divider-box li:before {
	height:100%;
	content:'';
	position:absolute;
	top:0;
	left:-1px;
	border-left:1px solid rgba(255,255,255,.12);
}
.divider-box li:after {
	width:100%;
	height:0;
	content:'';
	position:absolute;
	top:auto;
	left:0;
	bottom:-1px;
	border-bottom:1px solid rgba(255,255,255,.12);
}


.box-icon.box-icon-side.box-icon-num {
	padding-left:100px/*120px*/;
	padding-top:40px;
	padding-bottom:40px;
	border-bottom:1px solid rgba(255,255,255,.125)
}

.box-icon.box-icon-side.box-icon-num>span {
	top:30px/*40px*/;
	letter-spacing:0;
}

	@media (min-width:992px) {

		.box-icon.box-icon-side.box-icon-num:last-child {
			padding-bottom:0;
			border:none;
		}
	}
	@media (max-width:575px) {
		.box-icon.box-icon-side.box-icon-num {
			padding-left:70px;
		}
	}


.box-icon.box-icon-md .box-icon-title>i, .box-icon.box-icon-md >i {
    width: 150px;
    height: 150px;
    line-height: 150px;
	font-size:70px;
}


.main-cs h6,
.sub-cs h6 {
	font-size:14px;
	font-weight:600;
}
.main-cs p,
.sub-cs p {
	font-size:20px;
}



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

.sub-title {
	margin-bottom:20px !important;
	
}
.sub-lead {
	font-size:22px !important;
	font-weight:300;
	line-height:1.64;
}

	@media (max-width:767px) {
		.sub-title {
		}
	}




/*------------------------
	About
  ------------------------*/


/*------------------------
	Service
  ------------------------*/

.service-icon .box-icon-title>i {
	background-color:rgba(0,0,0,.4)
}
.height-service {
	height:700px;
}

@media (max-width:991px) {
	.height-service {
		height:520px;
	}
	.height-90.contact-title {
		height:100vh;
	}
	.height-90.service-title {
		height:100vh;
		/*padding-top:150px;
		padding-bottom:80px;*/
	}
	.service-icon .box-icon {
		margin-bottom:2px/*30px*/;
	}

}

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





/* ==============================
    Contact
================================= */
@media (max-width:767px) {
	.height-80.height-map {
		height:480px;
	}
}


/* ==============================
    Navigation
================================= */

.navbar-brand-box {
	position:absolute;
	top:0;
	left:0;
	width:150px;
	height:100px;
}

.logo-brand {
	 font-size:24px;
}


@media (min-width:992px) {
	.logo-brand {
		 font-size:30px;
	}
}
.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;	

}




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