* {
  /* outline: 1px dashed #f003; */
}

@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;700;900&display=swap');
.sew21 {
  font-family: 'Montserrat', sans-serif;
  font-weight: 500;
  /* position: relative; */

  display: none;
}
.sew21 a {
  text-decoration: none;
  color: #5954d1;
  transition: color .3s;
}
.sew21 a:active,
.sew21 a:hover {
  color: #3737b5;
}
.sew21 a.pntm {
  color: #ff616a;
}
.sew21 a.pntm:active,
.sew21 a.pntm:hover {
  color: #da0099;
}
.sew21 .btn-dark,
.sew21 .btn-light {
  position: relative;
  margin: 0 .75rem;
  padding: .375rem 1rem;
  border-color: transparent !important;
  background: transparent !important;
}
.sew21 .btn-dark:active,
.sew21 .btn-dark:focus,
.sew21 .btn-light:active,
.sew21 .btn-light:focus {
  box-shadow: none !important;
  outline: none!important;
}
.sew21 .btn-dark::before,
.sew21 .btn-dark::after,
.sew21 .btn-light::before,
.sew21 .btn-light::after {
  content: "";
  display: block;
  position: absolute;
  z-index: 0;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border: 2px solid transparent;
  border-radius: .25rem;
  transform: skewX(-30deg);
  transition: all .3s;
}
.sew21 .btn-dark::before,
.sew21 .btn-light::before {
  z-index: 1;
}
.sew21 .btn-dark::after,
.sew21 .btn-light::after {
  z-index: 2;
}
.sew21 .btn-dark>span,
.sew21 .btn-light>span {
position: relative;
  z-index: 3;
}
.sew21 .btn-dark {
  color: #fff !important;
}
.sew21 .btn-dark::before {
  background-color: #5954d1;
}
.sew21 .btn-dark:active::before,
.sew21 .btn-dark:hover::before {
  background-color: #3737b5;
}
.sew21 .btn-light::before {
  background-color: #eee;
}
.sew21 .btn-light:active::before,
.sew21 .btn-light:hover::before {
  background-color: #ddd;
}
.sew21 .btn-light.btn-big {
  padding: .75rem 1.5rem;
  font-size: 2rem;
  font-weight: 700;
  color: #f22a7b;
}
.sew21 .btn-light.btn-big:before,
.sew21 .btn-light.btn-big:after {
  border-radius: .5rem;
}
.sew21 .btn-light.btn-big:before {
  background-color: #fff;
}
.sew21 .btn-light.btn-big:after {
  border: .25rem solid #fff;
  background-image: linear-gradient(to right, #da0099, #ff616a, #da0099);
  background-size: 200% 100%;
  opacity: 0;
  transition: opacity .3s;
}
.sew21 .btn-light.btn-big:hover:after {
  opacity: 1;
  animation: btn-light-big 1s linear infinite;
}
@keyframes btn-light-big {
  0% { background-position: 0 0; }
  100% { background-position: -200% 0; }
}
.sew21 .btn-light.btn-big:hover>span{
  color: #fff;
}
.sew21 form .btn-dark+.btn-dark,
.sew21 form .btn-dark+.btn-light,
.sew21 form .btn-light+.btn-light,
.sew21 form .btn-light+.btn-dark {
  margin-left: -.75rem;
}

.sew21 .sticky-top,
.sew21 nav.fixed-top {
  transition: all .3s;
}
.sew21.scroll-dn .sticky-top,
.sew21.scroll-dn nav.fixed-top {
  top: -3.6rem;
  opacity: 0;
}
.sew21 .navbar-nav {
  font-weight: 700;
}
.sew21 .navbar-nav.mr-auto .nav-item {
  padding: .125rem 0;
  font-size: .75rem;
}
.sew21 .navbar-nav .dropdown-menu {
  display: block;
  top: calc(100% - .125rem);
  padding: 0;
  width: 0;
  min-width: 0;
  height: 0;
  border: 0;
  opacity: .5;
  overflow: hidden;
  transition: opacity .3s;
}
.sew21 .navbar-nav .nav-item:hover .dropdown-menu {
  padding: 0.5rem 0;
  width: auto;
  min-width: 10rem;
  height: auto;
  opacity: 1;
}

.sew21 footer {
  background-color: #fff;
}
.sew21 footer .sitemap {
  background-color: #f8f9fa;
}
.sew21 footer>div {
  padding-top: 3rem;
  padding-bottom: 3rem;
}
.sew21 .footer-logo-set img {
  max-height: 5rem;
}
.sew21 footer .bottom .fa-heart {
  color: red;
}
.sew21 footer .bottom a[href*="se.works"] {
  display: inline-block;
  position: relative;
  font-size: .75rem;
  font-weight: 700;
}
.sew21 footer .bottom a[href*="se.works"]+a {
  margin-left: 2rem;
}
.sew21 footer a+a[href*="se.works"]::before {
  content: "";
  display: block;
  position: absolute;
  left: -1.125rem;
  width: 0;
  height: 100%;
  border-left: 1px solid #5954d1;
  opacity: .5;
}
.sew21 footer a[href*="seworks"] {
  display: inline-block;
  font-size: 2rem;
}
.sew21 footer a[href*="seworks"]+a {
  padding-left: .5rem;
}
.sew21 footer .bottom .col>div {
  padding-bottom: .5rem;
}
@media (min-width: 992px) {
  .sew21 footer .bottom .col {
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  .sew21 footer a[href*="seworks"] {
    margin: -.75rem 0;
  }
  
}

.sew21 .wrap {
  padding-top: 3.5rem;
  min-height: 120vh;
  background: #ccc;
}

.sew21 section {
  
  text-align: center;
}
.sew21 section .container {
  padding: 10rem 15px;
}

.sew21 .title h2 {
  font-size: 3rem;
  font-weight: 700;
}
.sew21 .title h2>div {
  display: inline-block;
  margin-bottom: -.75rem;
  overflow: hidden;
}
.sew21 .title h2>div>div {
  transform: translateY(300%);
  transition: transform .3s;
}
.sew21 section.active .title h2>div>div {
  transform: translateY(0);
}
.sew21 section.active .title h2 div:nth-child(1)>div { transition-delay: .05s; }
.sew21 section.active .title h2 div:nth-child(2)>div { transition-delay: .10s; }
.sew21 section.active .title h2 div:nth-child(3)>div { transition-delay: .15s; }
.sew21 section.active .title h2 div:nth-child(4)>div { transition-delay: .20s; }
.sew21 section.active .title h2 div:nth-child(5)>div { transition-delay: .25s; }
.sew21 section.active .title h2 div:nth-child(6)>div { transition-delay: .30s; }
.sew21 section.active .title h2 div:nth-child(7)>div { transition-delay: .35s; }
.sew21 section.active .title h2 div:nth-child(8)>div { transition-delay: .40s; }
.sew21 .title h2+p {
  opacity: 0;
  transition: opacity .3s;
  transition-delay: .5s;
}
.sew21 sup {
  position: relative;
  top: .5em;
  font-size: 50%;
  vertical-align: top;
}
.sew21 section h3 {
  margin-bottom: 1rem;
  font-size: 2.5rem;
  font-weight: 400;
}
.sew21 section .space {
  margin-top: 5rem;
	opacity: 0;
	transition: opacity 1s;
	transition-delay: 1s;
}
.sew21 section.active .title h2+p,
.sew21 section.active .space {
	opacity: 1;
}
.sew21 section h3+.btn,
.sew21 section p+.btn {
  margin-top: 3rem;
}

.sew21 section.intro_cover {
	height: calc(100vh - 10rem);
	/* min-height: 600px; */
	max-height: 1000px;
}
@media (max-width: 991.99px) {
	.sew21 section.intro_cover {
		height: auto;
		max-height: auto;
	}
}
.sew21 section.intro_cover .carousel,
.sew21 section.intro_cover .carousel-inner,
.sew21 section.intro_cover .carousel-item {
	height: 100%;
}
.sew21 section.intro_cover .carousel-item {
/*	padding: 3rem 0;*/
/* 여기에 여백 넣으면 스크롤 길이가 회전할 때 높이 계산을 못함 */
}
.sew21 section.intro_cover .carousel-item .container {
	position: relative;
	z-index: 3;
	padding-top: 6rem;
	height: 100%;
	text-align: left;
}
.sew21 section.intro_cover .carousel-item h2 {
	display: none;
}
.sew21 section.intro_cover .carousel-item h2+div {
	max-width: 700px;
	letter-spacing: 1rem;
}
.sew21 section.intro_cover .carousel-item h2+div>div,
.sew21 section.intro_cover .carousel-item h2+div+div {
	position: relative;
	display: inline-block;
	overflow: hidden;
}
.sew21 section.intro_cover .carousel-item h2+div>div {
	margin-bottom: -2rem;
	font-size: 4rem;
	font-weight: 700;
	letter-spacing: -.125rem;
	text-transform: uppercase;
}
.sew21 section.intro_cover .carousel-item h2+div+div {
	margin-top: 4rem;
	font-weight: 600;
}
.sew21 section.intro_cover .carousel-item h2+div strong {
	font-weight: 900;
}
@media (max-width: 640px) {
	.sew21 section.intro_cover .carousel-item h2+div {
		letter-spacing: .5rem;
	}
	.sew21 section.intro_cover .carousel-item h2+div>div {
		font-size: 2rem;
	}
}
.sew21 section.intro_cover .carousel-item h2+div>div>div,
.sew21 section.intro_cover .carousel-item h2+div+div>p {
	transform: translateY(300%);
/*
	transition: transform .4s;
	transition-timing-function: cubic-bezier(0.165,0.84,0.44,1);
}
.sew21 section.intro_cover .carousel-item.active h2+div>div>div,
.sew21 section.intro_cover .carousel-item.active h2+div+div>p {
	transform: translateY(0);
*/
}
.sew21 section.intro_cover .carousel-item.active h2+div>div>div,
.sew21 section.intro_cover .carousel-item.active h2+div+div>p {
	animation: cover_carousel_text .4s cubic-bezier(0.165,0.84,0.44,1) forwards;
}
@keyframes cover_carousel_text {
	0% {
		transform: translateY(300%);
	}
	100% {
		transform: translateY(0);
	}
}
.sew21 section.intro_cover .carousel-item h2+div>div:nth-of-type(2)>div { animation-delay: .1s; }
.sew21 section.intro_cover .carousel-item h2+div>div:nth-of-type(3)>div { animation-delay: .2s; }
.sew21 section.intro_cover .carousel-item h2+div>div:nth-of-type(4)>div { animation-delay: .3s; }
.sew21 section.intro_cover .carousel-item h2+div>div:nth-of-type(5)>div { animation-delay: .4s; }
.sew21 section.intro_cover .carousel-item h2+div>div:nth-of-type(6)>div { animation-delay: .5s; }
.sew21 section.intro_cover .carousel-item h2+div>div:nth-of-type(7)>div { animation-delay: .6s; }
.sew21 section.intro_cover .carousel-item.active h2+div+div>p           { animation-delay: .8s; }

           /* .sew21 section.intro_cover .carousel-item .video iframe { display: none; } */
.videoloop .sew21 section.intro_cover .carousel-item .video iframe { display: block; }
/*
.sew21 section.intro_cover .carousel-item .video {
	position: absolute;
	z-index: -1;
	left: 50%;
	top: 50%;
	width: 150%;
	height: 150%;
	transform: translate(-50%, -50%);
.sew21 section.intro_cover .carousel-item .video iframe {
	width: 100%;
	height: 100%;
	filter: sepia(1) hue-rotate(210deg);
}
*/
.sew21 section.intro_cover .carousel-item .video {
	position: absolute;
	z-index: -1;
	left: 50%;
	top: 50%;
	width: 100%;
	height: 100%;
  transform: translate(-50%, -50%);
  overflow: hidden;
}
.sew21 section.intro_cover .carousel-item .video video {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.sew21 section.intro_cover .carousel-item .video iframe[src*="youtube"] {
  position: absolute;
  left: -50%;
  top: -50%;
  width: 200%;
  max-width: 200%;
  height: 200%;
  
}
.sew21 section.intro_cover .carousel-item .video:after {
	content: "";
	display: block;
	position: absolute;
	z-index: 1;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: transparent;
}
.sew21 section.intro_cover .carousel-item span.reg {
  display: inline-block;
  font-size: .5em;
}

.sew21 section#mission h2 {
	position: relative;
	margin: 0 auto;
	padding: 0 2rem;
	max-width: 940px;
}
.sew21 section#mission h2:before,
.sew21 section#mission h2:after {
	display: block;
	position: absolute;
	top: 50%;
	margin-top: -3.5rem;
	font-size: 5rem;
	opacity: .5;
}
.sew21 section#mission h2:before { content:"{"; left: 0; }
.sew21 section#mission h2:after  { content:"}"; right: 0; }
.sew21 section#mission h2 span {
	display: inline-block;
	overflow: hidden;
	opacity: 0;
/*	backface-visibility: hidden;*/
	transform: translateZ(0);
	filter: blur(.5rem);
	transition: all 1s;
}
.sew21 section#mission.active h2 span {
	opacity: 1;
	filter: blur(0.001rem);
}
.sew21 section#mission.active h2 span:nth-of-type(1)  { transition-delay:    0; }
.sew21 section#mission.active h2 span:nth-of-type(2)  { transition-delay:  .1s; }
.sew21 section#mission.active h2 span:nth-of-type(3)  { transition-delay:  .2s; }
.sew21 section#mission.active h2 span:nth-of-type(4)  { transition-delay:  .3s; }
.sew21 section#mission.active h2 span:nth-of-type(5)  { transition-delay:  .4s; }
.sew21 section#mission.active h2 span:nth-of-type(6)  { transition-delay:  .5s; }
.sew21 section#mission.active h2 span:nth-of-type(7)  { transition-delay:  .6s; }
.sew21 section#mission.active h2 span:nth-of-type(8)  { transition-delay:  .7s; }
.sew21 section#mission.active h2 span:nth-of-type(9)  { transition-delay:  .8s; }
.sew21 section#mission.active h2 span:nth-of-type(10) { transition-delay:  .9s; }
.sew21 section#mission.active h2 span:nth-of-type(11) { transition-delay: 1.0s; }
.sew21 section#mission.active h2 span:nth-of-type(12) { transition-delay: 1.1s; }
.sew21 section#mission.active h2 span:nth-of-type(13) { transition-delay: 1.2s; }

