*{
	padding:0;
	margin:0;
	box-sizing: border-box;
}
*:focus{
	outline: none;
}
::-webkit-scrollbar{
	width: 10px;
}

::-webkit-scrollbar-thumb{
	background: #E6E6E6;
	border-radius: 10px;
	background-clip: content-box;
	border: 3px solid transparent;
}
html,body{
	height: 100%;
	font-family: Oswald, sans-serif;
	background: #FFF;
}
img{
	vertical-align: middle;
	user-drag: none;
	-webkit-user-drag: none;
	user-select: none;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
}
a{
	display: inline-block;
	cursor: pointer;
}
a, a:hover, a:visited, a:link, a:active{
	text-decoration: none;
	color: inherit;
}
ul{
	list-style: none;
}
li{
	list-style-type: none;
}
.text-center{
	text-align: center;
}
.vertical-exclamation-mark{
	width: 5px;
}
.vertical-exclamation-mark div{
	background-color:#E4145A;

}
.vertical-exclamation-mark div:nth-child(1){
	height: 120px;
}
.vertical-exclamation-mark div:nth-child(2){
	margin-top:5px;
	height: 5px;
}
.horizontal-exclamation-mark{
	height: 5px;
}
.horizontal-exclamation-mark div{
	background-color:#E4145A;
	float: left;
}
.horizontal-exclamation-mark div:nth-child(1){
	width: 120px;
	height: 100%;
}
.horizontal-exclamation-mark div:nth-child(2){
	height: 100%;
	margin-left:5px;
	width: 5px;
}
.middle-bar{
	height:1px;
	background: #999999;
	width: 1200px;
	margin-left: auto;
	margin-right: auto;
}
.learn-more{
	display: inline-block;
	height: 48px;
	line-height:48px;
	color: #000;
	font-family: Ropa Sans;
	font-size: 20px;
	font-style: normal;
	font-weight: 400;
	text-transform: uppercase;
	transition: all 0.3s ease;
}
.learn-more:hover{
	color: #E4145A;
}
.learn-more svg{
	vertical-align: middle;
	margin-right: 24px;
}
.learn-more:hover svg path{
	transition: all 0.3s ease;
}
.learn-more:hover svg circle{
	transition: all 0.3s ease;
}
.learn-more:hover svg path{
	fill: #E4145A;
}
.learn-more:hover svg circle{
	stroke: #E4145A;
}

.mt-40{
	margin-top: 40px;
}
.mt-72{
	margin-top: 72px;
}

.layout{
	min-width: 1280px;
}
header{
	width: 100%;
	position: fixed;
	padding-left: 40px;
	padding-right: 40px;
	background: #1F1C23;
	height: 72px;
	min-width: 1280px;
	z-index: 9999;
}

header .logo{
	float: left;
	display: inline-block;
	line-height: 72px;
}
header .logo img{
	vertical-align:middle;
}
header nav{
	float: right;
}

header nav ul li{
	float:left;
	height: 72px;
	line-height: 72px;
	font-family: Ropa Sans;
	font-size: 20px;
	font-weight: 400;
	letter-spacing: 0em;
	text-align: center;
	color:#FFF;
	transition: all 0.3s ease;
}

header nav ul li.active, header nav ul li:hover{
	color: #E4145A;
	border-bottom:5px solid #E4145A
}
header nav ul li+li{
	margin-left:80px;
}


.content{
	width: 1200px;
	margin-left: auto;
	margin-right: auto;
}

.main{
	background-image:url("../img/img_main.jpg");
	background-position: 100% center;
	background-size: cover;
	background-color: #1F1C2380;
    background-blend-mode: multiply;
	position: relative;
}

.main .content{
	padding-top: 208px;
	position: relative;
	min-height: 1200px;
	height: 100vh;
}
.main .content article{
	color: #FFF;
}
.main .content article img{
	width: 69px;
	height: 69px;
}
.main .content article h1{
	margin-top: 25px;
	font-family: Oswald;
	font-size: 56px;
	font-weight: 500;
	line-height: 72px;
	letter-spacing: 0em;
	text-align: left;
	width: 70%;
	text-transform: uppercase;
}
.main .content article p{
	margin-top: 25px;	
	font-family: Oswald;
	font-size: 32px;
	font-weight: 500;
	line-height: 40px;
	letter-spacing: 0em;
	text-align: left;
}

.main .content .contactus-wrapper{
	position: absolute;
	width: 100%;
	bottom:0;
	background-color: #FFF;
	padding-top: 70px;
	text-align: center;
}
.main .content .contactus-wrapper p{
	width: 73%;
	font-family: Ropa Sans;
	font-size: 20px;
	font-weight: 400;
	line-height: 21px;
	letter-spacing: 0em;
	margin-left: auto;
	margin-right: auto;
}
.main .content .contactus-wrapper .btn-contactus{
	margin-top: 45px;
	width: 240px;
	height: 48px;
	line-height: 48px;
	border-radius: 8px;
	font-family: Ropa Sans;
	font-size: 20px;
	font-weight: 400;
	letter-spacing: 0em;
	text-align: center;
	background: #E4145A;
	color: #FFF;
	transition: all 0.3s ease;
}
.main .content .contactus-wrapper .btn-contactus:hover{
	background: #C04;
}
.whatwedo{
	padding-bottom: 240px;
}
.whatwedo .content{
	padding-top: 130px;	
}
.whatwedo .content .vertical-exclamation-mark{
	margin-left: auto;
	margin-right: auto;
}
.whatwedo .content h2{
	margin-top: 136px;
	font-family: Oswald;
	font-size: 32px;
	font-weight: 200;
	line-height: 40px;
	letter-spacing: 0em;
	text-align: center;
	color: #E4145A;
}
.whatwedo .item{
	display: flex;
	align-items: center;
	width: 100%;
	margin-top: 40px;
}
.whatwedo .item .article-wrapper{
	width: 50%;
} 
.whatwedo .item .article-wrapper article{
	width: 500px;
}
.whatwedo .item .article-wrapper article.left{
	float: right;
	width: 500px;
	margin-right: 100px;
}

.whatwedo .item .article-wrapper article.right{
	float: left;
	width: 500px;
	margin-left: 100px;
}
.whatwedo .item .article-wrapper article p{
	color: #1F1C23;
	leading-trim: both;
	text-edge: cap;
	font-family: Oswald;
	font-size: 32px;
	font-style: normal;
	font-weight: 200;
	line-height: 40px; /* 125% */	
}
.whatwedo .item .article-wrapper article .learn-more-wrapper{
	margin-top: 24px;
}
.whatwedo .item .img-wrapper{
	width: 50%;
	position:relative;
	background: #EFEFEF;
	padding-top: 30px;
	padding-bottom: 30px;
	text-align: center;
}

.whatwedo .item .img-wrapper .icon-app{
	position: absolute;
	top: 24px;
	left: 24px;
}
.whatwedo .item .img-wrapper .item-img{
	text-align: center;
}
.tech{
	padding-top: 48px;
	position: relative;
}
.tech nav{
	position:absolute;
	top: 0;
	width: 100%;
	height: 48px;
	text-align: center;
	background: #1F1C23;
	color: #FFF;
	text-align: center;
	font-family: Ropa Sans;
	font-size: 20px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}
.tech.fixed nav{
	position: fixed;
	top:0;
	z-index:9999;
}

.tech nav ul{
	display: inline-block;
}

.tech nav ul li{
	float: left;
	line-height: 48px;
	transition: all 0.3s ease;
}

