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



/* Back to top button */
.back-to-top {
  position: fixed;
  display: none;
  background: linear-gradient(45deg, #fd6213, #fe5905);
  color: #fff;
  padding: 2px 20px 8px 20px;
  font-size: 16px;
  border-radius: 4px 4px 0 0;
  right: 15px;
  bottom: 0;
  transition: none;
  z-index:200;
}

.back-to-top:link {
  color: #fff;
}

.back-to-top:focus {
  background: linear-gradient(45deg, #fe5905, #f15709);
  color: #fff;
  outline: none;
}

.back-to-top:hover {
  background: #f86b23;
  color: #fff;
}


/* # section_bg 배경색 */
.main_section_bg01 {
  background: #fe5905;
}
.main_section_bg02 {
  background: #f3f4f8;
}


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

#intro {
  /*width: 100%;
  height: 100vh;
  background: linear-gradient(45deg, rgba(29, 224, 153, 0.8), rgba(29, 200, 205, 0.8)), url("../img/intro-bg.jpg") center top no-repeat fixed;
  background-size: cover;*/
  position: relative;
}

#intro .intro-text {
  position: absolute;
  left: 0;
  top: 60px;
  right: 0;
  height: calc(50% - 60px);
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  flex-direction: column;
  z-index: 10;
}

#intro h2 {
  margin: 30px 0 10px 0;
  padding: 0 15px;
  font-size: 48px;
  font-weight: 400;
  line-height: 56px;
  color: #fff;
}


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

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


@media (max-width: 768px) {
  #intro h2 {
    font-size: 28px;
    line-height: 36px;
  }
}

#intro p {
  color: #fff;
  margin-bottom: 20px;
  padding: 0 15px;
  font-size: 24px;
}

@media (max-width: 768px) {
  #intro p {
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 20px;
  }
}

/* ------------
# slogan Section
 --------------*/
 
#slogan {

}

/* ------------
# service Section
 --------------*/
#service {
}
.service_box_wrap01 { padding: 50px 30px 60px 30px;}
.service_box_wrap02 { padding: 50px 30px 60px 30px;}
.service_box_bg01 { background: #fe5905; }

.service_box_wrap01 .service_contents01 {}
.service_box_wrap01 .service_contents01 .inner_box01 {}
.service_box_wrap01 .service_contents01 .inner_box01 .icon_box { margin-bottom: 13px;}
.service_box_wrap01 .service_contents01 .inner_box01 .icon_box i { color:#fe5905; font-size:32px;}
.service_box_wrap01 .service_contents01 .inner_box01 h4 { font-size: 14px; margin-bottom: 10px; color: #1c1c1c; /*text-transform:uppercase;*/ }
.service_box_wrap01 .service_contents01 .inner_box01 .text { font-size: 13px; color: #5a5a5a; max-width: 300px;}

.service_box_wrap02 .service_contents02 {}
.service_box_wrap02 .service_contents02 .inner_box02 { text-align:right; margin-top:50px;}
.service_box_wrap02 .service_contents02 .inner_box02 h2 { font-size: 32px; margin-bottom: 10px; color: #fff; font-weight:normal;}
.service_box_wrap02 .service_contents02 .inner_box02 .text { font-size: 15px; color: #fff; margin: 50px 0; line-height:2.0; }


.service_box_wrap03 { padding: 50px 30px 60px 30px;}
.service_box_wrap03 .service_contents03 .inner_box03 { margin-top:50px;}
.service_box_wrap03 .service_contents03 .inner_box03 .border_bottomright02 { float:left;}
.service_box_wrap03 .service_contents03 .inner_box03 h2 { font-size: 32px; margin-bottom: 10px; color: #fff; font-weight:normal;}
.service_box_wrap03 .service_contents03 .inner_box03 .text { font-size: 15px; color: #fff; margin: 50px 0 0 0; line-height:2.0; }


@media (max-width: 768px) {
  .service_box_wrap02 .service_contents02 .inner_box02 { text-align:left; margin-top:0px;}
  .service_box_wrap02 .service_contents02 .inner_box02 .border_bottomright02 { float:left;}
}


@media (max-width: 1500px) {
  .service_box_wrap03 { padding: 30px 30px 30px 30px;}
  .service_box_wrap03 .service_contents03 .inner_box03 { margin-top:0px;}
}

@media (max-width: 1250px) {
  .service_box_wrap03 .service_contents03 .inner_box03 .text { margin: 30px 0 0 0; }
}

/* ------------
# greeting Section
 --------------*/

#greeting {}

/* ------------
# portfolio Section
 --------------*/
#portfolio {}

/* ------------
# video Section
 --------------*/
#video {}


/* ------------
# message Section
 --------------*/
#message { padding:60px 0 60px 0;}


/* ------------
# contact Section
 --------------*/
#contact { padding:60px 0 0 0;}


/* ------------
# team Section
 --------------*/
#team { background: #f3f4f8;}