/* BASIC css start */
/* common */
#container {overflow: hidden;}
.cont_title {position: relative; margin-bottom: 42px; transform: translateY(50px); opacity: 0;}
.cont_title:before {content: ''; position: absolute; top: -17px; left: 0px; width: 7px; height: 7px; background: #FE6018;}
.cont_title h2 {font-size: 25px; color: #fff; font-weight: 700; margin-bottom: 18px;}
.cont_title p {font-size: 15px; color: #ccc; line-height: 1.4;}
.cont_title.fadeup {transform: translateY(0); opacity: 1; transition-duration: 1.5s;}

.bnr {position: fixed; width: 100%; height: 400px; top: 40px;}
.bnr img{width: 100%; height: 100%; object-fit: cover;}
.section {position: relative; width: 100%; background: #fff; margin-top: 300px;}
.section .inner {margin: 0 20px;}

.intro {position: relative; top: -42px; }
.intro b {color: #FE6018;}
.intro h1 {font-size: 30px; font-weight: 900; margin-bottom: 28px; line-height: 1.4;}
.intro .txt {position: relative; font-size:20px; line-height: 1.5; margin-bottom: 29px; font-weight: 500;}
.intro .txt:before {content: ''; position: absolute; top: -5px; left: 0px; width: 5px; height: 5px; background: #FE6018;}
.intro button {display: flex; justify-content: center; width: 180px; height: 50px; background: #000; border: 1px solid #000; transition: .3s; margin-bottom: 51px;}
.intro button a {display: flex; justify-content: center; align-items: center; height: 100%; color: #fff; font-size: 16px; font-weight: 700; line-height: 1; transition: .3s;}
.intro button:hover {background: #fff; }
.intro button:hover a {color: #000;}

.service {background: #000; padding: 99px 0 21px;}
.service ul {}
.service ul li {margin-bottom: 59px;}
.service ul li span {display: block; font-size: 13px; font-weight: 700; margin-bottom: 14px; color: #FE6018;}
.service ul li h3 {font-size: 22px; font-weight: 700; color: #fff; margin-bottom: 17px;}
.service ul li p {font-size: 15px; color: #ccc; line-height: 1.53; margin-bottom: 23px; letter-spacing: -0.022em;}
.service ul li table {border: 1px solid #ccc; margin-bottom: 20px; width: 100%; table-layout: fixed;}
.service ul li table tr td {color: #fff; font-size: 14px; height: 40px; text-align: center; transition: .4s;}
.service ul li table tr td:hover {background: #fff; color: #000;}
.service ul li button {display: flex; justify-content: center; width: 135px; height: 35px; background: #fff; border: 1px solid #fff; transition: .3s; margin: 0 auto;}
.service ul li button a {display: flex; justify-content: center; align-items: center; height: 100%; color: #000; font-size: 14px; line-height: 1; transition: .3s;}
.service ul li button a i {font-size: 11px; margin-left: 4px;}
.service ul li button:hover {background: #000; }
.service ul li button:hover a {color: #fff;}

.brand {background: #fff; padding: 85px 0 70px;}
.brand .cont_title h2 {color: #000;}
.brand .cont_title p {color: #000;} 
.brand .brand_wrap {display: flex; flex-wrap: nowrap; margin-bottom: 16px;}
.brand .brand_wrap:last-child {margin-bottom: 0;}
.brand .brand_wrap ul {display: flex; flex-wrap: nowrap; animation: moveLeft 18s linear infinite }
.brand .brand_wrap ul li {display: inline-block; width: 152px; line-height: 55px; font-size: 15px; font-weight: 500; text-align: center; background: #F7F7F7; margin-right: 20px;}

.portfolio {background: #000; padding: 106px 0 110px; cursor: none;}
.portfolio .cont_title {margin-bottom: 10px;}
.portfolio .portfolioSwiper {overflow: initial; margin-bottom: 40px; padding-top: 18px;}
.portfolio .portfolioSwiper .swiper-slide {width: auto; color: #fff;}
.portfolio .portfolioSwiper .swiper-slide img {width: 100%; margin-bottom: 14px;}
.portfolio .portfolioSwiper .swiper-slide p {font-size: 15px; line-height: 1.33; font-weight: 500; margin-bottom: 0px;}
.portfolio .portfolioSwiper .swiper-slide span {font-size: 15px;}
.portfolio .portfolioSwiper-pagination {position: relative; width: 100%; height: 2px; background: #4D4D4D;}
.portfolio .portfolioSwiper-pagination .swiper-pagination-progressbar-fill {background: #FE6018;}

.apply {text-align: center; padding: 85px 20px 28px; background: #FBFBFB; border-bottom: 1px solid #fff;}
.apply img {width: 85px; margin-bottom: 25px;}
.apply h2 {font-size: 30px; font-weight: 700; margin-bottom: 46px; line-height: 1.33;}
.apply ul {display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap;}
.apply ul li {width: calc((100% - 13px)/2); margin-bottom: 25px;}
.apply ul li p {font-size: 16px; margin-bottom: 12px; text-wrap: nowrap; letter-spacing: -0.022em;}
.apply ul li button {display: flex; justify-content: center; width: 84%; height: 40px; background: #FE6018; border: 1px solid #FE6018; transition: .3s; margin: 0 auto; box-shadow: 3px 3px 8px 0px rgba(0,0,0,0.15);}
.apply ul li button a {display: flex; justify-content: center; align-items: center; height: 100%; color: #fff; font-size: 14px; font-weight: 700; line-height: 1; transition: .3s;}
.apply ul li button a i {font-size: 16px; margin-left: 4px;}
.apply ul li button:hover {background: #fff; }
.apply ul li button:hover a {color: #FE6018;}
.apply .line {width: 100%; height: 1px; background: #C9C9C9; margin: -5px auto 24px;}


@keyframes moveLeft {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-100%);
  }
}
/* BASIC css end */