/* 공통 */

.sec-heading__title {
	font-size:4.8rem;
	font-weight:700;
	margin-bottom:20px;
}
.sec-heading__text {
	font-size:2.4rem;
}

.sec-heading__btn {
  width:auto;
}
.sec-heading__btn a {
	font-size:1.6rem;
	font-weight:bold;
	display:flex;
	font-family:'Outfit',sans-serif;
}
.sec-heading__btn a .text {
	background:#fff;
	height:50px;
	line-height:50px;
	padding:0 45px;
	border-radius:50px;
	border:1px solid transparent;
	color:#227FC4;
	transition:all .3s ease;
}
.sec-heading__btn a .ico {
	width:50px;
	height:50px;
	border-radius:50%;
	background:#227FC4;
	display:flex;
	align-items:center;
	justify-content:center;
	transition:all .3s ease;
}
.sec-heading__btn a:hover .text {
	border:1px solid #19599e;
}
.sec-heading__btn a:hover .ico {
	background:#19599e;
}
.sec-heading__btn a:hover .ico img {
  animation: blink 0.5s ease;
}
@keyframes blink {
  0%, 100% { opacity: 1; }
  50% { opacity: 0.4; }
}



@media screen and (max-width:1200px) {

	.sec-heading__text {
		font-size:2rem;
	}
}
@media screen and (max-width:1024px) {
	.sec-heading__title {
    font-size:3.6rem;
		margin-bottom:20px;
	}
}
@media screen and (max-width:768px) {
	.sec-heading__title {
		font-size:3rem;
	}
	.sec-heading__text {
		font-size:1.8rem;
	}
  .sec-heading__btn a {
    font-size:1.6rem;
  }
  .sec-heading__btn a .text {
    height:40px;
    line-height: 40px;
  }
  .sec-heading__btn a .ico {
    width:40px;
    height:40px;
  }
}
@media screen and (max-width:576px) {
	.sec-heading__title {
		margin-bottom:16px;
	}
	.sec-heading__text {
		font-size: 1.6rem;
	}
}
/* 메인 배너 */
/* 배너 영역 */
.main-sec--banner {
	position:relative;
	width:100%;
	height:100vh;
	overflow:hidden;
}
.main-sec--banner .swiper-banner {
	width:100%;
	height:100%;
}
.main-sec--banner .swiper-slide {
	position:relative;
	width:100%;
	height: 100%;
}
/* 배경 이미지 */
.main-sec--banner .background {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-size:cover;
	background-position:center;
	z-index:1;
	transition: opacity 1s ease;
}
.main-sec--banner .background::after {
	content:'';
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-color:rgba(0,0,0,0.2);
	z-index:2;
}
.main-sec--banner .context {
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	z-index:2;
	color:#fff;
	width:100%;
	max-width: 1500px;
}
.main-sec--banner .context p {
	overflow:hidden;
	text-transform: uppercase;
}
.main-sec--banner .context p span {
	font-family:'Outfit',sans-serif;
	font-size:9.6rem;
	font-weight:bold;
	display:inline-flex;
	justify-content:flex-start;
	width:100%;
	transform:translateY(100%);
	opacity:0;
	transition:transform 0.9s ease,opacity 0.9s ease;
}
.main-sec--banner .context .title-top span {
	text-align:left;
}
.main-sec--banner .context .title-bt span {
	width:100%;
	justify-content:flex-end;
}
.main-sec--banner .context .title-bt span {
	transform:translateY(100%);
	opacity: 0;
}
.main-sec--banner .swiper-slide-active .title-top span {
	transform:translateY(0);
	opacity:1;
	transition-delay:0.3s;
}
.main-sec--banner .swiper-slide-active .title-bt span {
	transform:translateY(0);
	opacity:1;
	transition-delay: 0.6s;
}
.main-sec--banner .swiper-controls {
	position:absolute;
	bottom:10rem;
	left:50%;
	transform:translateX(-50%);
	display:flex;
	align-items:center;
	justify-content:center;
	z-index:10;
	gap: 30px;
}
.main-sec--banner .swiper-controls .swiper-pagination {
	position:static;
	display:flex;
	align-items:center;
	justify-content: center;
}
.main-sec--banner .swiper-pagination-bullet {
	width:12px;
	height:12px;
	margin:0 6px !important;
	border:2px solid #fff;
	border-radius:50%;
	opacity:1;
	background:none;
	transition:background-color 0.3s;
}
.main-sec--banner .swiper-pagination-bullet-active {
	background:#fff;
	width:50px;
	height:12px;
	border-radius:10px;
	background-color: #fff;
}
.main-sec--banner .swiper-button-prev,.main-sec--banner .swiper-button-next {
	position:static;
	margin-top:0;
	width:50px;
	height:20px;
	background-repeat:no-repeat;
	background-size:contain;
	background-position:center;
	cursor:pointer;
	transition:all 0.3s ease;
	z-index:999;
}
.main-sec--banner .swiper-button-prev:hover,.main-sec--banner .swiper-button-next:hover {
	opacity:.5;
}
.main-sec--banner .swiper-button-prev {
	background-image:url('../img/main/main_banner_prev.png');
}
.main-sec--banner .swiper-button-next {
	background-image: url('../img/main/main_banner_next.png');
}
.main-sec--banner .swiper-button-prev::after,.main-sec--banner .swiper-button-next::after {
	display:none;
}
@media screen and (max-width:1200px) {
	.main-sec--banner .title {
		font-size:4.8rem;
	}
	.main-sec--banner .context {
		font-size:2.4rem;
		padding:20px;
	}
	.main-sec--banner .context p span {
		font-size:6rem;
	}
	.main-sec--banner .context .title-bt span {
		justify-content:start;
	}
	.main-sec--banner .swiper-controller .pagination span {
		font-size:1.6rem;
	}
}
@media screen and (max-width:1024px) {
	.main-sec--banner .swiper-controller .controller-wrap {
		max-width:220px;
	}
	.main-sec--banner .swiper-controller .pagination {
		gap:16px;
	}
}
@media screen and (max-width:768px) {
	.main-sec--banner .context {
		padding:20px;
	}
	.main-sec--banner .context p span {
		font-size:5rem;
	}
	.main-sec--banner .context .title-bt span {
		justify-content:start;
	}
	.main-sec--banner .title {
		font-size:3.6rem;
		margin-bottom:20px;
	}
	.main-sec--banner .text {
		font-size:2rem;
	}
	.main-sec--banner .swiper-controller {
		bottom:20vh;
	}
	.main-sec--banner .swiper-controller .controller-wrap {
		max-width:180px;
	}
	.main-sec--banner .swiper-controller .pagination span {
		font-size:1.4rem;
	}
	.main-sec--banner .swiper-controller .prev,.main-sec--banner .swiper-controller .next {
		width:18px;
		height:10px;
		background-size:18px auto;
	}
}
@media screen and (max-width:576px) {
	.main-sec--banner .title {
		font-size:2.8rem;
		margin-bottom:16px;
	}
	.main-sec--banner .text {
		font-size:1.8rem;
	}
	.main-sec--banner .context p span {
		font-size:3rem;
	}
	.main-sec--banner .swiper-controller {
		bottom:24px;
	}
	.main-sec--banner .swiper-controller .controller-wrap {
		max-width:100%;
	}
	.main-sec--banner .swiper-controller .din {
		margin:0px;
	}
	.main-sec--banner .swiper-controller .pagination {
		gap:10px;
	}
	.main-sec--banner .swiper-controller .pagination span {
		font-size:1.2rem;
	}
	.main-sec--banner .swiper-controller .pagination i {
		height:12px;
	}
	.main-sec--banner .swiper-controller .progressbar {
		display: none;
	}
}


