.root_daum_roughmap  {width: 100% !important; }


.grid-item.feature-box-3 {overflow: hidden; position: relative;}
.grid-item.feature-box-3 a {display: block; border: 1px solid #eee;}
.grid-item.feature-box-3 figure img {width: 100%; cursor: auto; }
.grid-item.feature-box-3 figure figcaption {position: absolute; left: 0px; top: auto; z-index: 9; bottom: 0px; transform: translateY(0); -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transition: transform .35s ease-out; -webkit-transition: transform .35s ease-out; -moz-transition: transform .35s ease-out; -ms-transition: transform .35s ease-out; -o-transition: transform .35s ease-out; padding: 0 15px 0; width: auto; height:auto; text-align: left; opacity: 1; cursor: default;}
.grid-item.feature-box-3 figure:hover img, 
.feature-box-3 figure:focus img {opacity: 1; -ms-transform: none; -webkit-transform: none; -moz-transform: none; -o-transform: none;  transform: none;}

.grid-item.feature-box-3 figure figcaption span:last-of-type {opacity: 0; display: none;}
.grid-item.feature-box-3 figure .opacity-extra-medium {opacity: 0;}
.grid-item.feature-box-3 figure:hover figcaption span:last-of-type {opacity: 1; display: block;}
.grid-item.feature-box-3 figure:hover .opacity-extra-medium {opacity: 0.5;}
.grid-item.feature-box-3 figure:hover .text-large {color: #fff;}
.grid-item.feature-box-3 figure figcaption .separator-line-horrizontal-full {width: 0; transition: .5s all; -webkit-transition: .5s all; -moz-transition: .5s all; -ms-transition: .5s all; -o-transition: .5s all;}
.grid-item.feature-box-3 figure:hover figcaption .separator-line-horrizontal-full {width: 70%; transition: .5s all; -webkit-transition: .5s all; -moz-transition: .5s all; -ms-transition: .5s all; -o-transition: .5s all;}
.grid-item.feature-box-3 figure:hover figcaption {transform: translateY(-30px); -webkit-transform: translateY(-30px); -moz-transform: translateY(-30px); -ms-transform: translateY(-30px); -o-transform: translateY(-30px); }


.grid-item.feature-box-3 figure:hover img {transition-timing-function: ease-in-out; -webkit-transition-timing-function: ease-in-out; -moz-transition-timing-function: ease-in-out; -ms-transition-timing-function: ease-in-out; -o-transition-timing-function: ease-in-out; transform: scale(1.09,1.09); -webkit-transform: scale(1.09,1.09); -moz-transform: scale(1.09,1.09); -ms-transform: scale(1.09,1.09); -o-transform: scale(1.09,1.09); }



@media (min-width:992px) {
  /* 회사소개 */
  #about .about-transform {
    transform: translateY(20px);
  }
}


@media (max-width: 1600px) {
	.html-video {width: 103%;}
	.main-visual-box {width: 100vw; height: calc(100vw * 9 / 16);}
	.main-visual-box > div {height: 100%;}
}

@media (max-width: 991px) {
  .html-video {
    height: 100%;
  }
}

@media (max-width: 767px) {
  .portfolio-grid.work-4col li {
    width: 50%;
  }
	.grid-item.feature-box-3 figure figcaption {padding: 0 5px;}
	.grid-item.feature-box-3 figure:hover figcaption {
		transform: translateY(-10px);
    -webkit-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    -o-transform: translateY(-10px);
	}
	.grid-item.feature-box-3 figure figcaption span {margin-bottom: 0; font-size: 12px;}

		#portfolio .portfolio-hover-content span,
		#portfolio .portfolio-hover-content p {font-size: 12px;}

	.root_daum_roughmap .wrap_map {height: 250px !important;}
}