@charset "utf-8";

/*  */
nav.topmenu { 
  position:fixed; 
  top: 0; 
  width: 100%; 
  height: 70px; 
  border-bottom:1px solid #fff; 
  -webkit-transition:width 2s, height 2s, background-color 2s, -webkit-transform 2s;
  transition:width 2s, height 2s, background-color 2s, transform 2s;
  z-index: 99;
 }
nav.topmenu h1{ float:left; margin:20px 0 0 3%; }
nav.topmenu ul.gnb { display:block; float: right; margin:15px 3% 0 0; }
nav.topmenu ul.gnb li { display: inline-block; }
nav.topmenu ul.gnb li a { display:block; padding:6px 13px;  font-size:18px; color:#fff; }
nav.topmenu ul.gnb li a:hover { text-decoration:none; color:#ffff77; }
nav.topmenu ul.fixgnb{ display:none; }
  
/* header */
header{ position:relative; width:100%; height:auto; padding:22% 0; background:url('../img/common/bg_header.jpg') no-repeat 0 0; background-size:100% auto; }
header .head_txt { position:absolute; top:50%; left:50%; margin:-105px 0 0 -285px; }
header .head_txt h2{ font-size:4rem; color:#000; }
header .head_txt p{ margin:0; font-size:1.5rem; color:#000; }

a.md_btn{ display:none; }
a.fxmd_btn{ display:none; }

nav.topfixed ul.gnb li { display: inline-block; }
nav.topfixed ul.gnb li a { display:block; padding:6px 13px; font-size:18px; color:#fff; }

@media screen and (max-width: 1199px) {
  header .head_txt { margin: -60px 0 0 -220px; }
}

@media screen and (max-width: 990px){
  nav.topmenu{ height:58px; }
  nav.topmenu h1{ margin: 9px 0 0 1%; }
  nav.topmenu ul.gnb{ display:none; }
  nav.topmenu ul.fixgnb{ display:none; position:absolute; top:58px; left:0; width:100%; margin-right:0; z-index: 1000;}
  nav.topmenu ul.fixgnb li{ width:100%; float:none; border-bottom: 1px solid #f5f5f5; background:#1f1f1f; } 
  nav.topmenu ul.fixgnb li a{ display:block; padding: 13px; font-size: 16px; color:#fff; }
  nav.topmenu ul.fixgnb li a:hover { text-decoration:none; color:#9cbce6; }
  a.md_btn{ display:block; position:absolute; top:6px; right:3%; }
  header .head_txt {  margin: -60px 0 0 -180px; }
  header .head_txt h2{ font-size: 3rem; }
  header .head_txt p{  font-size: 1.3rem; }
}

@media screen and (max-width: 800px){
  header .head_txt {  margin: -30px 0 0 -180px; }
  header .head_txt h2{ font-size:2.5rem;  }
  header .head_txt p{ font-size:1.2rem; }
}
@media screen and (max-width: 600px){
  header .head_txt {  margin: -13px 0 0 -130px; }
  header .head_txt h2{ font-size:2rem;  }
  header .head_txt p{ font-size:1.1em; }
}





.hamburger .line {
	width: 35px;
	height: 4px;
	background-color: #ecf0f1;
	display: block;
	margin: 8px auto;
	-webkit-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

/* ONE */

#hamburger-1.is-active .line:nth-child(2) {
	opacity: 0;
}

#hamburger-1.is-active .line:nth-child(1) {
	-webkit-transform: translateY(11px) rotate(47deg);
	-ms-transform: translateY(11px) rotate(47deg);
	-o-transform: translateY(11px) rotate(47deg);
	transform: translateY(11px) rotate(47deg);
}

#hamburger-1.is-active .line:nth-child(3) {
	-webkit-transform: translateY(-13px) rotate(-45deg);
	-ms-transform: translateY(-13px) rotate(-45deg);
	-o-transform: translateY(-13px) rotate(-45deg);
	transform: translateY(-13px) rotate(-45deg);
}


/* company */
.compy01{ max-width:1240px; margin:0 auto; padding: 120px 0; }
h2.sero_h2{ position:relative; margin-bottom: 60px; padding-bottom:19px; text-align: center; font-size: 48px; color:#010101; }
h2.serow_h2{ position:relative; margin-bottom: 60px; padding-bottom:19px; text-align: center; font-size: 48px; color:#fff; }
h2.bg_tit:after { content: ''; display: block;  position: absolute; left: 0; right: 0; bottom:0; width: 100px; height: 2px; background: #86bc42; margin: 0 auto; }
h2.serow_h2:after { content: ''; display: block;  position: absolute; left: 0; right: 0; bottom:0; width: 100px; height: 2px; background: #86bc42; margin: 0 auto; }
.compy01 .compy_intro{ overflow: hidden; }
.compy01 .compy_intro .compy_intro_img{ max-width:38%; float: left;  }
.compy01 .compy_intro .compy_intro_img img{ width:100%; height: auto; }
.compy01 .compy_intro .compy_intro_txt { width:56%; float: right; margin:15px 0 0 0; }
.compy01 .compy_intro .compy_intro_txt h3{ margin-bottom:15px; font-size: 36px; }
.compy01 .compy_intro .compy_intro_txt p{ margin-bottom:50px; line-height: 34px; font-size: 18px; text-align: justify; }

@media screen and (max-width: 1240px){
    .compy01 .compy_intro .compy_intro_img{ max-width: 40%;  }
    .compy01 .compy_intro .compy_intro_txt{ margin-top:0; }
}
@media screen and (max-width: 1200px){
    .compy01{ padding: 80px 0; }
    .compy01 .compy_intro .compy_intro_img{ max-width:42%; margin-top:25px; }
    .compy01 .compy_intro .compy_intro_txt p{ margin-bottom:20px; }
}
@media screen and (max-width: 1140px){
  .compy01 h2{ margin-bottom: 20px;  }
}
@media screen and (max-width: 990px){
    .compy01{ width:90%; padding:60px 0; }
    .compy01 h2{ margin-bottom: 35px; font-size:40px; }
    h2.sero_h2{ margin-bottom:25px; font-size:35px;  line-height: 36px; }
    .compy01 .compy_intro .compy_intro_img{ margin-top:0; max-width:100%; float:inherit; }
    .compy01 .compy_intro .compy_intro_txt { width:100%;  }
    .compy01 .compy_intro .compy_intro_txt h3 { margin-bottom:7px; font-size:25px; }
    .compy01 .compy_intro .compy_intro_txt p { margin-bottom: 30px; line-height: 28px; font-size: 16px; }
    .compy01 .compy_intro .compy_intro_txt p:last-child { margin-bottom: 0;  }
}
@media screen and (max-width: 800px){
  .compy01{ width:90%; padding:35px 0; }
  .compy01 h2{ margin-bottom: 20px; padding-bottom: 10px; font-size:35px; }
  .compy01 .compy_intro .compy_intro_img{ margin:0 0 20px 0; }
}
@media screen and (max-width: 600px){
  .compy01{ width:90%; padding:50px 0; }
  .compy01 h2{ margin-bottom: 20px; padding-bottom: 10px; font-size:35px; }
  .compy01 .compy_intro .compy_intro_img{ margin-top:0; }
}

/* compy02 */

.compy02 { padding:90px 0 120px 0; background: #c9dded;}


@media screen and (max-width: 990px){
  .compy02 { padding: 50px 0; }
}

/* feature-block*/
.feature-block {
  text-align: center;
  padding-left: 20px;
  padding-right: 20px;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  color: rgba(255, 255, 255, 0.85); 
}
.feature-block.line {
  position: relative; 
}
.feature-block.line:after {
  content: '';
  position: absolute;
  width: 60%;
  height: 2px;
  top: 50px;
  left: 70%;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  border: 1px solid #fff; 
}
.feature-block .icon {
  width: 100px;
  height: 100px;
  margin: auto;
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  -o-border-radius: 100px;
  border-radius: 100px;
  margin-bottom: 35px;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  background: rgba(255, 255, 255, 0.9);
}
.feature-block .icon i {
  display: block;
  width: 100px;
  height: 100px;
  line-height: 95px;
  color: #4e54c8;
  font-size: 40px; 
}
.feature-block .title { margin-bottom: 15px;  font-size: 18px; letter-spacing: 1.12px; margin-bottom: 15px; color: #000000; }

.feature-block .icon {
  position: relative;
  height: 100px;
  width: 100px;
  text-align: center;
  display: inline-block;
  line-height: 100px;
  border-radius: 50%;
  transition-duration: 0s;
  -ms-transition-duration: 0s;
  -moz-transition-duration: 0s;
  -webkit-transition-duration: 0s;
  -o-transition-duration: 0s;
 }
.feature-block:hover .icon { background: #4e54c8; }
.feature-block:hover .icon:after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  height: 80px;
  width: 80px;
  border: 2px solid #fff;
  border-radius: 50%;
  transform: translate(-50%, -50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  opacity: .3;
  animation: pulse-border 1500ms ease-out infinite; 
}
.feature-block:hover .icon:before {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  height: 95px;
  width: 95px;
  border: 2px solid #fff;
  border-radius: 50%;
  transform: translate(-50%, -50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  opacity: .3;
  animation: pulse-border 1500ms ease-out infinite; 
}
.feature-block:hover .icon:after, .feature-block:hover .icon:before {
  border-color: rgba(255, 255, 255, 0.5); 
}

@keyframes pulse-border {
0% { transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1); opacity: 1; }
100% { transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5); opacity: 0; } 
}

@media screen and (max-width: 1199px) {
  .feature-block .icon i { width: 90px; height: 90px; line-height: 90px; font-size: 36px; }
  .feature-block .title { margin-bottom: 10px; }
  .feature-block .icon { width: 90px; height: 90px; margin-bottom: 25px; }
  .feature-block .icon img { width:50%; margin-top: -13px; }
  .feature-block.line:after { width: 55%; left: 73%; } 
}

@media screen and (max-width: 1089px) {
  .feature-block .icon img { width: 50%; margin-top: -15px; }
}

@media screen and (max-width: 991px) {
  .feature-block .title { font-size: 17px; }
  .feature-block .icon { width: 80px; height: 80px; margin-bottom: 20px; }
  .feature-block .icon i { width: 80px; height: 80px; line-height: 80px; font-size: 32px; }
  .feature-block .icon img { width:50%; margin-top: -13px; }
  .feature-block.line:after { width: 50%; left: 75%; top: 40px; } 
}

@media screen and (max-width: 845px) {
  .feature-block .icon img {  margin-top: -30px; }
}

@media screen and (max-width: 767px) {
  .feature-block {  margin-bottom: 90px; }
  .feature-block .title { font-size: 14px; margin-bottom: 5px; }
    .feature-block .icon { width: 70px; height: 70px; margin-bottom: 15px; }
  .feature-block .icon i { width: 70px; height: 70px; line-height: 70px; font-size: 28px; }
  .feature-block.line { top: 0; }
  .feature-block.line:after { left: 0; top: auto; bottom: -58%; right: 0; width: 1px;  height: 50%;  margin: 0 auto; }
}
@media screen and (max-width: 575px) {
  .feature-block.line:after { bottom: -52%; } 
}

.compy03{  padding:60px 0; }
.compy03 .container .col-md-12{ margin-bottom:45px; }
.compy03 .container p{ margin:0; line-height:27px; font-size:16px; }
.compy03 .container .bus_img{ max-width:50%; float:left; margin-top:10px; }
.compy03 .container .bus_img img{ width:100%; }
.compy03 .container .bux_txt{ width:68%; float:right; }
.compy03 .container .bux_txt ul{  }
.compy03 .container .bux_txt ul li{ margin-left:10px; text-indent:-9px; font-size:16px; }

.compy03 .container .bus_img02{ max-width:35%; float:left; }
.compy03 .container .bus_img02 img{ width:100%; }
.compy03 .container .bux_txt02{ width:55%; float:right; }
.compy03 .container .bux_txt02 ul{  }
.compy03 .container .bux_txt02 ul li{ margin-left:10px; text-indent:-9px; font-size:16px; }
.compy03 .container .bux_txt02 ol li{ margin-left:10px; text-indent:-9px; font-size:16px; }

.compy03 .container .bus_img03{ max-width:35%; float:right; }
.compy03 .container .bus_img03 img{ width:100%; }
.compy03 .container .bux_txt03{ width:55%; float:left; }
.compy03 .container .bux_txt02 h3, .compy03 .container .bux_txt03 h3{ margin-bottom:14px; }
.compy03 .container .bux_txt02 h3:after {
  content: '';
  display: block;
  width: 40px;
  height: 2px;
  background: #86bc42;
  margin-top: 14px;
}
.compy03 .container .bux_txt03 h3:after {
  content: '';
  display: block;
  width: 40px;
  height: 2px;
  background: #86bc42;
  margin-top: 14px;
}
.compy03 .container .bux_txt03 ul{  }
.compy03 .container .bux_txt03 ul li{ margin-left:10px; text-indent:-9px; font-size:16px; }
.compy03 .container .bux_txt03 ol li{ margin-left:10px; text-indent:-9px; font-size:16px; }

.col-md-12 ol li{ margin: 0 0 10px 10px; text-indent:-8px; font-size:16px; }
.col-md-12 ul li{ margin: 0 0 10px 10px; text-indent:-8px; font-size:16px; }

@media screen and (max-width: 1200px) {
  .compy03 .container .bux_txt{ width:65%; }
}

@media screen and (max-width: 1100px) {
  .compy03 .container .bux_txt{ width:100%; float:none; }
  .compy03 .container .bus_img{ max-width:50%; float:none; margin-bottom:20px; }
}

@media screen and (max-width: 991px) {
  .compy03{  padding:50px 0; }
  .compy03 .container .col-md-12{ margin-bottom:18px; }
  .compy03 .container .col-md-12:last-child{ margin-bottom:0; }
  .compy03 h3{ margin-bottom: 7px; font-size: 20px; }
  .compy03 .container p { line-height: 24px; font-size: 14px; }
  .col-md-12 ul li{ margin-bottom:3px; font-size:14px; }
  .col-md-12 ol li{ margin-bottom:3px; font-size:14px; }
  .compy03 .container .bux_txt03 ol li{ margin-bottom:3px; font-size:14px; }
  .compy03 .container .bus_img03{ max-width:43%; }
}

@media screen and (max-width: 700px) {
  .compy03 .container .bus_img{ max-width:60%;  }
}

.testmonial-box{
  overflow:hidden;
  position: relative;
  height:170px;
  margin: 15px 0;
  padding: 12px;
  border: 1px solid #ececec;
  border-radius: 5px;
  background: #fff;
  -webkit-transition-duration: .3s;
  transition-duration: .3s;
  box-shadow: 0 10px 30px 0 rgba(50, 50, 50, 0.16);
  -webkit-box-shadow: 0 10px 30px 0 rgba(50, 50, 50, 0.16);
  -moz-box-shadow: 0 10px 30px 0 rgba(50, 50, 50, 0.16);
  font-size:14px;
}
 h3{ margin-bottom:6px; font-size:28px; }
.testmonial-box p{ overflow-y: auto; height: 95px; line-height:22px; }

.testmonial-box ol{ overflow-y: auto; height: 95px; }
.testmonial-box ol li{ margin:0 0 7px 15px; text-indent:-15px; }
.testmonial-box ol li:last-child{ margin-bottom:0; }

.compy05{  }
.compy05 .partner-box{ margin:0 10px; border: 1px solid #ececec; }

.partner-box img{ width:100%; }

.partner-text {padding:40px 10px 20px 10px; font-size:14px; }
.partner-text strong{ display:block; }
.partner-text span{ display:inline-block; margin-bottom:14px; }
.partner-text span:after {
  content: '';
  display: block;
  width: 40px;
  height: 2px;
  background: #86bc42;
  margin-top: 14px;
}

.partner-text p{ line-height:22px; }

@media screen and (max-width: 1320px){
  .compy05 h2{ margin-bottom:30px; }
  .partner-text { padding:30px 10px 20px 10px; font-size:13px; }
  .partner-text span{  }
  .partner-text p{ font-size:13px; line-height: 20px; }
  .partner-text span{ margin-bottom:7px; }
  .partner-text span:after { margin-top: 5px; }
}


@media screen and (max-width: 991px){
  .compy05 h2{ margin-bottom:20px; }
  .row.mb80 {
      margin-bottom:0 !important;
  }
}

@media screen and (max-width: 844px){
  .partner-text { padding:45px 20px 20px 20px; }
}

#map {
  height: 400px;
  width: 100%;
}


.section-heading{ margin-bottom: 50px; }
.section-heading h4{ position:relative; margin-bottom:10px; padding-bottom:15px; font-size:24px; }
.section-heading h4:after {
  content: '';
  display: block;
  width: 100px;
  height: 2px;
  background: #86bc42;
  margin: 0 auto;
  position: absolute;
  left: 0;
  bottom: 0;
}

.contact-form-box .col-md-12, .contact-form-box .col-md-6{ padding:0 15px; }

input[type="button"], input[type="text"], input[type="email"], input[type="search"], input[type="password"], textarea, input[type="submit"] {
  -webkit-appearance: none;
  outline: none;
}
input:focus, textarea:focus{ border-color: #585858; outline: none; }
input[type="button"]:focus{ outline: none; }
.mailform input,  .mailform textarea{ 
  border: 1px solid #d1d1d1;
  font-size: 14px;
  padding: 8px 15px;
  width: 100%;
  margin: 0 0 15px 0;
  max-width: 100%;
  resize: none;padding: 14px 16px;
 }

 .butn {
  background: #232323;
  color: #fff;
  text-align: center;
  border-radius: 4px;
  padding: 12px 30px;
  line-height: normal;
  font-weight: 500;
  text-transform: none!important;
  position: relative;
  z-index: 10;
  display: inline-block;
  white-space: nowrap;
  border: none;
  cursor: pointer;
}

.contact-info-section {
  border-bottom: 1px solid #ececec;
  padding: 25px 0;
  margin-bottom: 0;
  -webkit-transition-duration: .5s;
  transition-duration: .5s;
}
.contact-info-section p {
  font-size: 15px;
  color:#666;
}
.contact-info-section p img {
  display:inline-block;
  margin-right:10px;
  vertical-align: -7px;
}
.contact-info-section p a{
  color:#666666;

}
.contact-info-section h4 {
  color: #232323;
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 15px;
  line-height: normal;
}
.contact-info-section i {
  width: 25px;
  height: 25px;
  padding-top: 7px;
  border-radius: 50%;
  background: #86bc42;
  color: #fff;
  font-size: 12px;
  margin-right: 5px;
  line-height: 11px;
}
.list-style-2 {
  list-style: none;
  margin: 0;
  padding: 0;
}
.list-style-2 li {
  position: relative;
  padding: 0 0 0 12px;
  margin: 0 0 9px 0;
  font-size: 14px;
}
.list-style-2 li:before {
  content: "";
  width: 5px;
  height: 1px;
  background-color: #232323;
  position: absolute;
  top: 9px;
  left: 0;

}
/* compy08 */
.compy08{ background:#f3f3f3; }
.compy08 .compy08_tit{ text-align:center; }
.compy08 .compy08_tit h3{ font-size:36px; }
.compy08 .compy08_tit p{ font-size:18px; }
.compy08 .compy08_tit p:after { content: ''; display: block; width: 420px; height: 2px; background: #86bc42; margin: 14px auto 40px auto; }
.compy08 .pdf { width:310px; margin:0 auto; border:3px solid #000000; border-radius:10px; background:#fff; text-align:center; }
.compy08 .pdf a{ display:block; padding:15px 0; font-size:18px; color:#000; }


.bus_lbox{ padding:75px 0; color:#fff; }
.bus_lbox h3{ margin-bottom:30px; font-size:36px; }
.bus_lbox h3:after { content: ''; display: block; width: 50px; height: 2px; margin-top:20px;  background: #86bc42; }
.bus_lbox p{ margin:0 0 30px 0; line-height:42px; font-size:16px; }
.bus_lbox p:last-child{ margin-bottom:0;}
.bus_lbox ul{  }
.bus_lbox ul li{ margin:0 0 20px 10px; font-size:16px; text-indent:-9px; }


.img_bus02 img{ width:100%; height:100%; }

.sect4{ padding:90px 0 0 0; }

@media screen and (max-width: 1320px){
  .bus_lbox{ padding:30px 20px; }
}

@media screen and (max-width: 990px){
  .compy08 .compy08_tit h3{ margin-bottom:0; font-size:28px; }
  .compy08 .compy08_tit p{ font-size:16px; }
  .bus_lbox h3{ margin-bottom: 20px; font-size:24px; }
  .bus_lbox ul li{ margin: 0 0 8px 10px; font-size: 14px; }
  .img_bus02 { padding:0 0 30px 0; }
  .bus_lbox p{ margin-bottom:15px; font-size:14px; line-height:30px; }
  .sect4{ padding:50px 0 0 0; }
}



/* topbtn */
a.topbtn {
  display: none;
  position: fixed;
  right: 2%;
  bottom: 50px;
  border-radius: 40px;
  background: #fff;
  z-index: 10000;
}
a.topbtn img {
  width: 50px;
  height: 50px;
}