/*
  Theme Name: BizPage
  Theme URL: https://bootstrapmade.com/bizpage-bootstrap-business-template/
  Author: BootstrapMade.com
  License: https://bootstrapmade.com/license/
*/

/*--------------------------------------------------------------
# General
--------------------------------------------------------------*/

body {
  background: #fff;letter-spacing:-0.5px;
  color: #666666;
  font-family: 'NanumBarunGothic','Poppins', 'NanumGothic', 'MalgunGothic',  'Noto Sans KR', 's-core-dream-regular', NostalgicPoliceFairness, 'Play', 'Rubik', 'Roboto', 'Acumin Variable Concept', 'Pretendard-SemiBold', 'Pretendard-Light', 'Eurostile', 'Nexa Bold', "Open Sans",sans-serif;
  word-break:keep-all;
}

a {
  color: #18d26e;
  transition: 0.5s;
}

a:hover,
a:active,
a:focus {

  outline: none;
  text-decoration: none;
}

p {
  padding: 0;
  margin: 0 0 30px 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: 'Rubik', sans-serif;
  font-weight: 400;
  margin: 0 0 20px 0;
  padding: 0;
}
.ft-red{color:#ed0000}
.ft-bold{font-weight:600;}
.ft-blue{color:#1975cb;font-weight:600;}
.ft-blue2{color:#1975cb;}
/* Back to top button */

.back-to-top {
  position: fixed;
  display: none;
  /*
  background: #2a5195;
  color: #fff;
  width: 44px;
  height: 44px;
  text-align: center;
  line-height: 1;
  font-size: 16px; 
  border-radius: 50%;*/
 width: 46px;
  height: 46px;
  background:url('../../image/top.gif') no-repeat;

  right: 15px;
  bottom: 15px;
 
  transition: background 0.5s;
  z-index: 11;
}

.back-to-top i {
  padding-top: 12px;
  color: #fff;
}


@-webkit-keyframes animate-preloader {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes animate-preloader {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/
.pcver{display:block;}
.mover{display:none;}




#header {
  padding: 15px 0;
  height: 92px;
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  transition: all 0.5s;
  z-index: 997;
}

#header.header-scrolled {
  background: rgba(255, 255, 255, 1);
  padding: 10px 0;
  height: 98px;
  transition: all 0.5s;
}



#header .aa{
display:block;
}

#header .bb{
display:none;
}



#header.header-scrolled .aa{
display:none;
}

#header.header-scrolled .bb{
display:block;
}

#header.header-scrolled .header-lang  {
top:23px;  transition: all 0.5s;
}
#header.header-scrolled .sitebtn  {
top:25px;  transition: all 0.5s; right:100px;
}

#header #logo {
  float: left;
}

#header #logo h1 {
  font-size: 34px;
  margin: 0;
  padding: 0;
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
}

#header #logo h1 a,
#header #logo h1 a:hover {
  color: #fff;
  padding-left: 10px;
}

#header #logo img {
  padding: 0;
  margin: 0;
}

#header.header-scrolled #logo img {
width:75%;min-width:140px; min-height:52px;
}


#header.header-scrolled .nav-menu a {
   padding: 10px 25px 10px 25px;
  text-decoration: none;
  display: inline-block;
  color: #000;
  font-family: 'Noto Sans KR', sans-serif;
  font-weight: 500;
  font-size: 20px;
  text-transform: uppercase;
  outline: none;
}





#header.header-scrolled .nav-menu a:hover {
  color: #2366d4;
}
















/* Header :: ÆÄÆ®³Ê»ç ¼±Åà ¹× ¾ð¾î¼±Åà */
.header-lang {position:absolute; float:right; right:100px; width:80px; top:40px; height:30px;  background-color:#eee; z-index:100; margin-left:15px; font-family: 'Play', sans-serif;  transition: all 0.5s;}
.header-lang .lang-open-btn {overflow:hidden; text-align:left;position:relative; display:block; height:100%; padding:0 5px 0 5px; font-size:13px; padding-top:1px;line-height: 30px; letter-spacing:-0.25px; color:#222; }
.header-lang .lang-open-btn i {display:inline-block; text-align:left; vertical-align: middle; font-size:20px; margin-top:0px; }
.header-lang .lang-open-btn .arrow{position:absolute; top:0px; right:7px;}
.header-lang .lang-open-btn .arrow i{font-size:16px;text-align:left;}
.header-lang > ul {display:none; position:absolute;  text-align:left;list-style:none;top:30px; left:0px; z-index:10; width:100%; background-color:#f2f2f2; }
.header-lang > ul > li > a{display:block;  text-align:left; padding:0 5px 0 5px; margin-left:0px; text-decoration:none; font-size:13px; padding-top:1px;line-height: 30px; color:#222; font-weight:700}
.header-lang > ul > li > a:hover{background-color:rgba(0,0,0,1); color:#fff;}
.header-lang.open .lang-open-btn .arrow {transform:rotate(180deg); margin-top:-3px;}


.sitebtn {position:absolute; display:block; float:right; right:100px;width:40px; top:30px; height:40px;   z-index:100; margin-left:15px;   transition: all 0.5s; cursor:pointer;}



.sitemap {

text-align:center;margin:100px auto 0; width:100%; z-index:9999;min-width:1000px; 
}

.sitemap ul {
text-align:center;margin:0px auto 0; width:95%; vertical-align:top; padding-top:0px;
}

.sitemap li {
display:inline-block; margin:20px 0 20px -4px;width:20%; font-size:18px; color:#fff; font-weight:300;border-left:1px solid #666;border-right:1px solid #666;z-index:9999;min-height:300px;vertical-align:top;
}

.sitemap li a{
font-size:18px; color:#fff;vertical-align:top; line-height:190%; z-index:9999;font-weight:300;
}
.sitemap .tt {
font-size:24px; color:#fff; font-weight:500;margin-bottom:20px;
}
.sitemap .tt a{
font-size:24px; color:#fff; font-weight:500;
}






/*--------------------------------------------------------------
# Intro Section
--------------------------------------------------------------*/

#intro {
  display: table;
  width: 100%;
  height: 90vh;
  background: #fff;
}

#intro .carousel-item {
  width: 100%;
  height: 90vh;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

#intro .carousel-item::before {
  content: '';
  background-color: rgba(255, 255, 255, 0);
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
}

#intro .carousel-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  /*
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  */
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  position: absolute;
  bottom: 0;
  top: 0;
  left: 0;
  right: 0;
}

#intro .carousel-background img {
  max-width: 100%;
}

#intro .carousel-content {
  text-align: center; margin:0 auto;
}

#intro h2 {
  color: #fff; line-height:150%;
  margin-bottom:10px;margin-top:30px;
  font-size: 69px;  font-family: Cafe24Surround, sans-serif;
  font-weight: 300; 
}			
#intro h3 {
  width:100%; font-size:100px; font-weight:900;
  margin: 0 auto 30px auto;line-height:120%;
  color: #26cfff;  font-family:'Acumin Variable Concept', sans-serif;

}

#intro p {
  width:100%; font-size:26px; font-weight:300;
  margin: 0 auto 30px auto;line-height:120%;
  color: #fff;  font-family:'Pretendard-Light', sans-serif;

}

#intro .carousel-fade {
  overflow: hidden;
}

#intro .carousel-fade .carousel-inner .carousel-item {
  transition-property: opacity;
}

#intro .carousel-fade .carousel-inner .carousel-item,
#intro .carousel-fade .carousel-inner .active.carousel-item-left,
#intro .carousel-fade .carousel-inner .active.carousel-item-right {
  opacity: 0;
}

#intro .carousel-fade .carousel-inner .active,
#intro .carousel-fade .carousel-inner .carousel-item-next.carousel-item-left,
#intro .carousel-fade .carousel-inner .carousel-item-prev.carousel-item-right {
  opacity: 1;
  transition: 0.5s;
}

#intro .carousel-fade .carousel-inner .carousel-item-next,
#intro .carousel-fade .carousel-inner .carousel-item-prev,
#intro .carousel-fade .carousel-inner .active.carousel-item-left,
#intro .carousel-fade .carousel-inner .active.carousel-item-right {
  left: 0;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

#intro .carousel-control-prev,
#intro .carousel-control-next {
  width: 10%;
}

#intro .carousel-control-next-icon,
#intro .carousel-control-prev-icon {
  background: none;
  font-size: 32px;
  line-height: 1;
}

#intro .carousel-indicators li {
  cursor: pointer;
}

#intro .btn-get-started {
  font-family: "Montserrat", sans-serif;
  font-weight: 500;
  font-size: 16px;
  letter-spacing: 1px;
  display: inline-block;
  padding: 8px 32px;
  border-radius: 50px;
  transition: 0.5s;
  margin: 10px;
  color: #fff;
  background: #18d26e;
}

#intro .btn-get-started:hover {
  background: #fff;
  color: #18d26e;
}

/*--------------------------------------------------------------
# Navigation Menu
--------------------------------------------------------------*/

/* Nav Menu Essentials */

.nav-menu,
.nav-menu * {
  margin: 0;
  padding: 0;
  list-style: none;
}

.nav-menu ul {
  position: absolute;
  display: none;
  top: 100%;
  left: 0;
  z-index: 99;
}

.nav-menu li {
  position: relative;
  white-space: nowrap;
}

.nav-menu > li {
  float: left;
}

.nav-menu li:hover > ul,
.nav-menu li.sfHover > ul {
  display: block;
}

.nav-menu ul ul {
  top: 0;
  left: 100%;
}

.nav-menu ul li {
  min-width: 180px;
}

/* Nav Menu Arrows */

.sf-arrows .sf-with-ul {
  padding-right: 30px;
}

.sf-arrows .sf-with-ul:after {
  content: "\f107";
  position: absolute;
  right: 15px;
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
}

.sf-arrows ul .sf-with-ul:after {
  content: "\f105";
}

