.list .tab_wrap{display: flex;justify-content: center;align-items: center;border-bottom: 1px solid #ededed;padding-bottom: 20px;}
.list .tab_wrap a{margin-right: 10px;}
.list .tab_menu{padding: 10px 15px;/* background-color: #f1f1f1; */border: 1px solid #ededed;border-radius: 5px;color: #999;font-size: 14px;display: block;text-align:center;}
.list .tab_menu.on{padding: 10px 15px;background-color: #f6f5fc;color: #7677ff; font-family: 'Pretendard-SemiBold';}
.list .tab_menu i{margin-right: 5px;}
.list .tab_menu .xi-heart{color: #ff7682}
.list .tab_menu .xi-stroller{color: #b3d6ff}
.list .tab_menu .xi-garden{color: #62ca8d;}

.card_list{display: flex; margin:20px 0;border-bottom: 1px solid #ededed;padding-bottom: 20px;}
.card_list .img_wrap{width: 50%; overflow: hidden; border-radius: 10px;position: relative;}
.list > div.card_list:last-child {border: none;}
.card_list .img_wrap img{width: 100%;vertical-align: bottom;}
.card_list .img_wrap .baby_img{width: 115%;transform: translate(-30px,10px);}

/* 제목 */
.card_list .info_con{margin-left: 20px;width: 50%;position: relative;}
.card_list .info_con .info_top {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.card_list .info_con .info_tit{
  padding: 10px 0;
  font-family: 'Pretendard-Bold';
  text-transform: capitalize;
  font-size: 22px;
  line-height: 22px;
  color: #333
}
.card_list .info_con .info_tit span{font-size: 12px;color: #aeb3c2}

.card_list .info_con .btn-qr a {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 13px 15px;
  border-radius: 8px;
  font-size: 13px;
  text-align: center;
  font-family: 'Pretendard-SemiBold';
  background-color: #f6f5fc;
  color: #8381e8;
}
.card_list .info_con .btn-qr i {
  color: #8381e8;
  font-size: 14px;
  margin-right: 3px;
}

/* url */
.card_list .info_con .url_wrap{width: 100%;border-bottom: 1px solid #ededed;padding: 0; padding-bottom: 10px;}
.card_list .info_con .url_wrap a{display: block; border: 1px solid #ededed; padding: 10px; color: #aeb3c2; font-size: 14px; border-radius: 5px;}

/* 하단 날짜 */
.card_list .info_con ul{margin: 10px 0;}
.card_list .info_con ul li:nth-child(1){}
.card_list .info_con ul li:last-child{}
.card_list .info_con ul li{color: #999;font-size: 14px;padding: 10px 0;}
.card_list .info_con ul li span{color: #333;font-size: 14px; display: inline-block;width: 120px; font-family: 'Pretendard-SemiBold'; color: #555}

/* 버튼 */
.card_list .info_con .btn_wrap{margin-top: auto;display: flex;justify-content: space-between;margin-top: 0px;width: 100%;bottom: 0;left: 0;}
.card_list .info_con .btn_wrap a{padding:13px 15px;border-radius: 5px; width: 107px; font-size: 13px; text-align: center; font-family: 'Pretendard-SemiBold'; border: 1px solid#ededed; }
.card_list .info_con .btn_wrap a:hover{background-color: #f6f5fc;font-family: 'Pretendard-SemiBold'; color: #8381e8;}
.card_list .info_con .btn_wrap a.done_status{
    width: 32.33%;
}

.card_list .img_wrap .ok_result{position: absolute; top:15px; right: 10px; display: inline-block;padding: 14px; background-color: #fff; border-radius: 5px; font-size: 12px; cursor: pointer;font-family: 'Pretendard-SemiBold';}


/* 태블릿 */
@media screen and (max-width:1200px){
  .card_list .info_con ul li{display: flex;}
  .card_list .info_con ul li span {width: 40%;}
}

/* 모바일 */
@media screen and (max-width:767px){
  .card_list .info_con ul li span {width: 28%;}
}