/* ! popup 공통 */
.com_popup { position: fixed; top:0; left:0; width:100%; height:100%; z-index:100; display:none; } 
.com_popup.active { display:flex; align-items: center; } 
.com_popup .btn_close { position: absolute; top:10px; right:10px; width:20px; height:20px; background: url(../img/common/icon_close.png) no-repeat center; } 
.com_popup .bg_close{position:fixed; width: 100%; height: 100vh; top:0; left:0; z-index: 100;}/*bg클릭시 팝업이 닫히게 하기위함*/
/* & 팝업 헤더 */
.pop_header { height:50px; border-bottom: 1px solid #f4f4f4; } 
/* & .type_normal 기본 팝업 타입 */
.com_popup.type_normal { background-color: rgba(0,0,0,0.7); padding: 20px var(--pd-inline); } 
.com_popup.type_normal .pop_container { position: relative; background-color: #fff; border-radius: 10px; padding:20px var(--pd-inline);  margin-inline: auto; max-width:var(--max-w); width:100%; z-index: 101; } 
.com_popup.type_normal .pop_container .main_title { font-size: 18px; font-weight: 700; line-height: 24px; color: #222; padding-top: 13px; text-align: center; } 
.com_popup.type_normal .pop_container .content_container { margin-top: 16px; max-height: 70vh; overflow-y: auto;} 
.com_popup.type_normal .pop_container .content_container p { font-size: 13px; line-height: 20px; color: #222; text-align: center; } 
.com_popup.type_normal .pop_container .btn_container { display:flex; align-items: center; justify-content: center; margin-top: 32px; flex-wrap: wrap;} 
.com_popup.type_normal .pop_container .btn_container .btn { width: 100%; } 
.com_popup.type_normal .pop_container .btn_container.two { justify-content: space-between; } 
.com_popup.type_normal .pop_container .btn_container.two .btn { width: 48.5%; } 
.com_popup.type_normal .pop_container .btn_container.three { justify-content: space-between; } 
.com_popup.type_normal .pop_container .btn_container.three .btn { width: 31.8%; } 
.com_popup.type_normal .pop_container .btn_container .btn+.btn.close{margin-top: 12px;}
.com_popup.type_normal .pop_container .btn_container .btn.close{color:var(--black); text-align: left; justify-content: flex-start; min-height: auto; height: auto;}/*다시 확인하지 않음*/
.com_popup.type_normal .pop_container .btn_container .btn.close img{width: 16px;}
/* & .type_full 풀커버 팝업 타입 */
.com_popup.type_full { background-color: #fff; } 

/* ! 카테고리선택 팝업 */

/* ! 더보기 팝업 */
.pop_more { align-items: flex-end; background-color: rgba(0,0,0,0.7); padding: 20px var(--pd-inline); } 
.pop_more.active { display:flex; align-items: flex-end;} 
.pop_more .pop_container { display:flex; flex-direction: column; justify-content: flex-end; width: 100%; max-width: var(--max-w); margin-inline: auto; } 
.pop_more .pop_container :is(button, a) { margin-top: 10px; } 
.pop_more .pop_container :is(button, a):not(.btn_close_pop_more) { background-color: #fff; font-weight: 400; color: #222; } 
.pop_more .pop_container :is(button, a):not(.btn_close_pop_more)::before { content:''; display:inline-block; width: 20px; height: 20px; margin-right: 4px; } 
.pop_more .pop_container .btn_share::before { background: url(../img/sub/icon_share.png) no-repeat center; background-size: contain; } 
.pop_more .pop_container .btn_report::before { background: url(../img/sub/icon_report.png) no-repeat center; background-size: contain;} 
.pop_more .pop_container .btn_block::before { background: url(../img/sub/icon_block.png) no-repeat center; background-size: contain;} 
.pop_more .pop_container .btn_edit_people::before { background: url(../img/sub/icon_edit_people.png) no-repeat center; background-size: contain;} 

/* !키워드 수정 팝업*/
.pop_edit_keyword .keyword_area { padding: 13px 0; border-radius: 10px; background-color: #f4f4f4; display: flex; align-items: center; flex-wrap: wrap; } 
.pop_edit_keyword .keyword_area .keyword { width:50%; padding:8px 20px 7px 15px; text-align: left; background: url("../img/sub/btn_del.png") no-repeat; background-size:16px auto; background-position: calc(100% - 10px) center; word-break: break-all; } 
.pop_edit_keyword .pop_container .content_container .com_tip p { text-align: left; } 
.pop_edit_keyword .button { float:right } 

/*!내정보 보내기*/
.com_popup.type_normal.pop_myinfo .pop_container .btn_container { margin-top: 20px; } 

/*!받은리뷰*/
.pop_get_review .top_area { display: flex; font-size: 15px; font-weight: bold; line-height: 1.33; letter-spacing: -0.38px; color: var(--black); align-items: center; border-bottom:1px solid #f4f4f4; width:calc(100% + var(--pd-inline)); margin-left:calc(0px - var(--pd-inline)); padding:0 var(--pd-inline) 15px; } 
.pop_get_review .top_area .profile_field { width:50px; height: 50px; overflow: hidden; border-radius: 100px; display: inline-flex; align-items: center; justify-content: center; aspect-ratio: 1 / 1; margin-right: 10px; } 
.pop_get_review .top_area .profile_field img { max-width: none; max-height: 100%; min-height: 100%; min-width: 100%; object-fit: cover; } 
.pop_get_review .review_icon_field { display: flex; flex-direction: column; font-size: 13px; font-weight: bold; line-height: 1.38; letter-spacing: -0.33px; text-align: center; color: var(--yellow);padding:22px 0 30px} 
.pop_get_review .review_icon_field img { width:60px; margin-bottom: 5px; margin-inline: auto; } 
.com_popup.type_normal.pop_get_review .pop_container .btn_container{margin-top: 25px;}

/*!약관 동의*/
.pop_termand_policy .content_container{text-align: left;}

/*채팅 확대 이미지*/
.layer_chat_img.type_normal {padding:0;}
.layer_chat_img.type_normal .pop_container{width:100vw; min-width: 100%; height: 100vh; margin:0; border-radius: 0;}
.layer_chat_img .content_container{ text-align: center; max-height: calc(100vh - 60px) !important;}