@charset "utf-8";

#bo_meet_wr {margin:0 auto;max-width:1160px;margin-bottom:30px;border:1px solid #D3D3D3;background:#fff}
#bo_meet {padding:0 0 100px}
#bo_meet #meet_ul {padding:0}
#bo_meet #meet_ul:after {display:block;visibility:hidden;clear:both;content:""}
.meet_row .meet_li {position:relative;float:left;width:50%;min-height:1px;padding-right:10px;margin-left:0}
.meet_row .meet_li:nth-child(2n) {padding-right:0}
.meet_box {margin:0 0 24px;border:1px solid #D3D3D3}
.meet_hd {position:relative;padding:0 20px;height:60px;font-size:16px;border-bottom:1px solid #D3D3D3;background:#EBEBEB;display:flex;align-items:center}
.meet_hd:after {display:block;visibility:hidden;clear:both;content:""}
.meet_hd_new {display:inline-block;margin-right:10px;padding:4px 10px;font-size:16px;color:#fff;background:#c00000;font-weight: 700;border-radius: 6px}
.popular_badge{display:inline-block;margin-right:10px;padding:4px 10px;font-size:16px;background: #FEF3C7;color: #D97706;font-weight: 700;border-radius: 6px;}
.meet_hd_open {margin-right:15px;color:#686868;}
.meet_hd_date {display: inline-block;margin-right: 10px;padding: 4px 10px;font-size: 16px;color:#fff;background:#c00000; font-weight: 700; border-radius: 6px;}
.meet_hd_state {display: inline-block;margin-right: 10px;padding: 4px 10px;font-size: 16px;background: #3a74e0;color: #fff; font-weight: 700; border-radius: 6px;}
.meet_hd_state.unconfirmed {background: #fff;color: #3a74e0;border: 1px solid #3a74e0;}
.meet_hd_state.accepted { background: #E3F2FD;color: #006FC8;border: 1px solid #006FC8;}
.meet_hd_dot {display:inline-block;margin:0 12px;color:#888}
.meet_hd_arrow {position:absolute;right:13px}
.meet_hd_arrow svg {width:32px;height:32px;color:#666}
.meet_hd_approve {color:#ff0000;font-weight:600}
.meet_mg_state{position: absolute;    top: 5px;    right: 5px; transform-origin: center;           /* 회전 기준점(필요시 'bottom center' 등으로 조정) */
  animation: tiltX 1.6s ease-in-out infinite alternate;
  will-change: transform;             /* 퍼포먼스 힌트 */  }
#main_meet #meet_swiper .swiper-wrapper{display: flex;flex-direction: column;row-gap: 20px;}
.meet_cont, .meet_cont a {position:relative;display: flex;;width: 100%;}
.meet_cont:after {display:block;visibility:hidden;clear:both;content:""}
.meet_cont .meet_img{ width: 100%;  height: 276px; max-width: 210px;display: flex;align-items: center; position: relative;}
.meet_cont .meet_img img {object-fit: cover; border-radius: 20px 0 0 0;width: 100%;  height: 100%;display: inline-block; }


@keyframes tiltX {
  0%   { transform: rotate(-10deg); }
  100% { transform: rotate(10deg);  }
}

/* 접근성: 모션 최소화 선호시 정지 */
@media (prefers-reduced-motion: reduce) {
  .meet_cont .meet_img img {
    animation: none;
    transform: none;
  }
}

.meet_cont .meet_noimage {height:160px !important}
.meet_cont .meet_cont_wrap{width: 100%;}
.meet_cont .main_profile_bg{margin:10px 12px;height: 60px; } 
.meet_cont .main_profile_bg img{padding-right:8px; max-height: 60px;}
.meet_cont .main_profile_bg .badge-more{background: #EBB84E;color: #fff;font-size: 14px;padding: 4px 12px;border-radius: 20px;}
.meet_cont .meet_info {position:relative;display:flex;align-items:center; border: 1px solid #D9D9D9; border-radius: 4px; margin:9px;box-shadow: 
        0 2px 4px rgba(0, 0, 0, 0.1),
        0 8px 16px rgba(0, 0, 0, 0.1);}
.meet_cont .meet_info strong{width: 40%;color: #9E59F4;font-size: 16px;font-weight: 400;display: inline-block;}
.meet_cont .meet_info span{width: 60%; font-size: 16px;}
.meet_cont .meet_info ul {position:relative;max-width:500px}
.meet_cont .meet_info ul:after {display:block;visibility:hidden;clear:both;content:""}
.meet_cont .meet_info li {float:left;font-size:19px;color:#000;line-height:40px;text-overflow:ellipsis;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;width:50%;}
.meet_cont .meet_info li {width:50%;;padding-left:10px}
.meet_cont .meet_info li:nth-child(1) strong{ background-image: url('/img/renew/main_profile_back_01.png');  background-repeat: no-repeat;  background-position: left;  padding-left: 7px ;}
.meet_cont .meet_info li:nth-child(2) strong{ background-image: url('/img/renew/main_profile_back_02.png');  background-repeat: no-repeat;  background-position: left;  padding-left: 7px ;}
.meet_cont .meet_info li:nth-child(3) strong{ background-image: url('/img/renew/main_profile_back_03.png');  background-repeat: no-repeat;  background-position: left;  padding-left: 7px ;}
.meet_cont .meet_info li:nth-child(5) strong{ background-image: url('/img/renew/main_profile_back_04.png');  background-repeat: no-repeat;  background-position: left;  padding-left: 7px ;}
.meet_cont .meet_info li:nth-child(4) strong{ background-image: url('/img/renew/main_profile_back_01.png');  background-repeat: no-repeat;  background-position: left;  padding-left: 7px ;}
.meet_cont .meet_info li:nth-child(6) strong{ background-image: url('/img/renew/main_profile_back_02.png');  background-repeat: no-repeat;  background-position: left;  padding-left: 7px ;}
.meet_cont .meet_info li:nth-child(odd) {border-right:1px solid #D9D9D9}
.meet_cont .meet_info li strong {font-weight:400;color:#9E59F4}
.meet_cont .no_meet {font-size:18px}



.boxline_basic {border-color:#D3D3D3;transition:all 0.3s ease-out; border-radius: 20px 0 0 0;overflow: hidden;}
.boxline_basic .meet_hd {transition:all 0.3s ease-out}
.boxline_blue {border-color:#3895E0}
.boxline_red {border-color:#F4719A}
/*.boxline_blue .meet_hd_state {color:#006FC8 !important}*/
.boxline_red .meet_hd_state {color:#E0074B !important}
.boxbg_basic {border-color:#D3D3D3;background:#EBEBEB}
.boxbg_blue {border-color:#3895E0;background:#DFF0FE}
.boxbg_red {border-color:#F4719A;background:#FFE8EF}

.blurEffect {
  filter: blur(3px);
  -webkit-filter: blur(3px);
}



#bo_btn_top {margin:50px 0 20px;font-size:20px;line-height:34px;}
#bo_btn_top:after {display:block;visibility:hidden;clear:both;content:""}
.bo_list_total {float:left;color:#000; font-weight:500}
.bo_list_sort {float:right;margin:0;padding:0}
.bo_list_sort li {float:left;margin-left:22px}



.meet_hd_btn {position:absolute;right:10px;display:flex;align-items:center;cursor:pointer;}
.meet_hd_btn.matching_sate {position:absolute;bottom:10px;display:flex;align-items:center;cursor:pointer;left: 50%;transform: translate(-50%, 0%); right:unset}
.meet_hd_btn.matching_sate .meet_action {display:inline-block;padding:8px 14px;font-size:18px;font-weight:500; border: unset;    border-radius: 6px;    width: max-content;}
.meet_hd_btn .meet_action {display:inline-block;padding:6.5px 10px;font-size:14px;color:#fff;font-weight:500; border: unset;    border-radius: 6px;    width: max-content;}
.meet_hd_btn .meet_n_gray {background:#fff; color:#9E59F4; border:1px solid #9E59F4; ;}
.meet_hd_btn .meet_y_black {background:#9E59F4; margin-left:10px}
.meet_hd_btn .meet_pay {background:#9E59F4}
.meet_hd_btn .matching_wating {background:#a1a1a1}
.meet_hd_btn .action_done {cursor:default}

.meet_hd_zzim {position:absolute;right:13px;font-size:16px;;color:#686868;font-weight:600;display:flex;align-items:center;cursor:pointer}
.meet_hd_zzim img {margin-right:4px;width:22px;height:22px}
.zzim_on {color:#E0074B !important}

@media all and (max-width:1200px) {
	.meet_hd_btn.matching_sate{align-items: flex-end; }
	.meet_hd_btn.matching_sate .meet_action{font-size:14px; padding:6px 12px}
	.meet_cont .meet_cont_wrap{border: 1px solid #ddd;}
	.meet_con .swiper-slide{border: unset!important;}
	.meet_hd_approve{
	position: absolute;
    top: -30px;
    right: 6px;
    background: #fff;
    padding: 6px 12px;
    border-radius: 6px;}
	#main_meet #meet_swiper .swiper-wrapper{display: flex;flex-direction:unset; gap:0}
	.bo_untop {margin-top:30px}
	#bo_meet_wr {margin:0 20px 20px}
	#bo_meet {padding:0 0 20px}
	#bo_btn_top {margin:30px 0 10px;font-size:16px}
	.bo_list_sort li {margin-left:15px}
	.meet_box {margin:0 0 20px;height: unset;}
	.meet_hd {padding:0 6px;height:45px;font-size:10px; border-bottom: unset;}
	.meet_hd_zzim {font-size:10px;right: 6px;}
	.meet_hd_zzim img {margin-right:2px;width:14px;height:14px}
	.meet_hd_new, .meet_hd_date, .popular_badge, .meet_hd_state   {margin-right:8px;padding:3px 5px;font-size:10px}
	.meet_hd_open {margin-right:10px;}
	.meet_hd_state {font-size:10px}
	.meet_hd_dot {margin:0 8px}
	.meet_hd_arrow svg {width:22px;height:22px}
	/*.meet_cont {padding:10px}
	.meet_cont .meet_img img {width:80px;height:80px}*/
	.meet_cont .meet_noimage {height:80px !important}
	/*.meet_cont .meet_info {margin-left:90px;padding:0;height:80px}
	.meet_cont .meet_info ul {max-width:300px}*/
	.meet_cont .meet_info li {font-size:14px;line-height:20px; text-align: center;}
	.meet_cont .no_meet {font-size:14px}
	.meet_row .meet_li {width:50%}
	.meet_hd_btn {        right: 6px;
        top: -40px;
        z-index: 9;}
	.meet_hd_btn .meet_action {margin-left:6px;padding:7px 20px;font-size:14px}

	#meet_swiper{height: unset;}
	.meet_cont, .meet_cont a{flex-direction: column;}
	.meet_cont .meet_img{height: 54vw; max-width: unset;}
	#meet_swiper .swiper-slide{height: unset;}
	.main-button img{height:22px}
	.meet_hd_arrow{display: none;}
    #quick_menu{display:none;}
.meet_cont .meet_info ul{border-top:1px solid #D9D9D9; padding:5px 0; height: 95px; width: 100%;}
.meet_cont .meet_info li strong, .meet_cont .meet_info li span{font-size: 14px;}
.meet_cont .meet_info li{padding-left: 0;margin-bottom: 0; padding:4px 0}
.meet_cont .meet_info{margin:0}
.meet_cont .meet_info li strong{ background-size: auto 3.4vw; margin-left:4%; padding-left:4px!important }
.meet_cont .meet_info li:nth-child(odd){border:unset; border-right: 1px solid #D9D9D9 ;}
.meet_cont .meet_info{border:unset}
.meet_cont .meet_info strong{width: 40%; display: none;}
.meet_cont .meet_info span{width: 60%;}
.meet_cont .main_profile_bg{max-height:100px; height: 13vw;position: relative;}
.meet_cont .main_profile_bg .badge-more{position: absolute;top: -8px;right: -10px; font-size:12px; padding:3px 8px}
.meet_cont .main_profile_bg img{max-width: 13vw; max-height: 90px;}
.meet_request{margin-top:30px}
#main-service .main-service-top{margin-top:0}

}
@media all and (max-width:500px) {
.meet_cont .main_profile_bg{height: 50px;}
.meet_cont .main_profile_bg img{height: 11vw;padding-right:0px}
.meet_cont .main_profile_bg img:last-child{padding:0}
}

@media (hover: hover) and (pointer: fine) {
	.boxline_basic:hover {border:1px solid #000;;transition:all 0.3s ease-out}
	.boxline_basic:hover .meet_hd {border-color:#000;;transition:all 0.3s ease-out}
}