.sew21 section.set1 {
	overflow: hidden;
}
.sew21 section.set1 * {
/*	outline: 1px dotted #fcc9;*/
}

.sew21 section.set1 {
  overflow: hidden;
  background: #fff;
}
.sew21 section.set1 * {
/*	outline: 1px dotted #fcc9;*/
}

.sew21 section.set1 .container {
	text-align: left;
}
.sew21 section.set1+.set1 .container {
	padding-top: 5rem;
}
.sew21 section.set1 ul {
  padding-inline-start: 40px;
}
.sew21 section.set1 .img {
	position: absolute;
	/* z-index: -1; */
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}
.sew21 section.set1 .img>* {
	position: absolute;
	/* z-index: -1; */
	width: 200%;
	height: calc(100% + 20rem);
	background-repeat: no-repeat;
}
.sew21 section.set1 .row {
	justify-content: space-between;
}
.sew21 section.auto .row {
	-ms-flex-direction: row-reverse;
	flex-direction: row-reverse;
}
.sew21 section.pers .img>* {
	bottom: -5rem;
	left: -1rem;
	background-image: url("sew-f-01.png");
	background-position: left bottom;
	
	/* background-color: #cfc6; */
}
.sew21 section.auto .img>* {
	top: -5rem;
	right: -1rem;
	background-image: url("sew-f-02.png");
	background-position: right top;
	
	/* background-color: #ccf6; */
}

