*{
	padding:0;
	margin:0;
	box-sizing: border-box;
}
*:focus{
	outline: none;
}
html,body{
	height: 100%;
	font-family: Oswald, sans-serif;
	background: #FFF;
}
img{
	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: 130px;
}
.vertical-exclamation-mark div:nth-child(2){
	margin-top:5px;
	height: 5px;
}
.horizontal-exclamation-mark{
	width: 100%;
	height: 5px;
}
.horizontal-exclamation-mark div{
	background-color:#E4145A;
	float: left;
}
.horizontal-exclamation-mark div:nth-child(1){
	width: calc(100% - 10px);
	height: 100%;
}
.horizontal-exclamation-mark div:nth-child(2){
	height: 100%;
	margin-left:5px;
	width: 5px;
}
.middle-bar{
	height:1px;
	background: #999999;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}

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

header{
	width: 100%;
	position: fixed;
	top: 0;
	left: 0;
	padding-left: 24px;
	padding-right: 24px;
	background: #1F1C23;
	height: 48px;
	z-index: 999;
}
img{
	width: 100%;
}
header .logo{
	float: left;
	line-height: 48px;
	width: 144px;
	height: 48px;
}
header .logo img{
	/*vertical-align:middle;*/
	position: relative;
	top:3px;
}
header .menu{
	float: right;
	/*line-height: 48px;*/
	position: relative;
	top:4px;
}
header .menu svg{
	/*vertical-align:middle;*/
	position: relative;
	top:8px;
}

.screen-block{
	display: none;
	position:fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgb(31 28 35 / 50%);
	z-index: 9999;
}
.top-nav{
	position: fixed;
	top: 0;
	left: 100%;
	width: 100%;
	height: 100%;
	padding-left: 48px;
	z-index: 99999;
	transition: left 0.5s ease-out;
}
.top-nav header{
	position: absolute;
	top: 12px;
	height: 50px;
}
.top-nav.open{
	left: 0px;
}
.top-nav.open+.screen-block{
	display: block;
}
.top-nav .logo{
	width: 50px;
	height: 50px;
	line-height: 50px;
}
.top-nav .logo img{
	top: 0;
}

.top-nav header .menu{
	top: 0px;
}
.top-nav header .menu svg{
	top: 0px;
}
.top-nav nav{
	height: 100%;
	position: relative;
	display: flex;
	align-items: center;
	background: #1F1C23;
	padding-top: 62px;
	padding-left: 24px;
	padding-right: 24px;
	padding-bottom: 223px;
}
.top-nav nav>ul li{
	color:#FFF;
	leading-trim: both;
	text-edge: cap;
	font-family: Oswald;
	font-size: 24px;
	font-style: normal;
	font-weight: 200;
	line-height: normal;
}
.top-nav nav>ul li.active{
	color: #E4145A;
}

.top-nav nav>ul li+li{
	margin-top: 40px;
}
.top-nav nav .nav-footer{
	position: absolute;
	bottom: 0;
	left:0;
	right:0;
	margin: 0 24px 40px;
}
.top-nav nav .nav-footer .sns-wrapper{
	display: inline-block;
	width: 100%;
	margin-top: 40px;
}
.top-nav nav .nav-footer .sns-wrapper .sns{
	width: 20px;
	height: 20px;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	float: left;
}
.top-nav nav .nav-footer .sns-wrapper .sns+.sns{
	margin-left: 32px;
}
.top-nav nav .nav-footer .sns-wrapper .icon-facebook{
	background-image: url("../img/icon_facebook_m.png");
}
.top-nav nav .nav-footer .sns-wrapper .icon-linkedin{
	background-image: url("../img/icon_linkedin_m.png");
}
.top-nav nav .nav-footer .sns-wrapper .icon-twitter{
	background-image: url("../img/icon_twitter_m.png");
}
.top-nav nav .nav-footer .policy-wrapper{
	display: inline-block;
	width: 100%;
	margin-top: 40px;
	color: #FFF;
	leading-trim: both;
	text-edge: cap;
	font-family: Ropa Sans;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}
.top-nav nav .nav-footer .policy-wrapper ul li{
	float: left;
}
.top-nav nav .nav-footer .policy-wrapper ul li+li{
	margin-left: 8px;	
}
.top-nav nav .nav-footer .copy{
	margin-top: 40px;
	color: #FFF;
	leading-trim: both;
	text-edge: cap;
	font-family: Ropa Sans;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}

.main{
	background-image:url("../img/img_main_m.jpg");
	background-position: 55%;
	background-repeat: no-repeat;
    background-blend-mode: multiply;
	position: relative;
	background-color: rgba(20, 19, 22, 0.7);
	padding-top: 120px;
	height: 720px;
}

.main article{
	position: relative;
}
.main .content article{
	color: #FFF;
}
.main .content article h1{
	margin-top: 16px;
	color: #FFF;
	leading-trim: both;
	text-edge: cap;
	font-family: Oswald;
	font-size: 32px;
	font-style: normal;
	font-weight: 500;
	line-height: 40px; /* 125% */
	text-transform: uppercase;
}
.main .content article p{
	margin-top: 16px;	
	color: #FFF;
	leading-trim: both;
	text-edge: cap;
	font-family: Oswald;
	font-size: 20px;
	font-style: normal;
	font-weight: 500;
	line-height: 28px; /* 116.667% */
}
.main .content article img{
	width: 50px;
	height: 50px;
}
.main .bottom-wrapper{
	position: absolute;
	width: 100%;
	bottom: 0;
	left: 0;
	padding-top: 70px;
	text-align: center;
}
.main .bottom-wrapper .text-wrapper{
	background-color: #FFF;
	width: 100%;
	padding-left: 32px;
	padding-right: 32px;
	padding-top: 24px;
}
.main .bottom-wrapper p{
	color: #1F1C23;
	text-align: center;
	leading-trim: both;
	text-edge: cap;
	font-family: Ropa Sans;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}
.whatwedo{
	padding-bottom: 240px;
}
.whatwedo .content{
	padding-top: 40px;	
}
.whatwedo .content .contactus-wrapper {
	text-align: center;
}
.whatwedo .content .contactus-wrapper .btn-contactus{
	width: 200px;
	height: 40px;
	line-height: 40px;
	border-radius: 8px;
	font-family: Ropa Sans;
	font-size: 16px;
	font-weight: 400;
	letter-spacing: 0em;
	text-align: center;
	background: #E4145A;
	color: #FFF;
}
.whatwedo .content .vertical-exclamation-mark{
	margin-top: 64px;
	margin-left: auto;
	margin-right: auto;
}
.whatwedo .content h2{
	margin-top: 64px;
	color: #E4145A;
	text-align: center;
	leading-trim: both;
	text-edge: cap;
	font-family: Oswald;
	font-size: 24px;
	font-style: normal;
	font-weight: 200;
	line-height: 28px; /* 116.667% */
}
.whatwedo .item{
	width: 100%;
	margin-top: 40px;
}
/*.whatwedo .item .article-wrapper{
	margin-top: 48px;
}*/
.whatwedo .item .article-wrapper article{
	text-align: center;
}
.whatwedo .item .article-wrapper article p{
	color: #1F1C23;
	text-align: center;
	leading-trim: both;
	text-edge: cap;
	font-family: Oswald;
	font-size: 24px;
	font-style: normal;
	font-weight: 200;
	line-height: 28px; /* 116.667% */
}
.whatwedo .item .article-wrapper article .learn-more-wrapper{
	margin-top: 24px;
}
.whatwedo .item .article-wrapper article .learn-more-wrapper .learn-more{
	display: inline-block;
	height: 36px;
	line-height:36px;
	color: #1F1C23;
	font-family: Ropa Sans;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	text-transform: uppercase;
}
.whatwedo .item .article-wrapper article .learn-more-wrapper .learn-more svg{
	vertical-align: middle;
	margin-right: 16px;	
}
.whatwedo .item .article-wrapper article .learn-more-wrapper .learn-more svg circle{
	stroke: #1F1C23;
}
.whatwedo .item .article-wrapper article .learn-more-wrapper .learn-more svg path{
	fill: #1F1C23;
}
.whatwedo .item .img-wrapper{
	position:relative;
	background-color: #EFEFEF;
	text-align: center;
	height: 360px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: auto 100%;
}
.whatwedo .item:nth-child(2) .img-wrapper{
	background-image: url('../img/img_hardware_m.gif');
}
.whatwedo .item:nth-child(3) .img-wrapper{
	background-image: url('../img/img_modular.gif');
}
.whatwedo .item:nth-child(4) .img-wrapper{
	background-image: url('../img/img_software_m.png');
}
.whatwedo .item .img-wrapper .icon-app{
	position: absolute;
	top: 24px;
	left: 24px;
	width: 50px;
	height: 50px;
}
.tech{
	padding-top: 40px;
	position: relative;
}
.tech nav{
	position:absolute;
	top: 0;
	width: 100%;
	height: 40px;
	color: #FFF;
	text-align: center;
	leading-trim: both;
	text-edge: cap;
	font-family: Ropa Sans;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	background: #1F1C23;
}
.tech.fixed nav{
	position: fixed;
	top:0;
	z-index:9999;
}

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

.tech nav ul li{
	float: left;
	line-height: 40px;
}

.tech nav ul li+li{
	margin-left: 40px;
}
.tech nav ul li.active {
	color: #E4145A;
}
.tech .content h2{
	color: #1F1C23;
	text-align: center;
	leading-trim: both;
	text-edge: cap;
	font-family: Oswald;
	font-size: 24px;
	font-style: normal;
	font-weight: 200;
	line-height: 28px; /* 116.667% */
}
.tech .content .item{
	position: relative;
	padding-top: 48px;
	text-align: center;
}
.tech .content .item article{
	text-align: left;
}
.tech .content .item article h3{
	margin-top: 40px;
	color: #E4145A;
	leading-trim: both;
	text-edge: cap;
	/* Body/Body-O-24 */
	font-family: Oswald;
	font-size: 24px;
	font-style: normal;
	font-weight: 200;
	line-height: 28px; /* 116.667% */
}
.tech .content .item article p{
	margin-top: 24px;
	color: #1F1C23;
	leading-trim: both;
	text-edge: cap;
	font-family: Ropa Sans;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}
.tech .content .item article .horizontal-exclamation-mark{
	margin-top: 24px;
}
.tech .content .technology{
	position: relative;
	margin-top: 32px;
	padding-top: 48px;
	padding-bottom: 112px;
}
.tech .content .technology .item .img-wrapper{
	width: 100%;
	height: 300px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: auto 100%;
}
.tech .content .technology .item:nth-child(2) .img-wrapper{
	background-image: url('../img/img_technology_m.png');
	background-color: #FFF;
	box-shadow: 0px 10px 30px 10px rgba(102, 102, 102, 0.10);
}
.tech .content .module{
	width: 100%;
	height: 512px;
	position: absolute;
	text-align: center;
	margin-top: -278px;
	z-index: -1;
	left: 0;
}
.tech .content .module img{
	position: absolute;
	width: 192px;
	left: calc(50% - 96px);
	top: calc(50% - 50px);
}

.tech .content .module .bg-line{
	position: absolute;
	top: 0;
	left: calc(50% - 2.5px);
}
.tech .content .module .bg-line div{
	background: #EFEFEF;
	width: 5px;
	margin-left: auto;
	margin-right: auto;
}
.tech .content .module .bg-line div+div{
	margin-top: 5px;	
}
.tech .content .module .bg-line div:nth-child(1){
	height: 5px;
}
.tech .content .module .bg-line div:nth-child(2){
	height: 492px;
}
.tech .content .module .bg-line div:nth-child(3){
	height: 5px;
}
.tech .content .hardware{
	padding-top: 112px;
	padding-bottom: 112px;
	position: relative;
}
.tech .content .hardware .slide-container{
	position: relative;
	height: 300px;
	background-color: #FFF;
	box-shadow: 0px 10px 30px 10px rgba(102, 102, 102, 0.10);
}

.tech .content .hardware .slide-container .slide{
	width: 100%;
	position:absolute;
	height: 300px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: auto 100%;
	animation:fadeOut 1s forwards;
}

.tech .content .hardware .slide-container .slide:nth-child(1){
	background-image: url('../img/img_sec2_CF1-1_m.png')
}
.tech .content .hardware .slide-container .slide:nth-child(2){
	background-image: url('../img/img_sec2_CF1-2_m.png')
}
.tech .content .hardware .slide-container .slide:nth-child(3){
	background-position: left center;
	background-image: url('../img/img_sec2_CF2-2_m.png')
}
.tech .content .hardware .slide-container .slide.current{
	animation:fadeIn 1s forwards;
}

.tech .content .hardware .slide-container .slide .type{
	display: flex;
	justify-content: space-between;
	align-items: center;
	position: absolute;
	width: 100%;
	top:24px;
	padding-left: 24px;
	padding-right: 24px;
	color: #1F1C23;
	leading-trim: both;
	text-edge: cap;
	font-family: Oswald;
	font-size: 24px;
	font-style: normal;
	font-weight: 200;
	line-height: 28px; /* 116.667% */
}
.tech .content .hardware .slide-container .slide .type img{
	width: 42px;
}
.tech .content .hardware .slide-container .arrow-wrapper{
	position: absolute;
	top: calc(50% - 10px);
	width: 100%;
}
.tech .content .hardware .slide-container .arrow-wrapper a.left{
	float: left;
	margin-left: 20px;
}
.tech .content .hardware .slide-container .arrow-wrapper a.right{
	float: right;
	margin-right: 20px;
}

.tech .content .hardware .slide-container .dot-wrapper{
	position: absolute;
	width: 100%;
	bottom: 24px;
	text-align:center;
	z-index:9;
}
.tech .content .hardware .slide-container .dot-wrapper .dot{
	cursor: pointer;
	height: 8px;
	width: 8px;
	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: 24px;
}
.tech .content .hardware .slide-container .dot.active {
	background-color: #E4145A;
}


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


.tech .content .gateway{
	width: 100%;
	height: 512px;
	position: absolute;
	text-align: center;
	margin-top: -278px;
	z-index: -1;
	left: 0;
}
.tech .content .gateway img{
	position: absolute;
	width: 192px;
	left: calc(50% - 96px);
	top: calc(50% - 50px);
}

.tech .content .gateway .bg-line{
	position: absolute;
	top: 0;
	left: calc(50% - 2.5px);
}
.tech .content .gateway .bg-line div{
	background: #EFEFEF;
	width: 5px;
	margin-left: auto;
	margin-right: auto;
}
.tech .content .gateway .bg-line div+div{
	margin-top: 5px;	
}
.tech .content .gateway .bg-line div:nth-child(1){
	height: 5px;
}
.tech .content .gateway .bg-line div:nth-child(2){
	height: 492px;
}
.tech .content .gateway .bg-line div:nth-child(3){
	height: 5px;
}

.tech .content .software{
	padding-top: 112px;
	position: relative;
}
.tech .content .software .item .img-wrapper{
	height: 300px;
	box-shadow: 0px 10px 30px 10px rgba(102, 102, 102, 0.10);
	background-position: center;
	background-repeat: no-repeat;
	background-size: 240px auto;
	background-image: url('../img/img_main_sec2_portal.png');
}
.tech .content .contactus-wrapper{
	margin-top: 80px;
	text-align: center;
}
.tech .content .contactus-wrapper .btn-contactus{
	width: 200px;
	height: 40px;
	line-height: 40px;
	border-radius: 8px;
	background: #1F1C23;
	color: #FFF;
	text-align: center;
	leading-trim: both;
	text-edge: cap;
	font-family: Ropa Sans;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
}
.features{
	padding-top: 240px;
}
.features .content h2{
	font-family: Oswald;
	font-size: 24px;
	font-weight: 200;
	line-height: 40px;
	letter-spacing: 0em;
	text-align: center;
	color: #E4145A;
}
.features .content .item{
	padding-top: 40px;
	padding-bottom: 40px;
}
.features .content .item .btn-arrow{
	height: 36px;	
	transition: all 0.3s ease;
}
.features .content .item.open .btn-arrow{
	transform: rotate(180deg);
}

.features .content .item h3{
	color: #1F1C23;
	text-align: center;
	leading-trim: both;
	text-edge: cap;
	font-family: Oswald;
	font-size: 24px;
	font-style: normal;
	font-weight: 200;
	line-height: 28px; /* 116.667% */
}
.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;
	text-align: center;
	leading-trim: both;
	text-edge: cap;
	font-family: Ropa Sans;
	font-size: 16px;
	font-style: italic;
	font-weight: 400;
	line-height: normal;
}
.features .content .item .hidden-area ul{
	margin-top: 24px;
	max-width: 300px;
	margin-left: auto;
	margin-right: auto;
}
.features .content .item .hidden-area ul li:before{
	content:"";
	display: inline-block;
	position: absolute;
	top: 7px;
	left: 0;
	width: 5px;
	height: 5px;
	background-color: #E4145A;
	margin-right: 16px;
}
.features .content .item .hidden-area ul li{
	position: relative;
	padding-left: 20px;
	color: #1F1C23;
	leading-trim: both;
	text-edge: cap;
	font-family: Ropa Sans;
	font-size: 16px;
	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-wrapper{
	margin-top: 24px;
	height: 150px;
	text-align: center;
	background-position: center;
	background-repeat: no-repeat;
	background-size: auto 150px;
} 
.features .content .item:nth-child(3) .hidden-area .img-wrapper{
	background-image: url('../img/img_main_sec3_rack_m.jpg');
}
.features .content .item:nth-child(5) .hidden-area .img-wrapper{
	background-image: url('../img/img_main_sec3_module_m.jpg');
}
.features .content .item:nth-child(7) .hidden-area .img-wrapper{
	background-image: url('../img/img_main_sec3_app_m.jpg');
}
.features .content .item .arrow-wrapper{
	margin-top: 20px;
	text-align: center;
}

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

.features .environment .content p{
	margin-top: 32px;
	color: #FFF;
	leading-trim: both;
	text-edge: cap;
	font-family: Ropa Sans;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}

.features .btn-schedule{
	margin-top: 80px;
	width: 200px;
	height: 40px;
	line-height: 40px;
	border-radius: 8px;
	background: #1F1C23;
	color: #FFF;
	text-align: center;
	leading-trim: both;
	text-edge: cap;
	font-family: Ropa Sans;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
}
.for{
	padding-top:240px;
	padding-bottom:120px;
}
.for h2{
	color: #E4145A;
	text-align: center;
	leading-trim: both;
	text-edge: cap;
	font-family: Oswald;
	font-size: 24px;
	font-style: normal;
	font-weight: 200;
	line-height: 28px; /* 116.667% */
}
.for .item{
	text-align: center;
}

.for .item .img-wrapper{
	margin-top: 24px;
	height: 240px;
	text-align: center;
	background-position: center;
	background-repeat: no-repeat;
	background-size: auto 240px;
} 
.for .item:nth-child(2) .img-wrapper{
	background-image: url('../img/img_main_sec4_1_m.jpg');
}
.for .item:nth-child(3) .img-wrapper{
	background-image: url('../img/img_main_sec4_2_m.jpg');
}
.for .item:nth-child(4) .img-wrapper{
	background-image: url('../img/img_main_sec4_3_m.jpg');
}
.for .item:nth-child(5) .img-wrapper{
	background-image: url('../img/img_main_sec4_4_m.jpg');
}
.for .item:nth-child(6) .img-wrapper{
	background-image: url('../img/img_main_sec4_5_m.jpg');
}

.for .item article{
	text-align: left;
	margin-top: 24px;
}
.for .item article h3{
	color: #E4145A;
	leading-trim: both;
	text-edge: cap;
	font-family: Oswald;
	font-size: 24px;
	font-style: normal;
	font-weight: 200;
	line-height: 40px; /* 125% */
}
.for .item article .horizontal-exclamation-mark{
	margin-top: 16px;
}
.for .item article p{
	margin-top: 20px;
	color: #000;
	leading-trim: both;
	text-edge: cap;
	font-family: Ropa Sans;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}

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

.for .contactus-wrapper{
	margin-top: 80px;
	text-align: center;
}
.for .contactus-wrapper .btn-contactus{
	width: 200px;
	height: 40px;
	line-height: 40px;
	border-radius: 8px;
	background: #1F1C23;
	color: #FFF;
	text-align: center;
	font-family: Ropa Sans;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
}

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

.build .content h2{
	color: #FFF;
	text-align: center;
	leading-trim: both;
	text-edge: cap;
	font-family: Oswald;
	font-size: 24px;
	font-style: normal;
	font-weight: 200;
	line-height: 28px; /* 116.667% */
}
.build .content .item-wrapper{
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	justify-content:flex-start;
	margin-top: 72px;
	row-gap: 17px;
	column-gap: 4%;
}
.build .content .item{
	display: flex;
	align-items: center;
	position: relative;
	width: 48%;
	color: #FFF;
	text-align: center;
	leading-trim: both;
	text-edge: cap;
	font-family: Ropa Sans;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	text-transform: uppercase;
}
.build .content .item span{
	position: absolute;
	width: 100%;
	text-align: center;
}
.build .content p{
	margin-top: 24px;
	color: #FFF;
	leading-trim: both;
	text-edge: cap;
	font-family: Ropa Sans;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}
.build .content .schedule-wrapper{
	margin-top: 80px;
	text-align: center;
}
.build .content .contactus-wrapper{
	margin-top: 20px;
	text-align: center;
}

.build .content .schedule-wrapper a, .build .content .contactus-wrapper a{
	width: 200px;
	height: 40px;
	line-height: 40px;
	border-radius: 8px;
	background: #E4145A;
	color: #FFF;
	text-align: center;
	font-family: Ropa Sans;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
}

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

footer .content .logo{
	width: 144px;
	height: 21px;
}
footer .content .seal{
	margin-top: 16px;
	width: 112px;
	height: 56px;
}
footer .content .top-footer, footer .content .bottom-footer{
	display: inline-block;
	width: 100%;
}
footer .content .bottom-footer .copy{
	color: #FFF;
	leading-trim: both;
	text-edge: cap;
	font-family: Ropa Sans;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	float: left;
	width: 100%;
}
footer .content .bottom-footer .sns-wrapper{
	display: inline-block;
}
footer .content .bottom-footer .sns-wrapper .sns{
	width: 20px;
	height: 20px;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	float: left;
}
footer .content .bottom-footer .sns-wrapper .sns+.sns{
	margin-left: 32px;
}
footer .content .bottom-footer .icon-facebook{
	background-image: url("../img/icon_facebook_m.png");
}
footer .content .bottom-footer .icon-linkedin{
	background-image: url("../img/icon_linkedin_m.png");
}
footer .content .bottom-footer .icon-twitter{
	background-image: url("../img/icon_twitter_m.png");
}
footer .content .top-footer ul li{
	color: var(--color-white, #FFF);
	leading-trim: both;
	text-edge: cap;
	font-family: Ropa Sans;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}
footer .content .top-footer ul li+li{
	margin-top: 48px;
}

footer .content .bottom-footer ul li{
	color: var(--color-white, #FFF);
	leading-trim: both;
	text-edge: cap;
	font-family: Ropa Sans;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	float: left;
}
footer .content .bottom-footer ul li+li{
	margin-left: 8px;
}


.aboutus{
	padding-top: 120px;
}
.aboutus .content h1{
	color: #E4145A;
	leading-trim: both;
	text-edge: cap;
	font-family: Oswald;
	font-size: 32px;
	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: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}
.aboutus .img-wrapper{
	margin-top: 40px;
	width: 100%;
	height: 360px;
	background-size: auto 360px;
	background-position:75% center;
	background-repeat: no-repeat;
	background-image: url('../img/img_aboutus_m.jpg');
}

.aboutus .content .our{
	margin-top: 40px;
	padding-top: 40px;
	padding-bottom: 40px;
	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: 24px;
	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: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}

.hiring{
	padding-top: 240px;
}
.hiring h2{
	color: #E4145A;
	text-align: center;
	leading-trim: both;
	text-edge: cap;
	font-family: Oswald;
	font-size: 24px;
	font-style: normal;
	font-weight: 200;
	line-height: 40px; /* 125% */
}
.hiring .content .item{
	padding-top: 40px;
	padding-bottom:40px;
	border-bottom: 1px solid #999;
	cursor: pointer;
	text-align: center;
}

.hiring .content .item > div{
	margin-top: 20px;
}
.hiring .content .item h3{
	color: #1F1C23;
	leading-trim: both;
	text-edge: cap;
	font-family: Oswald;
	font-size: 24px;
	font-style: normal;
	font-weight: 200;
	line-height: 32px; /* 125% */
}
.hiring .content .item h3+div{
	margin-top: 8px;
	color: #1F1C23;
	leading-trim: both;
	text-edge: cap;
	font-family: Ropa Sans;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;	
}

.contactus{
	padding-top: 240px;
}

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

.contactus .map-wrapper .office{
	text-align: center;
}
.contactus .map-wrapper .office+.office{
	margin-top: 40px;	
}
.contactus .map-wrapper .office h3{
	color: #1F1C23;
	leading-trim: both;
	text-edge: cap;
	font-family: Oswald;
	font-size: 24px;
	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: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}

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

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

.touch .content p{
	margin-top: 40px;
	text-align: center;
	color: #FFF;
	leading-trim: both;
	text-edge: cap;
	font-family: Ropa Sans;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}
.touch .content form{
	width: 100%;
	margin-top: 40px;	
	text-align: center;
}
.touch .content form input[type="text"],.touch .content form input[type="email"]{
	width: 100%;
	height: 40px;
	padding: 18px 16px;
	align-items: center;
	border-radius: 8px;
	background: #FFF;
	leading-trim: both;
	text-edge: cap;
	font-family: Ropa Sans;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	color: #1F1C23;
	border:none;
}
.touch .content form input[type="text"]::placeholder,.touch .content form input[type="email"]::placeholder{
	color: #999;
}
.touch .content form input[type="submit"]{
	border: none;
	margin-top: 40px;
	width: 200px;
	height: 40px;
	line-height: 40px;
	border-radius: 8px;
	background: #E4145A;
	color: #FFF;
	text-align: center;
	font-family: Ropa Sans;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	cursor: pointer;
}
.touch .content form input+input{
	margin-top: 20px;
}


section.hardware .content h1{
	margin-top : 120px;
	color: #E4145A;
	leading-trim: both;
	text-edge: cap;
	font-family: Oswald;
	font-size: 32px;
	font-style: normal;
	font-weight: 200;
	line-height: normal;
}
section.hardware .content p{
	margin-top: 48px;
	color: #1F1C23;
	leading-trim: both;
	text-edge: cap;
	font-family: Ropa Sans;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;	
}
section.hardware .cf nav{
	position: absolute;
	top: 0;
	width: 100%;
	height: 40px;
	text-align: center;
	background: #1F1C23;
	color: #FFF;
	text-align: center;
	font-family: Ropa Sans;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}
section.hardware .cf{
	position: relative;
	margin-top: 80px;
	padding-top: 40px;
	padding-bottom: 120px;
}
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: 40px;
}

section.hardware .cf nav ul li+li{
	margin-left: 40px;
}
section.hardware .cf nav ul li.active {
	color: #E4145A;
}
section.hardware .item+.item{
	margin-top :120px;
}
section.hardware .item article{
	padding-bottom: 120px;	
}
section.hardware .item article h3{
	margin-top: 48px;
	color: #E4145A;
	leading-trim: both;
	text-edge: cap;
	font-family: Oswald;
	font-size: 24px;
	font-style: normal;
	font-weight: 200;
	line-height: 40px; /* 125% */
}
section.hardware .item article h3+p{
	margin-top: 16px;
	color: #1F1C23;
	leading-trim: both;
	text-edge: cap;
	font-family: Ropa Sans;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}

section.hardware .item article h4{
	margin-top: 40px;
	color: #1F1C23;
	font-family: Ropa Sans;
	font-size: 16x;
	font-style: normal;
	font-weight: bold;
	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: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 20px;
}

section.hardware .item article ul li:before{
	content:"";
	display: inline-block;
	position: absolute;
	top: 7px;
	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: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}
section.hardware .item article ul li+li{
	margin-top: 8px;
}
section.hardware .item article .pcblock,section.hardware .item article .usage{
	margin-top: 8px;
}
section.hardware .item article .pcblock> div+div, section.hardware .item article .usage> div+div{
	margin-top: 24px;	
}
section.hardware .item article .pcblock img, section.hardware .item article .usage img{
	width: auto;
}

section.hardware .item article .img-w-280{
	width: 280px !important;
}
section.hardware .item article .img-h-40{
	height: 40px;
}
section.hardware .item article .img-h-56{
	height: 56px;
}
section.hardware .item article .img-h-100{
	height: 100px;
}
section.hardware .item article .pcblock img+p, section.hardware .item article .usage img+p{
	margin-top: 8px;
	color: #1F1C23;
	leading-trim: both;
	text-edge: cap;
	font-family: Ropa Sans;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;	
}
section.hardware .item article .inquiries{
	margin-top: 40px;
	color: #1F1C23;
	leading-trim: both;
	text-edge: cap;
	font-family: Ropa Sans;
	font-size: 16px;
	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: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}
section.hardware .item article .download{
	margin-top: 24px;
}
section.hardware .item article .download a{
	color: #E4145A;
	leading-trim: both;
	text-edge: cap;
	font-family: Ropa Sans;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	text-decoration-line: underline;
}
section.hardware .item article .download a .icon-download{
	fill: #E4145A;
	vertical-align: middle;
	margin-right: 4px;
}

section.hardware .slide-container .type{
	display: flex;
	position: absolute;
	width: 100%;
	top: 24px;
	padding-left: 24px;
	padding-right: 8px;
	align-items: center;
	justify-content: space-between;
}
section.hardware .slide-container .type>img{
	width: 50px;
	height: 50px;
}
section.hardware .slide-container .type span{
	display: inline-block;
	color: #1F1C23;
	text-align: right;
	width: 100px;
	font-family: Ropa Sans;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	text-transform: uppercase;
	vertical-align: middle;
}
section.hardware .slide-container .type span+img{
	width: auto;
	height: 48px;
	vertical-align: middle;
}
section.hardware .slide-container{
	position: relative;
	height: 440px;
	background: #EFEFEF;
}

section.hardware .slide-container .slide{
	height: 100%;
	position:absolute;
	width: 100%;
	animation:fadeOut 1s forwards;
	background-position: center;
	background-size: 312px 260px;
	background-repeat: no-repeat;
}

section.hardware .cf1_1 .slide-container .slide:nth-child(2){
	background-image: url('../img/img_hardware_CF1-1_01.png');	
}
section.hardware .cf1_1 .slide-container .slide:nth-child(3){
	background-image: url('../img/img_hardware_CF1-1_02.png');	
}
section.hardware .cf1_1 .slide-container .slide:nth-child(4){
	background-image: url('../img/img_hardware_CF1-1_03.png');	
}
section.hardware .cf1_1 .slide-container .slide:nth-child(5){
	background-image: url('../img/img_hardware_CF1-1_04.png');	
}

section.hardware .cf1_2 .slide-container .slide:nth-child(2){
	background-image: url('../img/img_hardware_CF1-2_01.png');	
}
section.hardware .cf1_2 .slide-container .slide:nth-child(3){
	background-image: url('../img/img_hardware_CF1-2_02.png');	
}
section.hardware .cf1_2 .slide-container .slide:nth-child(4){
	background-image: url('../img/img_hardware_CF1-2_03.png');	
}
section.hardware .cf1_2 .slide-container .slide:nth-child(5){
	background-image: url('../img/img_hardware_CF1-2_04.png');	
}

section.hardware .cf2_1 .slide-container .slide:nth-child(2){
	background-image: url('../img/img_hardware_CF2-1_01.png');	
}
section.hardware .cf2_1 .slide-container .slide:nth-child(3){
	background-image: url('../img/img_hardware_CF2-1_02.png');	
}
section.hardware .cf2_1 .slide-container .slide:nth-child(4){
	background-image: url('../img/img_hardware_CF2-1_03.png');	
}

section.hardware .cf2_2 .slide-container .slide:nth-child(2){
	background-image: url('../img/img_hardware_CF2-2_01.png');	
}
section.hardware .cf2_2 .slide-container .slide:nth-child(3){
	background-image: url('../img/img_hardware_CF2-2_02.png');	
}
section.hardware .cf2_2 .slide-container .slide:nth-child(4){
	background-image: url('../img/img_hardware_CF2-2_03.png');	
}

section.hardware .cf3_1 .slide-container .slide:nth-child(2){
	background-image: url('../img/img_hardware_CF3-1_01.png');	
}
section.hardware .cf3_1 .slide-container .slide:nth-child(3){
	background-image: url('../img/img_hardware_CF3-1_02.png');	
}
section.hardware .cf3_1 .slide-container .slide:nth-child(4){
	background-image: url('../img/img_hardware_CF3-1_03.png');	
}

section.hardware .slide-container .slide.current{
	animation:fadeIn 1s forwards
}
section.hardware .slide-container .arrow-wrapper{
	position: absolute;
	top: calc(50% - 10px);
	width: 100%;
}
section.hardware .slide-container .arrow-wrapper a.left{
	float: left;
	margin-left: 24px;
}
section.hardware .slide-container .arrow-wrapper a.right{
	float: right;
	margin-right: 24px;
}

section.hardware .slide-container .dot-wrapper{
	position: absolute;
	width: 100%;
	bottom: 24px;
	text-align:center;
	z-index:9;
}
section.hardware .slide-container .dot-wrapper .dot{
	cursor: pointer;
	height: 8px;
	width: 8px;
	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 {
	background-color: #E4145A;
}

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

section.software .bg-wrapper{
	display: flex;
	align-items: center;
	padding-top: 80px;
	padding-bottom: 80px;
	margin-top: 48px;
	background-image: url("../img/bg_software_m.jpg");
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

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

section.software .framework h2+p{
	margin-top: 16px;
	color: #1F1C23;
	text-align: center;
	leading-trim: both;
	text-edge: cap;
	font-family: Oswald;
	font-size: 24px;
	font-style: normal;
	font-weight: 200;
	line-height: 28px; /* 116.667% */
}
section.software .framework .layer{
	margin-top: 64px;
	color: #1F1C23;
	text-align: center;
	leading-trim: both;
	text-edge: cap;
	font-family: Ropa Sans;
	font-size: 16px;
	font-style: normal;
	font-weight: bold;
	line-height: normal;
	text-transform: uppercase;	
}
section.software .framework .layer ul li+li{
	margin-top: 24px;
}
section.software .framework .layer .horizontal-bar{
	display: inline-block;
	margin-left: auto;
	margin-right: auto;
	width: 32px;
	height: 1px;
	background: #999;
}
section.software .framework .flow{
	position: relative;
	margin-top: 64px;
}
section.software .framework .flow .line-sw{
	margin-top: 40px;
	margin-bottom: 40px;
	height: 54px;
	background-image: url('../img/line_sw.png');
	background-position: center;
	background-size: auto 54px;
	background-repeat: no-repeat;
}
section.software .framework .flow .item+.item{
	margin-top: 40px;	
}

section.software .framework .flow .item h3{
	color: #E4145A;
	leading-trim: both;
	text-edge: cap;
	font-family: Oswald;
	font-size: 24px;
	font-style: normal;
	font-weight: 200;
	line-height: 28px; /* 116.667% */
}
section.software .framework .flow .item h3+p{
	margin-top: 16px;
	color: #1F1C23;
	leading-trim: both;
	text-edge: cap;
	font-family: Ropa Sans;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}
section.software .framework .flow .item .img-wrapper{
	background-position: center;
	background-repeat: no-repeat;
}
section.software .framework .flow .item:nth-child(5) .img-wrapper{
	height: 130px;
	background-size: auto 130px;
	background-image: url('../img/img_sw_app.png');
}
section.software .framework .flow .item:nth-child(6) .img-wrapper{
	height: 98.5px;
	background-size: auto 98.5px;
	background-image: url('../img/img_sw_portal.png');
}
section.software .framework .flow .item:nth-child(7) .img-wrapper{
	height: 112px;
	background-size: auto 112px;
	background-image: url('../img/img_sw_API.png');
}
section.software .framework .flow .item .img-wrapper+p{
	margin-top: 16px;
	color: #1F1C23;
	text-align: center;
	leading-trim: both;
	text-edge: cap;
	font-family: Ropa Sans;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}

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: 24px;
	font-style: normal;
	font-weight: 200;
	line-height: 28px; /* 116.667% */
}
section.software .project .item+.item{
	margin-top: 120px;
}
section.software .project .item .img-wrapper{
	background: #EFEFEF;
	height: 224px;	
	background-position: center;
	background-repeat: no-repeat;
}
section.software .project .item:nth-child(2) .img-wrapper{
	background-size: auto 130px;
	background-image: url('../img/img_sw_app.png');
}
section.software .project .item:nth-child(3) .img-wrapper{
	background-size: auto 98.5px;
	background-image: url('../img/img_sw_portal.png');
}
section.software .project .item:nth-child(4) .img-wrapper{
	background-size: auto 112px;
	background-image: url('../img/img_sw_API.png');
}
section.software .project .item article{
	padding-top: 40px;
}
section.software .project .item article h3{
	color: #E4145A;
	leading-trim: both;
	text-edge: cap;
	font-family: Oswald;
	font-size: 24px;
	font-style: normal;
	font-weight: 200;
	line-height: 28px; /* 116.667% */
}
section.software .project .item article h3+p{
	margin-top: 16px;
	color: var(--color-cf-black, #1F1C23);
	leading-trim: both;
	text-edge: cap;
	font-family: Ropa Sans;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}
section.software .project .item article ul{
	margin-top: 24px;
}
	
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: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}

section.software .project .item article ul li:before{
	content:"";
	display: inline-block;
	position: absolute;
	top: 7px;
	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: 16px;
	width: 160px;
	height: 62px;	
}
section.software .project .item article .btn_playstore img{
	width: 100%;
}
section.software .project .item article a.btn-link{
	margin-top: 24px;
	color: var(--color-cf-red, #E4145A);
	leading-trim: both;
	text-edge: cap;
	font-family: Ropa Sans;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	text-decoration-line: underline;
}
section.software .project .item article a .icon-link{
	fill: #E4145A;
	vertical-align: middle;
	margin-right: 4px;
}

section.software .feature{
	padding-bottom: 120px;
}
section.software .feature h2{
	color: #E4145A;
	text-align: center;
	leading-trim: both;
	text-edge: cap;
	font-family: Oswald;
	font-size: 24px;
	font-style: normal;
	font-weight: 200;
	line-height: 40px; /* 125% */
}	
section.software .feature .item-wrapper{
	margin-top: 48px;
}
section.software .feature .item{
	margin-top: 48px;	
	padding-left: 24px;
	padding-right: 24px;
	padding-top: 40px;
	padding-bottom: 40px;
	color: #1F1C23;
	box-shadow: 0px 10px 30px 10px rgba(102, 102, 102, 0.10);
}
section.software .feature .item+.item{
	margin-top: 40px;	
}
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: 50px;
	height: 50px;
	box-shadow: 0px 10px 30px 10px rgba(102, 102, 102, 0.10);
	border-radius: 10px;
}
section.software .feature .item .type h3{
	margin-left: 16px;
	leading-trim: both;
	text-edge: cap;
	font-family: Oswald;
	font-size: 24px;
	font-style: normal;
	font-weight: 200;
	line-height: 28px; /* 116.667% */
}
section.software .feature .item h4{
	margin-top: 32px;
	leading-trim: both;
	text-edge: cap;
	font-family: Ropa Sans;
	font-size: 16px;
	font-style: normal;
	font-weight: bold;
	line-height: normal;
	text-transform: uppercase;
}
section.software .feature .item ul{
	margin-top: 16px;
}
section.software .feature .item ul li{
	padding-left: 36px;
	background-image: url("../img/icon_check_on_m.png");
	background-size: 20px 21px;
	background-position: left top;
	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 ul li h5{
	leading-trim: both;
	text-edge: cap;
	font-family: Ropa Sans;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}
section.software .feature .item ul li h5+p{
	margin-top: 2px;
	leading-trim: both;
	text-edge: cap;
	font-family: Ropa Sans;
	font-size: 14px;
	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_m.png");
}
section.software .feature .item .inactive .horizontal-exclamation-mark div{
	background: #CCC;
}

section.software .feature .item-wrapper+p{
	margin-top: 40px;
	color: #1F1C23;
	leading-trim: both;
	text-edge: cap;
	font-family: Ropa Sans;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}

section.software .feature-list{
	background-color: #1F1C23;
	padding-top: 120px;
	padding-bottom: 120px;
}
section.software .feature-list .item{
	padding-top: 40px;
	padding-bottom: 40px;
}
section.software .feature-list .item .hidden-area{
	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;
	text-align: center;
	leading-trim: both;
	text-edge: cap;
	font-family: Oswald;
	font-size: 24px;
	font-style: normal;
	font-weight: 200;
	line-height: 28px; /* 116.667% */
}
section.software .feature-list .item .title h3+p{
	margin-top: 8px;
	color: #FFF;
	text-align: center;
	leading-trim: both;
	text-edge: cap;
	font-family: Ropa Sans;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}
section.software .feature-list .item .arrow-wrapper{
	margin-top: 20px;
	text-align: center;
}
section.software .feature-list .item .arrow-wrapper .btn-arrow{
	transform:rotate(90deg);
}

section.software .feature-list .item .arrow-wrapper .btn-arrow svg circle{
	stroke: #FFF;
}
section.software .feature-list .item .arrow-wrapper .btn-arrow svg path{
	fill: #FFF;
}
	
section.software .feature-list .item.open .arrow-wrapper .btn-arrow{
	transform:rotate(-90deg);
}
section.software .feature-list .item .hidden-area .horizontal-exclamation-mark{
	margin-top: 48px;
}
section.software .feature-list .item .hidden-area h4{
	margin-top: 40px;
	color: #FFF;
	leading-trim: both;
	text-edge: cap;
	font-family: Ropa Sans;
	font-size: 16px;
	font-style: normal;
	font-weight: bold;
	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: 16px;	
}
section.software .feature-list .item .hidden-area ul{
	width: 100%;
	display: inline-block;
}
section.software .feature-list .item .hidden-area ul li{
	position: relative;
	padding-left: 20px;
	color: #FFF;
	leading-trim: both;
	text-edge: cap;
	font-family: Ropa Sans;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}
section.software .feature-list .item .hidden-area ul li+li{
	margin-top: 8px;
}
section.software .feature-list .item .hidden-area ul li:before{
	content:"";
	display: inline-block;
	position: absolute;
	top: 7px;
	left: 0;
	width: 5px;
	height: 5px;
	background-color: #E4145A;
}

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


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

section.recruit h1{
	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.recruit h1+p{
	margin-top: 40px;
	color: #1F1C23;
	leading-trim: both;
	text-edge: cap;
	/* Body/Body-R-16 */
	font-family: Ropa Sans;
	font-size: 16px;
	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: 24px;
	font-style: normal;
	font-weight: 200;
	line-height: 40px; /* 125% */
}

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

section.recruit ul+h2{
	margin-top: 80px;
}
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: 16px;
	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: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 20px;
}
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: 7px;
	left: 0;
	width: 5px;
	height: 5px;
	background-color: #E4145A;
}
section.recruit ul li+li{
	margin-top: 8px;
}
section.recruit h2+p{
	margin-top: 16px;
	color: #1F1C23;
	leading-trim: both;
	text-edge: cap;
	font-family: Ropa Sans;
	font-size: 16px;
	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: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}

section.recruit .back-wrapper{
	margin-top: 24px;
	text-align: right;
}
section.recruit .back-wrapper a{
	color: #1F1C23;
	leading-trim: both;
	text-edge: cap;
	font-family: Ropa Sans;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	text-decoration-line: underline;	
}
section.recruit .back-wrapper a svg{
	margin-right: 4px;
	vertical-align: middle;
}

.privacy{
	padding-top: 120px;
	padding-bottom: 240px;
}
.privacy h1{
	color: #E4145A;
	leading-trim: both;
	text-edge: cap;
	font-family: Oswald;
	font-size: 32px;
	font-style: normal;
	font-weight: 200;
	line-height: normal;
}
.privacy h1+p{
	margin-top: 40px;
	color: #1F1C23;
	leading-trim: both;
	text-edge: cap;
	font-family: Ropa Sans;
	font-size: 16px;
	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: 16px;
	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: 40px;	
}
.privacy ol {
	counter-reset: item;
}
.privacy li{
	display: block;
	position: relative;
}
.privacy ol li ol li{
	padding-left: 36px;
}
.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: 16px;
}

.privacy ol li ol li ol{
	margin-top: 8px;
}
.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: 6px;
}
.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: 7px;
}
.privacy .email{
	color: #1F1C23;
	leading-trim: both;
	text-edge: cap;
	font-family: Ropa Sans;
	font-size: 16px;
	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: #FFF;
    overflow-y: auto;
    z-index: 99999999;
}
.popup{
	position: relative;
	background-color: #FFF;
	width: 100%;
	padding: 64px 24px 184px;
	margin-left: auto;
	margin-right: auto;
}

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

