/* RESPONSIVE */
@media screen and (max-width:1600px){
	#hero-section .hero-swiper .swiper-wrapper .swiper-slide .inner {padding:5rem 2rem 10rem;}
}

@media screen and (max-width:1350px){
	#hero-section .hero-swiper .swiper-wrapper .swiper-slide .inner .slide-caption .project-title {font-size:4.5rem;}
	#hero-section .hero-swiper .swiper-wrapper .swiper-slide .inner .slide-caption .project-desc {font-size:1.25rem;}
	
	.content .title-wrap .title {font-size:2.5rem;}
	.content .title-wrap .desc {font-size:1.125rem;padding:0.875rem 0;}
	.content .title-wrap .back-text {font-size:6.25rem;}
	
	.content.works .counter-list .item .inner .counter {gap:0.5rem;}
	.content.works .counter-list .item .inner .counter .number {font-size:2.5rem;}
	.content.works .counter-list .item .inner .counter .unit {font-size:1.25rem;}
	
	.content.works .portfolio-list-wrap .fusion-grid-posts-cards {gap:1.5rem;}
	.content.works .portfolio-list-wrap .portfolio-item {width:calc(50% - 1.5rem / 2);}
	.content.works .portfolio-list-wrap .portfolio-item .portfolio-caption {padding:1.5rem;}
	
	.content.blog .blog-list-wrap .fusion-grid-posts-cards {gap:1.5rem;}
	.content.blog .blog-list-wrap .blog-item {width:calc((100% / 3) - 1.5rem * 2 / 3);}
	.content.blog .blog-list-wrap .blog-item > .fusion-column-wrapper {padding:1.5rem;}
	.content.blog .blog-list-wrap .blog-item .blog-title {margin:3rem 0 1rem !important;}
	.content.blog .blog-list-wrap .blog-item .blog-title p {font-size:1.5rem !important;}
	
	.content.contact .title-wrap .main {font-size:3.5rem;}	
	.content.contact .title-wrap .sub {font-size:1.25rem;}
}

@media screen and (max-width:1024px){
	#hero-section .hero-swiper .swiper-wrapper .swiper-slide .inner {gap:3rem;padding:5rem 1rem;}
	#hero-section .hero-swiper .swiper-wrapper .swiper-slide .inner .slide-caption .project-title {font-size:3.5rem;}
	#hero-section .hero-swiper .swiper-wrapper .swiper-slide .inner .slide-caption .project-desc {font-size:1rem;}
	#hero-section .hero-swiper .hero-controller .hero-prev {border-radius:0.25rem 0 0 0.25rem;}
	#hero-section .hero-swiper .hero-controller .hero-next {border-radius:0 0.25rem 0.25rem 0;}
	#hero-section .hero-swiper .hero-controller .hero-prev,
	#hero-section .hero-swiper .hero-controller .hero-next {width:1.5rem;}
	#hero-section .hero-swiper .hero-controller .hero-prev::before,
	#hero-section .hero-swiper .hero-controller .hero-next::before {background-size:0.375rem;}
	#hero-section .hero-swiper .hero-controller .hero-pagination {height:1.5rem;}
	#hero-section .hero-swiper .hero-controller .hero-pagination .swiper-pagination-bullet-active {width:2rem;}
	
	.content .title-wrap {margin-bottom:3.75rem;}
	.content .title-wrap .title {font-size:2rem;}
	.content .title-wrap .desc {font-size:1rem;padding:0.75rem 0;}
	.content .title-wrap .back-text {font-size:5rem;}
	
	.content-wrapper {padding:5rem 0;}
	
	.content.works .counter-list {gap:1rem;margin-bottom:1.5rem;}
	.content.works .counter-list .item {width:calc(50% - 1rem / 2);}
	.content.works .counter-list .item .inner {gap:1.5rem;padding:1.5rem;border-radius:1rem;}
	.content.works .counter-list .item .inner .label {font-size:1rem;}
	
	.content.works .portfolio-list-wrap .fusion-grid-posts-cards {gap:1rem;}
	.content.works .portfolio-list-wrap .portfolio-item {width:calc(50% - 1rem / 2) !important;border-radius:1rem;}
	.content.works .portfolio-list-wrap .portfolio-item .portfolio-caption {padding:1rem;}
	.content.works .portfolio-list-wrap .portfolio-item .portfolio-caption .portfolio-title {width:calc(100% - 3.25rem) !important;}
	.content.works .portfolio-list-wrap .portfolio-item .portfolio-caption .portfolio-title p {font-size:1.5rem !important;}
	.content.works .portfolio-list-wrap .portfolio-item .portfolio-caption .portfolio-desc {width:calc(100% - 3.25rem) !important;}
	.content.works .portfolio-list-wrap .portfolio-item .portfolio-caption .portfolio-desc p {font-size:1rem !important;}
	.content.works .portfolio-list-wrap .portfolio-item:hover .portfolio-caption .portfolio-desc {margin-top:0.75rem;}
	.content.works .portfolio-list-wrap .portfolio-item .portfolio-caption .view-more {width:3rem;}
	.content.works .portfolio-list-wrap .portfolio-item .portfolio-caption .view-more span {font-size:1.125rem;}
	
	.content.works .button-wrapper {margin-top:3.75rem;}
	
	.content.our-service .service-list {gap:1rem;}
	.content.our-service .service-list .item {width:calc(50% - 1rem / 2);height:auto;}
	.content.our-service .service-list .item .inner {gap:2rem;height:auto;padding:1.5rem;border-radius:1rem;}
	.content.our-service .service-list .item .inner .number {font-size:1.25rem;}
	.content.our-service .service-list .item .inner .cont .subject {font-size:1.5rem;}
	.content.our-service .service-list .item .inner .cont .tag-list {gap:0.5rem;padding-top:1.25rem;margin-top:1.25rem;}
	.content.our-service .service-list .item .inner .cont .tag-list .tag-item {height:2rem;}
	.content.our-service .service-list .item .inner .cont .tag-list .tag-item .text {font-size:0.75rem;}
	
	.content.our-service .button-wrapper {margin-top:3.75rem;}
	
	.content.blog .blog-list-wrap .fusion-grid-posts-cards {gap:1rem;}
	.content.blog .blog-list-wrap .blog-item {width:100% !important;border-radius:1rem;}
	.content.blog .blog-list-wrap .blog-item > .fusion-column-wrapper {padding:1rem;}
	.content.blog .blog-list-wrap .blog-item .blog-title {margin:1.5rem 0 0.75rem !important;}
	.content.blog .blog-list-wrap .blog-item .blog-title p {font-size:1.375rem !important;}
	.content.blog .blog-list-wrap .blog-item .blog-date span {font-size:0.875rem;}
	.content.blog .blog-list-wrap .blog-item .bottom-wrap {margin-top:1rem;}
	.content.blog .blog-list-wrap .blog-item .bottom-wrap .view-more {width:3rem;}
	.content.blog .blog-list-wrap .blog-item .bottom-wrap .view-more span {font-size:1.125rem;}
	
	.content.blog .button-wrapper {margin-top:3.75rem;}
	
	.content.contact .title-wrap .main {font-size:2.25rem;margin-top:1rem;}
	.content.contact .title-wrap .sub {font-size:1rem;margin-top:0.75rem;}
}