.sew21 section.set1 h3,
.sew21 section.set1 p,
.sew21 section.set1 .img {
	opacity: 0;
	transition-timing-function: cubic-bezier(0.165,0.84,0.44,1);
}
.sew21 section.set1 h3,
.sew21 section.set1 p {
	transition: all .6s;
}
.sew21 section.set1 .img {
	transition: all 1.4s;
}
.sew21 section.pers h3,
.sew21 section.pers p {
	transform: translateX(3rem);
}
.sew21 section.auto h3,
.sew21 section.auto p {
	transform: translateX(-3rem);
}
.sew21 section.pers .img {
	transform: translateX(7rem);
}
.sew21 section.auto .img {
	transform: translateX(-7rem);
}
.sew21 section.set1.active h3,
.sew21 section.set1.active p,
.sew21 section.set1.active .img {
	transform: translateX(0);
	opacity: 1;
}
.sew21 section.set1 h3 { transition-delay: .6s; }
.sew21 section.set1 p  { transition-delay: .8s; }
@media (max-width:767.98px) {
  .sew21 section.set1 .col-md-7 {
    margin-top: 1rem;
    min-height: 300px;
    overflow: hidden;
  }
  .sew21 section.set1 h3,
  .sew21 section.set1 p {
    margin-right: 0 !important;
  }
}