/* 메인 인트로 */
.main-sec--intro {
	padding:130px 0px;
	background:#eef5fb;
}
.main-sec--intro .intro-text {
	position:relative;
	text-align:center;
	font-size:5.2rem;
	padding-bottom:8rem;
}
.main-sec--intro .intro-text .line {
   text-transform: uppercase;
	display:block;
	font-size:5.2rem;
	line-height:1.6;
	color:#bebebe;
	transition:color 2s ease;
}
.main-sec--intro .intro-text .line.animate {
	color:#191919;
}
.main-sec--intro .intro-text .line b {
	color:#bebebe;
	transition:color 2s ease;
}
.main-sec--intro .intro-text .line.animate b {
	color:#19599e;
}
.main-sec--intro .intro-text .char {
  display: inline-block;
  color: #bebebe;
  transition: color 0.2s ease;
}

.main-sec--intro .intro-text .char.bold {
  color: #bebebe; /* 애니메이션 전 b글자 색 */
}
.main-sec--intro .intro-text .char.animate {
  color: #191919; /* 기본 글자 */
}
.main-sec--intro .intro-text .char.bold.animate {
  color: #19599e; /* b 글자 색 */
}

.main-sec--intro .din {
	display:flex;
}
.main-sec--intro .din .lt .img {
	border-radius:50rem;
}
.main-sec--intro .din .rt {
	display: flex;
	align-items: center;
}
.main-sec--intro .din .rt .info {
	max-width:530px;
	padding-left:10rem;
}
.main-sec--intro .din .rt .info h3 {
	font-size:3rem;
	font-family:'Outfit',sans-serif;
	font-weight:bold;
}
.main-sec--intro .din .rt .info h3 b {
	color:#19599e
}
.main-sec--intro .din .rt .info p {
	color:#3d3d3d;
	font-size:2rem;
	padding:20px 0 40px 0;
	line-height:3.4rem;
}
.main-sec--intro .din .rt .btn {
	padding:0;
}
.main-sec--intro .din .rt .btn a {
	font-size:1.6rem;
	font-weight:bold;
	display:flex;
	justify-content:center;
	padding-top:40px;
	font-family:'Outfit',sans-serif;
}
.main-sec--intro .din .rt .btn a .text {
	background:#fff;
	height:50px;
	line-height:50px;
	padding:0 45px;
	border-radius:50px;
	border:1px solid transparent;
	color:#227FC4;
	transition:all .3s ease;
}
.main-sec--intro .din .rt .btn a .ico {
	width:50px;
	height:50px;
	border-radius:50%;
	background:#227FC4;
	display:flex;
	align-items:center;
	justify-content:center;
	transition:all .3s ease;
}
.main-sec--intro .din .rt .btn a:hover .text {
	border:1px solid #19599e;
}
.main-sec--intro .din .rt .btn a:hover .ico {
	background:#19599e;
}
.main-sec--intro .din .rt .btn a:hover .ico img {
  animation: blink 0.5s ease;
}