.tech nav ul li+li{
	margin-left: 80px;
}
.tech nav ul li.active,.tech nav ul li:hover {
	color: #E4145A;
}
.tech .content h2{
	color: #1F1C23;
	text-align: center;
	leading-trim: both;
	text-edge: cap;
	font-family: Oswald;
	font-size: 32px;
	font-style: normal;
	font-weight: 200;
	line-height: 40px;
	margin-left: auto;
	margin-right: auto;
}
.tech .content .item{
	position: relative
}
.tech .content .item article h3{
	color: #E4145A;
	leading-trim: both;
	text-edge: cap;
	font-family: Oswald;
	font-size: 32px;
	font-style: normal;
	font-weight: 200;
	line-height: 40px; /* 125% */
}
.tech .content .item article p{
	margin-top: 24px;
	color: #1F1C23;
	leading-trim: both;
	text-edge: cap;
	font-family: Ropa Sans;
	font-size: 20px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}
.tech .content .item article .horizontal-exclamation-mark{
	position: absolute;
	margin-top: 32px;
	z-index: 1;
}
.tech .content .technology{
	position: relative;
	margin-top: 88px;
	padding-top: 48px;
}
	
.tech .content .technology h2{
	width: 750px;
}
.tech .content .technology .item{
	display: flex;
	align-items: center;
	margin-top: 72px;
}
.tech .content .technology .item img{
	width: 600px;
	height: 560px;
	box-shadow: 0px 20px 50px 30px rgba(102, 102, 102, 0.10);
}
.tech .content .technology .item article{
	padding-left: 100px;
	width: 600px;
}
.tech .content .technology .horizontal-exclamation-mark{
	right: 0;
}
.tech .content .technology .horizontal-exclamation-mark>div:nth-child(1){
	width: 644px;	
}
.tech .content .module{
	margin-top: 40px;
	height: 455px;
	position: relative;
	text-align: center;
}
.tech .content .module img{
	position: absolute;
	top: 51px;
	left: 440px
}

.tech .content .module .bg-line{
	width: 605px;
	margin-left: auto;
	margin-right: auto;
}
.tech .content .module .bg-line div{
	background: #EFEFEF;
}
.tech .content .module .bg-line div:nth-child(1){
	width: 5px;
	height: 5px;
}
.tech .content .module .bg-line div:nth-child(2){
	margin-top: 5px;
	width: 5px;
	height: 215px;
}
.tech .content .module .bg-line div:nth-child(3){
	width: 605px;
	height: 5px;
}
.tech .content .module .bg-line div:nth-child(4){
	width: 5px;
	height: 215px;
	margin-left: auto;
}
.tech .content .module .bg-line div:nth-child(5){
	width: 5px;
	height: 5px;
	margin-left: auto;
	margin-top: 5px;
}
.tech .content .hardware{
	margin-top: -150px;
	padding-top: 48px;
	position: relative;
}
.tech .content .hardware h2{
	width: 750px;
}
.tech .content .hardware .item{
	display: flex;
	align-items: center;
	margin-top: 72px;
}
.tech .content .hardware .item article{
	padding-right: 100px;
	width: 600px;
}
.tech .content .hardware .horizontal-exclamation-mark{
	left: 0;
}
.tech .content .hardware .horizontal-exclamation-mark>div:nth-child(1){
	width: 644px;	
}

.tech .content .hardware .slide-container{
	position: relative;
	width: 600px;
	height: 560px;
	box-shadow: 0px 20px 50px 30px rgba(102, 102, 102, 0.10);
}

.tech .content .hardware .slide-container .slide{
	position:absolute;
	animation:fadeOut 1s forwards
}

.tech .content .hardware .slide-container .slide.current{
	animation:fadeIn 1s forwards
}

.tech .content .hardware .slide-container .slide .type{
	position: absolute;
	width: 100%;
	top: 29px;
	padding-left: 40px;
	padding-right: 40px;
	color: #000;
	leading-trim: both;
	text-edge: cap;
	font-family: Oswald;
	font-size: 32px;
	font-style: normal;
	font-weight: 200;
}
.tech .content .hardware .slide-container .slide .type img{
	float: right;
	vertical-align: middle;	
}
.tech .content .hardware .slide-container .dot-wrapper{
	position: absolute;
	width: 100%;
	bottom: 40px;
	text-align:center;
	z-index:9;
}
.tech .content .hardware .slide-container .dot-wrapper .dot{
	cursor: pointer;
	height: 10px;
	width: 10px;
	background-color: #1F1C23;
	border-radius: 50%;
	display: inline-block;
	transition: background-color 0.3s ease-out;
}
.tech .content .hardware .slide-container .dot-wrapper .dot+.dot{
	margin-left: 32px;
}
.tech .content .hardware .slide-container .dot.active, .tech .content .hardware .slide-container .dot:hover {
	background-color: #E4145A;
}


@keyframes fadeIn {
	 from {opacity: 0} 
	 to {opacity: 1}
}
@keyframes fadeOut {
	from {opacity: 1} 
	to {opacity: 0}
}


.tech .content .gateway{
	margin-top: 40px;
	height: 455px;
	position: relative;
	text-align: center;
}
.tech .content .gateway img{
	position: absolute;
	top: 35px;
	left: 440px
}

.tech .content .gateway .bg-line{
	width: 605px;
	margin-left: auto;
	margin-right: auto;
}
.tech .content .gateway .bg-line div{
	background: #EFEFEF;
}
.tech .content .gateway .bg-line div:nth-child(1){
	width: 5px;
	height: 5px;
	margin-left: auto;
}
.tech .content .gateway .bg-line div:nth-child(2){
	margin-top: 5px;
	width: 5px;
	height: 215px;
	margin-left: auto;
}
.tech .content .gateway .bg-line div:nth-child(3){
	width: 605px;
	height: 5px;
}
.tech .content .gateway .bg-line div:nth-child(4){
	width: 5px;
	height: 215px;
}
.tech .content .gateway .bg-line div:nth-child(5){
	width: 5px;
	height: 5px;
	margin-top: 5px;
}

.tech .content .software{
	margin-top: -150px;
	padding-top: 48px;	
	position: relative;
}
.tech .content .software h2{
	width: 750px;
}
.tech .content .software .item{
	display: flex;
	align-items: center;
	margin-top: 72px;
}
.tech .content .software .item .img-wrapper{
	display: flex;
	align-items: center;
	justify-content: center;
	width: 600px;
	height: 560px;
	box-shadow: 0px 20px 50px 30px rgba(102, 102, 102, 0.10);
}
.tech .content .software .item article{
	padding-left: 100px;
	width: 600px;
}
.tech .content .software .horizontal-exclamation-mark{
	right: 0;
}
.tech .content .software .horizontal-exclamation-mark>div:nth-child(1){
	width: 644px;	
}
.tech .content .contactus-wrapper{
	margin-top: 136px;
	text-align: center;
}
.tech .content .contactus-wrapper .btn-contactus{
	width: 240px;
	height: 48px;
	line-height: 48px;
	border-radius: 8px;
	background: #1F1C23;
	color: #FFF;
	text-align: center;
	font-family: Ropa Sans;
	font-size: 20px;
	font-style: normal;
	font-weight: 400;
	transition: all 0.3s ease;
}
.tech .content .contactus-wrapper .btn-contactus:hover{
	background-color: #0D0D0D;
}
.features{
	padding-top: 240px;
}
.features .content h2{
	font-family: Oswald;
	font-size: 32px;
	font-weight: 200;
	line-height: 40px;
	letter-spacing: 0em;
	text-align: center;
	color: #E4145A;
}
.features .content .item{
	padding-top: 48px;
	padding-bottom: 48px;
}
.features .content .item h3{
	color: #1F1C23;
	leading-trim: both;
	text-edge: cap;
	font-family: Oswald;
	font-size: 32px;
	font-style: normal;
	font-weight: 200;
	line-height: 48px; /* 125% */
	cursor: pointer;
	transition: all 0.3s ease;
}
.features .content .item h3:hover{
	color: #E4145A;
}
.features .content .item h3 a{
	float: right;
}
.features .content .item h3 a svg{
	transition: all 0.3s ease;
}
.features .content .item h3 a svg circle{
	transition: all 0.3s ease;
}
.features .content .item h3 a svg path{
	transition: all 0.3s ease;
}
.features .content .item h3:hover svg circle{
	stroke: #E4145A;
}
.features .content .item h3:hover svg path{
	fill: #E4145A;
}
.features .content .item.open h3 a svg{
	transform: rotate(180deg);
}
.features .content .item .hidden-area{
	position: relative;
	max-height: 0;
	overflow: hidden;
	transition: max-height 0.5s ease-out;
}
.features .content .item .hidden-area .sub-title{
	margin-top: 16px;
	color: #E4145A;
	font-family: Ropa Sans;
	font-size: 20px;
	font-style: italic;
	font-weight: 400;
	line-height: normal;
}
.features .content .item .hidden-area ul{
	margin-top: 32px;
}
.features .content .item .hidden-area ul li:before{
	content:"";
	display: inline-block;
	vertical-align: middle;
	width: 5px;
	height: 5px;
	background-color: #E4145A;
	margin-right: 16px;
}
	
