@charset "utf-8";
#visual .visual1 {background: url("/images/funeral/main/visual-bg-01.jpg") no-repeat center center;width: 75%;}
#visual .visual2 {background: url("/images/funeral/main/visual-bg-02.jpg") no-repeat center center;}
#visual .visual3 .reserve_btn em{display:block;font-size:14px;font-weight: normal;line-height: 1.2;}
#visual .visual3 .reserve_btn span{padding-right:30px;}
#visual .visual3 .reserve_btn{background-color:#006940;height: 134px;}
#visual .visual3 .reserve_btn:after{background-position:-790px -674px;width: 209px;height: 77px;bottom: -11px;}
.slide_control{display:none}

#visual .visual3{padding-right:40px;padding-bottom: 189px;}
#visual .visual3 .dsc{color:#fff;line-height: 1.2;word-break:break-all;font-size: 15px;letter-spacing: -1px;}
#visual .visual3 .info_div{padding:10px 12px;opacity: 0;display: none;}
#visual .visual3 .info_div .info{margin: 1px 0;}
#visual .visual3 .reserve_btn em br{display:none}
#visual .visual3 .call_div{margin-top: 45px;}

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


}

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

    #visual .visual3 .info_div .info{padding-top:20px; padding-left: 13px; margin: 0;}
    #visual .visual3 .info_div .info span{transform:none; top:0}
    #visual .visual3 .reserve_btn{height:74px; padding-top: 13px;}
}

@media screen and (max-width:1023px) {
    #visual{height: 460px;}
    #visual .visual1{width: 60%;}
    .slide_control{display:block}
    .slide_control .dots{float:left}
    .slide_control button{display: inline-block;}
    #visual .visual3 .reserve_btn{height: 90px; padding:20px 0 0 30px}
    #visual .visual3 .reserve_btn:after{width: 207px; bottom:-5px; right:-13px; transform: scale(0.7); background-position:-791px -674.5px}

}

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

    #visual{height: 100%;}
    #visual .visual1,
    #visual .visual3{width:100%;}
    #visual .visual3 .info_div{display:none}
    #visual .visual3{height: 300px !important;}



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

    #visual .visual3 .reserve_btn{height: 89px;padding: 21px 0 0 30px;}
    #visual .visual3 .reserve_btn:after{display:block}

}

.slide_wrap .slide_list .slide_item .slide .icon.icon3 {width: 66px;height: 66px;background-position: -314px -603px;}
.slide_wrap .slide_list .slide_item .slide .icon.icon2 {width: 72px;height: 72px;background-position: -79px -599px;}

/* 0121 */
#visual .visual3 .call_div .tit {line-height:1;margin-top:10px;margin-bottom:7px;font-size: 18px;}

@media (max-width:1380px) {
    #visual .visual3 .call_div .tit {margin-bottom:0px}
}

@media (max-width:1023px) {
    #visual .visual2 {padding-top:30px;}
    #visual .visual3 {padding-top:30px;width: 40%;}
    #visual .visual3 .call_div .number {font-size:28px;margin-top:8px;white-space: nowrap;}
}


@media (max-width:767px) {
    #visual .visual3 {width:100%;}
}

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

    #visual .visual3 .call_div .tit{margin-top: 17px;}
    #visual .visual3 .reserve_btn{height:74px; padding-top: 12px;}

    #visual .visual3{min-height: auto;height:auto;padding: 30px;padding-bottom: 90px;height: auto !important;}
    #visual .visual3 .call_div{margin-top:20px}
    #visual .visual3 .call_div .tit,
    #visual .visual3 .call_div .number{font-size:18px;color:#fff}
    #visual .visual3 .call_div .tit{margin-right:5px;}
}

@media (max-width:500px) {
    #visual .visual1 .sub_tit {word-break:keep-all;}
}

@media (max-width:400px) {
    #visual .visual1 .sub_tit {word-break:keep-all;}
    #visual .visual1 .sub_tit br {display:block;}
}


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

    #visual .visual3 .reserve_btn:after{display:none}

}
/* 빈소현황 */
#container .lay {margin: 0 auto;width: 1280px;}
#container .lay .lay_wrap {width: 100%;margin-top: 30px;}