.popup h1+p{
	margin-top: 16px;
	color: #1F1C23;
	text-align: center;
	leading-trim: both;
	text-edge: cap;
	font-family: Ropa Sans;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}
.popup form{
	margin-top: 24px;
	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: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	padding:15px 16px;
	resize: none;
}
.popup form input[type="text"]:focus,.popup form input[type="email"]:focus,.popup form textarea:focus,.popup form select:focus{
	outline: 1px solid #1F1C23;
}
.popup form 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: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	padding:0 16px;
	resize: none;
	appearance:none;
	background-image: url('../img/icon_dropdown.png');
	background-repeat: no-repeat;
	background-position: right 16px center;
}
.popup form select option{
	color: #1F1C23 !important;
}
.popup form select option[disabled]:nth-child(1){
	display: none;
}
.popup form input[type="text"],.popup form input[type="email"],.popup form select{
	height: 40px;
}
.popup form textarea{
	height: 80px;
}
.popup form input[type="text"]::placeholder,.popup form input[type="email"]::placeholder,.popup form textarea::placeholder,.popup form select.placeholder{
	color: #999;
}
.popup form input[type="submit"]{
	width: 200px;
	height: 40px;
	line-height: 40px;
	border-radius: 8px;
	border:none;
	background: #E4145A;
	color: #FFF;
	text-align: center;
	font-family: Ropa Sans;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	cursor: pointer;
	transition: all 0.3s ease;
}
.popup form .date-wrapper input, .popup form .date-wrapper select{
	width: 100%;
}
.popup form .date-wrapper{
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    align-content: center;
    column-gap: 16px;
    row-gap: 20px;
}
.popup form .date-wrapper select{
	
}
.popup form .middle-bar{
	width: 100%;
}
.popup .popup-bottom-wrapper{
	background: #1F1C23;
	width: 100%;
	height: 120px;
	position: fixed;
	left: 0;
	bottom: 0;
	display: flex;
    justify-content: center;
    align-items: center;
}
.popup .popup-bottom-wrapper p{
	color: #FFF;
	text-align: center;
	leading-trim: both;
	text-edge: cap;
	font-family: Ropa Sans;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}
