@media (hover: hover) {

	.logo:hover,
	.index-btn:hover{
		background: #fff;
	}

	.index-btn.active:hover{
    	background: #fff;
    	color: var(--black);
	}

	.fig-btn:hover{
		background: #fff;
		color: var(--black);
	}

	.close:hover{
		background: #fff;
		color: var(--black);
	}

	.intro-text a:hover{
		opacity: 1;
	}

	.product-box:hover .product-title{
		opacity: 1;
	}

	.pop-close:hover{
		background: #fff;
		color: var(--black);
	}

	.top-menu a:hover::after {
  width: 100%;
}

.top-menu a:hover {
  color: var(--black);
}

footer a:hover span::after {
  width: 100%;
}

footer a:hover span {
  color: var(--black);

}

.main-second-box .box:hover figure img {
    transform: scale(1.05);
    transition-delay: 0s !important;
}

.main-second-box .box:hover .more {
    width: 100px;
    border-radius: 20px;
    padding: 0 15px;
    color: var(--black);
    background: transparent;
    border: 2px solid #000;
}

.main-second-box .box:hover .plusiconb {
    stroke: var(--black);
}

.main-second-box .box:hover .plustext {
    opacity: 1;
}

.team-box:hover .team-name::after {
  width: 100%;
}

.team-box:hover .team-name {
  color: var(--black);
}

.item:hover figure img {
    transform: scale(1.05);
    transition-delay: 0s !important;
}

.fig-description a:hover::after {
  width: 0;
}

.fig-description a:hover {
  color: var(--black);
}

.fig-sns-box a:hover::after {
  width: 100%;
}

.fig-sns-box a:hover {
  color: var(--black);
}

.member.single .img-grid a:hover img{
    transform: scale(1.05);
    transition: transform 0.2s;
    transition-delay: 0s !important;
}


}

@media (max-aspect-ratio: 3/4) /* 세로형 */{
  .header__background{
      padding-bottom: 200%;
      width: 350%;
  }
}
@media (min-aspect-ratio: 3/4) and (max-aspect-ratio: 4/3){
	.header__background{
	padding-bottom: 200%; 
    width: 300%;
  }
}
@media (min-aspect-ratio: 4/3) /* 가로형 */{
  .header__background{
	padding-bottom: 100%; 
    width: 150%; 
  }
}


@media all and (min-width: 1801px){

	.main-second-box{
	    grid-template-columns: 33.3333% 33.3333% 33.3333%;
	}

	.main-second-box .box{
		height: 33.3333vw;
	}

    .client-box {
        grid-template-columns: 12.5% 12.5% 12.5% 12.5% 12.5% 12.5% 12.5% 12.5%;
        width: calc(100% - 180px);
    }
}

@media all and (min-width: 1601px) and (max-width: 1800px) {

	.main-second-box{
	    grid-template-columns: 33.3333% 33.3333% 33.3333%;
	}

	.main-second-box .box{
		height: 33.3333vw;
	}

	.client-box{
    	grid-template-columns: 16.6666% 16.6666% 16.6666% 16.6666% 16.6666% 16.6666% ;
    	width: calc(100% - 140px);
	}

}

@media all and (min-width: 1441px) and (max-width: 1600px) {

	.main-second-box{
	    grid-template-columns: 33.3333% 33.3333% 33.3333%;
	}

	.main-second-box .box{
		height: 33.3333vw;
	}

	.client-box{
    	grid-template-columns: 20% 20% 20% 20% 20%;
	}

}

@media all and (min-width: 1280px){

	.about-cv-container {
	    grid-template-columns: 25% 75%;
	}

	.about-cv-wrapper {
	    grid-template-columns: 50% 50%;
	    grid-gap: 90px;
        width: calc(100% - 90px);
	}

	.about-team-container{
		grid-template-columns: 11.8% calc(100% - 11.8%);
	}


}

@media all and (min-width: 1025px) and (max-width: 1279px){

	.grid-sizer, .grid-item {
    	width: calc(33.3333% - 13px);
	}

	.about-team-container-content{
		    grid-template-columns: 25% 25% 25% 25%;
	}

}

@media all and (min-width: 813px) and (max-width: 1024px){

	.grid-sizer, .grid-item {
    	width: calc(33.3333% - 13px);
	}

	.about-team-container-content{
		    grid-template-columns: 33.3333% 33.3333% 33.3333%;
	}

}