.features .content .item .hidden-area ul li{
	color: #1F1C23;
	leading-trim: both;
	text-edge: cap;
	/* Body/Body-R-20 */
	font-family: Ropa Sans;
	font-size: 20px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}
.features .content .item .hidden-area ul li+li{
	margin-top: 8px;
}

.features .content .item .hidden-area img{
	position: absolute;
	right: 80px;
	top: 23px;
	border-radius: 25px;
}
.features .content .item .hidden-area img.shadow{
	width: 135px;
	box-shadow: 0px 5px 20px 10px rgba(102, 102, 102, 0.10); 
}


.features .environment{
	margin-top: 40px;
	background-image: url('../img/bg_environment.jpg');
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}
.features .environment .content{
	padding-top: 108px;
	padding-bottom: 108px;
}
.features .environment .content h2{
	text-align: left;
	color: #1F1C23;
	leading-trim: both;
	text-edge: cap;
	font-family: Oswald;
	font-size: 32px;
	font-style: normal;
	font-weight: 200;
	line-height: 40px; /* 125% */
}

.features .environment .content p{
	margin-top: 32px;
	color: #000;
	font-family: Ropa Sans;
	font-size: 20px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}

.features .btn-schedule{
	margin-top: 136px;
	width: 240px;
	height: 48px;
	line-height: 48px;
	border-radius: 8px;
	background: #1F1C23;
	color: #FFF;
	text-align: center;
	font-family: Ropa Sans;
	font-size: 20px;
	font-style: normal;
	font-weight: 400;
	transition: all 0.3s ease;
}
.features .btn-schedule:hover{
	background-color: #0D0D0D;	
}
.for{
	padding-top:240px;
	padding-bottom:240px;
}
.for .content h2{
	color: #E4145A;
	text-align: center;
	leading-trim: both;
	text-edge: cap;
	font-family: Oswald;
	font-size: 32px;
	font-style: normal;
	font-weight: 200;
	line-height: 40px; /* 125% */
}
.for .content .item{
	display: flex;
	align-items: center;	
}
.for .content .item article.left{
	padding-right: 100px;
}
.for .content .item article.right{
	padding-left: 100px;
}
.for .content .item article h3{
	color: #E4145A;
	leading-trim: both;
	text-edge: cap;
	font-family: Oswald;
	font-size: 32px;
	font-style: normal;
	font-weight: 200;
	line-height: 40px; /* 125% */
}
.for .content .item article .horizontal-exclamation-mark{
	margin-top: 24px;
}
.for .content .item article .horizontal-exclamation-mark div:nth-child(1){
	width: 489px;	
}
.for .content .item article p{
	margin-top: 24px;
	color: #1F1C23;
	font-family: Ropa Sans;
	font-size: 20px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}

.for .content .item+.item{
	margin-top: 136px;
}

.for .content .contactus-wrapper{
	margin-top: 136px;
	text-align: center;
}
.for .content .contactus-wrapper .btn-contactus{
	width: 240px;
	height: 48px;
	line-height: 48px;
	border-radius: 8px;
	background: #1F1C23;
	color: #FFF;
	text-align: center;
	font-family: Ropa Sans;
	font-size: 20px;
	font-style: normal;
	font-weight: 400;
	transition: all 0.3s ease;
}
.for .content .contactus-wrapper .btn-contactus:hover{
	background-color: #0D0D0D;	
}

.build{
	padding-top: 240px;
	padding-bottom: 240px;
	background-color: #1F1C23;
}

.build .content h2{
	color: #FFF;
	text-align: center;
	leading-trim: both;
	text-edge: cap;
	font-family: Oswald;
	font-size: 32px;
	font-style: normal;
	font-weight: 200;
	line-height: 40px; /* 125% */
}
.build .content .item-wrapper{
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	justify-content:flex-start;
	margin-top: 72px;
	row-gap: 30px;
	column-gap: 30px;
}
.build .content .item{
	width: 380px;
	height: 310px;
	line-height: 310px;
	text-align: center;
	color: #FFF;
	text-align: center;
	leading-trim: both;
	text-edge: cap;
	
	/* Body/Body-R-20-Allcaps */
	font-family: Ropa Sans;
	font-size: 20px;
	font-style: normal;
	font-weight: 400;
	text-transform: uppercase;
}
.build .content .item:nth-child(2){
	background-image: url('../img/img_automobiles.jpg');
}
.build .content .item:nth-child(3){
	background-image: url('../img/img_motorcycles.jpg');
}
.build .content .item:nth-child(4){
	background-image: url('../img/img_drones.jpg');
}
.build .content .item:nth-child(5){
	background-image: url('../img/img_autonomous_vehicles.jpg');
}
.build .content .item:nth-child(6){
	background-image: url('../img/img_robots.jpg');
}
.build .content .item:nth-child(7){
	background-image: url('../img/img_warehouse.jpg');
}
.build .content p{
	flex-grow: 2;
	width: 790px;
	padding-left: 70px;
	color: #FFF;
	leading-trim: both;
	text-edge: cap;
	font-family: Ropa Sans;
	font-size: 20px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}

.build .content .contactus-wrapper{
	margin-top: 136px;
	text-align: center;
}

.build .content .contactus-wrapper a{
	width: 240px;
	height: 48px;
	line-height: 48px;
	border-radius: 8px;
	background: #E4145A;
	color: #FFF;
	text-align: center;
	font-family: Ropa Sans;
	font-size: 20px;
	font-style: normal;
	font-weight: 400;
	transition: all 0.3s ease;
}
.build .content .contactus-wrapper a:hover{
	background: #C04;	
}
.build .content .contactus-wrapper a+a{
	margin-left: 48px;	
}

footer{
	background: #0D0D0D;
	padding-top: 90px;
	padding-bottom: 90px;
	
}