/* Nav Meu Container */

#nav-menu-container {
 /*dm  float: right; right menu nav*/
 position:absolute; margin-top:0px;
 width:70%; left:50%; margin-left:-5%;
   
}

/* Nav Meu Styling menu ¸Þ´º */

.nav-menu a {
  padding: 30px 22px 10px 22px;
  text-decoration: none;
  display: inline-block;
  color: #fff;
  font-family: 'Pretendard', sans-serif;
  font-weight: 500;
  font-size: 19px;
  text-transform: uppercase;
  outline: none;
}
#header.header-scrolled .nav-menu a {
   padding: 25px 22px 10px 22px;
  text-decoration: none;
  display: inline-block;
  color: #000;
  font-family: 'Pretendard', sans-serif;
  font-weight: 500;
  font-size: 19px;
  text-transform: uppercase;
  outline: none;
}
.nav-menu li:hover > a,
.nav-menu > .menu-active > a {
  color: #7bdeff;
}

.nav-menu > li {
  margin-left: 10px;
}

.nav-menu ul {
  margin: 4px 0 0 0;
  padding: 10px;
  box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25);
  background: #fff;
}

.nav-menu ul li {
  transition: 0.3s;
}

.nav-menu ul li a {
  padding: 10px;
  color: #333;
  transition: 0.3s;
  display: block;
  font-size: 13px;
  text-transform: none;
}

.nav-menu ul li:hover > a {
  color: #18d26e;
}

.nav-menu ul ul {
  margin: 0;
}

/* Mobile Nav Toggle */

#mobile-nav-toggle {
  position: fixed;
  right: 0;
  top: 0;
  z-index: 999;
  margin: 20px 20px 0 0;
  border: 0;
  background: none;
  font-size: 26px; font-weight:100;
  display: none;
  transition: all 0.4s;
  outline: none;
  cursor: pointer;
}

#mobile-nav-toggle i {
  color: #805916;background:#fff;padding:8px 10px;
}

/* Mobile Nav Styling */

#mobile-nav {
  position: fixed;
  top: 0;
  padding-top: 20px;
  padding-left: 25px;
  padding-right:25px;
  bottom: 0;
  z-index: 998;
  background: rgba(0, 0, 0, 0.8);
  right: -260px;
  width: 260px;
  overflow-y: auto;
  transition: 0.4s;
}

#mobile-nav ul {
  padding: 0;
  margin: 0;
  list-style: none;
}

#mobile-nav ul li {
  position: relative;
}

#mobile-nav ul li a {
  color: #fff;
  font-size: 20px;
  text-transform: uppercase;
  overflow: hidden;
  padding: 10px 15px 10px 15px;
  position: relative;
  text-decoration: none;
  width: 100%;
  display: block;
  outline: none;
  font-weight: 400;
  font-family: 'Noto Sans KR', sans-serif;
}

#mobile-nav ul li a:hover {
  color: #bde2ff;
}

#mobile-nav ul li li {
  padding-left: 30px;
}

#mobile-nav ul li.menu-active a {
  color: #18d26e;
}

#mobile-nav ul .menu-has-children i {
  position: absolute;
  right: 0;
  z-index: 99;
  padding: 15px;
  cursor: pointer;
  color: #fff;
}

#mobile-nav ul .menu-has-children i.fa-chevron-up {
  color: #18d26e;
}

#mobile-nav ul .menu-has-children li a {
  text-transform: none;
}

#mobile-nav ul .menu-item-active {
  color: #18d26e;
}

#mobile-body-overly {
  width: 100%;
  height: 100%;
  z-index: 997;
  top: 0;
  left: 0;
  position: fixed;
  background: rgba(0, 0, 0, 0.7);
  display: none;
}


/* Mobile Nav body classes */

body.mobile-nav-active {
  overflow: hidden;
}

body.mobile-nav-active #mobile-nav {
 right: 0; /*left*/
}

body.mobile-nav-active #mobile-nav-toggle {
  color: #000;
}



/*--------------------------------------------------------------
# Sections
--------------------------------------------------------------*/

/* Sections Header
--------------------------------*/
.section-header  {
margin-bottom:50px;
}

/*
.section-header h3::before {
  content: '';
  position: absolute;
  display: block;
  width: 120px;
  height: 1px;
  background: #ddd;
  bottom: 1px;
  left: calc(50% - 60px);
}

.section-header h3::after {
  content: '';
  position: absolute;
  display: block;
  width: 40px;
  height: 3px;
  background: #18d26e;
  bottom: 0;
  left: calc(50% - 20px);
}
*/
.section-header p {
  text-align: center; font-weight:400;
  padding-bottom: 30px;  padding-top: 0px; letter-spacing:-1px;
  color: #626262; font-size:22px;  font-family: 'Noto Sans KR', sans-serif;
}

/* Section with background
--------------------------------*/

.section-bg {
  background: #f7f7f7;
}

/* Featured Services Section
--------------------------------*/

#featured-services {
  background: #000;
}

#featured-services .box {
  padding: 30px;
}

#featured-services .box-bg {
  background-image: linear-gradient(0deg, #000000 0%, #242323 50%, #000000 100%);
}

#featured-services i {
  color: #18d26e;
  font-size: 48px;
  display: inline-block;
  line-height: 1;
}

#featured-services h4 {
  font-weight: 400;
  margin: 15px 0;
  font-size: 18px;
}

#featured-services h4 a {
  color: #fff;
}

#featured-services h4 a:hover {
  color: #18d26e;
}

#featured-services p {
  font-size: 14px;
  line-height: 24px;
  color: #fff;
  margin-bottom: 0;
}

/* About Us Section
--------------------------------*/

#about {
 /* background: url("../img/about-bg.jpg") center top no-repeat fixed;
  background-size: cover;*/
  padding: 100px 0 100px;height:100%; background:#fff;
  position: relative;  text-align:center;		   
}

#about::before {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;

  z-index: 9;  
}

.margin-b200{margin-bottom:50px;}

#about .container {
  position: relative; width:90%;
  z-index: 10;text-align:center; padding:0 5%;
}

#about h2{
  color: #d18957; 
  font-size: 34px;padding:0px;
  font-weight: 300;letter-spacing:-0.5px;
 font-family: 'Pretendard', sans-serif; line-height:130%;
}

#about h2 span{
  color: #8a6246;  font-family: 'Pretendard', sans-serif;line-height:130%;
  font-size: 34px;padding:0px;
  font-weight: 600;
}

#about .about-col {
margin-top:40px;
 letter-spacing:-0.5px;
  margin-bottom: 50px;
}


#about .about-col .p1{
 right:10%;margin-top:0px; width:90%; display:block; 
}

#about .about-col .img {
  position: relative; text-align:center;padding:0px; 
}

#about img {
max-width:100%;
}

#about .about-col .icon {
  width: 47px;
  height: 47px;
  text-align:right; float:right;
right:25px;
  background-color: #4b83fc;
  border-radius: 50%;
margin-bottom:15px;
  transition: 0.3s;
}

#about .about-col i {
  font-size: 36px;
  line-height: 1;
  color: #fff;
  transition: 0.3s;
}


#about .margin-b200:hover {
margin-top:15px;  transition: 0.4s;
}

#about .margin-b200:hover .icon {
  background-color: #000;
}

#about .margin-b200:hover i {
  color: #18d26e;
}

#about .about-col h2 {
  color: #454545; margin-bottom:5px; line-height:130%;
  text-align: left;  font-family: 'Pretendard-SemiBold', sans-serif;  letter-spacing:-0.5px;
  font-size: 18px;
}

#about .about-col h2 a {
  color: #000;
}

#about .about-col .p1:hover h2 {
  color: #bc8144;
}

#about .about-col p {
  font-size: 18px; text-align:left;
  color: #454545; line-height:170%;
  padding: 10px 0px 0px;  font-family: 'Pretendard-Light', sans-serif;  
}

/* Services Section
--------------------------------*/


#introduce{
margin:0px;float:left; width:100%;		padding:80px 0px 50px; 
  position: relative;  height:100%;  		   background: url('../image/bg01.jpg') left top no-repeat;
}

#introduce .in1{
margin-left:40%; display:block;
  position: relative;  text-align:left; float:left; 
}
#introduce .in1 h2{
font-size:36px; color:#fff;  font-family:'ChosunIlboMyungjo', sans-serif;font-weight:400;
}
#introduce .in1 h3{
font-size:16px; color:#fff;  font-family: 'Noto Sans KR', sans-serif; font-weight:400;		line-height:160%;		   margin-top:20px;
}
#introduce .in1 p{
font-size:18px; color:#fff;  font-family: 'Noto Sans KR', sans-serif; font-weight:500;margin-top:30px;
}

#introduce .in1 .rebtn{
float:right; right:0px;	   position:absolute; bottom:30px;
}



 #introduce2{
margin-top:80px;float:left; width:100%;		padding:80px 0px 50px; 	margin-bottom:40px;
  position: relative;  height:100%;  		   background: url('../image/bg02.jpg') left top no-repeat;
}

#introduce2 .in1{
margin-left:15%; display:block;
  position: relative;  text-align:left; float:left; 
}
#introduce2 .in1 h2{
font-size:36px; color:#fff;  font-family:'ChosunIlboMyungjo', sans-serif;font-weight:400;
}
#introduce2 .in1 h3{
font-size:16px; color:#fff;  font-family: 'Noto Sans KR', sans-serif; font-weight:400;		line-height:160%;		   margin-top:20px;
}
#introduce2 .in1 p{
font-size:18px; color:#fff;  font-family: 'Noto Sans KR', sans-serif; font-weight:500;margin-top:30px;
}

#introduce2 .in1 .rebtn{
float:right; right:0px;	   position:absolute; bottom:30px;
}





