/* 페이징 영역 */
.pagination-1 ul {
    list-style: none;
    margin: 0;
    padding: 0;
    text-align: center;
    font-size: 0;            /* li 사이 공백 제거 */
}

.pagination-1 ul li.pg-item {
    display: inline-block;
    margin: 0 6px;
}

/* 사각형 버튼 */
.pagination-1 .pg-btn {
    display: block;
    position: relative;
    width: 48px;
    height: 48px;
    border: 1px solid #333;
    background: #fff;
    text-decoration: none;
    transition: border-color .2s, background-color .2s;
}

/* 얇은 화살표 (선 굵기 1px) */
.pagination-1 .pg-arrow {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 9px;
    height: 9px;
    border-top: 1px solid #333;
    border-right: 1px solid #333;
    transition: border-color .2s;
}

.pagination-1 .pg-arrow.prev {
    transform: translate(-40%, -50%) rotate(-135deg);
}

.pagination-1 .pg-arrow.next {
    transform: translate(-60%, -50%) rotate(45deg);
}

/* 마우스 올렸을 때 */
.pagination-1 a.pg-btn:hover {
    border-color: #222;
    background: #222;
}

.pagination-1 a.pg-btn:hover .pg-arrow {
    border-color: #fff;
}

/* 더 이상 이동할 수 없을 때 */
.pagination-1 .pg-btn.is-off {
    border-color: #ccc;
    cursor: default;
}

.pagination-1 .pg-btn.is-off .pg-arrow {
    border-color: #ccc;
}

/* 모바일 */
@media (max-width: 767px) {
    .pagination-1 .pg-btn {
        width: 42px;
        height: 42px;
    }
    .pagination-1 .pg-arrow {
        width: 8px;
        height: 8px;
    }
}
.noresult_wrap .tit{
	color:#999;
	font-size:22px;
	font-weight:600;
	margin: 3rem auto 10rem;
}
.noresult_wrap .txt{
	font-size: 22px;
    color: #000;
	line-height:1.5;
    font-weight: 600;
    text-align: center;
    margin: 3rem auto 10rem;
    word-break: keep-all;
}
.noresult_wrap .txt:last-child{
	margin: 3rem auto 15rem;
}
.mbtnmore{
	font-size: 2rem;
	border: 0;
	width:100%;
	max-width: 300px;
	color: #000;
	background-color: #fff;
	transition: background-color 0.35s ease, color 0.35s ease, border-color 0.35s ease;
}