footer .content .logo{
	height: 27px;
	margin-right: 16px;
}
footer .content .seal{
	width: 110px;
	height: 55px;	
}
footer .content .top-footer, footer .content .bottom-footer{
	display: inline-block;
	width: 100%;
}
footer .content .left{
	float: left;
}
footer .content .right{
	float: right;
}
footer .content .middle-bar{
	margin-top: 24px;
	margin-bottom: 36px;
}
footer .content .bottom-footer .copy{
	color: #FFF;
	text-align: center;
	font-family: Ropa Sans;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 24px;
	float: left;
}
footer .content .bottom-footer .sns{
	margin-left: 16px;
	width: 24px;
	height: 24px;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	float: left;
}
footer .content .bottom-footer .icon-facebook{
	background-image: url("../img/icon_facebook.png");
	transition: all 0.3s ease;
}
footer .content .bottom-footer .icon-facebook:hover{
	background-image: url("../img/icon_facebook_hover.png");
}
footer .content .bottom-footer .icon-linkedin{
	background-image: url("../img/icon_linkedin.png");
	transition: all 0.3s ease;
}
footer .content .bottom-footer .icon-linkedin:hover{
	background-image: url("../img/icon_linkedin_hover.png");
	transition: all 0.3s ease;
}
footer .content .bottom-footer .icon-twitter{
	background-image: url("../img/icon_twitter.png");
	transition: all 0.3s ease;
}
footer .content .bottom-footer .icon-twitter:hover{
	background-image: url("../img/icon_twitter_hover.png");
}
footer .content .top-footer ul li{
	color: #FFF;
	text-align: center;
	font-family: Ropa Sans;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 55px;
	float: left;
	transition: all 0.3s ease;
}
footer .content .top-footer ul li:hover{
	color: #E4145A;
}
footer .content .top-footer ul li+li{
	margin-left: 80px;
}

footer .content .bottom-footer ul li{
	color: #FFF;
	text-align: center;
	font-family: Ropa Sans;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 24px;
	float: left;
	transition: all 0.3s ease;
}
footer .content .bottom-footer ul li:hover{
	color: #E4145A;
}
footer .content .bottom-footer ul li+li{
	margin-left: 30px;
}


.aboutus{
	padding-top: 208px;
}
.aboutus .content h1{
	color: #E4145A;
	leading-trim: both;
	text-edge: cap;
	font-family: Oswald;
	font-size: 56px;
	font-style: normal;
	font-weight: 200;
	line-height: normal;
}

.aboutus .content h1+p{
	margin-top: 48px;
	color: #000;
	leading-trim: both;
	text-edge: cap;
	font-family: Ropa Sans;
	font-size: 20px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}
.aboutus .content h1+p+img{
	margin-top: 40px;
	width: 100%;
}

.aboutus .content .our{
	display: inline-block;
	width : 100%;
	margin-top: 40px;
	padding-top: 48px;
	padding-bottom: 44px;
	border-top: 1px solid #999;
	border-bottom: 1px solid #999;
}
.aboutus .content .our h3{
	color: #1F1C23;
	leading-trim: both;
	text-edge: cap;
	font-family: Oswald;
	font-size: 32px;
	font-style: normal;
	font-weight: 200;
	line-height: 40px; /* 125% */	
}
.aboutus .content .our p{
	margin-top: 8px;
	color: #1F1C23;
	leading-trim: both;
	text-edge: cap;
	font-family: Ropa Sans;
	font-size: 20px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}

.aboutus .content .our .mission{
	float: left;	
	width: 550px;
}

.aboutus .content .our .vision{
	float: right;
	width: 550px;
}

.hiring{
	padding-top: 240px;
}
.hiring h2{
	color: #E4145A;
	text-align: center;
	leading-trim: both;
	text-edge: cap;
	font-family: Oswald;
	font-size: 32px;
	font-style: normal;
	font-weight: 200;
	line-height: 40px; /* 125% */
}
.hiring .content .middle-bar+.item{
	margin-top: 48px;
}
.hiring .content .item+.middle-bar{
	margin-top: 48px;
}
.hiring .content .item{
	display: flex;
	align-items: center;
	justify-content: space-between;
	cursor: pointer;
}
.hiring .content .item:hover h3,.hiring .content .item:hover div{
	color: #E4145A;
}
.hiring .content .item h3{
	color: #1F1C23;
	leading-trim: both;
	text-edge: cap;
	font-family: Oswald;
	font-size: 32px;
	font-style: normal;
	font-weight: 200;
	line-height: 40px; /* 125% */
	transition: all 0.3s ease;
}
.hiring .content .item h3+div{
	margin-top: 8px;
	color: #1F1C23;
	leading-trim: both;
	text-edge: cap;
	font-family: Ropa Sans;
	font-size: 20px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;	
	transition: all 0.3s ease;
}
.hiring .content .item a svg{
	transition: all 0.3s ease;
}
.hiring .content .item a svg circle{
	transition: all 0.3s ease;
}
.hiring .content .item a svg path{
	transition: all 0.3s ease;
}
.hiring .content .item:hover svg circle{
	stroke: #E4145A;
}
.hiring .content .item:hover svg path{
	fill: #E4145A;
}
.contactus{
	padding-top: 240px;
}

.contactus h2{
	color: #E4145A;
	text-align: center;
	leading-trim: both;
	text-edge: cap;
	font-family: Oswald;
	font-size: 32px;
	font-style: normal;
	font-weight: 200;
	line-height: 40px; /* 125% */
}
.contactus .map-wrapper{
	height: 540px;
	position: relative;
	margin-top: 72px;	
	background-image:url('../img/img_map.jpg');
	background-size: auto;
	background-position: center;
	background-repeat: no-repeat;
}

.contactus .map-wrapper .square{
	position: absolute;
	display: inline-block;
	width: 10px;
	height: 10px;
	background: #E4145A;
}
.contactus .map-wrapper .square.rnd{
	top: 99px;
	left: 50%;
	margin-left: 51px;
}
.contactus .map-wrapper .square.warehouse{
	top: 104px;
	left: 50%;
	margin-left: 56px;
}
.contactus .map-wrapper .square.hq{
	top: 485px;
	left: 50%;
	margin-left: -185px;
}
.contactus .map-wrapper .path{
	position: absolute;
	stroke-width: 1px;
	stroke: #E4145A;
}
.contactus .map-wrapper .path.rnd{
	top: 107px;
	left: 50%;
	margin-left: 5px;	
}
.contactus .map-wrapper .path.warehouse{
	top: 112px;
	left: 50%;
	margin-left: 65px;	
}
.contactus .map-wrapper .path.hq{
	top: 415px;
	left: 50%;
	margin-left: -176px;	
}

.contactus .map-wrapper .office{
	position: absolute;
	width: 340px;
}
.contactus .map-wrapper .office h3{
	color: #1F1C23;
	leading-trim: both;
	text-edge: cap;
	font-family: Oswald;
	font-size: 32px;
	font-style: normal;
	font-weight: 200;
	line-height: 40px; /* 125% */
}
.contactus .map-wrapper .office p{
	margin-top: 8px;
	color: #1F1C23;
	font-family: Ropa Sans;
	font-size: 20px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}
.contactus .map-wrapper .office.rnd{
	text-align: right;
	top: 116px;
	left: 50%;
	margin-left: -350px;
}
.contactus .map-wrapper .office.warehouse{
	text-align: left;
	top: 120px;
	left: 50%;
	margin-left: 127px;
}
.contactus .map-wrapper .office.hq{
	text-align: left;
	top: 394px;
	left: 50%;
	margin-left: -49px;
}

.touch{
	background: #1F1C23;
	padding-top: 136px;
	padding-bottom: 136px;
}

.touch .content h2{
	color: #E4145A;
	leading-trim: both;
	text-edge: cap;
	font-family: Oswald;
	font-size: 32px;
	font-style: normal;
	font-weight: 200;
	line-height: 40px; /* 125% */
}

.touch .content p{
	margin-top: 32px;
	color: #FFF;
	leading-trim: both;
	text-edge: cap;
	font-family: Ropa Sans;
	font-size: 20px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}