@media screen and (max-width:1200px) {
	.main-sec--intro .intro-text .line {
		font-size:3.6rem
	}
}
@media screen and (max-width:1024px) {
	.main-sec--intro {
		padding:100px 0px;
	}
  .main-sec--intro .din {
    display: block;
  }
  .main-sec--intro .din .rt .info {
    padding-top:30px;
    padding-left:0;
  }
}
@media screen and (max-width:768px) {
  .main-sec--intro .intro-text .line {
    font-size:2.8rem;
  }
	.main-sec--intro {
		padding:80px 0px;
	}
	.main-sec--intro .text p {
		display:block;
		white-space:wrap;
		text-align:center;
		font-size:2.4rem;
	}
	.main-sec--intro .text p span {
		display:block;
		margin-bottom:10px;
	}
	.main-sec--intro .din .rt .info h3 {
		font-size: 2.4rem;
	}
  .main-sec--intro .din .rt .info p {
    font-size:1.6rem;
    line-height: 2.4rem;
  }
}
@media screen and (max-width:576px) {
	.main-sec--intro .intro-text {
		padding-bottom:4rem;
	}
	.main-sec--intro .intro-text h2 {
		justify-content: left;
	}
	.main-sec--intro .intro-text .line {
		font-size: 2rem;
	}
	.main-sec--intro .din .rt .info p br {
		display: none;
	}
}