.tel{clear:both; position:relative;text-align:center; margin:40px auto;   font-size:30px; font-family:'ChosunIlboMyungjo', sans-serif;font-weight:400; color:#000;}







#services {
clear:both;
 position:relative; width:100%;
  background: #fff; text-align:left;
margin:80px 0 80px; 		
}

#services h3{
 color: #6c6c6c;  font-family: 'Pretendard', sans-serif;line-height:130%;
  font-size: 20px;padding:0px;
  font-weight: 600;
}
 #services .menutit {
clear:both; text-align:right; right:80px; margin-top:-80px;	font-size:48px; font-weight:800; color:#d9d3c1;	width:100%;	   display:block;
}

#services .box {
padding:0 50px;		text-align:left;	 width:100%;
margin:40px 0 40px 0; cursor:pointer;		   line-height:180%;			
}
#services .box.line {
  border-right:1px solid #e5e5e5;	  margin:40px 0 20px 0;	
}


#services .box h1 {
padding:20px 0 20px 0;	font-size:16px;	text-align:left;	 font-weight:500;
  margin-bottom:0px; cursor:pointer;				color:#6ea45b;
}

#services .box h2 {
padding:10px 0 0px 0;	font-size:20px;	text-align:left;	 font-weight:500;
 cursor:pointer;				color:#000;
}


#services .box h3 {
padding:20px 0 20px 0;	font-size:16px;	text-align:left;	 font-weight:500;
  margin-bottom:0px; cursor:pointer;				color:#8c5117;
}
#services .box h4 {
padding:20px 0 20px 0;	font-size:16px;	text-align:left;	 font-weight:500;
  margin-bottom:0px; cursor:pointer;				color:#458fae;
}


 #services .h2 {
  font-size: 16px; color:#6ea45b; font-family: 'Noto Sans KR', sans-serif;
 font-weight:400; letter-spacing:-0.5px;
 padding:15px 0; text-align:left;
  margin-bottom: 40px; 
}


#services .p {
  font-size: 16px; color:#6c6c6c; font-family: 'Noto Sans KR', sans-serif;
 font-weight:400; letter-spacing:-0.5px;
 padding:15px 0; text-align:left;
  margin-bottom: 40px; 
}





#notice {
float:left;
position:relative; width:100%; border-top:1px solid #cccdce;
text-align:left; padding:120px 0px;
margin:0px 0 0px 0;
}

#notice .board1{
float:left; width:100%; padding:0px 0px;background:url('../image/noticeback.gif') repeat-x;
}
#notice .board1 h2{
position:relative;float:left;background:#fff;
text-align:left; color:#2a2a2a; font-size:30px; font-weight:bold;
font-family: 'Acumin Variable Concept', sans-serif;padding:0 15px;
}

#notice .board1 .more{
float:right; right:0px;background:#fff;
}

#notice .board1 p{
float:left; width:100%; margin-top:0px; color:#2a2a2a; font-family: 'Noto Sans KR', sans-serif; font-size:19px;line-height:120%;padding:0 20px; font-weight:300;
}



#notice .board1 .text{

 white-space: normal; 
    display: -webkit-box; 
    -webkit-line-clamp: 1; /* 3ÁÙ */
    -webkit-box-orient: vertical; 
    overflow: hidden;
	
	}


#notice .quick{
 padding:0px 15px;background:#fff;
}



#notice .board2{
float:left;width:50%; border:1px solid #d0d0d0; border-top:5px solid #0055a4; color:#000000; font-size:26px;  font-family: 'Noto Sans KR', sans-serif; font-weight:400; padding:30px; line-height:180%;
}


#notice .board3{
float:left; width:50%; border:1px solid #d0d0d0; margin-left:-1px; border-top:5px solid #21b8bd; color:#000000; font-size:26px;  font-family: 'Noto Sans KR', sans-serif;  font-weight:400;padding:30px; line-height:180%;
}

#notice .board2 .quick1{
float:right; right:0px; bottom:0px; margin-top:30px;
}
#notice .board3 .quick1{
float:right; right:0px; bottom:0px; margin-top:30px;
}


/* Call To Action Section
--------------------------------*/
#call-to-action {
 /* background: linear-gradient(rgba(0, 142, 99, 0.1), rgba(0, 0, 0, 0.1)), url(../img/call-to-action-bg.jpg) fixed center center;*/
 background: url(../image/cerback.jpg) fixed center center;

  background-size: cover;
  padding: 60px 0;
}

#call-to-action h3 {
  color: #fff;background:#333333;  font-family: 'Rubik', sans-serif;
  font-size: 50px;padding:5px 20px;display:inline-block;
  font-weight: 300;
}

#call-to-action p {
  color: #fff;
}

#call-to-action .cta-btn {
  font-family: "Montserrat", sans-serif;
  text-transform: uppercase;
  font-weight: 500;
  font-size: 16px;
  letter-spacing: 1px;
  display: inline-block;
  padding: 8px 28px;
  border-radius: 25px;
  transition: 0.5s;
  margin-top: 10px;
  border: 2px solid #fff;
  color: #fff;
}

#call-to-action .cta-btn:hover {
  background: #18d26e;
  border: 2px solid #18d26e;
}

/* Call To Action Section
--------------------------------*/

#skills {
  padding: 60px 0;
}

#skills .progress {
  height: 35px;
  margin-bottom: 10px;
}

#skills .progress .skill {
  font-family: "Open Sans", sans-serif;
  line-height: 35px;
  padding: 0;
  margin: 0 0 0 20px;
  text-transform: uppercase;
}

#skills .progress .skill .val {
  float: right;
  font-style: normal;
  margin: 0 20px 0 0;
}

#skills .progress-bar {
  width: 1px;
  text-align: left;
  transition: .9s;
}

/* Facts Section
--------------------------------*/

#facts {
  background: url("../img/facts-bg.jpg") center top no-repeat fixed;
  background-size: cover;
  padding: 60px 0 0 0;
  position: relative;
}

#facts::before {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: rgba(255, 255, 255, 0.88);
  z-index: 9;
}

#facts .container {
  position: relative;
  z-index: 10;
}

#facts .counters span {
  font-family: "Montserrat", sans-serif;
  font-weight: bold;
  font-size: 48px;
  display: block;
  color: #18d26e;
}

#facts .counters p {
  padding: 0;
  margin: 0 0 20px 0;
  font-family: "Montserrat", sans-serif;
  font-size: 14px;
  color: #111;
}

#facts .facts-img {
  text-align: center;
  padding-top: 30px;
}

/* Portfolio Section
--------------------------------*/

#portfolio {
  padding: 0px 0;
}

#portfolio #portfolio-flters {
  padding: 0;
  margin: 5px 0 35px 0;
  list-style: none;
  text-align: center;
}

#portfolio #portfolio-flters li {
  cursor: pointer;
  margin: 15px 15px 15px 0;
  display: inline-block;
  padding: 10px 20px;
  font-size: 12px;
  line-height: 20px;
  color: #666666;
  border-radius: 4px;
  text-transform: uppercase;
  background: #fff;
  margin-bottom: 35px;
  transition: all 0.3s ease-in-out;
}

#portfolio #portfolio-flters li:hover,
#portfolio #portfolio-flters li.filter-active {
  background: #18d26e;
  color: #fff;
}

#portfolio #portfolio-flters li:last-child {
  margin-right: 0;
}

#portfolio .portfolio-wrap {
  box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.08);
  transition: 0.3s;
}

#portfolio .portfolio-wrap:hover {
  box-shadow: 0px 4px 14px rgba(0, 0, 0, 0.16);
}

#portfolio .portfolio-item {
  position: relative;
  height: 500px;
  overflow: hidden;
}

#portfolio .portfolio-item figure {
  background: #fff;
  overflow: hidden;
  height: 370px;
  position: relative;
  border-radius: 4px 4px 0 0;
  margin: 0;
}

#portfolio .portfolio-item figure:hover img {
  opacity: 0.4;
  transition: 0.3s;
}

#portfolio .portfolio-item figure .link-preview,
#portfolio .portfolio-item figure .link-details {
  position: absolute;
  display: inline-block;
  opacity: 0;
  line-height: 1;
  text-align: center;
  width: 70px;
  height: 70px; margin-left:10px;
  background: #000;
  border-radius: 50%;
  transition: 0.2s linear;
}

#portfolio .portfolio-item figure .link-preview i,
#portfolio .portfolio-item figure .link-details i {
  padding-top: 20px;
  font-size: 30px;
  color: #fff;
}

#portfolio .portfolio-item figure .link-preview:hover,
#portfolio .portfolio-item figure .link-details:hover {
  background: #ff0000;
}

#portfolio .portfolio-item figure .link-preview:hover i,
#portfolio .portfolio-item figure .link-details:hover i {
  color: #fff;
}

#portfolio .portfolio-item figure .link-preview {
  left: calc(50% - 38px);
  top: calc(50% - 18px);
}

#portfolio .portfolio-item figure .link-details {
  right: calc(50% - 38px);
  top: calc(50% - 18px);
}

#portfolio .portfolio-item figure:hover .link-preview {
  opacity: 1;
  left: calc(50% - 38px);
}

#portfolio .portfolio-item figure:hover .link-details {
  opacity: 1;
  right: calc(50% - 44px);
}

#portfolio .portfolio-item .portfolio-info {
  background: #fff;
  text-align: center;
  padding: 30px;
  height: 90px;
  border-radius: 0 0 3px 3px;
}

#portfolio .portfolio-item .portfolio-info h4 {
  font-size: 18px;
  line-height: 1px;
  font-weight: 700;
  margin-bottom: 18px;
  padding-bottom: 0;
}

#portfolio .portfolio-item .portfolio-info h4 a {
  color: #333;
}

#portfolio .portfolio-item .portfolio-info h4 a:hover {
  color: #18d26e;
}

#portfolio .portfolio-item .portfolio-info p {
  padding: 0;
  margin: 0;
  color: #666;line-height:120%;
  font-weight: 400;
  font-size: 18px;
  text-transform: uppercase;
}