.touch .content form{
	width: 100%;
	margin-top: 40px;	
	text-align: right;
}
.touch .content form input[type="text"],.touch .content form input[type="email"]{
	width: 100%;
	height: 48px;
	padding: 18px 22px;
	align-items: center;
	border-radius: 8px;
	border:none;
	background: #FFF;
	leading-trim: both;
	text-edge: cap;
	/* Body/Body-R-20 */
	font-family: Ropa Sans,'NanumSquareBold';
	font-size: 20px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	color: #1F1C23;
}
.touch .content form input[type="text"]::placeholder,.touch .content form input[type="email"]::placeholder{
	color: #999;
}
.touch .content form input[type="submit"]{
	width: 240px;
	height: 48px;
	line-height: 48px;
	border-radius: 8px;
	border:none;
	background: #E4145A;
	color: #FFF;
	text-align: center;
	font-family: Ropa Sans;
	font-size: 20px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	cursor: pointer;
	transition: all 0.3s ease;
}
.touch .content form input[type="submit"]:hover{
	background: #C04;
}
.touch .content form input+input{
	margin-top: 16px;
}
section.hardware{
	padding-top: 188px;
}

section.hardware .content{
	padding-bottom: 90px;
	display: flex;
	align-items: center;
}
section.hardware .content h1{
	color: #E4145A;
	leading-trim: both;
	text-edge: cap;
	font-family: Oswald;
	font-size: 56px;
	font-style: normal;
	font-weight: 200;
	line-height: normal;
}
section.hardware .content p{
	width: 990px;
	margin-top: 48px;
	color: #1F1C23;
	leading-trim: both;
	text-edge: cap;
	font-family: Ropa Sans;
	font-size: 20px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;	
}
section.hardware .cf nav{
	position: absolute;
	top: 0;
	width: 100%;
	height: 48px;
	text-align: center;
	background: #1F1C23;
	color: #FFF;
	text-align: center;
	font-family: Ropa Sans;
	font-size: 20px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}
section.hardware .cf{
	position: relative;
	padding-top: 48px;
}
section.hardware .cf.fixed nav{
	position: fixed;
	top:0;
	z-index:9999;
}

section.hardware .cf nav ul{
	display: inline-block;
}

section.hardware .cf nav ul li{
	float: left;
	line-height: 48px;
}

section.hardware .cf nav ul li+li{
	margin-left: 80px;
}
section.hardware .cf nav ul li.active,section.hardware .cf nav ul li:hover {
	color: #E4145A;
}
section.hardware .item{
	display: flex;
	align-items: center;
}
section.hardware .item.left{
	justify-content:flex-end;
}
section.hardware .item.right{
	justify-content: flex-start;
}
section.hardware .item article{
	width: 600px;
	/*padding-top: 113px;
	padding-bottom: 113px;*/
}
section.hardware .item.left article{
	padding-right: 100px;
}
section.hardware .item.right article{
	padding-left: 100px;
}
section.hardware .item article h3{
	color: #E4145A;
	leading-trim: both;
	text-edge: cap;
	font-family: Oswald;
	font-size: 32px;
	font-style: normal;
	font-weight: 200;
	line-height: 40px; /* 125% */
}
section.hardware .item article h3+p{
	margin-top: 24px;
	color: #1F1C23;
	leading-trim: both;
	text-edge: cap;
	font-family: Ropa Sans;
	font-size: 20px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}

section.hardware .item article h4{
	margin-top: 48px;
	color: #1F1C23;
	font-family: Ropa Sans;
	font-size: 20px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	text-transform: uppercase;
}
section.hardware .item article ul{
	margin-top: 16px;
}
	
section.hardware .item article ul li{
	position: relative;
	padding-left: 20px;
	color: #1F1C23;
	leading-trim: both;
	text-edge: cap;
	font-family: Ropa Sans;
	font-size: 20px;
	font-style: normal;
	font-weight: 400;
	line-height: 24px;
}

section.hardware .item article ul li:before{
	content:"";
	display: inline-block;
	position: absolute;
	top: 10px;
	left: 0;
	width: 5px;
	height: 5px;
	background-color: #E4145A;
}

section.hardware .item article ul li .unit{
	color: #1F1C23;
	leading-trim: both;
	text-edge: cap;
	font-family: 'Noto Sans KR';
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}
section.hardware .item article ul li+li{
	margin-top: 8px;
}
section.hardware .item article .pcblock{
	margin-top: 8px;
	display: flex;
	column-gap: 48px;
}
section.hardware .item article .usage img+p{
	margin-top: 8px;
	color: #1F1C23;
	leading-trim: both;
	text-edge: cap;
	font-family: Ropa Sans;
	font-size: 20px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;	
}
section.hardware .item article .usage{
	margin-top: 8px;
	display: flex;
	column-gap: 48px;
}
section.hardware .item article .usage img+p, section.hardware .item article .pcblock img+p{
	margin-top: 8px;
	color: #1F1C23;
	leading-trim: both;
	text-edge: cap;
	font-family: Ropa Sans;
	font-size: 20px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;	
}
section.hardware .item article .inquiries{
	margin-top: 48px;
	color: #1F1C23;
	leading-trim: both;
	text-edge: cap;
	font-family: Ropa Sans;
	font-size: 20px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}
section.hardware .item article .inquiries a{
	color: #E4145A;
	leading-trim: both;
	text-edge: cap;
	font-family: Ropa Sans;
	font-size: 20px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}
section.hardware .item article .download{
	margin-top: 16px;
}
section.hardware .item article .download a{
	color: #E4145A;
	font-family: Ropa Sans;
	font-size: 20px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	text-decoration-line: underline;
	text-transform: uppercase;	
	transition: all 0.3s ease;
}
section.hardware .item article .download a .icon-download{
	fill: #E4145A;
	vertical-align: middle;
	margin-right: 8px;
	transition: all 0.3s ease;
}
section.hardware .item article .download a:hover{
	color: #C04;
}
section.hardware .item article .download a:hover .icon-download{
	fill: #C04;
}

section.hardware .slide-container .type{
	display: flex;
	position: absolute;
	width: 100%;
	top: 24px;
	padding-left: 40px;
	padding-right: 16px;
	align-items: center;
	justify-content: space-between;
}
section.hardware .slide-container .type span{
	color: #1F1C23;
	font-family: Ropa Sans;
	font-size: 20px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	text-transform: uppercase;
}
section.hardware .slide-container{
	position: relative;
	width: 50%;
	height: 960px;
	background: #EFEFEF;
}

section.hardware .cf2_2 .slide-container{
	height: 1083px;
}

section.hardware .slide-container .slide{
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	position:absolute;
	width: 100%;
	text-align: center;
	padding-top: 112px;
	padding-bottom: 112px;
	animation:fadeOut 1s forwards
}

section.hardware .slide-container .slide.current{
	animation:fadeIn 1s forwards
}

section.hardware .slide-container .dot-wrapper{
	position: absolute;
	width: 100%;
	bottom: 72px;
	text-align:center;
	z-index:9;
}
section.hardware .slide-container .dot-wrapper .dot{
	cursor: pointer;
	height: 10px;
	width: 10px;
	background-color: #1F1C23;
	border-radius: 50%;
	display: inline-block;
	transition: background-color 0.3s ease-out;
}
section.hardware .slide-container .dot-wrapper .dot+.dot{
	margin-left: 32px;
}
section.hardware .slide-container .dot.active, section.hardware .slide-container .dot:hover {
	background-color: #E4145A;
}

section.software{
	padding-top: 188px;
}
section.software>.content{
	display: flex;
	align-items: center;
}
section.software h1{
	color: #E4145A;
	leading-trim: both;
	text-edge: cap;
	font-family: Oswald;
	font-size: 56px;
	font-style: normal;
	font-weight: 200;
	line-height: normal;
}
section.software h1+p{
	width: 990px;
	margin-top: 48px;
	color: #1F1C23;
	leading-trim: both;
	text-edge: cap;
	font-family: Ropa Sans;
	font-size: 20px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}

section.software .bg-wrapper{
	display: flex;
	align-items: center;
	height: 300px;
	background-image: url("../img/bg_software.jpg");
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	margin-top:90px;
}

section.software .bg-wrapper p{
	color: #FFF;
	leading-trim: both;
	text-edge: cap;
	font-family: Ropa Sans;
	font-size: 20px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}
