@charset "utf-8";

#photo-gallery{background-color:#f8f8f8}
#photo-gallery .inner{padding:115px 0 120px}
#photo-gallery .title{margin-bottom:59px;text-align:center}
#photo-gallery .title h3{font-size:50px;letter-spacing:-.05em;line-height:1.5;color:#121212;font-family:"Gmarket Bold"}
#photo-gallery .title h3 span{color:#015557}
#photo-gallery .list ul{display:grid;row-gap:80px;column-gap:46px;grid-template-columns:repeat(3,1fr)}
#photo-gallery .list li{padding-top:35px;border-top:2px solid #1d2020}
#photo-gallery .text-box strong{display:block;margin-bottom:12px;font-size:24px;color:#000;letter-spacing:-.05em;line-height:1.5;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;font-family:"Noto Medium"}
#photo-gallery .text-box .dateA{display:inline-block;color:#666;line-height:1.5;font-family:"Montserrat Medium";margin-bottom:44px}
#photo-gallery .more-btn{display:inline-block;padding:11px 37px 7px;border-radius:25px;font-size:20px;border:1px solid #015557;color:#015557;letter-spacing:-.05em;font-family:"Gmarket Medium";transition:.2s}
#photo-gallery .more-btn:hover{background-color:#015557;color:#fff}
#photo-gallery .center-box{margin-top:70px;text-align:center}

@media (max-width:1600px) {
	#photo-gallery .right-box li{width:calc((100% / 2) - 5px)}
	#photo-gallery .list ul li{width:100%;margin-bottom:30px}
}
@media (max-width:1200px) {
	#photo-gallery .list ul{column-gap:30px}
	#photo-gallery .list li{padding-top:20px}
	#photo-gallery .text-box .dateA{margin-bottom:37px}
}
@media (max-width:900px) {
	#photo-gallery .list ul{grid-template-columns:repeat(2,1fr);column-gap:30px}
	#photo-gallery .list ul {row-gap:40px;}
}
@media (max-width:768px) {
	#photo-gallery .inner{padding:95px 0 80px}
	#photo-gallery .title h3{font-size:43px}
	#photo-gallery .center-box {margin-top:30px;}
	#photo-gallery .list ul{display:block;}
	#photo-gallery .list ul li + li + li{display:none;}
}