.sew21 section.potential,
.sew21 section.problem {
	background-color: #353535;
	background-image: url("sewn-bg1.png");
	background-size: cover;
	background-attachment: fixed;
	color: #fff;
}

.sew21 section.trusted {
  padding-bottom: 0;
}
.sew21 section.trusted .container {
	padding-bottom: 3rem;
}
.sew21 section.trusted [class*="col"] {
	min-height: 100px;
	border-right: 1px solid;
	border-top: 1px solid;
	overflow: hidden;
  text-indent: -9999px;
  filter: grayscale(1);
  transition: filter 1s;
}
.sew21 section.trusted [class*="col"]:hover {
  filter: none;
}
.sew21 section.trusted [class*="col"]:last-child {
	border-right: 0;
}
.sew21 section.trusted [class*="col"]:after {
	content: "";
	display: block;
	position: absolute;
	left: 0; top: 0;
	width: 100%;
	height: 100%;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	opacity: 0;
	transform: translateY(100%);
	transition: opacity 1s, transform 1s cubic-bezier(0.165,0.84,0.44,1);
}
.sew21 section.trusted.active .row/*.active*/ [class*="col"]:after {
	opacity: 1;
	transform: translateY(0);
}
.sew21 section.trusted .row [class*="col"]:nth-of-type(1):after { transition-delay: .05s; }
.sew21 section.trusted .row [class*="col"]:nth-of-type(2):after { transition-delay: .10s; }
.sew21 section.trusted .row [class*="col"]:nth-of-type(3):after { transition-delay: .15s; }
.sew21 section.trusted .row [class*="col"]:nth-of-type(4):after { transition-delay: .20s; }
.sew21 section.trusted .row [class*="col"]:nth-of-type(5):after { transition-delay: .25s; }
.sew21 section.trusted .row [class*="col"]:nth-of-type(6):after { transition-delay: .30s; }
.sew21 section.trusted .row:nth-of-type(1) [class*="col"]:nth-of-type(1):after { background-image: url("trusted-logo_01.png"); }
.sew21 section.trusted .row:nth-of-type(1) [class*="col"]:nth-of-type(2):after { background-image: url("trusted-logo_03.png"); }
.sew21 section.trusted .row:nth-of-type(1) [class*="col"]:nth-of-type(3):after { background-image: url("trusted-logo_04.png"); }
.sew21 section.trusted .row:nth-of-type(1) [class*="col"]:nth-of-type(4):after { background-image: url("trusted-logo_09.png"); }
.sew21 section.trusted .row:nth-of-type(1) [class*="col"]:nth-of-type(5):after { background-image: url("trusted-logo_11.png"); }
.sew21 section.trusted .row:nth-of-type(1) [class*="col"]:nth-of-type(6):after { background-image: url("trusted-logo_12.png"); }
.sew21 section.trusted .row:nth-of-type(2) [class*="col"]:nth-of-type(1):after { background-image: url("trusted-logo_13.png"); }
.sew21 section.trusted .row:nth-of-type(2) [class*="col"]:nth-of-type(2):after { background-image: url("trusted-logo_14.png"); }
.sew21 section.trusted .row:nth-of-type(2) [class*="col"]:nth-of-type(3):after { background-image: url("trusted-logo_15.png"); }
.sew21 section.trusted .row:nth-of-type(2) [class*="col"]:nth-of-type(4):after { background-image: url("trusted-logo_16.png"); }
.sew21 section.trusted .row:nth-of-type(2) [class*="col"]:nth-of-type(5):after { background-image: url("trusted-logo_19.png"); }
.sew21 section.trusted .row:nth-of-type(2) [class*="col"]:nth-of-type(6):after { background-image: url("trusted-logo_20.png"); }
.sew21 section.trusted .row:nth-of-type(3) [class*="col"]:nth-of-type(1):after { background-image: url("trusted-logo_23.png"); }
.sew21 section.trusted {
	background: #fff;
}
.sew21 section.trusted [class*="col"] {
	border-color: #eee;
}