@media all and (max-width: 812px) and (orientation:portrait){

	.mver{
		display: block;
	}

	.pcver{
		display: none !important;
	}

	.products-container{
		display: block;
		grid-template-columns: 100%;
	}
	.projects-swiper{
		display: none;
	}

	.product-title{
		display: none;
	}

	.product-box{
		height: 64.7vw;
	}

	.pop-credit li {
    	display: grid;
    	grid-template-columns: 100%;
	}

	.index-btn{
		display: none;
	}

	

	.main-second-box{
		grid-template-columns: 100%;
	}

	.main-second-box .box{
		height: 100vw;
	}

	.client-box{
		grid-template-columns: 33.3333% 33.3333% 33.3333%;
        padding: 0 5vw 5vw;
        grid-gap: 2.5vw 0;
        width: calc(100% - 12.5vw);
	}

	footer{
		grid-template-columns: 100%;
	}

	footer *{
		font-size: var(--font-size-xs);
		text-decoration: none;
	}

	.footer-second-box a {
    margin-bottom: 0;
    margin-right: 10px;
	}


	.footer-second-box{
		height: auto;
		order: 4;
		display: inline-block;
	}

	.footer-third-box h5, .footer-third-box span, .footer-third-box a{
		width: 100%;
	}

	.header__background {
        width: 350%;
        padding-bottom: 200%;
    }

    .about-cv-container{
    	grid-template-columns: 100%;
    	font-size: var(--font-size-xss);
    }


    .about-team-container{
    	grid-template-columns: 100%;
    	font-size: var(--font-size-xss);
    }

    .about-team-container-content{
    	grid-template-columns: 50% 50%;
    }

    .grid-sizer, .grid-item {
        width: 100%;
    }

    .gutter-sizer {
    	width: 0;
	}

	.item {
	    display: grid;
	    grid-template-columns: 100%;
	    grid-gap: 10px;
	    margin-bottom: 40px;
	}

	.item-title {
    font-size: var(--font-size-s);
	}

	.item-date{
    font-size: var(--font-size-xs);
	}

	.single-box{
		grid-template-columns: 100%;
	}

	.single-box .figurebox {
	    height: auto;
	    overflow-y: auto;
	}

	.single-box .figcaptionbox {
	    height: auto;
	    overflow: auto;
	}

	.member.single .img-container{
   		grid-template-columns: 100%;
	}

	.member .img-set figure{
		height: calc(100vw - 10vw);
	}

	.member.single .img-grid a{
    	height: calc(100vw - 10vw);
    }

    .member .img-set figure img{
    	height: 100%;
    }


}

@media all and (max-device-width: 812px) and (orientation:portrait){

	:root {
		--font-size-l: 9vw;
    --font-size-l-kr: 9vw;
    --font-size-ml: 7vw;
    --font-size-ml-kr: 7vw;
	  --font-size-m: 6vw;
	  --font-size-m-kr: 5vw;
	  --font-size-ms: 5vw;
	  --font-size-ms-kr: 5vw;
	  --font-size-sm: 5.2vw;
	  --font-size-sm-kr: 5vw;
	  --font-size-s: 4.8vw;
	  --font-size-s-kr: 4.4vw;
	  --font-size-xss: 4.6vw;
	  --font-size-xss-kr: 4vw;
	  --font-size-xs: 4.2vw;
	  --font-size-xs-kr: 3.8vw;
	}

	#prelogoa {
    	width: 60vw;
    	margin-top: -10vw;
	}

	.top-menu{
		width: calc(100% - 10vw);
    	padding: 4vw 5vw;
	}

	.top-menu a{
		padding: 1vw 0;
	}

	.m-menu-close {
    	padding: 5vw 5vw;
	}	

	.intro-text p{
		padding: 6.6vw 6vw;
	}

	.logo {
    	padding: 2vw 4vw;
    	border-radius: 10px;
    	top: 6vw;
        right: 6vw;
	}

	.main-first-box{
		height: 100dvh;
	}

	.pop-box{
		padding: 24vw 6vw 48vw;
	}

	.pop-title,
	.pop-description{
		margin-bottom: 8vw;
	}

	.pop-credit li {
    	padding-bottom: 4vw;
	}

	.pop-credit li:last-child{
		padding-bottom: 0;
	}

	.pop-close {
	    padding: 2vw 4vw;
    	border-radius: 10px;
    	top: 6vw;
        right: 6vw;
	}

	.fig-title{
		margin-bottom: 1vw;
	}

	.fig-btn-box {
    	padding-top: 8vw;
	}

	.figurebox {
    	padding: 6vw 0 0;
	}

	.img-set{
		margin-bottom: 8vw;
	}

	.img-set figcaption {
    	padding-top: 4vw;
	}

	.fig-btn span{
		padding: 3vw 4vw;
	}

	.twobtn{
		grid-template-columns: calc(50% - 1vw) calc(50% - 1vw);
    	grid-gap: 2vw;
	}

	#mainlogoa{
		width: 36vw;
	}

	.mver #mainlogoa {
    	width: 24vw;
	}


	.main-first-box figcaption{
		padding: 5vw;
	    width: calc(100% - 10vw);
	    max-width: calc(100% - 10vw);
	}

	.fig-description{
		padding: 1vw 0 5.4vw;
	}

	.main-second-box figcaption{
		padding: 4vw 5vw;
    	width: calc(100% - 10vw);
	}

	.more{
		margin: 5vw;
        width: 8.497vw;
        height: 8.497vw;
        line-height: 8vw;
        padding: 0;
	}

	/*.box.animate__animated .more{
		margin: 5vw;
	    width: 25vw;
	    height: 8.497vw;
	    line-height: 8vw;
	    padding: 0 3vw;
	    color: var(--black);
    background: transparent;
    border: 1.7px solid #000;
        border-radius: 15px;
	}*/

	.box.animate__animated .more{
		margin: 5vw;
        width: 8.497vw;
        height: 8.497vw;
        line-height: 8vw;
        padding: 0;
	}

	.plus {
	    left: 50%;
	    position: absolute;
	    transform: translateX(-50%);
	}

	.plustext {
    	display: none;
	}