.mbtnmore:hover{
	background-color: #000;
	border-color: #000;
	color: #fff;
}
.fontlight{font-weight:300 !important;}
.fontregular{font-weight:400 !important;}
.fontmedium{font-weight:500 !important;}
hr, .divider {
    border-color: #CCC;
}
.noticerow{display:flex;flex-wrap:wrap;gap:50px;}
.notice_contents{width:calc( 80% - 50px );}
.notice_list{width:20%;}
.listbar{border-bottom:1px solid #ccc;padding:10px 10px 20px;}
.list-group li {
    padding: 1rem 0;
    border-bottom: 1px solid #ccc;
}
.conthead{padding:50px 0 30px;border-bottom: 1px solid #ccc;}
.conthead dl{width:100%;display:flex;flex-wrap:wrap;align-items:center;margin:0 0 5px;}
.conthead dt{font-size: 20px;font-weight: 600; color: #000;min-width:100px;}
.conthead dd{font-size: 20px;font-weight: 300; color: #000;margin-left:0;padding-left:10px;}
.contbottom{padding:40px 0 40px;border-bottom: 1px solid #ccc;min-height:600px;}
.cont-title{font-size:30px;margin-bottom:20px;color:#000;}
.list-ul li{padding:20px 0 20px;border-bottom: 1px solid #ccc;}
.list-tit{font-size:20px;margin-top:20px;margin-bottom:30px;}
.list-date{font-size:17px;margin-bottom:5px;margin-top:0;color:#777;line-height:1}
.list-subtit{font-size:18px;font-weight:500;margin-bottom:10px;margin-top:0;color:#000;line-height:1;}
.topTxt_wrap{margin-top:60px;}
.topTxt_wrap .htit{font-size:43px;font-weight:400;color:#000;line-height:1}
.grid-container .description .project-title {
    font-size: 22px;
    color: #fff;
    font-weight: 500;
    width: 100%;
    margin: 0 0 5px !important;
    text-align: center;
}
.grid-container .description .project-description{
    font-size: 18px;
    color: #fff;
    width: 100%;
    font-weight: 300;
    text-align: center;
    margin: 0 !important;
}	
.prd_wrap .prdTit_wrap .name{    
	font-size: 16px;
    line-height: 1.2;
    margin-bottom: 5px;
}
.prd_wrap .prdTit_wrap .client{font-size:14px;}
.grid-container .description .project-description {
    font-size: 18px;
    color: #fff;
    width: 100%;
    font-weight: 300;
    text-align: center;
    margin: 0 !important;
}
/* Folio Filter */
.grid-filter-menu2 ul,
.grid-filter-menu2 li{
	padding: 0;
	text-transform: none;
	font-size: 1.3rem;
	letter-spacing: 0.1rem;
}
.grid-filter-menu2 li{
	padding: 0.8rem 0.5rem;
}
.grid-filter-menu2.list-vertical li{
	display: block;
	padding: 0.8rem 0;
}
.grid-filter-menu2:not(.center):not(.right) li:first-child{
	padding-left: 0;
}
.grid-filter-menu2.right li:last-child{
	padding-right: 0;
}
.grid-filter-menu2 a{
	padding: 1rem 1.4rem;
	font-size: 1.5rem;
	font-weight: 400;
	line-height: 1.1rem;
	color: #555;
	border-radius: 20rem;
	display: block;
	position: relative;
	border-bottom: 1px solid transparent;
}
.grid-filter-menu2 a:hover{
	color: #333;
}
.grid-filter-menu2 a.active{
	background-color: #333;
	border-color: #333;
	color: #fff;
}
/* 더보기로 새로 붙는 항목이 투명하게 남지 않도록 강제 표시 */
.grid-item.js-appended{
	opacity: 0;
	visibility: visible !important;
	transition: opacity 0.45s ease;
}
.grid-item.js-appended.js-show{
	opacity: 1;
}
.grid-item.js-appended.js-nofade{
	transition: none;
}
/* 반올림으로 4개가 안 들어가는 현상 방지 */
.grid-container .content-grid-4 .grid-item,
.grid-container .content-grid-4 .grid-sizer{
	box-sizing: border-box;
	width: calc(25% - 0.5px);
}


@media screen and (max-width: 1580px) {
	.topTxt_wrap{margin-top:40px;}
	.topTxt_wrap .htit{font-size:40px;}	
	.prd_wrap .prdTit_wrap { top: 20px; left: 40px;}
	.noticerow{gap:40px;}
	.notice_contents{width:calc( 70% - 40px );}
	.notice_list{width:30%;}
	.conthead{padding:40px 0 25px;}
	.cont-title{font-size:27px;}
	.conthead dt{font-size: 18px;min-width:80px;}
	.conthead dd{font-size: 18px;}

}

@media screen and (max-width: 1280px) {
	.topTxt_wrap{margin-top:35px;}
	.topTxt_wrap .htit{font-size:38px;}	
}
@media screen and (max-width: 1140px) {
	.grid-container .content-grid-4 .grid-item, 
	.grid-container .content-grid-4 .grid-sizer {width:calc( 33.33% - 0.5px );}
}
@media screen and (max-width: 1024px) {
	.topTxt_wrap{margin-top:40px;}
	.topTxt_wrap .htit{font-size:40px;}	
	.prd_wrap .prdTit_wrap { top: 20px; left: 40px;}
	.noticerow{gap:0;}
	.notice_contents{width:100%;}
	.notice_list{width:100%;}
	.list-tit { margin-top: 30px; margin-bottom: 10px;}
	.conthead{padding:40px 0 25px;}
	.cont-title{font-size:24px;}
	.conthead dt{font-size: 17px;min-width:80px;}
	.conthead dd{font-size: 17px;}
	.contbottom{padding:20px 0 20px;border-bottom: 1px solid #ccc;}
	.mbtnmore {font-size:1.8rem;}
}
@media screen and (max-width: 960px) {
	.grid-container .content-grid-4 .grid-item, 
	.grid-container .content-grid-4 .grid-sizer {width:calc( 50% - 0.5px );}
}
@media screen and (max-width: 720px) {
	.topTxt_wrap{margin-top:20px;}
	.topTxt_wrap .htit{font-size:34px;}	
	.noresult_wrap .tit	{font-size:20px;margin: 1rem auto 4rem;}
	.noresult_wrap .txt{font-size:18px;    margin: 2rem auto 4rem;}
	.noresult_wrap .txt:last-child { margin: 2rem auto 5rem;}	
}
@media screen and (max-width: 600px) {
	.grid-container .content-grid-4 .grid-item, 
	.grid-container .content-grid-4 .grid-sizer {width:calc( 100% - 0.5px );}
	.mbtnmore {font-size:1.5rem;}
	.contbottom{font-size:16px;}
}
@media screen and (max-width: 480px) {
	.topTxt_wrap .htit{font-size:30px;}	
	.noresult_wrap .tit	{font-size:18px;margin: 1rem auto 3rem;}
	.noresult_wrap .txt{font-size:16px;    margin: 2rem auto 3rem;}
	.noresult_wrap .txt:last-child { margin: 2rem auto 4rem;}	
	
	.noticerow{gap:0;}
	.notice_contents{width:100%;}
	.notice_list{width:100%;}
	.list-tit { margin-top: 20px; margin-bottom: 10px;}
	.conthead{padding:20px 0 15px;}
	.cont-title{font-size:20px;}
	.conthead dt{font-size: 16px;min-width:70px;}
	.conthead dd{font-size: 16px;}
	.list-ul li { padding: 15px 0 15px;	}
	.list-date{font-size:15px;}
	.list-subtit{font-size:16px;}
}