section#sew21-conec,
section#sew21-offst {
  background-color: #fff;
  color: #112;
}

.sew21 section#sew21-trust {
  background-color: #eee;
  color: #223;
}
#sew21-trust [class^="col"] {
  margin-top: 30px;
}
#sew21-trust .embed-responsive {
/*  background-image: linear-gradient(#f22a7b, #f22a7b);*/
/*  background-image: linear-gradient(135deg, #da0099, #ff616a);*/
  background-image: linear-gradient(135deg, #ddd, #fff);
/*  box-shadow: -2px -2px 1rem #fff, 2px 2px 1rem #ddd;*/
  box-shadow: 2px -2px 1rem #fff, -2px 2px 1rem #ccc;
}
#sew21-trust .embed-responsive-item {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  left: 2%;
  top: 2%;
  right: 2%;
  bottom: 2%;
  width: 96%;
  height: 96%;
  
  background-color: #eee;
}
#sew21-trust .embed-responsive-item:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  
  /* background-image: url("Horizontal_rectangle.png"); */
  background-size: 186%;
  background-position: center;
  opacity: .5;
  transition: opacity .5;
}
#sew21-trust .embed-responsive-item img {
  width: 70%;
  height: 70%;
  object-fit: contain;
}
#sew21-trust .embed-responsive-item.size-s img {
  width: 60%;
  height: 60%;
}
#sew21-trust .embed-responsive-item.size-x img {
  width: 50%;
  height: 50%;
}

#sew21-trust .col-6:nth-last-child(n+4) .embed-responsive-item:before,
#sew21-trust .col-6:first-child .embed-responsive-item:before,
#sew21-trust .col-6 .embed-responsive-item:hover:before {
  opacity: 0;
}