/*.main-second-box .box.box.animate__animated .plusiconb {
    stroke: var(--black);
}*/

.main-second-box .box .plustext {
    opacity: 1;
    padding-left: 1.4vw;
}

	.plusicon{
		width: 2.416vw;
		height: 2.416vw;
	}

	#liberallogoa{
		width: 55vw;
	}

	.main-third-box figcaption{
		padding: 5vw;
	    width: calc(100% - 10vw);
	    max-width: calc(100% - 10vw);
	}

	.main-fourth-box .fig-title {
		font-size: var(--font-size-m);
}

	.main-fourth-box figcaption{
		padding: 5vw;
    	width: calc(100% - 10vw);
	}

	footer{
		padding: 5vw;
		grid-gap: 1vw;
		width: calc(100% - 10vw);
	}

	    footer a span {
        padding: 0 0 1.5vw;
    }

    .m-footer a.m-footer-mail span {
    display: inline-block;
    margin-bottom: 0.25vw;
}

	#footerlogoa{
		width: 25vw;
	    padding-top: 0;
	    padding-bottom: 0.5vw;
	}

	.m-menu-container ul li a {
    margin: 2vw;
}

.slash {
    margin: 1.5vw 0;
}

	.about{
		padding: 20vw 5vw 10vw;
	}

	.about-intro-container{
		padding: 0 0 9vw;
	}

	.about-cv-container{
		padding: 0 0 9vw;
	}

	.about-team-container{
		grid-gap: 4vw;
	}

	.team-box{
		margin-bottom: 4vw;
	}

	.projects{
		    padding: 20vw 5vw 10vw;
	}

	.project {
    	margin-bottom: 10vw;
	}

	.projects figcaption{
		padding: 2.5vw 2.5vw 0 0;
	}

	.projects figcaption span.project-category{
		margin-top: 1vw;
	}

	.item{
		grid-gap: 2.5vw;
    	margin-bottom: 10vw;
	}

	.news {
	    padding: 20vw 5vw 10vw;
	}

	.single-box .figcaption {
	    padding: 20vw 5vw 5vw;
	}
	.single-box .fig-description,
	.fig-sns-box a {
	        font-size: var(--font-size-xss);
}
	.fig-text {
	    padding-bottom: 5vw;
	    font-size: var(--font-size-s);
	    padding-top: 1vw;
	}

	.ko .single-box .fig-text {
    font-size: var(--font-size-s-kr);
        padding-bottom: 4vw;
    font-size: var(--font-size-s);
    padding-top: 0.25vw;
}

	.img-container {
    	padding: 0 5vw 20vw;
	}

	.img-set figure{
		padding-bottom: 4.4vw;
	}

	.img-grid.twobtn {
	    grid-template-columns: calc(50% - 0.5vw) calc(50% - 0.5vw);
	    grid-gap: 1vw;
	}

	.img-set {
        margin-bottom: 0;
    }

    .member.single .img-container{
    	    grid-gap: 4.4vw;
    }


.footer-second-box a {
    margin-bottom: 0;
    margin-right: 2vw;
}

.item-date {
    margin-bottom: 0.5vw;
}

.ko .item figcaption .item-date {
    font-size: var(--font-size-s-kr);
}


.ko .about-cv-container * {
    font-size: var(--font-size-s-kr);
  }

  .ko .about-team-container * {
    font-size: var(--font-size-s-kr);
  }	

  .m-menu-container ul .m-menu-box {
    padding: 0 0 8vw;
}

.fig-description a {
    padding: 0.5vw 0;
}



}