/* Clients Section
--------------------------------*/

#clients {
 /* background: linear-gradient(rgba(0, 142, 99, 0.1), rgba(0, 0, 0, 0.1)), url(../img/call-to-action-bg.jpg) fixed center center;*/
 background: url(../image/cerback.jpg) fixed center center;

  background-size: cover;
  padding: 140px 0;
}

#clients h3 {
  color: #fff;background:#333333;  font-family: 'Rubik', sans-serif;
  font-size: 50px;padding:5px 20px;display:inline-block;
  font-weight: 300;
}

#clients img {
  max-width: 100%;
  opacity: 1;
  transition: 0.3s;
  padding: 30px;
}

#clients img:hover {
  opacity: 1;
}

#clients .owl-nav,
#clients .owl-dots {
  margin-top: 5px;
  text-align: center;
}

#clients .owl-dot {
  display: inline-block;
  margin: 0 5px;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background-color: #ddd;
}

#clients .owl-dot.active {
  background-color: #244ead;
}

/* Testimonials Section
--------------------------------*/

#testimonials {
  padding: 60px 0;
}

#testimonials .section-header {
  margin-bottom: 40px;
}

#testimonials .testimonial-item {
  text-align: center;
}

#testimonials .testimonial-item .testimonial-img {
  width: 120px;
  border-radius: 50%;
  border: 4px solid #fff;
  margin: 0 auto;
}

#testimonials .testimonial-item h3 {
  font-size: 20px;
  font-weight: bold;
  margin: 10px 0 5px 0;
  color: #111;
}

#testimonials .testimonial-item h4 {
  font-size: 14px;
  color: #999;
  margin: 0 0 15px 0;
}

#testimonials .testimonial-item .quote-sign-left {
  margin-top: -15px;
  padding-right: 10px;
  display: inline-block;
  width: 37px;
}

#testimonials .testimonial-item .quote-sign-right {
  margin-bottom: -15px;
  padding-left: 10px;
  display: inline-block;
  max-width: 100%;
  width: 37px;
}

#testimonials .testimonial-item p {
  font-style: italic;
  margin: 0 auto 15px auto;
}

#testimonials .owl-nav,
#testimonials .owl-dots {
  margin-top: 5px;
  text-align: center;
}

#testimonials .owl-dot {
  display: inline-block;
  margin: 0 5px;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background-color: #ddd;
}

#testimonials .owl-dot.active {
  background-color: #18d26e;
}




/*---------------------
  Project Slider
-----------------------*/

.project {
	padding: 0 15px;
}

.project__slider__item {
	height: 600px;
	position: relative;
	overflow: hidden;
}

.project__slider__item:hover .project__slider__item__hover {
	bottom: 30px;
}

.project__slider__item:hover .project__slider__item__hover span {
	left: 0;
}

.project__slider__item:hover .project__slider__item__hover h5 {
	right: 0;
}

.project__slider.owl-carousel .col-lg-3 {
	max-width: 100%;
}

.project__slider.owl-carousel .owl-nav button {
	height: 50px;
	width: 50px;
	background: #ffffff;
	font-size: 28px;
	color: #111111;
	position: absolute;
	left: 35px;
	top: 50%;
	margin-top: -25px;
	line-height: 54px;
	text-align: center;
}

.project__slider.owl-carousel .owl-nav button.owl-next {
	left: auto;
	right: 35px;
}

.project__slider__item__hover {
	text-align: center;
	background: #ffffff;
	position: absolute;
	left: 25px;
	bottom: -500px;
	width: calc(100% - 50px);
	padding: 25px 15px;
	-webkit-transition: all, 0.5s;
	-o-transition: all, 0.5s;
	transition: all, 0.5s;
	overflow: hidden;
}

.project__slider__item__hover span {
	color: #dfa667;
	font-size: 14px;
	font-weight: 600;
	letter-spacing: 2px;
	text-transform: uppercase;
	display: block;
	margin-bottom: 10px;
	position: relative;
	left: 30px;
	-webkit-transition: all, 1s;
	-o-transition: all, 1s;
	transition: all, 1s;
}

.project__slider__item__hover h5 {
	color: #111111;
	font-size: 20px;
	text-transform: uppercase;
	position: relative;
	right: 30px;
	-webkit-transition: all, 1s;
	-o-transition: all, 1s;
	transition: all, 1s;
}


/*---------------------
  Project
-----------------------*/

.project__item {
	margin-bottom: 50px;
	text-align: center;
}

.project__item img {
	min-width: 100%;
	margin-bottom: 26px;
}

.project__item h4 a {
	color: #111111;
	text-transform: uppercase;
}

/*---------------------
  Project Details
-----------------------*/

.project-details {
	padding-top: 120px;
	padding-bottom: 90px;
}

.project-details img {
	margin-bottom: 30px;
	min-width: 100%;
}

.project__sidebar__about {
	margin-bottom: 35px;
}

.project__sidebar__about h2 {
	color: #111111;
	line-height: 50px;
	text-transform: uppercase;
	margin-bottom: 20px;
}

.project__sidebar__about p {
	margin-bottom: 26px;
}

.project__sidebar__about p:last-child {
	margin-bottom: 0;
}

.product__details__widget__item {
	margin-bottom: 30px;
}

.product__details__widget__item span {
	color: #707070;
	font-size: 15px;
	display: block;
	margin-bottom: 10px;
}

.product__details__widget__item h4 {
	color: #111111;
	text-transform: uppercase;
}

.product__details__widget__item p {
	color: #111111;
	font-size: 24px;
	line-height: 36px;
}



/* Team Section
--------------------------------*/

#team {
  background: #fff;
  padding: 60px 0;
}

#team .member {
  text-align: center;
  margin-bottom: 20px;
  background: #000;
  position: relative;
}

#team .member .member-info {
  opacity: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  position: absolute;
  bottom: 0;
  top: 0;
  left: 0;
  right: 0;
  transition: 0.2s;
}

#team .member .member-info-content {
  margin-top: -50px;
  transition: margin 0.2s;
}

#team .member:hover .member-info {
  background: rgba(0, 0, 0, 0.7);
  opacity: 1;
  transition: 0.4s;
}

#team .member:hover .member-info-content {
  margin-top: 0;
  transition: margin 0.4s;
}

#team .member h4 {
  font-weight: 700;
  margin-bottom: 2px;
  font-size: 18px;
  color: #fff;
}

#team .member span {
  font-style: italic;
  display: block;
  font-size: 13px;
  color: #fff;
}

#team .member .social {
  margin-top: 15px;
}

#team .member .social a {
  transition: none;
  color: #fff;
}

#team .member .social a:hover {
  color: #18d26e;
}

#team .member .social i {
  font-size: 18px;
  margin: 0 2px;
}

/* Contact Section
--------------------------------*/

#contact {
  padding: 60px 0;
}

#contact .contact-info {
  margin-bottom: 20px;
  text-align: center;
}

#contact .contact-info i {
  font-size: 48px;
  display: inline-block;
  margin-bottom: 10px;
  color: #18d26e;
}

#contact .contact-info address,
#contact .contact-info p {
  margin-bottom: 0;
  color: #000;
}

#contact .contact-info h3 {
  font-size: 18px;
  margin-bottom: 15px;
  font-weight: bold;
  text-transform: uppercase;
  color: #999;
}

#contact .contact-info a {
  color: #000;
}

#contact .contact-info a:hover {
  color: #18d26e;
}

#contact .contact-address,
#contact .contact-phone,
#contact .contact-email {
  margin-bottom: 20px;
}

#contact .form #sendmessage {
  color: #18d26e;
  border: 1px solid #18d26e;
  display: none;
  text-align: center;
  padding: 15px;
  font-weight: 600;
  margin-bottom: 15px;
}

#contact .form #errormessage {
  color: red;
  display: none;
  border: 1px solid red;
  text-align: center;
  padding: 15px;
  font-weight: 600;
  margin-bottom: 15px;
}

#contact .form #sendmessage.show,
#contact .form #errormessage.show,
#contact .form .show {
  display: block;
}

#contact .form .validation {
  color: red;
  display: none;
  margin: 0 0 20px;
  font-weight: 400;
  font-size: 13px;
}

#contact .form input,
#contact .form textarea {
  padding: 10px 14px;
  border-radius: 0;
  box-shadow: none;
  font-size: 15px;
}

#contact .form button[type="submit"] {
  background: #18d26e;
  border: 0;
  padding: 10px 30px;
  color: #fff;
  transition: 0.4s;
  cursor: pointer;
}

#contact .form button[type="submit"]:hover {
  background: #13a456;
}

/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/

#footer {
float:left;
background:#ececec;
padding:40px 0;
width:100%;
}

#footer .copyright {
  text-align:center; color:#707070;  font-family: 'Pretendard-Light', sans-serif;
font-size:14px;line-height:170%;		 text-transform: uppercase; 
}







/*========== theme_promo_area css ============*/
/*========== breadcrumb_area css ============*/
.breadcrumb_area {
  position: relative;
  z-index: 1;
  padding: 70px 0px 90px;
}

.breadcrumb_area .overlay_bg {
  opacity: 0;
}

.bread_content {
min-height:120px; margin-top:120px;
  text-align: center; 
}

.bread_content h2 {
  font-size: 38px;
  font-family: 'Noto Sans KR', sans-serif;
  font-weight: 300;
  color: #fff; padding-top:40px;
  letter-spacing:-0.2px;
  margin-bottom: 5px;
}


.bread_content h3 {
  font-size: 44px;
font-family: 'Acumin Variable Concept', sans-serif;
  font-weight: 700;
  color: #fff;
  letter-spacing:0.5px;
  margin-bottom: 50px;
}