section#sew21-carousel2 {
  position: relative;
  box-shadow: 3rem 5rem 10rem #dbece2 inset;
  /* background-image: linear-gradient(135deg,#f22a7b,#123); */
  background-image: linear-gradient(135deg, #f1eac0, #f1eac0 20%, #b266fc);
  color: #fff;
}
#sew21-carousel-02 .carousel-indicators {
  margin-left: 15px;
  margin-right: 15px;
  margin-bottom: -.5rem;
  -ms-flex-pack: end;
  justify-content: flex-end;
}
#sew21-carousel-02 .carousel-indicators li {
  text-indent: 0;
  width: auto;
  height: auto;
  min-width: 1rem;
  border: none;
  background-color: transparent;
  
  padding: 0 .25rem .25rem;
  text-decoration: none;
  background-image: linear-gradient(#f22a7b66, #f22a7b66);
  background-repeat: no-repeat;
  background-size: 0 10%;
  background-position: 50% 40%;
  transition: all .2s ease-in-out;
}
#sew21-carousel-02 .carousel-indicators li::selection {
  background-color: transparent;
}
@media (max-width: 991.98px) {
  #sew21-carousel-02 .carousel-indicators {
    bottom: -3rem;
  }
}
#sew21-carousel-02 .carousel-indicators li.active {
  background-size: 100% 10%;
  color: #fff;
}
#sew21-carousel-02 a[class^="carousel-control-"] {
  display: none;
}
#sew21-carousel-02 .carousel-item {
  opacity: 1 !important;
}
#sew21-carousel-02 .carousel-item .container,
#sew21-carousel-02 .carousel-item .row,
#sew21-carousel-02 .carousel-item .col {
  height: 100%;
}
#sew21-carousel-02 .carousel-item .logo,
#sew21-carousel-02 .carousel-item .text {
  position: relative;
}
#sew21-carousel-02 .carousel-item .logo {
  border: 10px solid #fff;
  overflow: hidden;
}
#sew21-carousel-02 .carousel-item .logo:before {
  content: "";
  display: block;
  padding-bottom: 100%;
}
#sew21-carousel-02 .carousel-item.active .logo {
  box-shadow: 2px -2px 1rem #fff inset;
}
#sew21-carousel-02 .carousel-item .logo .img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transition: transform .3s ease-in-out;
}
#sew21-carousel-02 .carousel-item:nth-child(3n+1) .logo .img { color: #f00; }
#sew21-carousel-02 .carousel-item:nth-child(3n+2) .logo .img { color: #0f0; }
#sew21-carousel-02 .carousel-item:nth-child(3n+3) .logo .img { color: #00f; }
#sew21-carousel-02 .carousel-item:last-child      .logo .img { color: #ff3; }
#sew21-carousel-02 .carousel-item-next:not(.carousel-item-left) .logo .img,
#sew21-carousel-02 .active.carousel-item-right .logo .img {
  transform: translateX(100%);
}
#sew21-carousel-02 .carousel-item-prev:not(.carousel-item-right) .logo .img,
#sew21-carousel-02 .active.carousel-item-left .logo .img {
  transform: translateX(-100%);
}
#sew21-carousel-02 .carousel-item .logo .img img {
  width: 70%;
  height: 100%;
  object-fit: contain;
  transition: filter .5s;
}
#sew21-carousel-02 .carousel-item[class*="carousel-item-"] .logo .img img {
  filter: brightness(5);
}
#sew21-carousel-02 .carousel-item .text {
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-line-pack: center;
  align-content: center;
  right: 0;
  height: 100%;
  opacity: 0;
  transition: all .3s;
}
#sew21-carousel-02 .carousel-item .text strong {
  padding-right: 2rem;
}
@media (max-width: 991.99px) {
  #sew21-carousel-02 .carousel-item .text {
    margin-top: 1rem;
  }
}
@media (max-width: 1199.99px) {
  #sew21-carousel-02 .carousel-item .text {
    min-height: 24rem;
  }
}
#sew21-carousel-02 .carousel-item .text,
#sew21-carousel-02 .carousel-item.carousel-item-left:not(.carousel-item-next) .text,
#sew21-carousel-02 .carousel-item.carousel-item-right:not(.carousel-item-prev) .text {
  opacity: 0;
}
#sew21-carousel-02 .carousel-item.active .text {
  opacity: 1;
}
#sew21-carousel-02 .carousel-item .text p {
  position: relative;  
  margin-bottom: 0;
  padding: 1.5rem 2rem;
  font-size: 1.5rem;
}
#sew21-carousel-02 .carousel-item .text p:before,
#sew21-carousel-02 .carousel-item .text p:after {
  display: block;
  position: absolute;
  font-size: 5rem;
}
#sew21-carousel-02 .carousel-item .text p:before {content: "“"; left: 0; top: 0; line-height: 100%; }
#sew21-carousel-02 .carousel-item .text p:after  {content: "”"; right: 0; bottom: 0; line-height: 0; }
#sew21-carousel-02 .carousel-item .text span {
  margin-top: 1rem;
  padding-right: .5rem;
  width: 100%;
  text-align: right;
}
@media (max-width: 767.98px) {
  #sew21-carousel-02 .carousel-item .logo {
    margin: 0 auto;
    width: 50%;
  }
}

.sew21 section.req {
  background: #f6f7fe;
}

.sew21 section#sew21-learn {
  box-shadow: 5rem 5rem 10rem #ff616a inset;
  background-color: #f22a7b;
  background-image: linear-gradient(135deg, #da0099, #ff616a);
  color: #fff;
}