/* 비전 */
.main-sec--vision {
	padding:130px 0;
	background:url('../img/main/main_vision_bak.png') center top no-repeat;
	background-size:cover;
}
.main-sec--vision .sec-heading h1 {
	font-family:'Outfit',sans-serif;
	font-size:8.2rem;
	font-weight:bold;
	color:#fff;
	padding-bottom:30px;
	border-bottom: 1px solid #fff;
	text-transform: uppercase;
}
.main-sec--vision .sec-heading p {
	font-size:2rem;
	line-height:3.4rem;
	padding-top:3rem;
	padding-bottom:5rem;
	left:50%;
	color:#fff;
	position:relative;
	left:50%;
	transform:translateX(0%);
	width:max-content;
	text-align:left;
}
.main-sec--vision .card-container {
	position:relative;
	max-width:1600px;
	width:100%;
	height:600px;
	margin:30px auto 0 auto;
}
.main-sec--vision .card {
	position:absolute;
	top:50%;
	left:50%;
	width:calc((100% - 48px) / 3);
	height:600px;
	transform:translate(-50%,-50%) rotate(var(--initial-rotate,0deg));
	opacity:1;
	transition:transform 0.8s ease,left 0.8s ease,opacity 0.8s ease;
	border-radius:16px;
	overflow:hidden;
	z-index:calc(10 - var(--i));
}
.main-sec--vision .card-container.loaded .card:nth-child(1) {
	left:0%;
	transform:translate(0%,-50%) rotate(0deg);
	opacity:1;
}
.main-sec--vision .card-container.loaded .card:nth-child(2) {
	left:50%;
	transform:translate(-50%,-50%) rotate(0deg);
	opacity:1;
}
.main-sec--vision .card-container.loaded .card:nth-child(3) {
	left:100%;
	transform:translate(-100%,-50%) rotate(0deg);
	opacity: 1;
}
.main-sec--vision .card-container.loaded .card {
	opacity:1;
	transform:translate( calc((var(--i) - 1) * (calc((100% - 48px) / 3 + 24px)) - 50%),-50% ) rotate(0deg);
}
.main-sec--vision .card img {
	width:100%;
	height:100%;
	object-fit:cover;
	position:absolute;
	top:0;
	left:0;
	z-index:0;
	transition:opacity 0.3s ease;
}
.main-sec--vision .card-overlay {
	position:absolute;
	inset:0;
	display:flex;
	align-items:center;
	justify-content:center;
	text-align:center;
	color:white;
	pointer-events:none;
	z-index:1;
	background:rgba(17,17,17,0.2);
	opacity:0;
	transition:background 0.4s ease,opacity 0.4s ease;
}
.main-sec--vision .card-text {
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:center;
	transition:all 0.4s ease;
}
.main-sec--vision .card-container:not(.loaded) .card-overlay {
	opacity:1;
}
.main-sec--vision .card-container.loaded .card-overlay {
	opacity:1;
}
.main-sec--vision .card-text h3 {
	font-size:4rem;
	font-weight:700;
}
.main-sec--vision .card-text h3 span {
	font-size:2.4rem;
	font-family:'Outfit',sans-serif;
	font-weight:bold;
	display:block;
}
.main-sec--vision .card-desc {
	font-size:2rem;
	line-height:3.2rem;
	margin-top:4rem;
	max-height:0;
	overflow:hidden;
	opacity:0;
	transform:translateY(10px);
	transition:all 0.4s ease;
}
.main-sec--vision .card:hover .card-overlay {
	background:rgba(25,89,158,1);
}
.main-sec--vision .card:hover .card-desc {
	max-height:100px;
	opacity:1;
	transform:translateY(0);
}