.jbMenu {
padding: 0px 0px 0px 0;
top:90px;
background:#fff;
width:100%;
max-width:100%;
z-index:1;
}
.jbContent {
position:relative; top:0px; min-height:400px;
}
.jbFixed {
position: fixed;
border-top:1px solid #c7c7c7;
}



/*À̹ÌÁöÈ®´ëº¸±â*/


.close1, .close2, .close3, .close4, .close5 {

    display: block;
    height: 50px;background:#000;
position:fixed; float:right; right:10px;color:#fff; padding:5px 10px;
    margin: 100px 10px 0px 0px;  font-size:22px; z-index:9999;

}


#popupholder, #popupholder1, #popupholder2, #popupholder3, #popupholder4 {

    max-height: none;

    position: fixed;

    background-color: rgba(0, 0, 0, 0.75);

    display: none;

    top: 80px;

    right: 0;

    bottom: 0;

    left: 0;

    overflow: hidden;
z-index:9999 !important;
}


#wrap, #wrap1, #wrap2, #wrap3, #wrap4 {

    max-height: none;

    position: fixed;

    overflow: hidden;

    top: 0px;

    right: 0px;

    left: 0px;

    bottom: 0px;
z-index:9999 !important;

    display: block;

}

#stuff, #stuff1, #stuff2, #stuff3, #stuff4 {

z-index:9999;

    position: absolute;

    overflow-y: scroll;
    overflow-x: scroll;
    top: 50px;

    /*     max-height: 100%;

	If you want the scrollbar inside the overlay to show up, set right: 0; */

    right: 0px;

    left: 0;

    bottom: 0;

    padding-top: 30px;
	background:#000;
	margin:0px 10px 10px 10px;
	

}


.zoombtn{display:none}



.container_s{max-width:1230px;width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}

.sub-area {
position: relative;
z-index: 0; 
max-width:1200px;width:100%;
margin:0px auto 100px;word-break:keep-all;

 }


.subcon{
position: relative;
z-index: 0;
width: 100%;line-height:180%; padding:0 15px;
margin-top:50px;font-size:20px; color:#343434;  font-family: 'Noto Sans KR', sans-serif; font-weight:300;
}

.subcon h2 {
position:relative;
color: #0074d6; font-size:60px;   
font-family: 'Rubik';
  font-style: normal;
  font-weight: 600; line-height:150%;
text-align:left;
}

.subcon h3 {
position:relative;
color: #000; font-size:26px;  font-family: 'Noto Sans KR', sans-serif; font-weight:500; line-height:150%;
text-align:left;
}

.subcon h4 {
position:relative;
color: #000; font-size:40px;  font-family: 'Pretendard-SemiBold', sans-serif; line-height:150%;
text-align:left;
}


.subcon .ff01 {
position:relative;
color: #343434; font-size:19px;  font-family: 'Noto Sans KR', sans-serif; font-weight:300;  line-height:155%;
text-align:left;
}


.subcon .ff02 {
position:relative;
color: #343434; font-size:26px;  font-family: 'Noto Sans KR', sans-serif; font-weight:500;  line-height:155%; margin-top:50px;
text-align:right;
}




.subcontent {
float:left; position:relative;width:100%;
margin-top:30px; padding-bottom:50px;
color: #343434; font-size:20px;  font-family: 'Noto Sans KR', sans-serif; font-weight:300;  line-height:180%;
text-align:left;
}

.subcontent .tit001 {
position:relative;
color: #1c5ecb; font-size:28px;  font-family: 'Noto Sans KR', sans-serif; font-weight:500;  line-height:150%;
text-align:left;margin-bottom:10px;
}

.subcontent .tit002 {
position:relative;
color: #cd7400; font-size:28px;  font-family: 'Noto Sans KR', sans-serif; font-weight:500;  line-height:150%;
text-align:left;margin-bottom:10px;
}



.subcontent .tit003 {
position:relative;
color: #367f0a; font-size:28px;  font-family: 'Noto Sans KR', sans-serif; font-weight:500;  line-height:150%;
text-align:left;margin-bottom:10px;
}


.subcontent .tit004 {
position:relative;
color: #000; font-size:28px;  font-family: 'Roboto', sans-serif;font-weight:700;  line-height:150%;
text-align:left;margin-bottom:10px;
}



.bpimg {position:absolute; margin-left:auto; margin-right:auto; margin-bottom:auto; margin-top:2%; left:0px; right:0; top:0; bottom:0;}




.hbbox1{
display: inline-block;
margin: 0px 0;
width:100%; 
height:auto;
background:url('../image/box.gif') repeat;
padding: 10px;
color: #666;
}



.hbbox1 span{
float:left;text-align:center;
background:#fff; font-family: 'Pretendard-Light', sans-serif; font-size:19px; color:#000;
padding: 20px 20px;
}

.hbbox2{
display: inline-block;
margin: 0px 0;
width:100%; 
height:auto;
background:url('../image/box.gif') repeat;
padding: 10px;
color: #666;
}



.hbbox2 span{
float:left;text-align:left;
background:#fff; font-family: 'Pretendard-Light', sans-serif;  font-size:19px; color:#000;
padding: 20px 20px;
}








