@charset "UTF-8";

.MC_box5{ position:absolute; right:0; top:-12.5rem; }

/* 빈소현황 */
.MC_wrap2 .MC_box2 .title .heading{ margin-right:0;}
.M_list { display: flex; flex-wrap: wrap; gap: 1rem; }
.M_list dl { position:relative; width:calc((100% - 2rem) / 3); height:11rem; padding:1.25rem 1.5rem; background:#fff url('/images/web/daegufuneral/main/img_flower.png') no-repeat right 1rem bottom 1rem; }
.M_list dl:nth-child(n + 16){ display: none;}
.M_list dt{ margin-right:5rem; margin-bottom:1rem; font-size: 1.1rem; font-weight: 600; color:#000; white-space: nowrap; overflow:hidden; text-overflow:ellipsis; }
.M_list dd{ padding-right:5rem;}
.M_list dd li{ display: flex; gap:0.25rem; line-height:1.4rem; }
.M_list dd li span{ font-weight: 700;}
.M_list dd li p{ flex: 1; min-width:0px; white-space: nowrap; overflow:hidden; text-overflow: ellipsis;}
.M_list dd a{ position:absolute; right:1.5rem; top:1.25rem; text-align: center; min-width:5rem; padding:0.3rem 0.5rem; border:1px solid #ccc;}
.M_list dd a:hover,
.M_list dd a:focus{ background:#000; color:#fff; border-color:#000;}

.M_list dl.no_data{ width:100%; background-position: top 1.5rem center; font-size: 1rem; padding:7rem 0 0; text-align: center;}
.M_list dl.no_data dd{ padding:0;}

@media screen and (max-width: 1460px) {

    .MC_box5{ position:relative; right:auto; top:auto; margin-top:2rem;}

    /* 빈소현황 */
    .M_list dl:not(.no_data) { background-size: 5.5rem auto;}
    .M_list dd{ padding-right:3rem;}
}

@media screen and (max-width: 1280px) {

    .MC_box5{ margin:2rem 0;}
}

@media screen and (max-width: 1024px) {

    /* 빈소현황 */
    .M_list { margin-top:1.5rem; }
    .M_list dl { width:calc((100% - 1rem) / 2); }
}

@media screen and (max-width: 620px) {

    .MC_box5{ margin:2rem 1rem;}

    .M_banner ul li{ flex: 1;}
    .M_banner ul li a{ flex-direction: column; height: 100%;  gap: 0.5rem; padding:0.5rem;}
    .M_banner ul li a .txt{ font-size: 0.9rem;}
    .M_banner ul li a .img{ width:3rem; height:3rem;}

    /* 빈소현황 */
    .M_list dl { width:100%; height:auto; padding:1rem; }
    .M_list dt{ margin-bottom:0.5rem; font-size: 1rem;}
    .M_list dd a{ right:1rem; top:0.9rem;}
    .M_list dl.no_data{ padding:5.5rem 0 1rem; font-size: 0.9rem; background-size: 5rem auto;}
}

@media screen and (max-width: 380px) {
    .MC_box5{ margin:1.5rem 1rem;}

    .M_banner ul li{ flex: auto; width:100%;}
    .M_banner ul li a{ flex-direction: row; }

    /* 빈소현황 */
    .M_list dl { background-position:right -1rem bottom -0.25rem; }
    .M_list dd{ padding-right:1rem;}
}

@media screen and (max-width: 320px) {

    /* 빈소현황 */
    .M_list dt{ margin-right:0;}
    .M_list dd{ padding-right:0;}
    .M_list dd a{ display: block; position:relative; right:auto; top:auto; margin-top: 0.5rem; background:#fff;}
}