@media (max-width:1024px) {
  .main-sec--vision {
    padding:100px 0;
  }
	.main-sec--vision .sec-heading h1 {
		font-size:5.2rem;
	}
	.main-sec--vision .card {
		width:calc((100% - 32px) / 3);
		/* 간격 축소 */
	}
	.main-sec--vision .card-container.loaded .card {
		transform:translateX( calc((var(--i) - 1) * (calc((100% - 32px) / 3 + 16px))) ) translateY(-50%) rotate(0deg);
	}
	.main-sec--vision .sec-heading p {
		left:0;
		width:100%;
		font-size:2rem;
	}
	.main-sec--vision .sec-heading p br {
		display:none;
	}
}
@media (max-width:768px) {
	.main-sec--vision .card-container {
		height:auto;
		display:flex;
		flex-direction:column;
		gap:16px;
		align-items:center;
	}
  .main-sec--vision .sec-heading h1 {
    font-size:3rem;
  }
  .main-sec--vision .sec-heading p {
    font-size:1.6rem;
	line-height: 2.4rem;
	padding-bottom:3rem
  }
	.main-sec--vision .card {
		position:relative;
		top:auto;
		left:auto;
		width:100%;
		height:auto;
		transform:none !important;
		opacity:1 !important;
	}
	.main-sec--vision .card-container.loaded .card {
		transform:none !important;
	}
	.main-sec--vision .card-container.loaded .card:nth-child(1) {
		left:0%;
		transform:translate(0%,-50%) rotate(0deg);
		opacity:1;
	}
	.main-sec--vision .card-container.loaded .card:nth-child(2) {
		left:0%;
		transform:translate(-50%,-50%) rotate(0deg);
		opacity:1;
	}
	.main-sec--vision .card-container.loaded .card:nth-child(3) {
		left:0%;
		transform:translate(-100%,-50%) rotate(0deg);
		opacity:1;
	}
	.main-sec--vision .card img {
		position:relative;
		width:100%;
		height:200px;
		object-fit:cover;
	}
	.main-sec--vision .card-overlay {
		position:relative;
		transform:none;
		top:auto;
		left:auto;
		padding:20px;
		opacity:1;
		background:rgba(25,89,158,1);
	}
	.main-sec--vision .card-text h3 {
		font-size:2.4rem;
	}
	.main-sec--vision .card-text h3 span {
		font-size:1.6rem
	}
	.main-sec--vision .card-desc {
		font-size:1.6rem;
    line-height: 2.4rem;
    margin-top:2rem;
		max-height:none;
		opacity:1;
		transform: translateY(0);
	}
}


/* 제품소개 */
.main-sec--product {
	padding:130px 0px;
	background-color: #EEF5FB;
}
.main-sec--product .din {
	position:relative;
}
.main-sec--product .sec-heading {
	position: relative;
	display: flex;
	justify-content: space-between;
	align-items: baseline;
	padding-bottom:7rem;
	text-transform: uppercase;
}
.main-sec--product .sec-area {

	position:relative;
	width:100%;
}
.main-sec--product .product-swiper {
	overflow:hidden;
}
.main-sec--product .swiper-slide {
	margin-bottom:3rem
}
.main-sec--product .slide-link {
	position: relative;
	display: block;
	background: #fff;
	border-radius: 10px;
	overflow: hidden;
	border:1px solid transparent;
	transition: border-color 0.3s ease, box-shadow 0.3s ease;
	box-shadow: 0 5px 15px rgba(0,0,0,0.05);
	text-decoration: none;
	color: inherit;
	z-index: 0;
}
.main-sec--product .slide-link:hover {
	border-color: #5d76d8;
 	box-shadow: 0 5px 20px rgba(93, 118, 216, 0.2); /* 살짝 강조해도 좋음 */
}
.main-sec--product .swiper-button-prev,
.main-sec--product .swiper-button-next {
  position: absolute;
  top: 50%;
  z-index: 10;
  transform: translateY(-50%);
  width: 60px;
  height: 60px;
  border-radius: 50%;
  cursor: pointer;
  background-color: #fff;
  box-shadow: 0 5px 15px rgba(97, 97, 97, 0.2);
  display: flex;
  align-items: center;
  justify-content: center;
  border:1px solid transparent;
	transition: background-color 0.3s ease, border 0.3s ease;
}
.main-sec--product .swiper-button-prev:hover,
.main-sec--product .swiper-button-next:hover {
	background: #d7dffe;
	border:1px solid #5d76d8;
}

.main-sec--product .swiper-button-prev img,
.main-sec--product .swiper-button-next img {
  width: 10px;
  height: auto;
  display: block;
  margin:20px auto;
}
.main-sec--product .swiper-button-prev {
	left:-30px;
}
.main-sec--product .swiper-button-next {
	right:-30px;
}

.main-sec--product .swiper-button-next::after,.main-sec--product .swiper-button-prev::after {
	display:none;
}