.history{float:left; width:100%; position:relative;text-align:left;margin-top:0px; margin-bottom:50px;}
.history .his2{width:48%; float:left;background:url(../image/dot.gif) 6px top repeat-y; margin-top:10px; font-size:17px; color:#666666;line-height:170%;z-index:0;}
.history .yr{ font-size:30px; color:#e50010;  font-family: 'Rubik', sans-serif; left:0px;padding-left:35px; margin-bottom:20px;  font-weight: 600;}
.history .month{background:url(../image/month.gif) 0px 8px no-repeat; padding-left:35px; z-index:9; padding-bottom:10px; font-family: 'Noto Sans KR', sans-serif; font-weight:300;}



.business .tt1{ background:url(../image/dot.gif) left 16px no-repeat; margin-top:0px; margin-bottom:20px; padding-left:32px; font-size:33px; color:#000000;line-height:170%;z-index:0;  font-weight:500; font-family: 'Rubik', sans-serif;}
.business .tt2{ background:url(../image/dot.gif) left 12px no-repeat; margin-top:0px; margin-bottom:25px; padding-left:32px; font-size:28px; color:#000000;line-height:170%;z-index:0;  font-family: 'Pretendard-SemiBold', sans-serif;  }


.busi_box{  margin-top:20px;background:#fff; margin-bottom:15px;  font-size:19px; color:#000000;line-height:170%;z-index:0; }

.busi_box2{  box-shadow: 2px 7px 20px #e7e7e7; padding:10px 30px 30px;  text-align:center; min-height:400px}
.busi_box2 img{ margin:15px auto 0; text-align:center; max-width:100%;}

.busi_box .bt1{ background:#565656; text-align:center; padding:10px; font-size:26px; color:#fff;line-height:170%;z-index:0;  font-family: 'Pretendard-SemiBold'', sans-serif; ' }

.busi_box .bt2{ background:url(../image/dot2.gif) left 13px no-repeat; text-align:left; padding-left:15px; margin-top:20px;font-size:19px; color:#000000;line-height:170%;z-index:0;  font-family: 'Pretendard-Light'', sans-serif; ' }

.busi_box .bt3{ background:url(../image/dot2.gif) left 13px no-repeat; text-align:left; padding-left:15px; margin-top:0px;font-size:19px; color:#000000;line-height:170%;z-index:0;  font-family: 'Pretendard-Light'', sans-serif; ' }



.busi_p1{position:relative; z-index:0; text-align:center; margin:-132px auto 50px;}


.tabArea00{position:relative;width:100%;text-align:center; z-index:99;margin-bottom:20px;background:#0e2157;  }

.tabArea{position:relative;width:100%;height:70px;overflow:hidden;text-align:center; z-index:99;background:#0e2157; margin-left:-20px; }
.tabArea ul{overflow:hidden;display:block; margin-left:0px;margin-right:0px;}
.tabArea ul li{float:left;list-style:none;}
.tabArea ul li a{display:block;padding:22px 0;color:#fff; font-family: 'Noto Sans KR', sans-serif; font-weight:400; font-size:18px;text-decoration:none;font-weight:400;}
.tabArea ul li a.on{display:block; width:100%; background:#fff; padding:22px 0;color:#0c4a90;font-weight:400;cursor:inherit}


.tabArea.tabOne li{width:100%}
.tabArea.tabTwo li{width:50%}
.tabArea.tabThree li{width:33.3333333%}
.tabArea.tabFour li{width:25%}
.tabArea.tabFive li{width:20%}
.tabArea.tabSix li{width:16.6666666%}




.tabArea1{position:relative;width:100%;height:70px;overflow:hidden;text-align:center; z-index:99;background:#0e2157; margin-left:-20px; }
.tabArea1 ul{overflow:hidden;display:block; margin-left:0px;margin-right:0px;}
.tabArea1 ul li{float:left;list-style:none;}
.tabArea1 ul li a{display:block;padding:22px 0;color:#fff; font-family: 'Noto Sans KR', sans-serif; font-weight:400; font-size:18px;text-decoration:none;font-weight:400;}
.tabArea1 ul li a.on{display:block; width:100%; background:#fff; padding:22px 0;color:#0c4a90;font-weight:400;cursor:inherit}
.font01{padding-top:-15px;}
.tabArea1 ul li.tabtop a{padding:12px 0;color:#fff; font-family: 'Noto Sans KR', sans-serif; font-weight:400; line-height:130%; font-size:18px;text-decoration:none;font-weight:400;}
.tabArea1 ul li.tabtop a.on{color:#0c4a90;f}


.tabArea1.tabOne li{width:100%}
.tabArea1.tabTwo li{width:50%}
.tabArea1.tabThree li{width:33.3333333%}
.tabArea1.tabFour li{width:25%}
.tabArea1.tabFive li{width:20%}
.tabArea1.tabSix li{width:16.6666666%}
.tabArea1.tabSeven li{width:14.2857142%}




.business_a{width:100%; margin:50px 0;}
.business_a ul{width:100%; text-align:center; vertical-align:top;}
.business_a li{width:22%; margin:0 1%;text-align:center;vertical-align:top; top:0px;display:inline-block;}
.business_a .tt{width:100%; margin:-8px 0px 0 0;text-align:center; font-size:16px; padding:10px;border:5px solid #e1e1e1; border-radius:10px}
.business_a .line{width:100%; padding:5px 0;border-bottom:1px solid #e1e1e1; }



.conline{margin-top:80px; margin-bottom:50px; border-top:1px solid #cccdce;}

.conline2{background:url(../image/dot_line.gif) center top repeat-y; margin:0 auto;}



.protab {
text-align:center; margin:0 auto 50px; width:100%; max-width:60%; background:#fbfbfb; border:1px solid #adadad; border-radius:30px;max-height:60px;
}
.protab ul {
margin-left:0px;;text-align:center;
}

.protab li {
display:inline-block;  font-size:18px; color:#000; padding:10px 3%;
}
.protab li a{
font-size:18px; color:#000;  
}

.protab li a.active {
font-size:18px; color:#e60012; border-bottom:2px solid #e60012; padding-bottom:15px;
}


.probox{padding:8px;  margin-bottom:30px;border:1px solid #dfdfdf; max-width:280px;font-size:16px;}
.probox .info{text-align:left; font-size:16px; line-height:150%; padding-left:20px;margin-top:20px;min-height:60px;background:url(../image/dot2.gif) 4px 10px no-repeat; }


.probox1{padding:8px;  margin-bottom:30px;; margin:0 auto;font-size:16px;}
.probox1 .info1{text-align:left; font-size:16px; line-height:150%; padding-left:20px;margin-top:20px;min-height:60px;background:url(../image/dot2.gif) 4px 10px no-repeat; }

.probox2{padding:8px;  margin-bottom:30px;border:1px solid #dfdfdf; max-width:360px;font-size:16px;}
.probox2 .info2{text-align:left; font-size:16px; line-height:150%; padding-left:20px;margin-top:20px;min-height:60px;background:url(../image/dot2.gif) 4px 10px no-repeat; }


.img100{max-width:100%; margin:0px auto 0; width:100%; text-align:center;}

.quality{width:100%;  margin:0;}
.quality img{ margin:0 auto; max-width:100%; text-align:center;}
.quality ul li{padding-bottom:10px;padding-top:10px;display:block; border-bottom:1px solid #dfdfdf;color: #666; font-size:18px;  font-family: 'Noto Sans KR', sans-serif; font-weight:400; }


/* Table 1 Style */
table.table1{
margin-top:10px;margin-bottom:30px; 
width:100%;color:#515151;border:0px;
 font-family: 'Noto Sans KR', sans-serif;font-weight: 300;border-top:3px solid #0055a4;

}
.table1 thead th{
padding:10px; font-size: 19px;
color:#0074d6;	text-align:center;border-left:1px solid #d1d1d1;
background-color:#e6eef7;  border-bottom:1px solid #666;
}
.table1 thead th.fir{
padding:10px; 
color:#0074d6;	text-align:center;
background-color:#e6eef7; border-left:0px solid #d1d1d1;  
}


.table1 tbody td{
padding:8px 20px 8px 20px; font-size: 19px;
text-align:left;
background-color:#fff; border-bottom:1px solid #d1d1d1;font-family: 'Noto Sans KR', sans-serif; 
color:#515151;
}


.table1 tbody td ul li {
 margin-left:20px;
color:#515151;    font-family: 'Noto Sans KR', sans-serif; line-height:180%;
text-align:left;
}





.table1 tbody td.fir{
padding:7px 20px 8px 20px; 
text-align:center;border-left:0px solid #d1d1d1;
background-color:#f2f6fd; 
color:#515151;	
}
.table1 tbody td.fir2{
padding:7px 20px 8px 20px; 
text-align:left;border-left:0px solid #d1d1d1;  font-weight:400;
background-color:#fff; 
color:#0074d6;	
}


.table1 tbody td.cen{
padding:7px 20px 8px 20px; 
text-align:left;
background-color:#fff; border-bottom:1px solid #d1d1d1;
color:#000;
}

.table1 tbody td.cen1_left{
padding:7px 20px 8px 20px; 
text-align:center;border-left:0px solid #d1d1d1;  
background-color:#fff; border-bottom:1px solid #d1d1d1;
color:#000;
}



.table1 tbody td.cen1{
padding:7px 20px 8px 20px; 
text-align:center;border-left:1px solid #d1d1d1;  
background-color:#fff; border-bottom:1px solid #d1d1d1;
color:#000;
}





/* Table 2 Style */
table.table2{
margin-top:0px;margin-bottom:30px;
width:99%;color:#515151;border:0px;
 font-family: 'Noto Sans KR', sans-serif;font-weight: 300;border-top:2px solid #9f343d;

}
.table2 thead th{
padding:10px; font-size: 19px;
color:#515151;	text-align:center;border-left:1px solid #d1d1d1;
background-color:#f9ecec;  border-bottom:1px solid #666;
}
.table2 thead th.fir{
padding:20px; 
color:#515151;	text-align:center;
background-color:#f9ecec;  border-left:0px solid #d1d1d1;  
}


.table2 tbody td{
padding:10px 20px 10px 20px; font-size: 17px;
text-align:left;border-left:1px solid #d1d1d1;
background-color:#fff; border-bottom:1px solid #d1d1d1;
color:#515151;
}


.table2 tbody td ul li {
 margin-left:20px;
color:#515151;     font-family: 'Noto Sans KR', sans-serif; line-height:180%;
text-align:left;
}





.table2 tbody td.fir{
padding:20px;  
text-align:center;border-left:0px solid #d1d1d1;
background-color:#f2f6fd; 
color:#515151;	
}

.table2 tbody td.fir2{
padding:20px; 
text-align:center;border-left:0px solid #d1d1d1;
background-color:#fff; 
color:#515151;	
}

.table2 tbody td.cen{
padding:20px; 
text-align:center;border-right:1px solid #d1d1d1;
background-color:#fff; border-bottom:1px solid #d1d1d1;
color:#515151;
}




/* Table 3 Style */
table.table3{
margin-top:0px;margin-bottom:30px;
width:99%;color:#515151;border:0px;
 font-family: 'Noto Sans KR', sans-serif;font-weight: 300;border-top:2px solid #669f34;

}
.table3 thead th{
padding:10px; font-size: 19px;
color:#515151;	text-align:center;border-left:1px solid #d1d1d1;
background-color:#f1f9ec;  border-bottom:1px solid #666;
}
.table3 thead th.fir{
padding:10px; 
color:#515151;	text-align:center;
background-color:#f1f9ec;  border-left:0px solid #d1d1d1;  
}


.table3 tbody td{
padding:10px 20px 10px 20px; font-size: 17px;
text-align:left;border-left:1px solid #d1d1d1;
background-color:#fff; border-bottom:1px solid #d1d1d1;
color:#515151;
}


.table3 tbody td ul li {
 margin-left:20px;
color:#515151;     font-family: 'Noto Sans KR', sans-serif; line-height:180%;
text-align:left;
}





.table3 tbody td.fir{
padding:10px; 
text-align:center;border-left:0px solid #d1d1d1;
background-color:#f2f6fd; 
color:#515151;	
}
.table3 tbody td.fir2{
padding:10px; 
text-align:center;border-left:0px solid #d1d1d1;
background-color:#fff; 
color:#515151;	
}


.table3 tbody td.cen{
padding:20px; 
text-align:center;border-right:1px solid #d1d1d1;
background-color:#fff; border-bottom:1px solid #d1d1d1;
color:#515151;
}






















/* Table 4 Style */
table.table4{
margin-top:0px;margin-bottom:30px; 
width:99%;color:#515151;border:0px;
 font-family: 'Noto Sans KR', sans-serif;font-weight: 300;border-top:2px solid #2c579d;

}
.table4 thead th{
padding:10px; font-size: 19px;
color:#515151;	text-align:center;border-left:1px solid #d1d1d1;
background-color:#eceff9;  border-bottom:1px solid #666;
}
.table4 thead th.fir{
padding:10px; 
color:#515151;	text-align:center;
background-color:#eceff9;  border-left:0px solid #d1d1d1;  
}


.table4 tbody td{
padding:10px 10px 10px 10px; font-size: 15px;
text-align:center;border-left:1px solid #d1d1d1;
background-color:#fff; border-bottom:1px solid #d1d1d1;
color:#515151;
}



.table4 tbody td.fir3{
padding:10px 10px 10px 10px;
text-align:left;border-left:0px solid #d1d1d1;
background-color:#fff; border-bottom:1px solid #d1d1d1;
color:#515151;
}











.table-responsive {
width: 100%;
margin-bottom: 15px;
overflow-y: hidden;
-ms-overflow-style: -ms-autohiding-scrollbar;
border:0px;
}
.table-responsive > .table {
margin-bottom: 0;
}
.table-responsive > .table > thead > tr > th,
.table-responsive > .table > tbody > tr > th,
.table-responsive > .table > tfoot > tr > th,
.table-responsive > .table > thead > tr > td,
.table-responsive > .table > tbody > tr > td,
.table-responsive > .table > tfoot > tr > td {
white-space: nowrap;
}
.table-responsive > .table-bordered {
border: 0;
}
.table-responsive > .table-bordered > thead > tr > th:first-child,
.table-responsive > .table-bordered > tbody > tr > th:first-child,
.table-responsive > .table-bordered > tfoot > tr > th:first-child,
.table-responsive > .table-bordered > thead > tr > td:first-child,
.table-responsive > .table-bordered > tbody > tr > td:first-child,
.table-responsive > .table-bordered > tfoot > tr > td:first-child {
border-left: 0;
}
.table-responsive > .table-bordered > thead > tr > th:last-child,
.table-responsive > .table-bordered > tbody > tr > th:last-child,
.table-responsive > .table-bordered > tfoot > tr > th:last-child,
.table-responsive > .table-bordered > thead > tr > td:last-child,
.table-responsive > .table-bordered > tbody > tr > td:last-child,
.table-responsive > .table-bordered > tfoot > tr > td:last-child {
border-right: 0;
}
.table-responsive > .table-bordered > tbody > tr:last-child > th,
.table-responsive > .table-bordered > tfoot > tr:last-child > th,
.table-responsive > .table-bordered > tbody > tr:last-child > td,
.table-responsive > .table-bordered > tfoot > tr:last-child > td {
border-bottom: 0;
}






/*--------------------------------------------------------------
# Responsive Media Queries
--------------------------------------------------------------*/

@media (min-width: 768px) {
  #contact .contact-address,
  #contact .contact-phone,
  #contact .contact-email {
    padding: 20px 0;
  }

  #contact .contact-phone {
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
  }
}

@media (min-width: 992px) {
  #testimonials .testimonial-item p {
    width: 80%;
  }

}

@media (min-width: 1024px) {


  #header #logo {
    padding-left: 60px;
  }

  #intro p {
    width: 100%;
  }

  #intro .carousel-control-prev,
  #intro .carousel-control-next {
    width: 5%;
  }


}

@media (max-width: 768px) {


   #services .box.line {
  border-right:0px solid #e5e5e5;	  margin:20px 0 20px 0;	
}


  .back-to-top {
    bottom: 15px;
  }

 #header {
  padding: 5px 0;
  height: 92px;
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  transition: all 0.5s;
  z-index: 997;
}



#header.header-scrolled {
  padding: 5px 0;
  height: 90px;
  transition: all 0.5s;
}



  #intro h2 {
    font-size: 34px;
  }

#intro h3 {
font-size:40px; 
}

#intro p {
font-size:24px; 
}
  #nav-menu-container {
    display: none;
  }

  #mobile-nav-toggle {
    display: inline;
  }
}

@media only screen and (max-width: 1500px) {

.tabArea{position:relative;width:100%;height:64px;overflow:hidden;text-align:center; z-index:99;background:#0e2157; margin-left:-20px; }
.tabArea ul{overflow:hidden;display:block; margin-left:0px;margin-right:0px;}
.tabArea ul li{float:left;list-style:none;}
.tabArea ul li a{display:block;padding:20px 0;color:#fff; font-family: 'Noto Sans KR', sans-serif; font-weight:400; font-size:17px;text-decoration:none;font-weight:400;}
.tabArea ul li a.on{display:block; width:100%; background:#fff; padding:20px 0;color:#0c4a90;font-weight:400;cursor:inherit}


.tabArea1{position:relative;width:100%;height:64px;overflow:hidden;text-align:center; z-index:99;background:#0e2157; margin-left:-20px; }
.tabArea1 ul{overflow:hidden;display:block; margin-left:0px;margin-right:0px;}
.tabArea1 ul li{float:left;list-style:none;}
.tabArea1 ul li a{display:block;padding:20px 0;color:#fff; font-family: 'Noto Sans KR', sans-serif; font-weight:400; font-size:17px;text-decoration:none;font-weight:400;}
.tabArea1 ul li a.on{display:block; width:100%; background:#fff; padding:20px 0;color:#0c4a90;font-weight:400;cursor:inherit}

.tabArea1 ul li.tabtop a{padding:12px 0;color:#fff; font-family: 'Noto Sans KR', sans-serif; font-weight:400; line-height:130%; font-size:17px;text-decoration:none;font-weight:400;}
.tabArea1 ul li.tabtop a.on{color:#0c4a90;f}


#about .container {
  position: relative; width:100%;
  z-index: 10;text-align:center; padding:0 0%;
}









}





@media only screen and (max-width: 1300px) {




.nav-menu a {
   padding: 19px 10px 10px 10px;
  text-decoration: none;
  display: inline-block;
  color: #fff;
  font-family: 'Noto Sans KR', sans-serif;
  font-weight: 500;
  font-size: 19px;
  text-transform: uppercase;
  outline: none;
}

#header.header-scrolled .nav-menu a {
  padding: 10px 10px 10px 10px;
  text-decoration: none;
  display: inline-block;
  color: #000;
  font-family: 'Noto Sans KR', sans-serif;
  font-weight: 500;
  font-size: 19px;
  text-transform: uppercase;
  outline: none;
}


#header .sitebtn  {
top:28px;  transition: all 0.5s; right:100px;
}
#header.header-scrolled .sitebtn  {
top:25px;  transition: all 0.5s; right:100px;
}



#portfolio .portfolio-item {
  position: relative;
  height: 400px;
  overflow: hidden;
}

#portfolio .portfolio-item figure {
  background: #fff;
  overflow: hidden;
  height: 250px;
  position: relative;
  border-radius: 4px 4px 0 0;
  margin: 0;
}
#portfolio .portfolio-item figure:hover img {
  opacity: 0.4;
  transition: 0.3s;
}

#portfolio .portfolio-item figure .link-preview,
#portfolio .portfolio-item figure .link-details {
  position: absolute;
  display: inline-block;
  opacity: 0;
  line-height: 1;
  text-align: center;
  width: 50px; margin-left:20px;
  height: 50px;
  background: #000;
  border-radius: 50%;
  transition: 0.2s linear;
}

#portfolio .portfolio-item figure .link-preview i,
#portfolio .portfolio-item figure .link-details i {
  padding-top: 14px;
  font-size: 20px;
  color: #fff;
}
#portfolio .portfolio-item figure .link-preview {
  left: calc(55% - 50px);
  top: calc(50% - 18px);
}
#portfolio .portfolio-item .portfolio-info p {
  padding: 0;
  margin: 0;
  color: #666;
  font-weight: 400;
  font-size: 14px;
  text-transform: uppercase;
}

#intro .carousel-content img {max-width:480px;}

}



@media only screen and (max-width: 992px) {


	 
#introduce{
margin:0px;float:left; width:100%;		padding:80px 50px 80px; 
  position: relative;  height:100%;  		   background: #988f80 url('../image/bg01.jpg') left top no-repeat;
}

#introduce .in1{
margin-left:0%; display:block;
  position: relative;  text-align:left; float:left; 	padding:20px;  background:rgba(171,163,150,0.4)	  ;
}
#introduce .in1 h2{
font-size:26px; color:#fff;  font-family:'ChosunIlboMyungjo', sans-serif;font-weight:400;
}

#introduce .in1 .rebtn{
float:right; right:0px;	   position:absolute; bottom:-30px;
}



 #introduce2{
margin-top:80px;float:left; width:100%;		padding:80px 50px 80px; 	margin-bottom:40px;
  position: relative;  height:100%;  		   background: #000 url('../image/bg02.jpg') right top no-repeat;
}

#introduce2 .in1{
margin-left:0%; display:block;
  position: relative;  text-align:left; float:left; 	 padding:20px;  background:rgba(0,0,0,0.4);
}
#introduce2 .in1 h2{
font-size:26px; color:#fff;  font-family:'ChosunIlboMyungjo', sans-serif;font-weight:400;
}


#introduce2 .in1 .rebtn{
float:right; right:0px;	   position:absolute; bottom:-30px;
}