section.software .framework{
	padding-top: 136px;
}
section.software .framework h2{
	color: #E4145A;
	text-align: center;
	leading-trim: both;
	text-edge: cap;
	font-family: Oswald;
	font-size: 32px;
	font-style: normal;
	font-weight: 200;
	line-height: 40px; /* 125% */
}

section.software .framework h2+p{
	margin-top: 24px;
	color: #1F1C23;
	text-align: center;
	leading-trim: both;
	text-edge: cap;
	font-family: Oswald;
	font-size: 32px;
	font-style: normal;
	font-weight: 200;
	line-height: 40px; /* 125% */	
	padding-left:128px;
	padding-right:128px;
}
section.software .framework .layer{
	margin-top: 72px;
	color: #000;
	text-align: center;
	font-family: Ropa Sans;
	font-size: 20px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	text-transform: uppercase;	
	font-weight: bold;
}
section.software .framework .layer .vertical-bar{
	margin-left: 80px;
	margin-right: 80px;
	width: 1px;
	height: 40px;
	border-left: 1px solid #999;
}
section.software .framework .flow{
	position: relative;
	margin-top: 91px;
	padding-bottom: 265px;
}
section.software .framework .flow .item{
	display: flex;
    align-items: center;
    justify-content: space-between;
}
section.software .framework .flow .item+.item{
	margin-top: 32px;	
}
section.software .framework .flow .item h3{
	color: #E4145A;
	leading-trim: both;
	text-edge: cap;
	font-family: Oswald;
	font-size: 32px;
	font-style: normal;
	font-weight: 200;
	line-height: 40px; /* 125% */
}
section.software .framework .flow .item h3+p{
	margin-top: 8px;
	width: 420px;
	color: #1F1C23;
	leading-trim: both;
	text-edge: cap;
	font-family: Ropa Sans;
	font-size: 20px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;	
}
section.software .framework .flow .item img+p{
	margin-top: 8px;
	color: #1F1C23;
	leading-trim: both;
	text-edge: cap;
	font-family: Ropa Sans;
	font-size: 20px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}
section.software .framework .flow .path-wrapper{
	position: absolute;
	top: 0;
	left: 0;
}
section.software .framework .flow .path-wrapper svg{
	position: absolute;
}
section.software .framework .flow .path-wrapper svg:nth-child(1){
	top: 137px;	
	left: 0px;
}
section.software .framework .flow .path-wrapper svg:nth-child(2){
	top: 75px;	
	left: 582px;
}
section.software .framework .flow .path-wrapper svg:nth-child(3){
	top: 243px;	
	left: 582px;
}
section.software .framework .flow .path-wrapper svg:nth-child(4){
	top: 440px;	
	left: 582px;
}


section.software .project{
	padding-bottom: 240px;
}
section.software .project > p{
	color: #1F1C23;
	text-align: center;
	leading-trim: both;
	text-edge: cap;
	font-family: Oswald;
	font-size: 32px;
	font-style: normal;
	font-weight: 200;
	line-height: 40px; /* 125% */
	margin-bottom: 72px;
}
section.software .project .item{
	display: flex;
	align-items: center;
}
section.software .project .item.left{
	justify-content:flex-end;
}
section.software .project .item.right{
	justify-content: flex-start;
}
section.software .project .item .img-wrapper{
	display: flex;
	width: 50%;
	align-items: center;
	justify-content: center;
	background: #EFEFEF;
	height: 560px;	
}
section.software .project .item article{
	width: 600px;
	padding-top: 113px;
	padding-bottom: 113px;
}
section.software .project .item.left article{
	padding-right: 100px;
}
section.software .project .item.right article{
	padding-left: 100px;
}
section.software .project .item article h3{
	color:  #E4145A;
	leading-trim: both;
	text-edge: cap;
	font-family: Oswald;
	font-size: 32px;
	font-style: normal;
	font-weight: 200;
	line-height: 40px; /* 125% */
}
section.software .project .item article h3+p{
	margin-top: 24px;
	color: #1F1C23;
	leading-trim: both;
	text-edge: cap;
	font-family: Ropa Sans;
	font-size: 20px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;	
}
section.software .project .item article ul{
	margin-top: 32px;
}
	
section.software .project .item article ul li{
	position: relative;
	padding-left: 20px;
	color: #1F1C23;
	leading-trim: both;
	text-edge: cap;
	font-family: Ropa Sans;
	font-size: 20px;
	font-style: normal;
	font-weight: 400;
	line-height: 24px;
}

section.software .project .item article ul li:before{
	content:"";
	display: inline-block;
	position: absolute;
	top: 10px;
	left: 0;
	width: 5px;
	height: 5px;
	background-color: #E4145A;
}
section.software .project .item article ul li+li{
	margin-top: 8px;
}
section.software .project .item article .btn_playstore{
	margin-top: 20px;
	width: 160px;
	height: 62px;	
}
section.software .project .item article .btn_playstore img{
	width: 100%;
}
section.software .project .item article a.btn-link{
	margin-top: 32px;
	color: #E4145A;
	font-family: Ropa Sans;
	font-size: 20px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	text-decoration-line: underline;
	text-transform: uppercase;
	transition: all 0.3s ease;
}
section.software .project .item article a .icon-link{
	fill: #E4145A;
	vertical-align: middle;
	margin-right: 8px;
	transition: all 0.3s ease;
}
section.software .project .item article a:hover{
	color: #C04;
}
section.software .project .item article a:hover .icon-link{
	fill: #C04;
}

section.software .feature{
	padding-bottom: 136px;
}
section.software .feature h2{
	color: #E4145A;
	text-align: center;
	leading-trim: both;
	text-edge: cap;
	font-family: Oswald;
	font-size: 32px;
	font-style: normal;
	font-weight: 200;
	line-height: 40px; /* 125% */
}	
section.software .feature .item-wrapper{
	margin-top: 72px;
	display: flex;
	column-gap: 30px;
}
section.software .feature .item-wrapper+p{
	margin-top: 40px;
	color: #000;
	leading-trim: both;
	text-edge: cap;
	font-family: Ropa Sans;
	font-size: 20px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;	
}
section.software .feature .item{
	padding-left: 40px;
	padding-right: 40px;
	padding-top: 40px;
	padding-bottom: 36px;
	color: #1F1C23;
	box-shadow: 0px 20px 50px 30px rgba(102, 102, 102, 0.10);
}
section.software .feature .item.pro,section.software .feature .item.api{
	background: #1F1C23;
	color: #FFF;
}
section.software .feature .item .type{
	display: flex;
	align-items: center;	
}
section.software .feature .item .type .icon-app{
	width: 69px;
	height: 69px;
	border-radius: 10px;
	box-shadow: 0px 20px 50px 10px rgba(0, 0, 0, 0.20);
}
section.software .feature .item .type h3{
	margin-left: 23px;
	leading-trim: both;
	text-edge: cap;
	font-family: Oswald;
	font-size: 32px;
	font-style: normal;
	font-weight: 200;
	line-height: 40px; /* 125% */
}
section.software .feature .item h4{
	margin-top: 40px;
	leading-trim: both;
	text-edge: cap;
	font-family: Ropa Sans;
	font-size: 20px;
	font-style: normal;
	/*font-weight: 400;*/
	line-height: 40px; /* 200% */
	text-transform: uppercase;	
}
section.software .feature .item ul{
	margin-top: 8px;
}
section.software .feature .item ul li{
	padding-left: 36px;
	background-image: url("../img/icon_check_on.png");
	background-size: 20px 21px;
	background-position: left center;
	background-repeat: no-repeat;	
}
section.software .feature .item ul li+li{
	margin-top: 8px;
}
section.software .feature .item .horizontal-exclamation-mark{
	margin-top: 32px;
	margin-bottom: 32px;
}
section.software .feature .item .horizontal-exclamation-mark div:nth-child(1){
	width: 290px;
}