.popup-wrapper.success{
	display: flex;
	align-items: center;
    justify-content: center;
    background-color: rgb(0 0 0 / 50%);
}
.success-popup{
	width: 306px;
	padding: 64px 33px;
	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: 24px;
	font-style: normal;
	font-weight: 200;
	line-height: 40px; /* 125% */
}

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

.success-popup input[type="button"]{
	margin-top: 24px;
	width: 200px;
	height: 40px;
	border: none;
	border-radius: 8px;
	background: #E4145A;
	color: #FFF;
	text-align: center;
	font-family: Ropa Sans;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 40px;
	cursor: pointer
}
@media (min-width:  360px) {
	.for .item .img-wrapper{
		background-size: 100% 240px;
	}	
}

@media (max-width: 559px) {
	.content{
		width: 100%;
		padding-left: 24px;
		padding-right: 24px;
	}
}
@media (min-width:  560px) {
	.content{
		width: 480px;
		margin-left: auto;
		margin-right: auto;
	}
	.tech .content .software .item .img-wrapper{
		background-size: 300px auto;
	}
	.for .item .img-wrapper{
		background-size: 480px auto;
	}
	.aboutus .img-wrapper{
		background-position: center;
	}
	section.hardware .slide-container .slide{
		background-size: 420px 350px;
	}
	section.software .feature-list .item{
		padding-left: 84px;
		padding-right: 84px;
	}
	section.software .project .item:nth-child(2) .img-wrapper{
		background-size: auto 160px;
	}
	section.software .project .item:nth-child(3) .img-wrapper{
		background-size: auto 130px;
	}
	section.software .project .item:nth-child(4) .img-wrapper{
		background-size: auto 130px;
	}
	.popup-wrapper{
		background-color: rgb(0 0 0 / 50%);
	}
	.popup{
		width: 480px;
		padding: 40px 40px 140px;
		border-radius: 16px;
		box-shadow: 0px 20px 50px 30px rgba(102, 102, 102, 0.10);
	}
	.popup form .date-wrapper{
	    column-gap: 20px;
	    row-gap: 13px;
	}
	.popup form .date-wrapper input{
		width: 120px;
	}
	.popup form .date-wrapper select{
		width: 120px;
		background-position: right 5px center;
	}
	.popup .popup-bottom-wrapper{
		position: absolute;
		height: 100px;
		bottom: -1px;
		border-radius: 0px 0px 16px 16px;
	}
	.success-popup{
		width: 480px;
		padding: 64px 40px;
	}
}