#about {
 /* background: url("../img/about-bg.jpg") center top no-repeat fixed;
  background-size: cover;*/
  padding: 100px 0 0px;height:100%; background:#fff;
  position: relative;  text-align:center;		   
}

#about .about-col .icon {
  width: 47px;
  height: 47px;
  text-align:right; float:right;
right:25px;
  background-color: #4b83fc;
  border-radius: 50%;
margin-bottom:15px;
  transition: 0.3s;
}


.subcon h2 {
position:relative;
color: #0074d6; font-size:40px;   
font-family: 'Rubik';
  font-style: normal;
  font-weight: 600; line-height:150%;
text-align:left;
}

.subcon h3 {
position:relative;
color: #000; font-size:20px;  font-family: 'Noto Sans KR', sans-serif; font-weight:300; line-height:150%;
text-align:left;
}

.subcon h4 {
position:relative;
color: #000; font-size:30px;  font-family: 'Pretendard-SemiBold', sans-serif; line-height:150%;
text-align:left;
}

.conline{margin-top:40px; margin-bottom:40px; border-top:1px solid #cccdce;}

#intro .carousel-content img {max-width:400px;}

.zoombtn{display:block;}









.sitemap {
text-align:center;margin:100px auto 0; width:100%; z-index:9999;min-width:750px !important; 
}
.sitemap li {
display:inline-block; margin:20px 0 20px -4px;width:20%; font-size:16px; color:#fff; border-left:1px solid #666;border-right:1px solid #666;z-index:9999;min-height:200px;vertical-align:top;
}

.sitemap li a{
font-size:16px; color:#fff;vertical-align:top; line-height:160%; z-index:9999;
}
.sitemap .tt {
font-size:20px; color:#fff; font-weight:500;margin-bottom:20px;
}
.sitemap .tt a{
font-size:20px; color:#fff; font-weight:500;
}

.protab {
text-align:center; margin:0 auto 50px; width:100%; max-width:100%; background:#fbfbfb; border:1px solid #adadad; border-radius:30px;max-height:58px;
}
.protab ul {
margin-left:0px;;text-align:center;
}

.protab li {
display:inline-block;  font-size:15px; color:#000; padding:10px 2%;
}
.protab li a{
font-size:15px; color:#000;  
}

.protab li a.active {
font-size:15px; color:#e60012; border-bottom:2px solid #e60012; padding-bottom:15px;
}



  #header #logo img {
width:75%;min-width:140px; min-height:52px;
  }
#header.header-scrolled #logo img {
width:75%;min-width:140px; min-height:52px;
}


