@charset "UTF-8";



@media (max-width: 1550px) and (min-width: 1023px) {
	 .Our_project_none {
		 font-size: 130px;
	}
	.Our_project .txt {
		font-size: 28px;
	}
	.digital {
	    gap: 150px;
	}
	.brand  {
	    gap: 150px;
	}
	.digital .video {
	    height: 600px;
	}
	.brand .video {
		height: 600px;
	}
	.Contents {
		padding: 0 0 150px 0;
		gap: 180px;
		/* height: 220vh; */
	}
	.culture .aniamtion-img {
		width: 700px;
		height: 700px;
	}
	.culture .c_content .c_y_bg {
		width: 333px;
		height: 272px;
	}
	.culture .c_content {
		width: 550px;
		height: 550px;
	}
	.c-solution .sol-img-list {
		gap: 150px;
		/* min-height: auto; */
	}
	.visual-txt p {
		font-size: 130px;
	}
	.create .first-box .c-f-img {
		
	}
	.graphic {
		gap: 150px;
	}
	.graphic .c-main-txt {
		margin-top: 200px;
		gap: 8px;
	}
	.graphic .graphic-img .g-list {
	    gap: 40px;
	    /* width: calc(100% - 80px); */
	}
	.graphic .graphic-img .g-list .img {
		width: calc(50% - 20px);
		gap: 40px;
	}
	.join_us_page .back {
		/* background-size: cover; */
	}
	.join_us_page .back .title {
		font-size: 120px;
	}


	.c-main-txt {
		font-size: 40px;
		gap: 0px;
		transition: .3s;
	}
	.c-txt {
		
		font-size: 100px;
	}
	.create .two-box .list ul li .center {
		/* display: flex; */
		/* flex-direction: column; */
		/* width: 100%; */
		/* height: 100%; */
		/* justify-content: center; */
		/* align-items: center; */
		/* align-content: center; */
		/* position: absolute; */
		gap: 35px;
		/* color: #fff; */
	}
	.create .two-box .list ul li span {
		font-size: 40px;
	}
	.create .two-box .list ul li .list-txt {
	}
	.create .two-box .list ul li p {
		font-size: 18px;
	}
	.moviebox .m-bgbox {
		width: 750px;
		height: 750px;
	}
	.moviebox .click-box .computer-img {
        width: 450px;
        height: 450px;
    }
	.moviebox .click-box .play {
		width: 120px;
		height: 120PX;
		display: flex;
		justify-content: center;
		align-items: center;
		align-content: center;
	}
	.moviebox .click-box .play svg {
		width: 40px;
		height: 40px;
	}
	.moviebox .videobox.on {
		max-width: 880px;
		/* margin: 0 70px; */
		width: calc(100% - 140px);
		height: auto;
	}
	.c-footer .f-txt p {
		font-size: 25px;
	}
	.employment .c-footer-wrap {
	    gap: 80px;
	}
	.c-footer-wrap {
		gap: 100px
		
	}
	.sol-img-list .s-list div .c-sub-txt {
		font-size: 35px;
		padding: 40px 0 0 40px !important;
		line-height: 1.3;
	}
	.sol-img-list .s-list div p {
		font-size: 18px;
		padding: 0 40px 40px !important;
	}
	.sol-img-list .s-list {
		gap: 40px;
	}
	.sol-img-list .s-list .img {
		width: calc(50% - 15px);
		gap: 40px;
	}
	.company .m-visual .c-sub-txt {		
		font-size: 38px;					
		gap: 8px;					
		line-height: 1.6;
	}
	.c-solution .sol-wrap .sol-img {
		width: 800px;
	}
	.c-solution .sol-wrap .c-sub-txt {
		font-size: 35px;
		gap: 10px;
	}
	.project_page .project_list .title {
	    font-size: 130px;
	}
	.project_page .list {
		gap: 40px;
	}
	.project_page .img {
		width: calc(50% - 20px);
		gap: 40px;
	}
	.project_popup .page {
		/* max-width: 1400px; */
	}
	.project_popup .page_txt .txt {
		font-size: 22px;
	}
	.join_us_page .hand .img1{
		height: 480px;
		width: 250px;
		transform: translate(-80%, -50%);
	}
	.join_us_page .hand .img2{
		height: 480px;
		width: 250px;
		transform: translate(-20%, -50%);
	}
	.employment .title {
	 font-size: 40px;
	 gap: 20px;
	}
	.word-break {
		font-size: 22px;
	}
	.c-footer .footer-box ul {
		/* margin: 0 70px; */
		gap: 20px;
	}
	.c-footer .footer-box ul li {
		height: 380px;
	}
	.company .c-footer .footer-box ul li {
		width: 100%;
		padding: 40px;
		height: 380px;
		display: flex;
		gap: 20px;
	}
	.c-footer .footer-box ul li div {
		gap: 0;
	}
	.contents-footer .footer-box ul li .button {
		
	}
	.c-footer .footer-box ul li p {
		font-size: 30px;
		line-height: 1.4;
	}
	.c-solution .footer-box ul li div span {
		font-size: 22px;
		margin-top: 22px;
	}
	.c-solution .footer-box .map-btn {
		width: 80px;
		height: 80px;
		font-size: 24px;
	}
	.join_us_page .banner {
		max-width: calc(100% - 220px);
	}
	.join_us_page .banner .swiper-wrapper > div {
		gap:32px;
	}
	.join_us_page .banner .swiper2 {
		height: 550px;
	}
	.join_us_page .banner .swiper-wrapper > div > .box > .hover > div .txt {
		font-size: 20px;
	}
	.join_us_page .banner .swiper-wrapper > div > .box > .hover > div {
		font-size: 14px;
	}
	.create .two-box {
		height: 110vh;
    	min-height: 1300px;
	}
}
@media (max-width: 1024px) and (min-width: 769px) {
	.main_img .video_web {
		display: none;
	}
	.main_img .video_mobile {
		display: block;
	}
	 .Our_project_none {
		 font-size: 90px;
	}
	.Our_project .txt {
		font-size: 28px;
	}
	.Our_project>.button {
		width: 450px;
	}
	.marquee>div>div {
		
		height: 130px;			
		width: 2620px;
	}
	.Contents {
		gap: 150px;
		/* height: 180vh; */
		padding: 0 0 150px 0;
		/* min-height: 1800px; */
	}
	.digital {
	    gap: 60px;
	    flex-direction: column-reverse;
	}
	.digital .txt {
		width: 100%;
		align-items: flex-start;
	}
	.digital .video {
	    height: 500px;
	}
	.digital .arrow {
		bottom: -50px;
		left: 50%;
		background: #7DA4E7 url(./img/arrow_01.png) 50% 50% / 45px no-repeat;
		width: 100px;
		height: 100px;
		transform: translate(-50%, 0%);
	}
	.digital .arrow:hover,
	.brand .arrow:hover {
		transition: all .5s ease;
		animation: arrow 1s infinite;
	}
	@keyframes arrow {
		 30% {
	        transform:  translateX(-50%) scale(1.1);
	    }
	
	    40%, 60% {
	        transform:  translateX(-50%)  rotate(-10deg) scale(1.1);
	    }
	
	    50% {
	        transform:  translateX(-50%)  rotate(10deg) scale(1.1);
	    }
	
	    70% {
	        transform:   translateX(-50%)  rotate(0deg) scale(1.1);
	    }
	}
	.brand  {
	    gap: 60px;
	    flex-direction: column;
	}
	.brand .txt {
		width: 100%;
		align-items: flex-start;
	}
	.brand .video {
		height: 500px;
	}
	.brand .arrow {
		bottom: -64px;
	}
	.brand .arrow {
		bottom: -50px;
		left: 50%;
		background: #7DA4E7 url(./img/arrow_01.png) 50% 50% / 45px no-repeat;
		width: 100px;
		height: 100px;
		transform: translate(-50%, 0%);

	}
	.sol-img-list .s-list div .c-sub-txt {
		font-size: 26px;
		padding: 30px 0 0 30px !important;
		line-height: 1.3;
	}
	.sol-img-list .s-list div p {
		font-size: 15px;
		padding: 0 30px 30px !important;
	}
	.c-solution .sol-img-list .visual-txt {
        gap: 18px;
        margin-top: 160px;
    }
	.sol-img-list .s-list {
		gap: 20px;
		padding-bottom: 160px;
	}
	.c-solution .sol-img-list {
		gap: 120px;
		/* min-height: auto; */
	}
	.sol-img-list .s-list .img {
		width: calc(50% - 10px);
		gap: 20px;
	}
	.culture .aniamtion-img {
		width: 650px;
		height: 650px;
	}
	.culture .c_content .c_y_bg {
		width: 303px;
		height: 242px;
	}
	.culture .c_content {
		width: 500px;
		height: 500px;
	}
	.sol-teck {
		gap: 120px;
	}
	.visual-txt {
		gap: 18px;
	}
	.visual-txt p {
        font-size: 100px;
    }
	.c-main-txt {
		font-size: 40px;
		gap: 0px;
		display: flex;
		flex-direction: column;
		align-items: center;
		align-content: center;
		transition: .3s;
	}
	.graphic .graphic-img .g-list {
		gap: 20px;
		/* width: calc(100% - 80px); */
	}
	
	.graphic .graphic-img .g-list .img {
		width: calc(50% - 10px);
		gap: 20px;
	}
	.graphic {
        gap: 120px;
    }
	.graphic .c-main-txt {
		margin-top: 200px;
	}
	.graphic .c-main-txt p{
		line-height: 1.6;
		font-size: 35px;
	}
	.join_us_page .back {
	background: linear-gradient(to bottom, rgb(217 230 255), rgb(185 207 250));
	}
	.join_us_page .back .title {
		font-size: 100px;
		width: 100%;
	}
	.join_us_page .hand .img1{
		transform: translate(-85%, -50%);
		height: 420px;
		width: 200px;
	}
	.join_us_page .hand .img2{
		height: 420px;
		width: 200px;
		transform: translate(-15%, -50%);
	}
	@keyframes bounce{
         0%{
            left: 50%;
			animation-timing-function: ease-in-out;
         }

         50%{
			left: 45%;
			 animation-timing-function: ease-in-out;

         }
		100%{
            left: 50%;
			animation-timing-function: ease-in-out;
         }
     }

	@keyframes bounce2{
	         0%{
	            left: 50%;
				animation-timing-function: ease-in-out;
	         }
	
	         50%{
				left: 55%;
				 animation-timing-function: ease-in-out;
	
	         }
			100%{
	            left: 50%;
				animation-timing-function: ease-in-out;
	         }
	     }
	.employment .title {
	 font-size: 35px;
	 gap: 18px;
	 transition: .3s;
	}
	.c-main-txt p{
		display: flex;
		flex-direction: column;
		align-items: center;
		line-height: 2.2;
	}
	
	.c-main-txt p span{
		display: flex;
		/* flex-direction: column; */
	}
	.create .two-box {
		/* height: 270vh; */
		gap: 40px;
	}
	.c-txt {
        font-size: 70px;
        margin: 0 40px;
        width: calc(100% - 80px);
    }
	.create .two-box .list {
		margin: 0 70px;
		max-width: 600px;
	}
	.create .two-box .list ul {
		
		flex-direction: column;
	}
	.create .two-box .list ul li {
		/* height: 600px; */
		display: flex;
		padding-bottom: 100%;
	}
	.create .two-box .list ul li .center {
		display: flex;
		align-content: center;
		justify-content: center;
		align-items: center;
	}
	.create .two-box .list ul li span {
		/* font-size: 40px; */
	}
	.create .two-box .list ul li .list-txt {
	}
	.create .two-box .list ul li p {
		/* font-size: 18px; */
	}
	.create .two-box .list ul li:nth-child(1) {
	    transform: translateY(70px);
	}
	
	.create .two-box .list ul li:nth-child(2) {
	    background-color: #F9B311;
	}
	
	.create .two-box .list ul li:nth-child(3) {
	    transform: translateY(-70px);
	}
	.moviebox .videobox.on {
		max-width: 670px;
		height: auto;
		width: calc(100% - 140px);
		/* margin: 0 70px; */
	}
	.moviebox .m-bgbox {
		width: 650px;
		height: 650px;
	}
	.moviebox .click-box .computer-img {
        width: 350px;
        height: 350px;
    }
	.moviebox .click-box .play {
		width: 100px;
		height: 100px;
		display: flex;
		justify-content: center;
		align-items: center;
		align-content: center;
	}
	.moviebox .click-box .play svg {
		width: 38px;
		height: 38px;
	}
	.company .m-visual .button {
		width: 450px;
	}
	.company .m-visual .c-sub-txt {
		font-size: 30px;
	}
	.c-solution .sol-wrap {
		gap: 70px;
	}
	.c-solution .sol-wrap .sol-img {
		width: 600px;
	}
	.c-solution .sol-wrap .c-sub-txt {
		font-size: 30px;
		gap: 5px;
	}
	.project_page .project_list .title {
	    font-size: 100px;
	    margin-top: 160px;
	    gap: 18px;
	}
	.project_page .project_list .tab {
		font-size: 18px;
		gap: 14px;
	}
	.project_page .img {
		width: calc(50% - 10px);
		gap: 20px;
	}
	.project_page .list {
		gap: 20px
		
	}
	.project_popup .page_txt {
		height: 700px;
	}
	.project_popup .page_txt .title {
		font-size: 28px;
	}
	.project_page .img div a:hover div {
		font-size: 18px;
	}
	.project_popup .page_txt .txt {
		font-size: 16px;
		flex-direction: column;
		gap: 20px;
	}
	.project_popup .page_txt .txt div {
		flex-direction: row;
		justify-content: flex-start;
		border-bottom: 2px solid #000;
	}
	.project_popup .page_txt .txt div:nth-child(3) {
		border-bottom: none;
	}
	.project_popup .page_txt .txt div > div:nth-child(1) {
		width: 200px;
		margin-bottom: 0;
		padding-bottom: 20px;
		border: none;
		justify-content: flex-start;
	}
	.project_popup .page_txt .txt div > div:nth-child(2) {
		border-bottom: none;
		justify-content: flex-start;
	}
	.word-break {
		font-size: 16px;
	}
	.c-footer .footer-box ul {
		flex-direction: column;
		/* margin: 0 70px; */
		gap: 15px;
	}
	.c-footer .footer-box ul li {
	
	}
	.company .c-footer .footer-box ul li {
		width: 100%;
		padding: 40px;
		height: 320px;
		display: flex;
		gap: 20px;
	}
	.employment .c-footer-wrap {
	    gap: 70px;
	}
	.c-footer-wrap {
		gap: 80px
		
	}
	.c-footer .f-txt p {
        font-size: 20px;
    }
	.contents-footer .footer-box ul li div {
		line-height: 1.4;
	}
	.contents-footer .footer-box ul li .button {
		gap: 10px !important;
	}
	.contents-footer .footer-box ul li .button a {
		font-size: 20px;
		height: 65px;
	}
	.c-footer .footer-box ul li div {
		gap: 0;
	}
	.c-footer .footer-box ul li p {
		font-size: 30px;
	}
	.c-solution .footer-box ul li div span {
		font-size: 22px;
	}
	.c-solution .footer-box .map-btn {
		width: 80px;
		height: 80px;
		font-size: 24px;
	}
	.footer {
		gap: 30px;
		margin-bottom: 50px;
		padding: 0 70px;
	}
	.footer .footer-bottom {				
		flex-direction: column;				
		align-items: center;				
		line-height: 1.6;
	}
	.employment .button {
		width: 450px;
	}
	.swiper-button-next,
	.swiper-button-prev,
	.join_us_page .banner .swiper2 {
		height:0 !important;
	}
.mb-sw {
		height: auto;
		width: 100%;
		max-width: 600px;
	}
	.mb-sw .swiper-button-next, .mb-sw .swiper-button-prev {
		height: 60px !important;
		top: var(--swiper-navigation-top-offset,45%);
	}
	
	.mb-sw .swiper3 {
	    height: 100%;
	    width: 100%;
	}
	
	.mb-sw .swiper3 .swiper-slide {
	    width: 100% !important;
	    border-radius: 20px;
	}
	
	.mb-sw .swiper3 .swiper-slide .bx-img {
		background-color:#fff;
		width: 100%;
		/* position: relative; */
		/* height: 100%; */
		min-width: 328px;
		min-height: 328px;
		border-radius: 20px;
		position: relative;
	}
	.mb-sw .swiper3 .swiper-slide .bx-img:after {
		content: "";
	    display: block;
	    padding-bottom: 100%;
	}
	.mb-sw .swiper3 .swiper-slide .bx-img .txt {
		font-size: 40px;
		display:flex;
		flex-direction:column;
		gap:10px;
		position: absolute;
		left: 30px;
		top: 30px;
		transition: .3s;
	}
	
	.mb-sw .swiper3 .swiper-slide .bx-img .txt strong {
		font-weight: 900;
    	text-transform: uppercase;
	}

	.mb-sw .swiper3 .swiper-slide .sb-01 .txt strong{
		color:#7DA4E7;
	}
	
	.mb-sw .swiper3 .swiper-slide .sb-02 .txt strong{
		color:#F9B211;
	}
	
	.mb-sw .swiper3 .swiper-slide .sb-03 .txt strong{
		color:#B9B92F;
	}
	
	.mb-sw .swiper3 .swiper-slide .sb-04 .txt strong{
		color:#FFB5B3;
	}
	
	.mb-sw .swiper3 .swiper-slide .bx-img .mbs-img-01{
		background:url(./img/sw-02.png) 50% 50% / 80% no-repeat;
		height:100%;
		width: 100%;
		position: absolute;
		transition: .3s;
	}
	
	.mb-sw .swiper3 .swiper-slide .bx-img .mbs-img-02{
		background:url(./img/sw-06.png) 50% 50% / 80% no-repeat;
		height:100%;
		width: 100%;
		position: absolute;
	}
	
	.mb-sw .swiper3 .swiper-slide .bx-img .mbs-img-03{
		background:url(./img/sw-08.png) 50% 50% / 80% no-repeat;
		height:100%;
		width: 100%;
		position: absolute;
	}
	
	.mb-sw .swiper3 .swiper-slide .bx-img .mbs-img-04{
		background:url(./img/sw-11.png) 50% 50% / 80% no-repeat;
		height:100%;
		width: 100%;
		position: absolute;
	}
	
	.mb-sw .swiper3 .swiper-slide .bx-img .txt-t {
		font-size:16px;
		font-weight:500;
		display:flex;
		flex-direction:column;
		gap:10px;
		position: absolute;
		bottom: 30px;
		left: 30px;
		transition: .3s;
	}
	.create .two-box {
		
	}
}

