@charset "UTF-8";

#ly-Portfolio { background-color:#fff; position:relative; }
#ly-Portfolio div.portfolio-list div.parent { display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; }
#ly-Portfolio div.portfolio-list div.parent a { display:block; text-decoration:none; color:#555;  }
#ly-Portfolio div.portfolio-list div.parent a div.page { background-position:left top; background-repeat:no-repeat; background-size:cover; }
#ly-Portfolio div.portfolio-list div.parent a.coneyisland div.page { background-image:url('../../img/view/portfolio/img-portfolio-coneyhotdog.co.kr.jpg'); }
#ly-Portfolio div.portfolio-list div.parent a.neofoam div.page { background-image:url('../../img/view/portfolio/img-portfolio-neofoam.co.kr.jpg'); }
#ly-Portfolio div.portfolio-list div.parent a:focus div.page,
#ly-Portfolio div.portfolio-list div.parent a:hover div.page { transition:all ease 1s; animation:titleslide 15s linear infinite; }
#ly-Portfolio div.portfolio-list div.parent a:focus dt,
#ly-Portfolio div.portfolio-list div.parent a:hover dt { color:#000; }
#ly-Portfolio div.portfolio-list div.parent a div.images { background-color:#f0f0f0; position:relative; }
#ly-Portfolio div.portfolio-list div.parent a:focus div.images,
#ly-Portfolio div.portfolio-list div.parent a:hover div.images { transition:background-color ease 1s; background-color:#d0d0d0; }
#ly-Portfolio div.portfolio-list div.parent div.image { position:relative; z-index:2; }
#ly-Portfolio div.portfolio-list div.parent div.image img { width:100%; }
#ly-Portfolio div.portfolio-list div.parent div.page { width:59%; height:48.5%; position:absolute; top:15%; left:19.2%; background-color:red; z-index:1; overflow:hidden; }
#ly-Portfolio div.portfolio-list div.parent dt { word-break:break-all; }
#ly-Portfolio div.portfolio-list div.parent dd { font-size:.9em; font-weight:300; }

/* Mobile */
@media screen and (min-width:1px) and (max-width:799.99px) {
	#ly-Portfolio div.portfolio-list div.parent { margin-top:-30px; }
	#ly-Portfolio div.portfolio-list div.parent a { margin-top:30px; }
	#ly-Portfolio div.portfolio-list div.parent dl { margin-top:15px; text-align:center; }
	#ly-Portfolio div.portfolio-list div.parent dd span { display:block; line-height:1.4; }
	#ly-Portfolio div.portfolio-list div.parent dt { font-size:1.1em; }
	#ly-Portfolio div.portfolio-list div.parent dd { margin-top:3px; }
}

/* Mobile & Tablet */
@media screen and (min-width:1px) and (max-width:1019.99px) {
	#ly-Portfolio div.portfolio-list div.parent a { width:48%; }
	#ly-Portfolio div.portfolio-list div.parent a:nth-of-type(2n+1) { margin-right:4%; }
}

/* Tablet */
@media screen and (min-width:800px) and (max-width:1019.99px) {
	#ly-Portfolio div.portfolio-list div.parent { margin-top:-40px; }
	#ly-Portfolio div.portfolio-list div.parent a { margin-top:40px; }
	#ly-Portfolio div.portfolio-list div.parent dl { margin-top:20px; }
	#ly-Portfolio div.portfolio-list div.parent dt { font-size:1.2em; }
	#ly-Portfolio div.portfolio-list div.parent dd { margin-top:5px; }
}

/* Tablet & Desktop */
@media screen and (min-width:800px) {
	#ly-Portfolio div.portfolio-list div.parent { display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; }
	#ly-Portfolio div.portfolio-list div.parent dd { display:-ms-flexbox; display:flex; -ms-flex-pack:justify; justify-content:space-between; }
}

/* Desktop */
@media screen and (min-width:1020px) {
	#ly-Portfolio div.portfolio-list div.parent { margin-top:-50px; }
	#ly-Portfolio div.portfolio-list div.parent a { width:30%; margin-top:50px; }
	#ly-Portfolio div.portfolio-list div.parent a:nth-of-type(3n+2) { margin-left:5%; margin-right:5%; }
	#ly-Portfolio div.portfolio-list div.parent dl { margin-top:30px; }
	#ly-Portfolio div.portfolio-list div.parent dt { font-size:1.3em; }
	#ly-Portfolio div.portfolio-list div.parent dd { margin-top:10px; }
}

/* Desktop : 1020 */
@media screen and (min-width:1020px) and (max-width:1219.99px) {
}

/* Desktop : 1220 */
@media screen and (min-width:1220px) {
}