.main-sec--product .product-card {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 20px;
  height: 500px;
  transition: box-shadow 0.3s ease;
  text-align: center;
  text-decoration: none;
  color: inherit;
  box-shadow: 0 10px 25px rgba(154, 174, 195, 0.2);
    transition: all 0.4s ease;
}
.main-sec--product .product-card:hover {
  background-color: #227fc4;
}
.main-sec--product .product-card .product-inner {
  padding: 20px;
}
.main-sec--product .product-card img {
  height: 200px;
  object-fit: contain;
  margin-bottom: 20px;
  border-radius: 10px;
}
.main-sec--product .product-card::after {
  content: '';
  position: absolute;
  width:610px;
  height:410px;
  background: url('../img/main/main_product_bg_w.png') center center no-repeat;
	z-index: -1;
}

.main-sec--product .product-card:hover::after {
  background: url('../img/main/main_product_bg.png') center center no-repeat;

}
.main-sec--product .product-card:hover p {
  color:#fff;
}


.main-sec--product .product-card .product-type {
  font-size:1.6rem;
  line-height: 3.6rem;
  font-family: 'Outfit';
  font-weight: bold;
  color:#227FC4
}
.main-sec--product .product-card .product-name {
  font-size: 3rem;
  font-weight: bold;
}

.main-sec--product .swiper-button-prev,
.main-sec--product .swiper-button-next {
  top: 50%;
  transform: translateY(-50%);
  background-color: #fff;
  border-radius: 50%;
  width: 50px;
  height: 50px;
  z-index: 10;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 5px 10px rgba(0,0,0,0.1);
}
.main-sec--product .swiper-button-prev::after,
.main-sec--product .swiper-button-next::after {
  display: none;
}

@media screen and (max-width:1200px) {


}
@media screen and (max-width:1024px) {
	.main-sec--product {
			padding:100px 0px;
	}
	.main-sec--product .sec-heading {
			width:100%;
	}
}
@media screen and (max-width:768px) {
	.main-sec--product {
		padding:80px 0px;
	}
  .main-sec--product .sec-heading {
    display: block;
  }
  .main-sec--product .sec-heading .sec-heading__btn {
    padding-top:30px;
  }
	.main-sec--product .swiper-button-prev {
		left:5px;
	}
	.main-sec--product .swiper-button-next {
		right:5px;
	}
}
@media screen and (max-width:768px) {
	.main-sec--product .product-card {
		height:400px;
	}
	.main-sec--product .product-card .product-name {
		font-size:2.4rem;
	}

}



/* PR 센터 */

.main-sec--pr {
	padding:130px 0px;
  background: url('../img/main/main_pr_bak.png') left 30px no-repeat;
}
.main-sec--pr::after {
  content: '';
  position: absolute;
}

.main-sec--pr .din {
	position:relative;
	display:flex;
}
.main-sec--pr .sec-heading {
	position:relative;
	width:32%;
}
.main-sec--pr .sec-heading .sec-heading__text {
  font-size:2.4rem;
  color: #19599E;
  line-height: 1.6;
  font-weight: bold;
}
.main-sec--pr .sec-heading .sec-heading__btn {
  padding-top:11rem;
}

.main-sec--pr .sec-area {
	position:relative;
	gap:11%;
	width:68%;
}

.main-sec--pr .sec-area .list li a {
  position: relative;
  width:100%;
  padding:3rem 10rem 3rem 5rem ;
  box-shadow: 0 4px 10px rgba(154,174,195,0.2);
  margin-bottom:20px;
  border-radius: 10px;
  display: block;
  background-color: #fff;
  transition: all .3s ease;
}
.main-sec--pr .sec-area .list li a::after {
  content: '';
  position: absolute;
  width:50px;
  height:50px;
  background: url('../img/main/main_pr_ico01.svg');
  transition: all .3s ease;
  right:3rem;
  top: 50%;
  transform: translateY(-50%);
}

.main-sec--pr .sec-area .list li a:hover::after {
  content: '';
  position: absolute;
  width:50px;
  height:50px;
  background: url('../img/main/main_pr_ico02.svg');
}

