/*요청글 공통*/
.request .txt { line-height: 1.3; color: var(--color-g-s-tit); font-size: 0.889em; } 

.request .tit-wr { margin-bottom: 1rem; } 
.request .cont-box-wr ul li:not(:last-child) { margin-bottom: 2rem; } 
.request .cont-box-wr .btn { display: flex; justify-content: center; align-items: center; padding: 0; } 
.request .btn { display: flex; justify-content: center; align-items: center; margin-bottom: 0; } 
.request .btn-wr .btn { width: auto; padding: 0; margin-top: 0; margin-bottom: 3rem; font-size: 1.6rem; } 
.request .btn.btn-anw { background: #28c32c; } 
.request .btn.btn-no { background: #f2f4f5; color: #b3b3b3; } 
.request .btn.btn-save { width: 100%; height: 4.8rem; } 
.request .date { margin-top: auto; color: #8F939E; font-size: 0.889em; font-weight: 300; } 
.request .input-box { height: 4rem; } 
.request .input-box input { width: 100%; padding: 0.2em 1em; background: transparent; } 
.request .input-box.auto-hei { height: auto; } 
.request .input-box textarea { width: 100%; } 


/*요청글 목록*/
/*.request.r-list .cont-box-wr .inner { display: grid; grid-template-columns: 65% 30%; justify-content: space-between; } */
.request.r-list .cont-box-wr .inner { display: grid; grid-template-columns: 100%; justify-content: space-between; } 

.request.r-list .cont-box-wr .btn { font-size: 1.6rem; } 
.request.r-list .cont-box-wr .txt span { position: relative; } 
.request.r-list .cont-box-wr .txt span:not(:last-child):after { display: inline-block; margin: 0 1rem; font-weight: 100; content: "|"; color: var(--color-border01); } 

/*요청글 읽기*/
.request.view .container .tit { margin-bottom: 1rem; color: var(--color-g-tit); } 
.request.view .txt { line-height: 1.5; } 
.request.view .date { display: block; margin-bottom: 1rem; font-size: 1.4rem; } 
.request.view .btn.btn-no { background: #e9eced; } 
.request.view .thumb_list-wr { margin-bottom: 3rem; } 
.request.view .btn-wr .btn { margin-left: 0; margin-right: 0; } 
.request.view .thumb_list-wr .swiper-button-next, .request.view .thumb_list-wr .swiper-button-prev { transform: translateY(-50%); } 
.request.view .btn-wr .btn { margin-bottom: .5rem; } 
.request.view .cont-box-wr {margin-bottom: 0;padding: 1rem;font-size: 1.6rem;line-height: 1.5;}

#b_img {overflow: hidden;}
#b_img .swiper {touch-action:pinch-zoom;  } 
#b_img .swiper-zoom { overflow: hidden; } 

/*요청글 답변*/
.request.answer .container .tit { margin-bottom: 1rem; color: var(--color-g-tit); } 
.request.answer .txt { line-height: 1.5; } 
.request.answer .date { display: block; margin-bottom: 1rem; font-size: 1.4rem; } 
.request.answer .btn-st05 { margin-top: 2rem; } 

/*요청글 모달창*/
#reply.modal,#modify.modal {height: auto;}
#reply .btn-wr .btn-st01,#modify .btn-wr .btn-st01 { width: 100%; padding: 0; margin: 0; font-size: 1.6rem; } 
#reply .modal-dialog ,#modify .modal-dialog { margin: 0; } 
#reply .modal-content,#modify .modal-content  { position: relative; top: inherit; left: inherit; width: inherit; height: inherit; border: inherit; transform: inherit; } 
#reply .modal-body,#modify .modal-body { padding-top: 0; padding-bottom: 0; } 
#reply #comments, #modify #comments { width:100%; height: 100vh; min-height: 22vh; max-height: 32vh; padding: 1rem; border:1px solid #828282; font-size: 1.5rem; } 

@media screen and (max-height:500px) { 
 #reply #comments , #modify #comments{  max-height: 22vh; } 
 } 
@media screen and (max-width:500px) { 
 .request.r-list .cont-box-wr .txt span:not(:last-child):after { margin: 0 0.5rem; } 
 } 

 #b_img .swiper-slide img{
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
 }
 
 
 .list_rq_photo{width:100%;font-size:16px;padding-bottom:5px}
 .list_rq_photo span{color:#828282}
 .list_rq_photo_date{text-align:right;padding-right:10px;color:#828282}























/**/