.sew21 section.intro_cover                         { background-color: #fff; }
.sew21 section.intro_cover .carousel-indicators li { background-color: #fff; }
.sew21 section.intro_cover .carousel-item          { background-color: #666; color: #fff; }
.sew21 section.intro_cover .carousel-item.tc-light { background-color: #fff; color: #3737b5; }
.sew21 section.intro_cover .carousel-item.tc-pntm  { background: linear-gradient(100deg, #da0099, #ff616a); }
.sew21 section.intro_cover .carousel-item.tc-asdo  { background: linear-gradient(100deg, #5243e2, #009fd5); }
.sew21 section.intro_cover .carousel-item.tc-light h2+div>div>div,
.sew21 section.intro_cover .carousel-item.tc-light h2+div+div>p {
	background: linear-gradient(to right,#6442ff,#9012fe);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	-webkit-font-smoothing: antialiased;
}
.sew21 section.intro_cover .carousel-item         h2+div>div:last-child>div {
	background-size: contain;
	background-position: left center;
	background-repeat: no-repeat;
}
.sew21 section.intro_cover .carousel-item.tc-pntm h2+div>div:last-child>div {
/*	margin-left: -.75rem;*/
/*	background-image: url("../img/sew_logo_pntm_w.png");*/
}
.sew21 section.intro_cover .carousel-item.tc-asdo h2+div>div:last-child>div {
/*	margin-left: -.5rem;*/
/*	background-image: url("../img/sew_logo_asdo_w.png");*/
}
/*.sew21 section.intro_cover .carousel-item.tc-light .video { filter: invert(1); }*/
.sew21 section.intro_cover .carousel-item.tc-light .video:after { background-color: #000; opacity: .9; }
.sew21 section.intro_cover {
	background: linear-gradient(100deg, #da0099, #ff616a);
}
.sew21 section.intro_cover .carousel-item.tc-pntm .video:after {
/*	background-color: #da009999;*/
/*	background-image: url("../img/cover-mask2.png");*/
/*	background-size: cover;*/
/*	background: linear-gradient(100deg, #da0099, #ff616a);*/
	background: linear-gradient(100deg, #da0099ee, #ff616acc);
/*	opacity: .8;*/
}
.sew21 section.intro_cover .carousel-item.tc-asdo .video:after {
	background: linear-gradient(100deg, #5243e2ee, #009fcccc);
/*	opacity: .8;*/
}

.sew21 section#mission {
/*	background-color: #3737b5;*/
/*	background: linear-gradient(100deg, #3737b5, #5954d1);*/
  background-color: #212223;
  color: #fff;
}

.sew21 section#pntm-funcs {
	overflow: hidden;
}
.sew21 section#pntm-funcs .row+.row {
	margin-top: 3rem;
}
.sew21 section#pntm-funcs h3 {
	font-size: 2rem;
	font-weight: 700;
}
.sew21 section#pntm-funcs h3+p {
	font-size: .75rem;
}
.sew21 section#pntm-funcs ul,
.sew21 section#pntm-funcs dl {
	margin-top: 1.75rem;
}
.sew21 section#pntm-funcs li,
.sew21 section#pntm-funcs dt {
	margin-top: 1rem;
}
.sew21 section#pntm-funcs ul {
	padding: 0;
}
.sew21 section#pntm-funcs li {
	list-style: none;
	font-size: 1.25rem;
}
.sew21 section#pntm-funcs .img {
	position: relative;
	height: 100%;
	min-height: 300px;
	overflow: hidden;
/*	border-bottom: 12px solid #fff;*/
	
/*	outline: 1px dashed cyan;*/
}
.sew21 section#pntm-funcs .img>div {
	position: absolute;
	top: 1rem;
	left: 0;
	width: 100%;
	height: 300px;
	overflow: hidden;
	
/*	outline: 1px dashed pink;*/
}
.sew21 section#pntm-funcs .img>div>div {
	margin-left: -40%;
	height: 100%;
	width: 180%;
	
	background-color: #0009;
}
.sew21 section#pntm-funcs .img>div>div>div {
	width: 100%;
	height: 100%;
	background-size: cover;
}
@media (min-width: 992px) {
	.sew21 section#pntm-funcs .row.flex-row         { text-align: left; }
	.sew21 section#pntm-funcs .row.flex-row-reverse { text-align: right; }
	.sew21 section#pntm-funcs ul>*:nth-child(1) { margin-left: -6rem; }
	.sew21 section#pntm-funcs ul>*:nth-child(2) { margin-left: -5rem; }
	.sew21 section#pntm-funcs ul>*:nth-child(3) { margin-left: -4rem; }
	.sew21 section#pntm-funcs ul>*:nth-child(4) { margin-left: -3rem; }
	.sew21 section#pntm-funcs ul>*:nth-child(5) { margin-left: -2rem; }
	.sew21 section#pntm-funcs ul>*:nth-child(6) { margin-left: -1rem; }
	.sew21 section#pntm-funcs dl>*:nth-child(1) { margin-right: -1rem; }
	.sew21 section#pntm-funcs dl>*:nth-child(2) { margin-right: -2rem; }
	.sew21 section#pntm-funcs dl>*:nth-child(3) { margin-right: -3rem; }
	.sew21 section#pntm-funcs dl>*:nth-child(4) { margin-right: -4rem; }
	.sew21 section#pntm-funcs dl>*:nth-child(5) { margin-right: -5rem; }
	.sew21 section#pntm-funcs dl>*:nth-child(6) { margin-right: -6rem; }
	.sew21 section#pntm-funcs .img {
		overflow: visible;
	}
	.sew21 section#pntm-funcs .img>div {
		top: -2rem;
		height: 700px;
		transform: skewX(20deg);
		transform-origin: right top;
	}
	.sew21 section#pntm-funcs .img>div>div {
		transform: skewX(-20deg);
	}
	.sew21 section#pntm-funcs .flex-row-reverse .img>div {
		top: auto;
		left: auto;
		bottom: -2rem;
		right: 0;
		transform-origin: left bottom;
	}
}