@media (max-width: 768px) and (min-width: 479px) {
	.main_img .video_web {
		display: none;
	}
	.main_img .video_mobile {
		display: block;
	}
	.menupage {
		gap: 50px;
	}
	.menupage .menutxt {
		
		height: 55px;
	}
	.menupage .menutxt .list {
		font-size: 55px;
	}
	.Our_project {
		height: 100vh;
	}
	 .Our_project_none {
		 font-size: 60px;
		 padding-bottom: 40px;
	}
	.Our_project .txt {
		font-size: 20px;
	}
	.Our_project>.button {
		width: 260px;
		height: 60px;
		font-size: 16px;
	}
	.Our_project .txt_block {
		display: none;
	}
	.Our_project .txt_none {
		display: block;
	}
	.button-hover {
		width: 50px;
		height: 50px;
		right: 7px;
	}
	.marquee>div>div {
		height: 100px;
		width: 2000px;
	}
	.Contents {
		gap: 120px;
		padding: 0 0 120px 0;
		/* height: 100vh; */
		/* min-height: 1400px; */
	}
	.digital {
	    gap: 35px;
	    flex-direction: column-reverse;
	    margin: 0 40px;
	}
	.digital .txt {
		width: 100%;
		align-items: flex-start;
		font-size: 30px;
	}
	.digital .video {
	    height: 400px;
	}
	.digital .arrow {
		bottom: -35px;
		left: 50%;
		background: #7DA4E7 url(./img/arrow_01.png) 50% 50% / 30px no-repeat;
		width: 70px;
		height: 70px;
		transform: translate(-50%, 0%);
	}

	.digital .arrow:hover,
	.brand .arrow:hover {
		transition: all .5s ease;
		animation: arrow 1s infinite;
	}
	@keyframes arrow {
		 30% {
	        transform:  translateX(-50%) scale(1.1);
	    }
	
	    40%, 60% {
	        transform:  translateX(-50%)  rotate(-10deg) scale(1.1);
	    }
	
	    50% {
	        transform:  translateX(-50%)  rotate(10deg) scale(1.1);
	    }
	
	    70% {
	        transform:   translateX(-50%)  rotate(0deg) scale(1.1);
	    }
	}
	.brand  {
        gap: 35px;
        flex-direction: column;
        margin: 0 40px;
	}
	.brand .txt {
		width: 100%;
		align-items: initial;
		font-size: 30px;
	}
	.brand .video {
		height: 400px;
	}
	.brand .arrow {
		bottom: -64px;
	}
	.brand .arrow {
		bottom: -35px;
        left: 50%;
        background: #7DA4E7 url(./img/arrow_01.png) 50% 50% / 30px no-repeat;
        width: 70px;
        height: 70px;
        transform: translate(-50%, 0%);

	}
	
	.culture .c_content .join-btn {
		width: 240px;
		height: 70px;
		font-size: 18px;
		z-index:1;
	}
	.culture {
		height: 100vh;
		/* min-height: 900px; */
	}
	.culture .aniamtion-img {
		width: 650px;
		height: 650px;
		display: none;
	}
	.culture .c_content .c_y_bg {
		width: 303px;
		height: 242px;
	}
	.culture .c_content {
		width: 700px;
		height: 700px;
	}
	.culture .font_img {
		display: block;
	}
	.sol-img-list .s-list div .c-sub-txt {
		font-size: 26px;
		padding: 40px 40px 0 40px !important;
		line-height: 1.3;
	}
	.sol-img-list .s-list div p {
		font-size: 16px;
		padding: 0 40px 40px;
	}
	
	.sol-img-list .s-list {
		gap: 30px;
	}
	.sol-img-list .s-list .img {
		width: 100%;
		gap: 20px;
	}
	.sol-img-list .s-list .img:nth-child(2) {
		margin: 0;
	}
	.c-solution .sol-img-list {
		padding: 0 40px;
		gap: 80px;
	}
	.visual-txt {
		gap: 12px;
	}
	.visual-txt p {
        font-size: 70px;
    }
	.create .first-box .c-f-img {
		width: 100px;
		height: 100px;
		transition: .3s;
	}
	.c-main-txt {
		font-size: 30px;
		gap: 0px;
		display: flex;
		flex-direction: column;
		align-items: center;
		align-content: center;
	}
	.graphic {
		gap: 80px;
	}
	.graphic .graphic-img .g-list {
        gap: 20px;
        width: calc(100% - 80px);
        flex-direction: column;
    }
	.graphic .c-main-txt {
		margin-top: 150px;
		gap: 5px;
	}
	.c-loop {
		height: 100vh;
	}
	.graphic .c-main-txt p {
        line-height: 1.6;
        font-size: 26px;
    }
	.graphic .graphic-img .g-list .img {
		gap: 20px;
		width: 100%;
	}
	.graphic .graphic-img .g-list .img:nth-child(2) {
		margin-top: 0;
	}
	.c-main-txt p{
		display: flex;
		flex-direction: column;
		align-items: center;
		line-height: 2.2;
	}
	
	.c-main-txt p span{
		display: flex;
		/* flex-direction: column; */
	}
	.create .two-box {
        /* height: 220vh; */
        gap: 30px;
        /* min-height: 1200px; */
        /* gap: 50px; */
    }
	.c-txt {
        font-size: 54px;
        margin: 0 40px;
        width: calc(100% - 80px);
    }
	.create .two-box .list {
		margin: 0 70px;
		max-width: 600px;
	}
	.create .two-box .list ul {
		
flex-direction: column;
		
margin-bottom: 20px;
	}
	.create .two-box .list ul li {
		/* height: 600px; */
		display: flex;
		padding-bottom: 100%;
	}
	.create .two-box .list ul li .center {
		display: flex;
		align-content: center;
		justify-content: center;
		align-items: center;
		gap: 31px;
	}
	.create .two-box .list ul li span {
		font-size: 40px;
	}
	.create .two-box .list ul li .list-txt {
	}
	.create .two-box .list ul li p {
		font-size: 18px;
	}
	.create .two-box .list ul li:nth-child(1) {
	    transform: translateY(70px);
	}
	
	.create .two-box .list ul li:nth-child(2) {
	    background-color: #F9B311;
	}
	
	.create .two-box .list ul li:nth-child(3) {
	    transform: translateY(-70px);
	}
	.moviebox {
		height: 100vh;
	}
	.create .two-box .list {
		margin: 0 40px;
		max-width: 500px;
		width: calc(100% - 80px);
	}
	.moviebox .m-bgbox {
		width: 450px;
		height: 450px;
	}
	.moviebox .click-box .computer-img {
        width: 250px;
        height: 250px;
    }
	.moviebox .click-box .play {
		width: 60px;
		height: 60px;
		display: flex;
		justify-content: center;
		align-items: center;
		align-content: center;
	}
	.moviebox .click-box .play svg {
		width: 25px;
		height: 25px;
	}
	.moviebox .videobox.on {

		width: 100%;
		
		/* margin: 0 70px; */
		
		height: auto;

	}
	.contents-footer .footer-box ul {
		width: calc(100% - 80px);
	}
	.c-footer-wrap {
		gap: 80px;
		/* min-height: 700px; */
	}
	.c-footer .f-txt p {
        font-size: 20px;
        display: flex;
        flex-direction: column;
        align-content: center;
        align-items: center;
        gap: 18px;
    }
	.c-footer .f-txt p span{

}
	.contents-footer .footer-box ul li {
		padding: 40px;
		height: 320px !important;
	}
	.contents-footer .footer-box ul li div {
		line-height: 1.4;
		font-size: 20px !important;
	}
	.contents-footer .footer-box ul li .button {
		gap: 10px !important;
	}
	.contents-footer .footer-box ul li .button a {
		font-size: 15px;
		height: 60px;
	}
	.sol-teck .visual-txt p {
        padding: 0 40px;
        display: flex;
        font-size: 70px;
        margin-bottom: 100px;
    }
	.sol-teck .visual ul li {
        width: 210px;
        height: 210px;
    }
	.sol-teck {
        gap: 20px;
        height: 100vh;
        /* min-height: 700px; */
    }
	.sol-teck .visual ul {
	    gap: 20px;
	}
	.sol-teck .visual-txt {
	    margin-bottom: 0px;
	}
	.marquee-three {
		/* display: block; */
		visibility: visible;
		height: 210px;
	}
	.company .m-visual .button {
		width: 260px;
		height: 60px;
		font-size: 16px;
	}
	.company .m-visual .c-sub-txt {
		font-size: 24px;
	}
	
	.c-solution .sol-wrap .sol-img div {
		transform: translateX(0px);
	}
	.c-solution .sol-wrap .sol-img .img-01 {
		transform: translateX(11px);
	}
	.c-solution .sol-wrap .sol-img .img-02 {
		transform: translateX(-11px);
	}
	.c-solution .sol-wrap {
		gap: 50px;
		height: 100vh;
	}
	.c-solution .sol-wrap .sol-img {
		width: 400px;
		grid-template-columns: 1fr 1fr;
		gap: 25px 0;
	}
	.c-solution .sol-wrap .c-sub-txt {
		font-size: 20px;
		gap: 7px;
	}
	.c-solution .sol-img-list .visual-txt {
		gap: 12px;
		margin-top: 100px;
	}
	.c-solution .sol-img-list .visual-txt p{
		font-size: 70px;
	}
	.sol-img-list .s-list {
		flex-direction: column;
		gap: 0;
		padding-bottom: 100px;
	}
	.join_us_page .back {
		background: linear-gradient(to bottom, rgb(217 230 255), rgb(185 207 250));
	}
	.join_us_page .back .title {
        font-size: 60px;
        width: 100%;
        /* width: 460px; */
        text-align: center;
        line-height: 1.2;
    }
	.join_us_page .hand .img1{
		transform: translate(-85%, -50%);
		height: 420px;
		width: 200px;
	}
	.join_us_page .hand .img2{
		height: 420px;
		width: 200px;
		transform: translate(-15%, -50%);
	}
	.employment .title {
        font-size: 28px;
        transition: .3s;
    }
	.project_list {
		margin: 0 40px;
		gap: 50px;
	}
	.project_page .project_list .title {
	    font-size: 70px;
	    margin-top: 130px;
	    gap: 12px;
	}
	.project_page .project_list .tab {
		font-size: 14px;
		gap: 8px;
	}
	.project_page .project_list .tab li a {
		padding: 10px 18.1px !important;
	}
	.project_page .list {
		display: flex;
		flex-direction: column;
		width: 100%;
	}
	.project_page .img {
		width: 100%;
		gap: 100px;
	}
	.project_page .img div a:hover div {
		display: none;
		pointer-events: none;
	}
	.project_page .img div a {
		pointer-events: none;
	}
	.project_page .img div a div {
		/* display: block; */
		position: absolute;
		width: 100%;
		height: 22px;
		background: #00000000;
		z-index: 10;
		left: 0;
		bottom: -40px;
		display: flex;
		align-content: flex-start;
		justify-content: flex-start;
		align-items: flex-start;
		color: #000;
		font-size: 16px;
		border-radius: 20px;
		text-align: left;
		line-height: 1.4;
		font-family: 'SUIT';
		font-weight: 600;
		gap: 6px;
		pointer-events: none;
	}
	.project_page .img:nth-child(2) {
		margin-top: 30px;
	}
	.project_page .img > div:last-child {
	    margin-bottom: 0px;
	}
	.project_popup .page {
		width: calc(100% - 80px);
		height: calc(100% - 80px);
		top: 80px;
	}
	.project_popup .page_txt {
		height: 650px;
	}
	.project_popup .page_txt .title {
		font-size: 25px;
		width: calc(100% - 80px);
	}
	.project_page .img div a:hover div {
		font-size: 18px;
	}
	.project_popup .page_txt .txt {
		font-size: 16px;
		flex-direction: column;
		width: calc(100% - 80px);
	}
	.project_popup .page_txt .txt div {
		flex-direction: row;
		border-bottom: 2px solid #000;
	}
	.project_popup .page_txt .txt div:nth-child(3) {
		border-bottom: none;
	}
	.project_popup .page_txt .txt div > div:nth-child(1) {
		width: 150px;
		margin-bottom: 0;
		padding-bottom: 15px;
		border: none;
		justify-content: flex-start;
	}
	.project_popup .page_txt .txt div > div:nth-child(2) {
		border-bottom: none;
		justify-content: flex-start;
	}
	.word-break {
		font-size: 16px;
		width: calc(100% - 80px);
	}
	.company .c-footer .footer-box {
		padding: 0 40px
	}
	
	.c-footer .footer-box ul {
		flex-direction: column;
		/* margin: 0 40px; */
		gap: 15px;
	}
	.company .c-footer .footer-box ul li {
		width: 100%;
		padding: 40px;
		height: 300px;
		display: flex;
		gap: 20px;
	}
	.c-footer .footer-box ul li div {
		gap: 0;
	}
	.contents-footer-footer .footer-box ul li p {
        font-size: 30px;
    }
	.c-footer .footer-box ul li p {
		font-size: 30px;
	}
	.contents-footer .footer-box ul li div p {
        line-height: 1.4;
        font-size: 25px !important;
    }
	.c-solution .footer-box ul li div span {
		font-size: 19px;
	}
	.c-solution .footer-box .map-btn {
		width: 80px;
		height: 68px;
		font-size: 20px;
	}
	.project_page .footer {
		margin-top: 160px;
	}
	.end {
		/* min-height: 700px; */
	}
	
	.footer {
		gap: 20px;
		margin-bottom: 50px;
		padding: 0 40px;
	}
	
	.footer .footer-bottom {				
		flex-direction: column;				
		align-items: center;				
		line-height: 1.6;
	}
	.footer .footer-bottom p {
		font-size: 12px;
	}
	header {
	    top: 0;
	    width: 100%;
	    left: 0;
	    padding: 20px;
	    box-sizing: border-box;

	}
/* 	header:before {
		content:"";
		display:block;
		position: absolute;
		width:100%;
		height:100%;
 	    backdrop-filter: blur(10px); 
 	    left:0;
	} */
	
	.employment .button {
		width: 260px;
	    height: 60px;
	    font-size: 16px;
	}
	
	.employment .em-txt {
	  	padding: 0 20px;
	  	flex-direction: column;
	  	text-align: center;
	}
	.swiper-button-next,
	.swiper-button-prev,
	.join_us_page .banner .swiper2 {
		height:0 !important;
	}
	.join_us_page .banner {
		width: calc(100% - 80px);
		transition: .3s;
		height: 100vh;
	}
	.mb-sw {
		height: auto;
		width: 100%;
		max-width: 600px;
	}
	
	.mb-sw .swiper-button-next, .mb-sw .swiper-button-prev {
		height: 60px !important;
		top: var(--swiper-navigation-top-offset,45%);
	}
	
	.mb-sw .swiper3 {
	    height: 100%;
	    width: 100%;
	}
	
	.mb-sw .swiper3 .swiper-slide {
	    width: 100% !important;
	    border-radius: 20px;
	}
	
	.mb-sw .swiper3 .swiper-slide .bx-img {
		background-color:#fff;
		width: 100%;
		/* position: relative; */
		/* height: 100%; */
		min-width: 328px;
		min-height: 328px;
		border-radius: 20px;
		position: relative;
	}
	.mb-sw .swiper3 .swiper-slide .bx-img:after {
		content: "";
	    display: block;
	    padding-bottom: 100%;
	}
	.mb-sw .swiper3 .swiper-slide .bx-img .txt {
		font-size: 30px;
		display:flex;
		flex-direction:column;
		gap:10px;
		position: absolute;
		left: 30px;
		top: 30px;
		transition: .3s;
	}
	
	.mb-sw .swiper3 .swiper-slide .bx-img .txt strong {
		font-weight: 900;
    	text-transform: uppercase;
	}

	.mb-sw .swiper3 .swiper-slide .sb-01 .txt strong{
		color:#7DA4E7;
	}
	
	.mb-sw .swiper3 .swiper-slide .sb-02 .txt strong{
		color:#F9B211;
	}
	
	.mb-sw .swiper3 .swiper-slide .sb-03 .txt strong{
		color:#B9B92F;
	}
	
	.mb-sw .swiper3 .swiper-slide .sb-04 .txt strong{
		color:#FFB5B3;
	}
	
	.mb-sw .swiper3 .swiper-slide .bx-img .mbs-img-01{
		background:url(./img/sw-02.png) 50% 50% / 60% no-repeat;
		height:100%;
		width: 100%;
		position: absolute;
		transition: .3s;
	}
	
	.mb-sw .swiper3 .swiper-slide .bx-img .mbs-img-02{
		background:url(./img/sw-06.png) 50% 50% / 60% no-repeat;
		height:100%;
		width: 100%;
		position: absolute;
	}
	
	.mb-sw .swiper3 .swiper-slide .bx-img .mbs-img-03{
		background:url(./img/sw-08.png) 50% 50% / 60% no-repeat;
		height:100%;
		width: 100%;
		position: absolute;
	}
	
	.mb-sw .swiper3 .swiper-slide .bx-img .mbs-img-04{
		background:url(./img/sw-11.png) 50% 50% / 60% no-repeat;
		height:100%;
		width: 100%;
		position: absolute;
	}
	
	.mb-sw .swiper3 .swiper-slide .bx-img .txt-t {
		font-size:15px;
		font-weight:500;
		display:flex;
		flex-direction:column;
		gap:10px;
		position: absolute;
		bottom: 30px;
		left: 30px;
	}
	.g-popup .g-popup-all {
	    width: calc(100% - 80px);
	    height: 0;
	    padding-bottom: calc(100% - 80px);
	}
	.g-popup .g-p-wrap {
		  position: absolute;
	}
	.create .first-box {
		  height: 100vh;
	}
}
@media (max-width: 480px) and (min-width: 0px) {
	.main_img .video_web {
		display: none;
	}
	.main_img .video_mobile {
		display: block;
	}
	.menupage {
		gap: 40px;
		min-width: 320px;
	}
	.menupage .menutxt {
		height: 42px;
	}
	.menupage .menutxt .list {
		font-size: 40px;
	}
	.Our_project_none {
		 font-size: 46px;
		 padding-bottom: 40px;
	}
	.Our_project {
		height: 100vh;
		min-height: 600px;
	}
	.Our_project .txt {
		font-size: 20px;
	}
	.Our_project>.button {
		width: 260px;
		height: 60px;
		font-size: 16px;
	}
	.Our_project .txt_block {
		display: none;
	}
	.Our_project .txt_none {
		display: block;
	}
	.button-hover {
		width: 50px;
		height: 50px;
		right: 7px;
	}
	.marquee>div>div {
        height: 80px;
        width: 1530px;
        margin-right: 30px !important;
        gap: 40px;
    }
	
	.Contents {
        gap: 100px;
        padding: 0 0 100px 0;
        /* height: 100vh; */
        /* min-height: 1200px; */
    }
	
	.digital {
	    gap: 25px;
	    flex-direction: column-reverse;
	    margin: 0 20px;
	}
	.digital .txt {
		width: 100%;
		align-items: flex-start;
		font-size: 28px;
		line-height: 1.3;
	}
	.digital .video {
	    height: 300px;
	    min-width: 320px;
	}
	.digital .arrow {
		bottom: -35px;
        left: 50%;
        background: #7DA4E7 url(./img/arrow_01.png) 50% 50% / 30px no-repeat;
        width: 70px;
        height: 70px;
        transform: translate(-50%, 0%);

	}
	.digital .arrow:hover,
	.brand .arrow:hover {
		transition: all .5s ease;
		animation: arrow 1s infinite;
	}
	.brand  {
	    gap: 25px;
	    flex-direction: column;
	    margin: 0 20px;
	    /* width: 100%; */
	}
	.brand .txt {
		width: 100%;
        align-items: flex-start;
        font-size: 28px;
        line-height: 1.3;
	}
	.brand .video {
		height: 300px;
		min-width: 320px;
	}
	.brand .arrow {
		bottom: -64px;
	}
	.brand .arrow {
		bottom: -35px;
        left: 50%;
        background: #7DA4E7 url(./img/arrow_01.png) 50% 50% / 30px no-repeat;
        width: 70px;
        height: 70px;
        transform: translate(-50%, 0%);

	}
	@keyframes arrow {
		 30% {
	        transform:  translateX(-50%) scale(1.1);
	    }
	
	    40%, 60% {
	        transform:  translateX(-50%)  rotate(-10deg) scale(1.1);
	    }
	
	    50% {
	        transform:  translateX(-50%)  rotate(10deg) scale(1.1);
	    }
	
	    70% {
	        transform:   translateX(-50%)  rotate(0deg) scale(1.1);
	    }
	}
	
	.culture {
		height: 100vh;
		min-height: 600px;
	}
	.culture .c_content .join-btn {
		width: 215px;
		height: 64px;
		font-size: 16px;
		z-index:1;
	}
	.culture .aniamtion-img {
		width: 650px;
		height: 650px;
		display: none;
	}
	.culture .c_content .c_y_bg {
		width: 273px;
		height: 212px;
	}
	.culture .c_content {
		width: 600px;
		height: 600px;
	}
	.culture .font_img {
		display: block;
		width: 60%;
	}
	.visual-txt {
		gap: 10px;
	}
	.visual-txt p {
        font-size: 54px;
    }
	.create .first-box {
		height: 100vh;
		min-height: 600px;
	}
	.create .first-box .c-f-img {
		width: 80px;
		height: 80px;
		transition: .3s;
	}
	.c-main-txt {
		font-size: 20px;
		gap: 0px;
		display: flex;
		flex-direction: column;
		align-items: center;
		align-content: center;
	}
	.graphic {
		gap: 50px;
	}
	.graphic .graphic-img .g-list {
		flex-direction: column;
		width: calc(100% - 40px);
		gap: 20px;
	}

	.graphic .graphic-img .g-list .img {
		width: 100%;
		gap: 20px;
		min-width: 320px;
	}
	.graphic .graphic-img .g-list .img:nth-child(2) {
		margin: 0;

		
	}
	.graphic .c-main-txt {
		margin-top: 120px;
		gap: 5px;
		min-width: 320px;
	}
	.graphic .c-main-txt p {
		line-height: 1.6;
		
	}
	.join_us_page .back {
        background: linear-gradient(to bottom, rgb(217 230 255), rgb(185 207 250));
        min-height: 600px;
    }
	.join_us_page .back .title {
        font-size: 40px;
        /* width: 70%; */
        text-align: center;
        line-height: 1.2;
        min-width: 320px;
    }
	.join_us_page .hand .img1{
		height: 300px;
		width: 150px;
		transform: translate(-75%, -50%);
	}
	.join_us_page .hand .img2{
		height: 300px;
		width: 150px;
		transform: translate(-15%, -50%);
	}
	.c-loop {
		min-height: 600px;
		height: 100vh;
	}
	.contnets-two .c-loop .swiper {
		width: calc(100% - 40px);
		box-sizing: border-box;
		height: initial;
	}
	.c-main-txt p{
		display: flex;
		flex-direction: column;
		align-items: center;
		line-height: 2.2;
	}
	
	.c-main-txt p span{
		display: flex;
		/* flex-direction: column; */
	}
	.create .two-box {
		/* height: 175vh; */
		gap: 30px;
		/* min-height:auto; */
	}
	.c-txt {
        font-size: 40px;
        margin: 0 20px;
        width: calc(100% - 40px);
    }
	.create .two-box .list {
		margin: 0 70px;
		max-width: 600px;
	}
	.create .two-box .list ul {
		flex-direction: column;
		margin: 0 20px;
		max-width: 400px;
		width: calc(100% - 40px);
		min-width: 320px;
		margin-bottom: 30px;
	}
	.create .two-box .list ul li {
		/* height: 600px; */
		display: flex;
		padding-bottom: 100%;
	}
	.create .two-box .list ul li .center {
		/* display: flex; */
		/* align-content: center; */
		/* justify-content: center; */
		/* align-items: center; */
		gap: 30px;
	}
	.create .two-box .list ul li span {
		font-size: 35px;
	}
	.create .two-box .list ul li .list-txt {
	}
	.create .two-box .list ul li p {
		font-size: 15px;
	}
	.create .two-box .list ul li:nth-child(1) {
	    transform: translateY(40px);
	}
	
	.create .two-box .list ul li:nth-child(2) {
	    background-color: #F9B311;
	}
	
	.create .two-box .list ul li:nth-child(3) {
	    transform: translateY(-40px);
	}
	.moviebox {
		height: 100vh;
		min-height: 600px;
	}
	.moviebox .m-bgbox {
		width: 320px;
		height: 320px;
		min-width: 320px;
	}
	.moviebox .click-box .computer-img {
		width: 180px;
		height: 180px;
	}
	.moviebox .click-box .play {
		width: 50px;
		height: 50px;
		display: flex;
		justify-content: center;
		align-items: center;
		align-content: center;
	}
	.moviebox .click-box .play svg {
		width: 20px;
		height: 20px;
	}
	.moviebox .videobox.on {
		width: 100%;
		min-width: 320px;
		height: auto;
	}
	.contents-footer .footer-box ul {
		width: calc(100% - 40px);
	}
	.contents-footer .c-footer-wrap {
        gap: 50px;
    }
	.employment .c-footer-wrap {
	    gap: 70px;
	}
	.c-footer-wrap {
		gap: 70px;
	}
	.contents-footer .f-txt {
		gap: 15px;
		margin-top: auto;
	}
	.c-footer .f-txt p {
        font-size: 15px;
        display: flex;
        flex-direction: column;
        align-content: center;
        align-items: center;
        gap: 15px;
    }
	.contents-footer .footer-box ul li {
		padding: 30px;
		height: 240px !important;
	}
	.contents-footer .footer-box ul li div {
		line-height: 1.4;
	}
	.contents-footer .footer-box ul li .button {
		gap: 10px !important;
	}
	.contents-footer .footer-box ul li .button a {
		font-size: 15px;
		height: 60px;
	}
	.company .m-visual .button {
		width: 260px;
		height: 60px;
		font-size: 16px;
	}
	.company .m-visual .c-sub-txt {
		font-size: 18px;
		gap: 8px;
	}
	.c-solution .sol-wrap .sol-img div {
		transform: translateX(0px);
	}
	.c-solution .sol-wrap .sol-img .img-01 {
		transform: translateX(11px);
	}
	.c-solution .sol-wrap .sol-img .img-02 {
		transform: translateX(-11px);
	}
	.c-solution .sol-wrap {
		gap: 50px;
		height: 100vh;
		min-height: 600px;
	}
	.c-solution .sol-wrap .sol-img {
		width: 256px;
		grid-template-columns: 1fr 1fr;
		gap: 25px 0;
	}
	.c-solution .sol-wrap .c-sub-txt {
		font-size: 18px;
		gap: 7px;
	}
	.c-solution .sol-img-list {
		padding: 0 20px;
		gap: 50px;
		min-height: 1700px;
	}
	.c-solution .sol-img-list .visual-txt {
		gap: 10px;
		margin-top: 50px;
	}
	.c-solution .sol-img-list .visual-txt p{
		font-size: 54px;
	}
	.sol-img-list .s-list {
		flex-direction: column;
		gap: 0;
		padding-bottom: 80px;
	}
	.sol-img-list .s-list .img {
		width: 100%;
		gap: 20px;
		margin: 0 !important;
	}
	.sol-img-list .s-list div .c-sub-txt {
		padding: 30px 30px 0 30px;
		font-size: 24px;
	}
	.sol-img-list .s-list div p {
		padding: 0 30px 30px;
		font-size: 14px;
	}
	.sol-teck .visual-txt p {
		padding: 0 20px;
		display: flex;
		font-size: 54px;
		margin-bottom: 100px;
	}	
	.sol-teck {
		gap: 15px;
		height: 100vh;
		min-height: 600px;
	}
	.marquee-two .js-marquee {
	    margin-right: 20px !important;
	}
	.sol-teck .visual-txt {
	    margin-bottom: 0px;
	}
	.marquee-three {
		/* display: block; */
		opacity: 1;
		visibility: visible;
		height: 156px;
	}
	.marquee-three .js-marquee {
	    margin-right: 20px !important;
	}
	.project_page .project_list .title {
	    gap: 10px;
	    font-size: 54px;
	    margin-top: 100px;
	}
	.project_list {
		margin: 0 20px;
		gap: 40px;
	}
	.project_page .project_list .tab {
		font-size: 14px;
		gap: 4px;
		margin-top: 20px;
		min-width: 320px;
	}
	.project_page .project_list .tab li a {
		padding: 10px 9.68px !important;
	}
	.project_page .list {
		display: flex;
		flex-direction: column;
		width: 100%;
		min-width: 320px;
	}
	.project_popup .page div img {
		width: 100%;
		display: flex;
	}
	.swiper.Slide {
		height: 0;
	}
	.project_page .img:nth-child(2) {
		margin-top: 20px;
	}
	.project_page .img {
        width: 100%;
        gap: 80px;
        /* margin-top: 50px; */
    }
	.project_page .img > div:last-child {
	    margin-bottom: 0px;
	}
	.project_page .img div a:hover div {
		display: none;
	}
	.project_page .img div a div {
		/* display: block; */
		position: absolute;
		width: 100%;
		height: 40px;
		background: #00000000;
		z-index: 10;
		left: 0;
		bottom: -55px;
		display: flex;
		align-content: flex-start;
		justify-content: flex-start;
		align-items: flex-start;
		color: #000;
		font-size: 14px !important;
		border-radius: 20px;
		text-align: left;
		line-height: 1.4;
		font-family: 'SUIT';
		font-weight: 600;
		gap: 6px;
	}
	.project_popup .page_txt {
		gap: 80px;
		height: 600px;
	}
	.project_popup .page {
		width: calc(100% - 40px);
		height: calc(100% - 60px);
		top: 60px;
	}
	.project_popup .page_txt .title {
		font-size: 20px;
		width: calc(100% - 40px);
	}
	.project_page .img div a:hover div {
		font-size: 18px;
	}
	.project_popup .page_txt .txt {
		font-size: 16px;
		flex-direction: column;
		width: calc(100% - 40px);
	}
	.project_popup .page_txt .txt div {
		flex-direction: row;
		border-bottom: 2px solid #000;
	}
	.project_popup .page_txt .txt div:nth-child(3) {
		border-bottom: none;
	}
	.project_popup .page_txt .txt div > div:nth-child(1) {
		width: 120px;
		margin-bottom: 0;
		padding-bottom: 15px;
		border: none;
		justify-content: flex-start;
	}
	.project_popup .page_txt .txt div > div:nth-child(2) {
		border-bottom: none;
		justify-content: flex-start;
	}
	.word-break {
		font-size: 16px;
		width: calc(100% - 40px);
	}
	.c-footer .footer-box ul {
		flex-direction: column;
		/* margin: 0 20px; */
		gap: 15px;
	}
	.company .c-footer .footer-box {
		padding: 0 20px;
	}
	.company .c-footer .footer-box ul li {
		width: 100%;
		padding: 30px;
		height: 216px;
		display: flex;
		gap: 20px;
		min-width: 320px;
	}
	.c-footer .footer-box ul li div {
		gap: 0;
	}
	.c-footer .footer-box ul li p {
		font-size: 24px;
		transition: .3s;
		display: flex;
		flex-direction: column;
	}
	.c-solution .footer-box ul li div span {
		font-size: 16px;
		margin-top: 12px;
	}
	.c-solution .footer-box .map-btn {
		width: 60px;
		height: 60px;
		font-size: 18px;
		border-radius: 14px;
	}
	.c-solution .footer-box .bottom-map {
		gap:8px;
	}
	.sol-teck .visual ul {
		gap: 15px;
	}
	.sol-teck .visual ul li {
		width: 156px;
		height: 156px;
	}
	.project_page .footer {
		margin-top: 100px;
	}
	.footer {
		gap: 16px;
		margin-bottom: 50px;
		padding: 0 20px;
		min-width: 328px;
	}
	.footer .brochure {
		font-size: 22px;
	}
	.footer .brochure .b_arrow {
		width: 18px;
		height: 18px;
	}
	.footer .footer-bottom {
		flex-direction: column-reverse;
		align-items: center;
		line-height: 1.6;
		align-content: flex-start;
		align-items: flex-start;
		gap: 20px;
	}
	.footer .footer-bottom p {
		/* width: 200px; */
		font-size: 14px;
	}
	.footer .footer-bottom > p:nth-child(2){
		display: none;
	}
	.footer .footer-bottom .none {
		display: flex;
		flex-direction: column;
		width: 100%;
	}
	.contents-footer .footer-box ul li .button {
		display:none;
	}
	.contents-footer .footer-box ul li .m-button {
	    display: flex;
	    flex-direction: row;
	    justify-content: flex-end;
	    gap: 12px;
	}
	
	.contents-footer .footer-box ul li .m-button a {
		height: 60px;
		width: 60px;
		background: #fff;
		border-radius: 100px;
	}
	
	.contents-footer .footer-box ul li .m-button a:first-child {
		background: url(./img/t.png) 50% 50% / cover no-repeat;
	}
	.contents-footer .footer-box ul li .m-button a:nth-child(2) {
		background: url(./img/u.png) 50% 50% / cover no-repeat;
	}
	  .employment .title {
	    font-size: 20px;
	    gap: 15px;
	}
	.employment .button {
		width: 260px;
	    height: 60px;
	    font-size: 16px;
	}
	.employment .em-txt {
	  	gap: 6px;
	  	flex-direction: column;
	  	text-align: center;
	  	gap: 15px;
	}
	.swiper-button-next,
	.swiper-button-prev,
	.join_us_page .banner .swiper2 {
		height:0 !important;
	}
	.join_us_page .banner {
		width: calc(100% - 40px);
		height: 100vh;
		min-height: 600px;
	}
	.mb-sw {
		height: auto;
		width: 100%;
	}
	
	.mb-sw .swiper-button-next {
	right: calc(0px - (var(--swiper-navigation-size)/ -3)) !important;
	}
	.mb-sw .swiper-button-prev {
	left: calc(0px - (var(--swiper-navigation-size)/ -2)) !important;
	}
	
	.mb-sw .swiper-button-next, .mb-sw .swiper-button-prev {
		height: 40px !important;
		width: 40px !important;
		top: var(--swiper-navigation-top-offset,45%);
	}
	
	.mb-sw .swiper3 {
	    height: 100%;
	    width: 100%;
	}
	
	.mb-sw .swiper3 .swiper-slide {
	    width: 100% !important;
	    border-radius: 20px;
	}
	
	.mb-sw .swiper3 .swiper-slide .bx-img {
		background-color:#fff;
		width: 100%;
		/* position: relative; */
		/* height: 100%; */
		min-width: 320px;
		min-height: 320px;
		border-radius: 20px;
		position: relative;
	}
	.mb-sw .swiper3 .swiper-slide .bx-img:after {
		content: "";
	    display: block;
	    padding-bottom: 100%;
	}
	.mb-sw .swiper3 .swiper-slide .bx-img .txt {
		font-size: 24px;
		display:flex;
		flex-direction:column;
		gap:10px;
		position: absolute;
		left: 20px;
		top: 20px;
		transition: .3s;
	}
	
	.mb-sw .swiper3 .swiper-slide .bx-img .txt strong {
		font-weight: 900;
    	text-transform: uppercase;
	}

	.mb-sw .swiper3 .swiper-slide .sb-01 .txt strong{
		color:#7DA4E7;
	}
	
	.mb-sw .swiper3 .swiper-slide .sb-02 .txt strong{
		color:#F9B211;
	}
	
	.mb-sw .swiper3 .swiper-slide .sb-03 .txt strong{
		color:#B9B92F;
	}
	
	.mb-sw .swiper3 .swiper-slide .sb-04 .txt strong{
		color:#FFB5B3;
	}
	
	.mb-sw .swiper3 .swiper-slide .bx-img .mbs-img-01{
		background:url(./img/sw-02.png) 50% 50% / 60% no-repeat;
		height:100%;
		width: 100%;
		position: absolute;
		transition: .3s;
	}
	
	.mb-sw .swiper3 .swiper-slide .bx-img .mbs-img-02{
		background:url(./img/sw-06.png) 50% 50% / 60% no-repeat;
		height:100%;
		width: 100%;
		position: absolute;
	}
	
	.mb-sw .swiper3 .swiper-slide .bx-img .mbs-img-03{
		background:url(./img/sw-08.png) 50% 50% / 60% no-repeat;
		height:100%;
		width: 100%;
		position: absolute;
	}
	
	.mb-sw .swiper3 .swiper-slide .bx-img .mbs-img-04{
		background:url(./img/sw-11.png) 50% 50% / 60% no-repeat;
		height:100%;
		width: 100%;
		position: absolute;
	}
	
	.mb-sw .swiper3 .swiper-slide .bx-img .txt-t {
		font-size: 14px;
		font-weight:500;
		display:flex;
		flex-direction:column;
		gap:10px;
		position: absolute;
		bottom: 30px;
		left: 30px;
	}
	.join_us_page .banner .swiper-wrapper > div > .sbg {
		padding:25px 0;
	}
	.g-popup .g-popup-all {
	    width: calc(100% - 40px);
	    height: 0;
	    padding-bottom: calc(100% - 40px);
	}
	.g-popup .g-p-wrap {
		  position: absolute;
	}
	.end {
		  min-height: 600px;
	}
	.c-solution .c-footer {
		  min-height: 600px;
	}
	.employment {
		  min-height: 600px;
	}
	.company .m-visual {
		  min-height: 600px;
	}
	.contnets-two .c-visual {
		  min-height: 600px;
	}
	.contnets-one .c-visual {
		  min-height: 600px;
	}
	.contnets-one .c-footer {
		  min-height: 600px;
	}
}

/* @media only screen and (min-width: 660px) and (max-width: 1000px) and
	(orientation: landscape) {
		.main,
		.contents,
		.project_page,
		.company,
		.join_us_page,
		.header {
			display:none !important;
		}
		body {
			min-height: auto;
		}
		.landscape {
			display: flex;
			width: 100%;
			height: 100%;
			align-items: center;
			justify-content: center;
			flex-direction: column;
			gap: 30px;
		}
		
		.landscape strong {
			font-size:35px;
			font-weight: 700;
		}
		
		.landscape .l-txt {
			text-align: center;
			display: flex;
			flex-direction: column;
			gap: 8px;
			color: #575757;
			font-weight: 500;
		}
		
		.landscape .l-txt p {
			font-size:18px;
		}
	}
 */