section.software .feature .item ul li h5{
	leading-trim: both;
	text-edge: cap;
	font-family: Ropa Sans;
	font-size: 20px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}
section.software .feature .item ul li h5+p{
	margin-top: 2px;
	font-family: Ropa Sans;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}

section.software .feature .item .inactive{
	color: #999 !important;
}
section.software .feature .item .inactive ul li{
	background-image: url("../img/icon_check_off.png");
}
section.software .feature .item .inactive .horizontal-exclamation-mark div{
	background: #CCC;
}

section.software .feature-list{
	background-color: #1F1C23;
	padding-top: 136px;
	padding-bottom: 136px;
}
section.software .feature-list .item{
	padding-top: 48px;
	padding-bottom: 48px;
}
section.software .feature-list .item .hidden-area{
	margin-top: 24px;
	position: relative;
	max-height: 0;
	overflow: hidden;
	transition: max-height 0.5s ease-out;
}
section.software .feature-list .item .title{
	position: relative;
	cursor: pointer;
}
section.software .feature-list .item .title h3{
	color: #FFF;
	leading-trim: both;
	text-edge: cap;
	font-family: Oswald;
	font-size: 32px;
	font-style: normal;
	font-weight: 200;
	line-height: 40px; /* 125% */
	transition: all 0.3s ease;
}
section.software .feature-list .item .title h3+p{
	margin-top:8px;
	color: #FFF;
	leading-trim: both;
	text-edge: cap;
	font-family: Ropa Sans;
	font-size: 20px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	transition: all 0.3s ease;
}
section.software .feature-list .item .title:hover h3{
	color: #E4145A;
}
section.software .feature-list .item .title:hover h3+p{
	color: #E4145A;
}
section.software .feature-list .item .title svg{
	position: absolute;
	right: 0;
	top: 18.5px;
	transition: all 0.3s ease;
}
section.software .feature-list .item .title svg path{
	transition: all 0.3s ease;
}
section.software .feature-list .item .title svg circle{
	transition: all 0.3s ease;
}
section.software .feature-list .item .title:hover svg circle{
	stroke: #E4145A;
}
section.software .feature-list .item .title:hover svg path{
	fill: #E4145A;
}
section.software .feature-list .item.open .title svg{
	transform:rotate(180deg);
}
section.software .feature-list .item .hidden-area .horizontal-exclamation-mark div:nth-child(1){
	width: 290px;
}
section.software .feature-list .item .hidden-area h4{
	margin-top: 40px;
	color: #FFF;
	font-family: Ropa Sans;
	font-size: 20px;
	font-style: normal;
	/*font-weight: 400;*/
	line-height: normal;
	text-transform: uppercase;
}
section.software .feature-list .item .hidden-area h4+ul{
	margin-top: 16px;
}
section.software .feature-list .item .hidden-area ul+ul{
	margin-top: 4px;	
}
section.software .feature-list .item .hidden-area ul{
	width: 100%;
	display: inline-block;
}
section.software .feature-list .item .hidden-area ul li{
	float: left;
	position: relative;
	padding-left: 20px;
	width: 25%;	
	color: #FFF;
	leading-trim: both;
	text-edge: cap;
	font-family: Ropa Sans;
	font-size: 20px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}
section.software .feature-list .item .hidden-area ul li:before{
	content:"";
	display: inline-block;
	position: absolute;
	top: 10px;
	left: 0;
	width: 5px;
	height: 5px;
	background-color: #E4145A;
}

section.software .feature-list .item .hidden-area ul+h4{
	margin-top: 48px;
}


section.recruit{
	padding-top: 208px;
	padding-bottom: 240px;
}

section.recruit h1{
	color: #E4145A;
	leading-trim: both;
	text-edge: cap;
	font-family: Oswald;
	font-size: 56px;
	font-style: normal;
	font-weight: 200;
	line-height: normal;
}
section.recruit h1+p{
	margin-top: 32px;
	color: #1F1C23;
	leading-trim: both;
	text-edge: cap;
	font-family: Ropa Sans;
	font-size: 20px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}

section.recruit .middle-bar{
	margin-top: 40px;
	margin-bottom: 40px;	
}

section.recruit h2{
	color: #000;
	leading-trim: both;
	text-edge: cap;
	font-family: Oswald;
	font-size: 32px;
	font-style: normal;
	font-weight: 200;
	line-height: 40px; /* 125% */
}

section.recruit h2+ul{
	margin-top: 24px; 
}

section.recruit ul+h2{
	margin-top: 72px;
}
section.recruit ul+ul{
	margin-top: 16px;
}
section.recruit ul.depth{
	color: #1F1C23;
	leading-trim: both;
	text-edge: cap;
	font-family: Ropa Sans;
	font-size: 20px;
	font-style: normal;
	font-weight: 400;
	line-height: 23px;
}
section.recruit ul li{
	position: relative;
	padding-left: 20px;
	color: #1F1C23;
	leading-trim: both;
	text-edge: cap;
	font-family: Ropa Sans;
	font-size: 20px;
	font-style: normal;
	font-weight: 400;
	line-height: 24px;
}
section.recruit ul.depth li{
	margin-left: 20px;
}
section.recruit ul.depth li:nth-child(1){
	margin-top: 8px;
}
section.recruit ul li:before{
	content:"";
	display: inline-block;
	position: absolute;
	top: 10px;
	left: 0;
	width: 5px;
	height: 5px;
	background-color: #E4145A;
}
section.recruit ul li+li{
	margin-top: 8px;
}
section.recruit h2+p{
	margin-top: 24px;
	color: #1F1C23;
	leading-trim: both;
	text-edge: cap;
	font-family: Ropa Sans;
	font-size: 20px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}

section.recruit .mailto{
	color: #E4145A;
	leading-trim: both;
	text-edge: cap;
	font-family: Ropa Sans;
	font-size: 20px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}


.privacy{
	padding-top: 208px;
	padding-bottom: 240px;
}
.privacy h1{
	color: #E4145A;
	leading-trim: both;
	text-edge: cap;
	font-family: Oswald;
	font-size: 56px;
	font-style: normal;
	font-weight: 200;
	line-height: normal;
}
.privacy h1+p{
	margin-top: 32px;
	color: #1F1C23;
	leading-trim: both;
	text-edge: cap;
	font-family: Ropa Sans;
	font-size: 20px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}

.privacy .middle-bar{
	margin-top: 40px;
	margin-bottom: 40px;
}

.privacy article{
	color: #1F1C23;
	leading-trim: both;
	text-edge: cap;
	font-family: Ropa Sans;
	font-size: 20px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}
.privacy article>p+p{
	margin-top: 16px;
}
.privacy article > ol{
	margin-top: 48px;
}
.privacy article > ol > li{
	text-transform: uppercase;
}
.privacy article > ol > li li{
	text-transform: none;
}
.privacy article > ol > li+li{
	margin-top: 48px;	
}
.privacy ol {
	counter-reset: item;
}
.privacy li{
	display: block;
	position: relative;
}
.privacy ol li ol li{
	padding-left: 48px;
}
.privacy ol>li:before {
	content: counters(item, ".") ". ";
	counter-increment: item;
}
.privacy ol li ol{
	padding-left: 0px;
}
.privacy ol li ol>li:before {
	content: counters(item, ".") " ";
	counter-increment: item;
	position: absolute;
	left: 0;
	top: 0px;
}
.privacy ol li+li{
	margin-top: 16px;
}
.privacy ol li p+p{
	margin-top: 8px;
}
.privacy ol li ol{
	margin-top: 24px;
}