#nav-menu-container {
 /*dm  float: right; right menu nav*/
 position:absolute; margin-top:0px;
 width:70%; left:50%; margin-left:-26%;
   
}


.nav-menu a {
  padding: 25px 4px 10px 4px;
  text-decoration: none;
  display: inline-block;
  color: #fff;
  font-family: 'Noto Sans KR', sans-serif;
  font-weight: 500;
  font-size: 17px;
  text-transform: uppercase;
  outline: none;
}

#header.header-scrolled .nav-menu a {
  padding: 20px 4px 10px 4px;
  text-decoration: none;
  display: inline-block;
  color: #000;
  font-family: 'Noto Sans KR', sans-serif;
  font-weight: 500;
  font-size: 17px;
  text-transform: uppercase;
  outline: none;
}


.header-lang {position:absolute; float:right; right:80px; width:80px; top:40px; height:30px;  background-color:#eee; z-index:100; margin-left:15px; font-family: 'Play', sans-serif;  transition: all 0.5s;}




.business_a li{width:88%; margin:0 12% 50px 0;text-align:center;display:inline-block;}
.business_a .tt{width:100%; margin:-8px 0px 0 0;text-align:center; font-size:14px; padding:10px;border:5px solid #e1e1e1; border-radius:10px}

.tabArea{position:relative;width:100%;height:60px;overflow:hidden;text-align:center; z-index:99;background:#0e2157; margin-left:-20px; }
.tabArea ul{overflow:hidden;display:block; margin-left:0px;margin-right:0px;}
.tabArea ul li{float:left;list-style:none;}
.tabArea ul li a{display:block;padding:21px 5px 24px;color:#fff; font-family: 'Noto Sans KR', sans-serif; font-weight:300; font-size:13px;text-decoration:none; line-height:120%; font-weight:400;}
.tabArea ul li a.on{display:block; width:100%; background:#fff; padding:21px 5px 24px;color:#0c4a90;font-weight:300;cursor:inherit}


.tabArea1{position:relative;width:100%;height:60px;overflow:hidden;text-align:center; z-index:99;background:#0e2157; margin-left:-20px; }
.tabArea1 ul{overflow:hidden;display:block; margin-left:0px;margin-right:0px;}
.tabArea1 ul li{float:left;list-style:none;word-break:keep-all;}
.tabArea1 ul li a{display:block;padding:15px 2px 25px;color:#fff; font-family: 'Noto Sans KR', sans-serif; font-weight:300; font-size:11px;text-decoration:none; line-height:120%; font-weight:400;word-break:break-all;}
.tabArea1 ul li a.on{display:block; width:100%; background:#fff; padding:15px 2px 25px;color:#0c4a90;font-weight:300;cursor:inherit; line-height:120%; font-weight:400;word-break:break-all;}


.tabArea1 ul li.tabtop a{padding:12px 0;color:#fff; font-family: 'Noto Sans KR', sans-serif; font-weight:400; line-height:130%; font-size:11px;text-decoration:none;font-weight:400;}
.tabArea1 ul li.tabtop a.on{color:#0c4a90;f}




#footer .footer-top .footer-info li {
display:inline-block; margin: 0 0px 0 10px; font-size:14px; color:#54585a;
}

#footer .footer-top .footer-info li a{
font-size:13px; color:#54585a; font-weight:400; font-family: 'Noto Sans KR', sans-serif;
}
.foologo{clear:both; float:left;}

.foologo img{float:left;margin-top:10px;width:140px}



}









@media only screen and (max-width: 768px) {



#services h3{
 color: #000; line-height:150%;
  font-size: 18px;padding:30px 35px 0;
  font-weight: 500;
}



.hbbox1{
display: inline-block;
margin: 0px 0;
width:100%; 
height:auto;
background:url('../image/box.gif') repeat;
padding: 10px;
color: #666;
}



.hbbox1 span{
float:left;text-align:center;
background:#fff; font-family: 'Pretendard-Light', sans-serif;  font-size:17px; color:#000;
padding: 20px 20px; line-height:160%;
}

.hbbox2{
display: inline-block;
margin: 0px 0;
width:100%; 
height:auto;
background:url('../image/box.gif') repeat;
padding: 10px;
color: #666;
}



.hbbox2 span{
float:left;text-align:left;
background:#fff; font-family: 'Pretendard-Light', sans-serif; font-size:17px; color:#000;line-height:160%;
padding: 20px 20px;
}



.breadcrumb_area {
  position: relative;
  z-index: 1;
  padding: 50px 0px 60px;
}



.bread_content {
min-height:80px; margin-top:80px;
  text-align: center; 
}

.bread_content h2 {
  font-size: 28px;
  font-family: 'Noto Sans KR', sans-serif;
  font-weight: 300;
  color: #fff; padding-top:40px;
  letter-spacing:-0.2px;
  margin-bottom: 5px;
}


.bread_content h3 {
  font-size: 36px;
font-family: 'Acumin Variable Concept', sans-serif;
  font-weight: 700;
  color: #fff;
  letter-spacing:0.5px;
  margin-bottom: 30px;
}




.pcver{display:none;}
.mover{display:block;}


#about .about-col {
 width:100%; margin: 20px auto 0px;
}

#about .about-col .p1{
  padding: 0px;
}

.margin-b200{margin-bottom:200px;}

#notice .board2{
float:left;width:50%; border:1px solid #d0d0d0; border-top:5px solid #0055a4; color:#000000; font-size:20px;  font-family: 'Noto Sans KR', sans-serif; font-weight:400; padding:15px 0px 15px 20px; line-height:180%;
}


#notice .board3{
float:left; width:50%; border:1px solid #d0d0d0; margin-left:-1px; border-top:5px solid #21b8bd; color:#000000; font-size:20px;  font-family: 'Noto Sans KR', sans-serif;  font-weight:400;padding:15px 0px 15px 20px;  line-height:180%;
}

#notice .board2 .quick1{
float:right; right:0px; bottom:0px; margin-top:10px;
}
#notice .board3 .quick1{
float:right; right:0px; bottom:0px; margin-top:10px;
}


#notice .board2 img{
width:20%;
}
#notice .board3 img{
width:20%;
}
#notice .board2 .quick1 img{
width:50%;
}
#notice .board3 .quick1 img{
width:50%;
}




.busi_p1{position:relative; z-index:0; text-align:center; margin:-132px auto 50px;}




#intro {
  display: table;
  width: 100%;
  height: 60vh;
  background: #fff;
}

#intro .carousel-item {
  width: 100%;
  height: 60vh;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}


#intro .carousel-content img {max-width:300px; margin:0 auto;}

.sitebtn {display:none;}

.brspan{clear:both;float:left; }

#clients h3 {
  color: #fff;background:#333333;  font-family: 'Rubik', sans-serif;
  font-size: 30px;padding:5px 20px;display:inline-block;
  font-weight: 300;
}



.subcon{
padding:0 30px;
}

.probox .info{text-align:left; font-size:14px; line-height:150%; padding-left:20px;margin-top:20px;min-height:60px;background:url(../image/dot2.gif) 4px 10px no-repeat; }
.probox1 .info1{text-align:left; font-size:14px; line-height:150%; padding-left:20px;margin-top:20px;min-height:60px;background:url(../image/dot2.gif) 4px 10px no-repeat; }
.probox2 .info2{text-align:left; font-size:14px; line-height:150%; padding-left:20px;margin-top:20px;min-height:60px;background:url(../image/dot2.gif) 4px 10px no-repeat; }



.molan {color:#fff; width:90%; margin:50px auto 0;text-align:center;}

.molan ul{color:#fff; width:100%; margin:0px auto 0;text-align:center;}

.molan li{color:#fff; height:50px; line-height:24px; border: 1px solid #626262; width:50%; padding-left:0px; font-family: 'play', sans-serif;text-align:center;margin:0px;float:left; font-size:15px !important;}

.molan li a{color:#fff;  font-family: 'play', sans-serif;text-align:center; font-size:15px !important;}




.history .his2{width:90%; margin:10px auto 0 5%; float:left;background:url(../image/dot.gif) 6px top repeat-y;  font-size:16px; color:#666666;line-height:170%;z-index:0;}


.subcontent .tit004 {
position:relative;
color: #000; font-size:22px;  font-family: 'Roboto', sans-serif;font-weight:700;  line-height:150%;
text-align:left;margin-bottom:10px;
}

.quality ul li{padding-bottom:10px;padding-top:10px;width:90%;margin:0 auto;display:block; border-bottom:1px solid #dfdfdf;color: #666; font-size:16px;  font-family: 'Noto Sans KR', sans-serif; font-weight:400; }


.table1 thead th{
font-size: 15px;line-height:130%;
}

.table1 tbody td{
font-size: 15px;line-height:150%;
}

.table2 thead th{
font-size: 15px;
}

.table2 tbody td{
font-size: 15px;line-height:150%;
}

.table3 thead th{
font-size: 15px;
}

.table3 tbody td{
font-size: 15px;line-height:150%;
}


.table4 thead th{
font-size: 15px;
}

.table4 tbody td{
font-size: 15px;line-height:150%;
}




#portfolio .portfolio-item {
  position: relative;
  height: 310px;
  overflow: hidden;
}

#portfolio .portfolio-item figure {
  background: #fff;
  overflow: hidden;
  height: 200px;
  position: relative;
  border-radius: 4px 4px 0 0;
  margin: 0;
}








/* Header :: ÆÄÆ®³Ê»ç ¼±Åà ¹× ¾ð¾î¼±Åà */
.header-lang {display:none;  }






}



@media only screen and (max-width: 479px) {





.busi_p1{position:relative; z-index:0; text-align:center; margin:-102px auto 50px;}



	.project__slider.owl-carousel .owl-nav button {
		left: 15px;
	}
	.project__slider.owl-carousel .owl-nav button.owl-next {
		right: 15px;
	}
	.project {
		padding: 0;
	}

}