@media screen and (max-width:768px){
	.content.works .portfolio-list-wrap .portfolio-item {width:100% !important;aspect-ratio:3 / 2;}
	
	.content.contact::before {background-position:32.5% center;}
}

@media screen and (max-width:480px){
	#hero-section .hero-swiper .swiper-wrapper .swiper-slide .inner {gap:2.5rem;}
	#hero-section .hero-swiper .swiper-wrapper .swiper-slide .inner .slide-caption .project-logo {height:1rem;}
	#hero-section .hero-swiper .swiper-wrapper .swiper-slide .inner .slide-caption .project-title {font-size:2.5rem;margin-bottom:1.5rem;}
	
	.content .title-wrap {margin-bottom:2.5rem;}
	.content .title-wrap .title {font-size:1.5rem;}
	.content .title-wrap .desc {font-size:0.875rem;padding:0.625rem 0;}
	.content .title-wrap .back-text {font-size:3rem;}
	
	.content-wrapper {padding:3.75rem 0;}
	
	.content.works .counter-list {margin-bottom:1rem;}
	.content.works .counter-list .item {width:100%;}
	.content.works .counter-list .item .inner {gap:1rem;padding:1rem;}
	.content.works .counter-list .item .inner .label {font-size:0.875rem;}
	.content.works .counter-list .item .inner .counter .number {font-size:1.75rem;}
	.content.works .counter-list .item .inner .counter .unit {font-size:1rem;}
	.content.works .counter-list .item .inner .text {font-size:0.875rem;}
	
	.content.works .portfolio-list-wrap .portfolio-item .portfolio-caption .portfolio-title {width:calc(100% - 2.75rem) !important;}
	.content.works .portfolio-list-wrap .portfolio-item .portfolio-caption .portfolio-title p {font-size:1.125rem !important;}
	.content.works .portfolio-list-wrap .portfolio-item .portfolio-caption .portfolio-desc {width:calc(100% - 2.75rem) !important;}
	.content.works .portfolio-list-wrap .portfolio-item .portfolio-caption .view-more {width:2.5rem;}
	.content.works .portfolio-list-wrap .portfolio-item .portfolio-caption .view-more span {font-size:1rem;}
	
	.content.works .button-wrapper {margin-top:2.5rem;}
	
	.content.our-service .service-list .item {width:100%;}
	.content.our-service .service-list .item .inner {gap:1.5rem;padding:1rem;}
	.content.our-service .service-list .item .inner .number {font-size:1rem;}
	.content.our-service .service-list .item .inner .cont .subject {font-size:1.125rem;margin-bottom:0.75rem;}
	.content.our-service .service-list .item .inner .cont .text {font-size:0.875rem;}
	.content.our-service .service-list .item .inner .cont .tag-list .tag-item {height:1.75rem;padding:0 0.75rem;}
	.content.our-service .service-list .item .inner .cont .tag-list .tag-item .text {font-size:0.625rem;}
	
	.content.our-service .button-wrapper {margin-top:2.5rem;}
	
	.content.blog .blog-list-wrap .blog-item .blog-title {margin:1rem 0 0.75rem !important;}
	.content.blog .blog-list-wrap .blog-item .blog-title p {font-size:1.125rem !important;}
	.content.works .portfolio-list-wrap .portfolio-item .portfolio-caption .portfolio-desc p {font-size:0.875rem !important;}
	.content.works .portfolio-list-wrap .portfolio-item:hover .portfolio-caption .portfolio-desc {height:calc((0.875rem * 1.4) * 3);}
	.content.blog .blog-list-wrap .blog-item .bottom-wrap .view-more {width:2.5rem;}
	.content.blog .blog-list-wrap .blog-item .bottom-wrap .view-more span {font-size:1rem;}
	
	.content.blog .button-wrapper {margin-top:2.5rem;}
	
	.content.contact .title-wrap .main {font-size:1.5rem;}
	.content.contact .title-wrap .sub {font-size:0.875rem;}
}