#container .lay .title {margin-bottom: 5px;margin-top: 15px;}
#container .lay .title span {font-family: 'gmarket';font-weight:600;color: #006940;font-size:24px;}
#container .lay .title span em {font-family: 'gmarket';font-weight:600;color: #414040;font-size:24px;}

#container .lay .lay.funeral_lay .head {background-color:#006940;}
#container .lay .lay.funeral_lay .head ul {display:flex;width:100%;height: 40px;}
#container .lay .lay.funeral_lay .head ul li {font-size:16px;color:#fff;text-align:center;padding:7px;font-weight:600;}
#container .lay .lay.funeral_lay .head ul li:nth-child(1) {width:10%}
#container .lay .lay.funeral_lay .head ul li:nth-child(2) {width:10%}
#container .lay .lay.funeral_lay .head ul li:nth-child(3) {width:40%;}
#container .lay .lay.funeral_lay .head ul li:nth-child(4) {width:20%}
#container .lay .lay.funeral_lay .head ul li:nth-child(5) {width:20%}

#container .lay .lay.funeral_lay .midd {background-color:#fff;box-shadow:5px 5px 3px #ddd;height:126px;overflow:hidden}
#container .lay .lay.funeral_lay .midd ul {height: 126px;/* overflow-y:auto; */-ms-overflow-style: none;scrollbar-width: none;}
#container .lay .lay.funeral_lay .midd ul::-webkit-scrollbar {display:none;}
#container .lay .lay.funeral_lay .midd ul li {display:flex;border-bottom: 1px solid #ddd;background-color: #fff;}
#container .lay .lay.funeral_lay .midd ul li span {font-size:16px;text-align:center;color:#000;font-family: 'gmarket';padding:5px;padding-top:10px;}
#container .lay .lay.funeral_lay .midd ul li span:nth-child(1) {display:inline-block;width:10%;}
#container .lay .lay.funeral_lay .midd ul li span:nth-child(2) {display:inline-block;width:10%;}
#container .lay .lay.funeral_lay .midd ul li span:nth-child(3) {display:inline-block;width:40%;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow:hidden;height: 41px;line-height: 1.65;/* font-size:15px; *//* color:#666; */text-align:left;text-overflow: ellipsis;white-space: normal;}
#container .lay .lay.funeral_lay .midd ul li span:nth-child(4) {display:inline-block;width:20%;}
#container .lay .lay.funeral_lay .midd ul li span:nth-child(5) {display:inline-block;width:20%;}

