@charset "utf-8";
/*커뮤니티 css*/
#header_fsub{display: none;}
.comunity_wrap{width: 720px; margin: 0 auto;font-family: 'Pretendard';padding-bottom:145px;}

.search_box{padding: 14px 20px; background: #F8F8FA; margin:40px 20px; border-radius:4px;position: relative; }
.search_box img{cursor:pointer;}
.search_box input{width: 90%; height:100%; font-size: 30px; line-height: 42px; margin-left: 10px; border:none; background: none;;  }
input::placeholder{color:#CCCCCC;}
.search_box button{border:none; background: none; position: absolute;top:50%; right:20px; transform:translateY(-50%);	}

.comunity_contents{display: grid; grid-template-columns: repeat(3, 1fr); gap: 2px;}
.comunity_contents div{aspect-ratio: 1 / 1; overflow: hidden;}

.comunity_contents > div img {width: 100%;height: 100%;object-fit: cover;} 

.no-grid {display: block;}
.no_box{width: 100%; min-height: 10vh; position: relative;}
.no_box .no_p{display: inline-block;width: 100%; font-size:33px; line-height:46px; color:#999999; font-weight: 500; position: absolute; top:50%; left:50%; transform:translate(-50%,-50%);
text-align:center;}
@media screen and (max-width: 720px) {

.comunity_wrap{width:100%; margin: 0 auto;padding-bottom:20.1389vw;}
.search_box{padding: 1.9444vw 2.7778vw; background: #F8F8FA; margin:5.5556vw 2.7778vw; border-radius:0.5556vw; }
.search_box img{cursor:pointer; width: 5.9722vw;}
.search_box input{width:80%; height:100%; font-size: 4.1667vw; line-height: 5.8333vw; margin-left: 1.3889vw; border:none; background: none;;  }
.search_box button{border:none; background: none; position: absolute;top:50%; right:2.7778vw; transform:translateY(-50%);	}

.comunity_contents{ grid-template-columns: repeat(3, 1fr); gap: 0.2778vw;}
.comunity_contents div{aspect-ratio: 1 / 1; }

.comunity_contents > div img {width: 100%;height: 100%;object-fit: cover;} 






.no_box{width: 100%; min-height: 10vh; }
.no_box .no_p{width: 100%; font-size:4.5833vw; line-height:6.3889vw;    top:50%; left:50%; transform:translate(-50%,-50%);}



}