.privacy ol li ol li ol{
	margin-top: 16px;
}
.privacy ol li ol li ul li{
	position: relative;
	padding-left: 21px;
}
.privacy ol li ol li ul{
	margin-top: 8px;
}
.privacy ol li ol li ul li ul{
	margin-top: 0px;
}
.privacy ol li ol li ul li ul li+li{
	margin-top: 0px;
}
.privacy ol li ol li ul li:before{
	content:" ";
	width: 5px;
	height: 5px;
	background-color: #1F1C23;
	position: absolute;
	left: 0;
	top: 9px;
}
.privacy ol li ol li ul li ul li:before{
	content:" ";
	width: 3px;
	height: 3px;
	background-color: #1F1C23;
	border-radius: 50%;
	position: absolute;
	left: 10px;
	top: 10px;
}
.privacy .email{
	color: #1F1C23;
	leading-trim: both;
	text-edge: cap;
	font-family: Ropa Sans;
	font-size: 20px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	text-decoration-line: underline;
}

.popup-wrapper{
	position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgb(0 0 0 / 50%);
    z-index: 99999999;
}
.popup{
	position: relative;
	background-color: #FFF;
	width: 800px;
	min-width: 800px;
	padding: 64px 90px 128px;
	border-radius: 16px;
	box-shadow: 0px 20px 50px 30px rgba(102, 102, 102, 0.10);
}

.popup .btn-popup-close{
	position: absolute;
	top: 24px;
	right: 24px;
}
.popup .btn-popup-close svg path{
	transition: all 0.3s ease;
}
.popup .btn-popup-close:hover svg path{
	fill: #1F1C23;
}

.popup h1{
	color: #E4145A;
	text-align: center;
	leading-trim: both;
	text-edge: cap;
	font-family: Oswald;
	font-size: 32px;
	font-style: normal;
	font-weight: 200;
	line-height: 40px; /* 125% */
}

.popup h1+p{
	margin-top: 24px;
	color: #1F1C23;
	text-align: center;
	leading-trim: both;
	text-edge: cap;
	font-family: Ropa Sans;
	font-size: 20px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}
.popup form{
	margin-top: 40px;
	text-align: center;
}
.popup form > *{
	margin-top: 16px;
}
.popup form > *:nth-child(1){
	margin-top: 0px;
}

.popup form input[type="text"],.popup form input[type="email"],.popup form textarea{
	width: 100%;
	border-radius: 8px;
	border: 1px solid #999;
	background: #FFF;
	color: #1F1C23;
	leading-trim: both;
	text-edge: cap;
	font-family: Ropa Sans;
	font-size: 20px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	padding:18px 22px;
	resize: none;
}
.popup form input[type="text"]:focus,.popup form input[type="email"]:focus,.popup form textarea:focus{
	outline: 1px solid #1F1C23;
}
.popup form select+.nice-select{
	width: 100%;
	border-radius: 8px;
	border: 1px solid #999;
	background: #FFF;
	color: #1F1C23;
	leading-trim: both;
	text-edge: cap;
	font-family: Ropa Sans;
	font-size: 20px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	padding:0 22px;
	resize: none;
	position: relative;
	text-align: left;
}
.popup form select+.nice-select:after {
	background-image: url('../img/icon_dropdown.png');
	content: '';
	display: block;
	width: 20px;
	height: 20px;
	position: absolute;
	right: 16px;
	top: 50%;
	margin-top: -10px;
	transition: all 0.3s ease-in-out;
}
.popup form select+.nice-select.open:after {
    transform: rotate(-180deg);
}
.popup form select+.nice-select .current{
	display:inline-block;
	width: 100%;
	height: 100%;
	line-height: 48px;
	overflow: hidden;
	text-wrap: nowrap;
}
.popup form select+.nice-select .current.placeholder{
	color: #999;
}
.popup form select+.nice-select .list {
	min-width: calc(100% + 2px);
	background-color: #FFF;
	border: 1px solid #1F1C23;
	border-top-style: dashed;
	border-radius: 0 0 8px 8px;
	opacity: 0;
	overflow: hidden;
	padding: 0;
	pointer-events: none;
	position: absolute;
	top: 100%;
	left: -1px;
	z-index: 9; 
}
.popup form select+.nice-select.open .list {
	opacity: 1;
	pointer-events: auto;
    transform: scale(1) translateY(0);
}
.popup form select+.nice-select .list:hover .option:not(:hover) {
	background-color: transparent !important;
}
.popup form select+.nice-select:active, .popup form select+.nice-select.open, .popup form select+.nice-select:focus  {
	border-color: #1F1C23;
}
.popup form select+.nice-select.open{
	border-radius: 8px 8px 0 0;
	border-bottom: none;
}
.popup form select+.nice-select .list .option {
	cursor: pointer;
	list-style: none;
	line-height: 48px;
	padding: 0 24px;
	text-align: left;
	transition: all 0.3s;
}
.popup form select+.nice-select .list .option span{
	display: inline-block;
	width: 10px;
	text-align: center;	
}
.popup form select+.nice-select .list .option:hover, .popup form select+.nice-select .list .option.focus, .popup form select+.nice-select .list .option.selected.focus {
 	background-color: #EFEFEF;
}

.popup form input[type="text"],.popup form input[type="email"],.popup form select+.nice-select{
	height: 48px;
}
.popup form textarea{
	height: 96px;
}
.popup form input[type="text"]::placeholder,.popup form input[type="email"]::placeholder,.popup form textarea::placeholder{
	color: #999;
}
.popup form input[type="submit"]{
	width: 240px;
	height: 48px;
	line-height: 48px;
	border-radius: 8px;
	border:none;
	background: #E4145A;
	color: #FFF;
	text-align: center;
	font-family: Ropa Sans;
	font-size: 20px;
	font-style: normal;
	font-weight: 400;
	cursor: pointer;
	transition: all 0.3s ease;
}
.popup form input[type="submit"]:hover{
	background: #C04;
}

.popup form .date-wrapper input, .popup form .date-wrapper select+.nice-select{
	width: 196px;
}
.popup form .date-wrapper{
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    align-content: center;
    column-gap: 16px;
}
.popup form .date-wrapper select{
	
}
.popup form .middle-bar{
	width: 100%;
}
.popup .popup-bottom-wrapper{
	border-radius: 0px 0px 16px 16px;
	background: #1F1C23;
	width: 100%;
	height: 64px;
	position: absolute;
	left: 0;
	bottom: -1px;
}
.popup .popup-bottom-wrapper p{
	color: #FFF;
	text-align: center;
	leading-trim: both;
	text-edge: cap;
	font-family: Ropa Sans;
	font-size: 20px;
	font-style: normal;
	font-weight: 400;
	line-height: 64px;
}

.success-popup{
	width: 620px;
	padding: 80px 70px;
	border-radius: 16px;
	background: #FFF;
	box-shadow: 0px 20px 50px 30px rgba(102, 102, 102, 0.10);
	text-align: center;
}
.success-popup h1{
	color: #E4145A;
	text-align: center;
	leading-trim: both;
	text-edge: cap;
	font-family: Oswald;
	font-size: 32px;
	font-style: normal;
	font-weight: 200;
	line-height: 40px; /* 125% */
}

.success-popup p{
	margin-top: 24px;
	color: #1F1C23;
	text-align: center;
	leading-trim: both;
	text-edge: cap;
	font-family: Ropa Sans;
	font-size: 20px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;	
}

.success-popup input[type="button"]{
	margin-top: 40px;
	width: 240px;
	height: 48px;
	border: none;
	border-radius: 8px;
	background: #E4145A;
	color: #FFF;
	text-align: center;
	font-family: Ropa Sans;
	font-size: 20px;
	font-style: normal;
	font-weight: 400;
	line-height: 48px;
	cursor: pointer
}
.success-popup input[type="button"]:hover{
	background: #C04;
}