/* 더보기 버튼 */
.funeral-text-wrap {display: flex;justify-content: space-between;align-items: center;}
.funeral-text-wrap .title {}
.funeral-text-wrap .morebtn {}
.funeral-text-wrap .morebtn a .more {display:inline-block;position: relative;width: 15px;height: 15px;margin:-4px 0 0 10px;vertical-align: middle;}
.funeral-text-wrap .morebtn a .more:before {width:100%;height: 1px;background: #777;}
.funeral-text-wrap .morebtn a .more:after {width: 1px;height:100%;background: #777;}

@media (max-width:1380px) {
    #container .lay {padding: 0px 3%;width: 100%;}
    #container .lay .lay.funeral_lay {width:100%;padding:0px}
}

@media (max-width:1052px) {
    #container .lay .lay.funeral_lay .head ul li {font-size:14px;}
    #container .lay .lay.funeral_lay .midd ul li span {font-size:12px;}
}

@media (max-width:807px) {
    #container .lay .lay.funeral_lay .head ul {height: 35px;}
    #container .lay .lay.funeral_lay .head ul li {font-size:13px;}
    #container .lay .lay.funeral_lay .midd ul li span {font-size:11px;}
    #container .lay .lay.funeral_lay .midd ul li span:nth-child(3) {display:inline-block;width:35%;}
    #container .lay .lay.funeral_lay .midd ul li span:nth-child(4) {display:inline-block;width:25%;}
    #container .lay .lay.funeral_lay .head ul li:nth-child(3) {width:35%;}
    #container .lay .lay.funeral_lay .head ul li:nth-child(4) {width:25%;}
}

@media (max-width:694px) {
    #container .lay .lay.funeral_lay .midd ul li {height: 34px;}
    #container .lay .lay.funeral_lay .head ul li:nth-child(5){display:none;}
    #container .lay .lay.funeral_lay .midd ul li span:nth-child(5) {display:none;}
    #container .lay .lay.funeral_lay .head ul li:nth-child(1) {width:15%}
    #container .lay .lay.funeral_lay .head ul li:nth-child(2) {width:15%}
    #container .lay .lay.funeral_lay .head ul li:nth-child(3) {width:45%;}
    #container .lay .lay.funeral_lay .head ul li:nth-child(4) {width:25%}
    #container .lay .lay.funeral_lay .midd ul li span:nth-child(1) {display:inline-block;width:15%;}
    #container .lay .lay.funeral_lay .midd ul li span:nth-child(2) {display:inline-block;width:15%;}
    #container .lay .lay.funeral_lay .midd ul li span:nth-child(3) {display:inline-block;width:45%;}
    #container .lay .lay.funeral_lay .midd ul li span:nth-child(4) {display:inline-block;width:25%;}
    #container .lay .lay.funeral_lay .midd {height: 101px;}
}

@media (max-width:564px) {
    #container .lay .lay.funeral_lay .midd ul li span:nth-child(3) {white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
    #container .lay .lay.funeral_lay .head ul li:nth-child(3) {width:40%;}
    #container .lay .lay.funeral_lay .midd ul li span:nth-child(3) {display:inline-block;width:40%;}
    #container .lay .lay.funeral_lay .head ul li:nth-child(4) {width:30%}
    #container .lay .lay.funeral_lay .midd ul li span:nth-child(4) {display:inline-block;width:30%;}

}

@media (max-width:500px) {
    #container .lay {position:relative;top: 18px;}
    #container .lay .lay.funeral_lay {top:0px}
    .slide_wrap {top:20px;}
    .slide_control {top:20px;}
}

@media (max-width:470px) {
    #container .lay .lay.funeral_lay .head ul li:nth-child(3) {width:35%;}
    #container .lay .lay.funeral_lay .head ul li:nth-child(4) {width:40%}
    #container .lay .lay.funeral_lay .midd ul li span:nth-child(3) {display:inline-block;width:35%;}
    #container .lay .lay.funeral_lay .midd ul li span:nth-child(4) {display:inline-block;width:40%;}
}

@media (max-width:372px) {
    #container .lay .lay.funeral_lay .head ul {height: 31px;}
    #container .lay .lay.funeral_lay .head ul li {font-size:11px;}
    #container .lay .lay.funeral_lay .midd ul li span {font-size:10px;}
    #container .lay .lay.funeral_lay .midd ul li {height: 34px;}
}

@media (max-width:342px) {
    #container .lay .lay.funeral_lay .midd ul li {height: 34px;}
    #container .lay .lay.funeral_lay .head ul li {font-size:10px;}
    #container .lay .lay.funeral_lay .head ul li:nth-child(3) {width:33%;}
    #container .lay .lay.funeral_lay .head ul li:nth-child(4) {width:42%}
    #container .lay .lay.funeral_lay .midd ul li span:nth-child(3) {display:inline-block;width:33%;}
    #container .lay .lay.funeral_lay .midd ul li span:nth-child(4) {display:inline-block;width:42%;}
}

@media (max-width:338px) {
    #container .lay .lay.funeral_lay .head ul li:nth-child(1) {width:13%}
    #container .lay .lay.funeral_lay .head ul li:nth-child(2) {width:17%}
    #container .lay .lay.funeral_lay .midd ul li span:nth-child(1) {display:inline-block;width:13%;}
    #container .lay .lay.funeral_lay .midd ul li span:nth-child(2) {display:inline-block;width:17%;}
    #container .lay .lay.funeral_lay .head ul li:nth-child(4) {padding:10px 0px;}
    #container .lay .lay.funeral_lay .midd ul li span:nth-child(4) {padding:10px 0px;}
}