@charset "utf-8";
/*관심쇼룸 css*/

.likesr_wrap{width: 720px; margin: 0 auto;  position: relative; padding-bottom: 100px;}

.likesr_wrap .store_profile{box-shadow: 0 7px 7px -7px rgba(117, 117, 117, 0.1);}
.likesr_wrap .store_profile::after {content: "";display: block;clear: both;  display: table;}
.likesr_wrap .store_profile > a{display: inline-block; width:90%;padding: 20px;}
.likesr_wrap .store_profile .profile{width: 83px; border-radius:100%; overflow: hidden; aspect-ratio: 1/ 1; float: left; margin-right: 10px;}
.likesr_wrap .store_profile .profile img{width: 100%; height: 100%; object-fit: cover;}
.likesr_wrap .store_profile .store_info{float: left; }
.likesr_wrap .store_profile .store_info .store_name{font-size: 30px; line-height: 42px; color:#333; font-weight: 600; margin-bottom: 4px;}
.likesr_wrap .store_profile .store_info .store_category{font-size: 25px; line-height: 35px; color:#767676; font-weight: 400;}


.likesr_wrap .showroom{margin-bottom:40px;position: relative; }
.likesr_wrap .showroom .imgbox {width: 100%;aspect-ratio: 16 / 9; overflow: hidden;  }
.likesr_wrap .showroom .imgbox img {width: 100%; height: 100%; object-fit: cover; }
.likesr_wrap .showroom .store_profile{  padding: 20px;}

#likesr_popup{width: 720px;min-height: 100vh; margin: 0 auto; position: fixed;top:0;left:50%; transform:translateX(-50%);z-index: 100;display: none; 	}
#likesr_popup .bg{width: 100%;min-height: 100vh; background: rgba(0,0,0,0.8);}
#likesr_popup .window{z-index: 100; width:80%;background: #FFFFFF; border-radius:40px; position: absolute; top:40%;left:50%; transform:translate(-50%,-40%);padding:20px 20px 0 20px;
overflow: hidden;}
#likesr_popup .frd_top{position: relative;border-bottom: 1px solid #f5f5f5; padding-bottom: 20px;}
#likesr_popup .frd_top img{ position: absolute; top:0; right:0;  cursor:pointer; width: 36px;}
#likesr_popup .frd_top .alrim{font-size: 25px; line-height: 30px; color:#555555;text-align:center;font-weight: 500;}
#likesr_popup .frd_middle{font-size: 30px; line-height: 42px;padding:40px 0;text-align:center}

.cts_mdbox{padding: 20px 0;}
#likesr_popup .window_btn{ border-top: 1px solid #ccc; text-align:center; margin-top: 10px;}
#likesr_popup .window_btn button{width: 50%;font-size: 30px; line-height: 42px; background: none; border:none; color:#D61E1E; padding: 20px 0;}

#likesr_popup .window_btn{display:flex; width: 100%; border-top: 1px solid #ccc;}
#likesr_popup .window_btn button{width: 50%;height: 90px; font-size: 30px; line-height: 42px; background: none; border:none;}
#likesr_popup .window_btn .cancel{color:#767676;position: relative;}
#likesr_popup .window_btn .cancel:after{content:''; position: absolute;top:50%; transform:translateY(-50%); right:0; width: 1px; height: 80%; background: rgba(204,204,204,0.3);}
#likesr_popup .window_btn .confirm{color:#3DA4E4;}

.likesr_wrap .bookmark{position: absolute; bottom:30px; right:20px; }
.delete{ background: #f5f5f5; border:1px solid rgba(204,204,204,0.1);     font-size: 28px;  line-height: 36px;  border-radius: 4px; padding: 15px 30px; font-weight: 400;}

.no_box{width: 100%; min-height: 50vh; position: relative;}
.no_box .no_p{font-size:33px; line-height:46px; color:#999999; font-weight: 500; position: absolute; top:50%; left:50%; transform:translate(-50%,-50%);}
@media screen and (max-width: 720px) {
.likesr_wrap{width: 100%; margin: 0 auto;   padding-bottom: 13.8889vw;}

.likesr_wrap .store_profile{box-shadow: 0 0.9722vw 0.9722vw -0.9722vw rgba(117, 117, 117, 0.1);}
.likesr_wrap .store_profile::after {clear: both;  }
.likesr_wrap .store_profile > a{ width:90%;padding: 2.7778vw;}
.likesr_wrap .store_profile .profile{width: 11.5278vw; border-radius:100%;  aspect-ratio: 1/ 1;  margin-right: 1.3889vw;}
.likesr_wrap .store_profile .profile img{width: 100%; height: 100%; object-fit: cover;}
.likesr_wrap .store_profile .store_info{ }
.likesr_wrap .store_profile .store_info .store_name{font-size: 4.1667vw; line-height: 5.8333vw;   margin-bottom: 0.5556vw;}
.likesr_wrap .store_profile .store_info .store_category{font-size: 3.4722vw; line-height: 4.8611vw;  }


.likesr_wrap .showroom{margin-bottom:5.5556vw; }
.likesr_wrap .showroom .imgbox {width: 100%;aspect-ratio: 16 / 9;   }
.likesr_wrap .showroom .imgbox img {width: 100%; height: 100%; object-fit: cover; }


#likesr_popup{width: 100%;min-height: 100vh; margin: 0 auto; top:0;left:50%; transform:translateX(-50%); 	}
#likesr_popup .bg{width: 100%;min-height: 100vh; background: rgba(0,0,0,0.8);}
#likesr_popup .window{ width:80%;background: #FFFFFF; border-radius:5.5556vw;  top:40%;left:50%; transform:translate(-50%,-40%);padding:2.7778vw 2.7778vw 0 2.7778vw;
}
#likesr_popup .frd_top{border-bottom: 0.1389vw solid #f5f5f5; padding-bottom: 2.7778vw;}
#likesr_popup .frd_top img{  top:0; right:0;  cursor:pointer; width: 5.0000vw;}
#likesr_popup .frd_top .alrim{font-size: 3.4722vw; line-height: 4.1667vw; }
#likesr_popup .frd_middle{font-size: 4.1667vw; line-height: 5.8333vw;padding:5.5556vw 0;text-align:center}

.cts_mdbox{padding: 2.7778vw 0;}
#likesr_popup .window_btn{ border-top: 0.1389vw solid #ccc;  margin-top: 1.3889vw;}
#likesr_popup .window_btn button{width: 50%;font-size: 4.1667vw; line-height: 5.8333vw; background: none; border:none;  padding: 2.7778vw 0;}

#likesr_popup .window_btn{ width: 100%; border-top: 0.1389vw solid #ccc;}
#likesr_popup .window_btn button{width: 50%;height: 12.5000vw; font-size: 4.1667vw; line-height: 5.8333vw; background: none; border:none;}
#likesr_popup .window_btn .cancel{}
#likesr_popup .window_btn .cancel:after{ top:50%; transform:translateY(-50%); right:0; width: 0.1389vw; height: 80%; background: rgba(204,204,204,0.3);}
#likesr_popup .window_btn .confirm{}

.likesr_wrap .showroom .store_profile{  padding: 2.7778vw;}

.likesr_wrap .bookmark{ bottom:4.1667vw; right:2.7778vw; }
.delete{ background: #f5f5f5; border:0.1389vw solid rgba(204,204,204,0.1);     font-size: 3.8889vw;  line-height: 5.0000vw;  border-radius: 0.5556vw; padding: 2.0833vw 4.1667vw; }

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