/**/

.sew21 section#pntm-conec {
  background-color: #fff;
	color: #112;
}
.sew21 #pntm-conec {
	overflow: hidden;
}
.sew21 #pntm-conec .bg {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}
.sew21 #pntm-conec .bg>div {
	position: absolute;
	top: 0;
	width: 20%;
	height: 200%;
	background-image: url("rj45.png");
	background-size: 100% auto;
	background-repeat: no-repeat;
	transform: translateY(0);
	opacity: 1;
	transition: all .5s;
}
.sew21 #pntm-conec .bg>div:after {
	content: "";
	position: absolute;
	bottom: -100%;
	width: 100%;
	height: 100%;
	background-image: url("rj45.png");
	background-size: 100% auto;
	transform: rotate(180deg);
}
.sew21 #pntm-conec .bg>div:nth-child(1) { left:    0; transition-delay:  .2s; }
.sew21 #pntm-conec .bg>div:nth-child(2) { left:  20%; transition-delay:  .4s; }
.sew21 #pntm-conec .bg>div:nth-child(3) { left:  40%; transition-delay:  .6s; }
.sew21 #pntm-conec .bg>div:nth-child(4) { left:  60%; transition-delay:  .8s; }
.sew21 #pntm-conec .bg>div:nth-child(5) { left:  80%; transition-delay: 1.0s; }

html.no-js #pntm-conec .bg>div,
.sew21 #pntm-conec.active .bg>div {
	transform: translateY(-100%);
	opacity: .2;
}

.sew21 #pntm-trust .embed-responsive { opacity: 0; transition: opacity .3s;}
.sew21 #pntm-trust.active          .embed-responsive { opacity: 1; }
.sew21 #pntm-trust .col-6:nth-child(1)  .embed-responsive { transition-delay: 1.05s; }
.sew21 #pntm-trust .col-6:nth-child(2)  .embed-responsive { transition-delay: 1.10s; }
.sew21 #pntm-trust .col-6:nth-child(3)  .embed-responsive { transition-delay: 1.15s; }
.sew21 #pntm-trust .col-6:nth-child(4)  .embed-responsive { transition-delay: 1.20s; }
.sew21 #pntm-trust .col-6:nth-child(5)  .embed-responsive { transition-delay: 1.25s; }
.sew21 #pntm-trust .col-6:nth-child(6)  .embed-responsive { transition-delay: 1.30s; }
.sew21 #pntm-trust .col-6:nth-child(7)  .embed-responsive { transition-delay: 1.35s; }
.sew21 #pntm-trust .col-6:nth-child(8)  .embed-responsive { transition-delay: 1.40s; }
.sew21 #pntm-trust .col-6:nth-child(9)  .embed-responsive { transition-delay: 1.45s; }
.sew21 #pntm-trust .col-6:nth-child(10) .embed-responsive { transition-delay: 1.50s; }
.sew21 #pntm-trust .embed-responsive-item       { filter: grayscale(); opacity: .7; transition: all .5s; }
.sew21 #pntm-trust .embed-responsive-item:hover { filter: none; opacity: 1; }

/**/

section.sew21-form * {
  /* outline: 1px dashed #f003; */
}

section.sew21-form {
  text-align: left;
}
section.sew21-form .cover {
  background: linear-gradient(to right,#6442ff,#9012fe);
  color: #fff;
}
section.sew21-form .cover .container {
  padding: 5rem 15px;
}
section.sew21-form .cover+.main .container {
  padding: 0rem 15px;
}
section.sew21-form .cover+.main a.embed-responsive-item img {
  position: absolute;
  left: 10%;
  top: 10%;
  width: 80%;
  height: 80%;
  object-fit: contain;
  /* filter: grayscale(1); */
  /* transition: all .3s; */
}
section.sew21-form .cover+.main a.embed-responsive-item:hover img {
  /* left: 5%;
  top: 5%;
  width: 90%;
  height: 90%;
  filter: none; */
}
@media (min-width: 992px) {
  section.sew21-form .cover+.main .grid-lg {
    display: grid;
    grid-gap: 30px;
    grid-template-columns: repeat(2, 1fr);
  }
  section.sew21-form .cover+.main .grid-lg>div:nth-of-type(1) {
    grid-column: 1;
    grid-row: 1;
  }
  section.sew21-form .cover+.main .grid-lg>div:nth-of-type(2) {
    grid-column: 2;
    grid-row: 1 / 4;
  }
  section.sew21-form .cover+.main .grid-lg>div:nth-of-type(3) {
    grid-column: 1;
    grid-row: 2;
  }
  section.sew21-form .cover+.main .grid-lg>div:nth-of-type(2) {
    margin-top: -17.375rem;
  }
}
@media (min-width: 1200px) {
  section.sew21-form .cover+.main .grid-lg>div:nth-of-type(2) {
    margin-top: -12.875rem;
  }
}