.main-sec--pr .sec-area .list li a:hover {
  background-color: #197FC4;
}
.main-sec--pr .sec-area .list li a:hover h6, .main-sec--pr .sec-area .list li a:hover p {
  color:#fff;
}

.main-sec--pr .sec-area .list li a h6 {
  font-size:2.4rem;
  font-weight: 600;
  /* padding-bottom:1.5rem; */
}
.main-sec--pr .sec-area .list li a p {color:#3d3d3d;}


@media screen and (max-width:1200px) {
	.main-sec--pr .sec-heading::after {
			width:57%;
			height:34%;
	}

}
@media screen and (max-width:1024px) {
	.main-sec--pr {
			padding:100px 0px;
	}
	.main-sec--pr .din {
			flex-wrap:wrap;
	}
	.main-sec--pr .sec-heading {
			width:100%;
      margin-bottom:7rem;
	}
	.main-sec--pr .sec-heading::after {
			width:12%;
			height:100%;
			left:unset;
			bottom:0px;
			right:20px;
	}
  .main-sec--pr .sec-heading .sec-heading__btn {
  padding-top:3rem;
}

	.main-sec--pr .sec-area {
			width:100%;
			justify-content:space-between;
			gap:0px;
	}
}
@media screen and (max-width:768px) {
	.main-sec--pr {
		padding:80px 0px;
		background-position: center bottom;
	}
	.main-sec--pr .sec-area {
		flex-direction:column;
	}
  .main-sec--pr .sec-heading .sec-heading__text {
    font-size:1.8rem;
  }
  .main-sec--pr .sec-area .list li a {
    padding:2rem 6rem 2rem 2rem;
  }
  .main-sec--pr .sec-area .list li a h6 {
    font-size: 2rem;
  }
  .main-sec--pr .sec-area .list li a::after, .main-sec--pr .sec-area .list li a:hover::after {
    width:40px;
    height:40px;
    background-size: cover;
	right:2rem;

  }
}
@media screen and (max-width:576px) {


}

/* Popup */
#popup {
	position: relative;
}

.popup-layer {
	z-index: 10000;
	position: absolute;
	background: #fff;
	box-shadow: 0px 0px 20px 0px rgba(0,0,0,.25);
	animation: popup-fade .65s ease-in-out .35s forwards;
	opacity: 0;
	max-width:800px;
}

@keyframes popup-fade {
	0% { opacity: 0;
	-webkit-transform: translateY(25px);
	-ms-transform: translateY(25px);
	transform: translateY(25px); }
	100% { opacity: 1;
	-webkit-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0); }
}
.popup-layer__body {
	background: #fff;
}

.popup-layer__body img {
	display: block;
	margin: 0 auto;
	border: none;
	max-width: 100%;
}

.popup-layer__foot {
	background: #424242;
}

.popup-layer__foot ul {
	display:flex;
	flex-wrap: wrap;
}

.popup-layer__foot li {
	width:50%;
	padding:10px;
}

.popup-layer__foot li:first-child {
	padding-right:0;
}

.popup-layer__foot li:last-child {
	text-align: right;
}

.popup-layer__foot span {
	font-size: 1.5rem;
	color: #fff;
	cursor: pointer;
	transition:all 0.3s ease;
}

.popup-layer__foot label:hover span { opacity: .7; }

/* .popup-layer-foot { background: #424242; }
.popup-layer-foot span { font-size: 15px; color: #fff; }
.popup-layer-foot label:hover span { opacity: .7; }
.popup-layer-foot li:first-child { padding-right: 0; }
.popup-layer-foot li:last-child { text-align: right; } */


@media (max-width: 1024px){
	/* .popup-layer { z-index: 999; } */
	.popup-layer { top: 95px !important; left: 0 !important; margin: 0 5px; }
}
@media (max-width: 768px){

	.popup-layer {
		width:calc(100% - 10px);
	}

	.popup-layer img {
		max-width: none;
		width:100%;
		height: auto !important;
	}
	.popup-layer-foot span { font-size: 14px; }

}
@media (max-width: 375px){
	.popup-layer-foot li { width: 100%; }
	.popup-layer-foot li:last-child { text-align: left; }
}