@charset "utf-8";
/* CSS Document */

@media (max-width:1640px) {

/* common.css */

.top_inner {padding:0 2rem;box-sizing:border-box}

.ft_link {padding:0 2rem;box-sizing:border-box}
.ft_cont {padding:0 2rem;box-sizing:border-box}

/* main.css */

.visual_list li.bg1 a .visual_cont {padding:0 32rem 0 2rem;box-sizing:border-box}

.quick_wrap {padding:0 2rem;box-sizing:border-box}

.notice_wrap {padding:0 2rem;box-sizing:border-box}
.notice_wrap .notice_more {right:2rem}

.popup_wrap {padding:0 2rem;box-sizing:border-box}
.popup_wrap .popup_prev {left:.5rem}
.popup_wrap .popup_next {right:.5rem}

.quick_link {right:0}
.quick_link ul {padding:3rem 1rem;background:#fff;border-radius:2.4rem 0 0 2.4rem;box-shadow:0 .5rem 1rem rgba(0, 0, 0, .15)}

/* sub.css */

.sub_content {padding:0 2rem;box-sizing:border-box}

}

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

	/* common.css */

	.gnb ul li a {font-size:2rem}
	

}
    

@media (max-width:1280px) {

/* main.css */

.quick_wrap ul li a .quick_txt br {display:none}

.popup_wrap ul li {width:calc((100% - 6rem)/4);margin:0 0 0 2rem}

/* sub.css */

.day_control.pop {position:relative;display:flex;justify-content:space-between;align-items:center;width:100%;margin-top:1.5rem}
.day_control.pop .day_prev {position:relative;top:auto;left:auto}
.day_control.pop .day_next {position:relative;top:auto;right:auto}

}

@media (max-width:1200px) {

/* common.css */

.gnb ul li a {font-size:1.7rem}

/* main.css */

.quick_wrap ul li a {padding:3.5rem 2rem}
.quick_wrap ul li.quick1 a:before {bottom:2rem;right:2rem}
.quick_wrap ul li.quick2 a:before {bottom:2rem;right:2rem}
.quick_wrap ul li.quick3 a:before {bottom:2rem;right:2rem}
.quick_wrap ul li.quick4 a:before {bottom:2rem;right:2rem}
.quick_wrap ul li a .quick_tit {font-size:2.2rem}

/* sub.css */

.calendar_box .tbl_calendar tr td {padding:1.4rem 1rem 1.8rem 1rem}
.calendar_box .tbl_calendar tr td ul li a em {margin-right:.5rem}
.calendar_box .tbl_calendar tr td ul li a span {width:calc(100% - 2.5rem)}

.current_day h3 {font-size:2.2rem}

.tbl_fac_list tr td button {min-height:5.8rem}

}

@media (max-width:1000px) {

/* common.css */

.util_list {display:none !important}

.hd_side_btn {display:block}
.hd_side_btn button {width:4rem;height:4rem;background:#262f33 url(../img/common/total_menu.png)no-repeat center center;background-size:2.2rem;border-radius:.8rem;text-indent:-9999px}

.gnb {display:none}

.ft_cont .ft_logo {width:100%;margin:0 auto;text-align:center}
.ft_address {width:100%;margin-top:2rem}

/* main.css */

.visual_list {height:28rem}
.visual_list li.bg1 a .visual_cont p {font-size:4.4rem;line-height:1.3}
.visual_list li.bg1 a .visual_cont span {font-size:2rem}

.quick_wrap ul li {width:calc((100% - 2rem)/2);margin:2rem 0 0 2rem}
.quick_wrap ul li:nth-child(odd) {margin:2rem 0 0 0}
.quick_wrap ul li:nth-child(even) {margin:2rem 0 0 2rem}
.quick_wrap ul li a .quick_txt {margin-top:1.5rem}

.notice_wrap .notice_cont ul li a .notice_tit {width:100%}
.notice_wrap .notice_cont ul li a .notice_date {display:none}

.popup_wrap ul li {width:calc((100% - 4rem)/3);margin:0 0 0 2rem}


/* sub.css */

.calendar_box .tbl_calendar tr td ul li a span strong {display:none}

.day_control {position:relative;display:flex;justify-content:space-between;align-items:center;width:100%;margin-top:1.5rem}
.day_control .day_prev {position:relative;top:auto;left:auto}
.day_control .day_next {position:relative;top:auto;right:auto}

.tbl_calendar_list colgroup {display:none}
.tbl_calendar_list thead {display:none}
.tbl_calendar_list tr {display:flex;flex-wrap:wrap;padding:1rem;border-bottom:.1rem solid #e3e5e9;box-sizing:border-box}
.tbl_calendar_list tr td {display:inline-block;height:auto;margin:.75rem 1rem;padding:0;border:0}
.tbl_calendar_list tr td > span {display:inline-block}
.tbl_calendar_list tr td.block {display:flex;width:100%;margin:0 1rem}
.tbl_calendar_list tr td.block > span {width:14rem;margin-top:.4rem;text-align:left}
.tbl_calendar_list tr td.block ul {justify-content:flex-start;width:calc(100% - 14rem)}
.tbl_calendar_list tr td ul li {justify-content:flex-start;width:auto;margin:.5rem 1rem .5rem 0 !important}

.tbl_calendar_list.time tr td ul li a span br {display:none}

.tbl_calendar_list tbody tr th {display:inline-block;height:3.5rem;margin:.7rem 0;padding:0 2rem;background:#006eb9;border-radius:.8rem;color:#fff;line-height:3.5rem;box-sizing:border-box}

.tbl_form tr td .form_flex.change select {max-width:14rem}
.tbl_form tr td .form_flex.change select.fac_name {max-width:24rem}

.before_wrap ul {padding:2rem}
.after_wrap ul {padding:2rem}

.sort_list {justify-content:center;width:100%;margin:0 0 1rem 0}

/* popup.css */

.search_box .search_post {width:100%;margin:.5rem 0}
.search_box .search_post label {width:10rem;box-sizing:border-box}
.search_box .search_post select {width:calc(100% - 10rem)}
.search_box .search_post input[type=text] {max-width:100%;width:calc(100% - 10rem)}
.search_box .search_post.addr .post_num {width:calc(100% - 10rem)}
.search_box .search_post.addr .post_num input[type=text] {max-width:100%;width:calc((100% - 11rem)/2)}
.search_box .search_post.addr .post_num .btn_search {width:7rem;text-align:center}

}

@media (max-width:800px) {

/* common.css */

.counsel_wrap {width:100%;padding:0 0 1.2rem 0}

#right_totalSearch3 {display:none}
#right_totalSearch {display:none}
#right_totalSearch2 {display:none}
.right_pre_regist {display:none}
.right_pre_regist_over {display:none}
#right_menu {display:none}
.right_menu_over {display:none}

.side_quick_wrap.mb {display:block}
.side_quick_wrap.pc {display:none}

/* main.css */

.visual_list {height:24rem}
.visual_list li.bg1 a .visual_cont p {font-size:3.6rem}
.visual_list li.bg1 a .visual_cont span {font-size:1.8rem}

.notice_wrap .notice_cont ul li {width:100%}
.notice_wrap .notice_cont ul li:nth-child(odd) {padding:1.4rem 0}
.notice_wrap .notice_cont ul li:nth-child(even) {padding:1.4rem 0}
.notice_wrap .notice_cont ul li:nth-child(even):before {display:none}

.popup_wrap {margin:3rem auto 0}
.popup_wrap ul li {width:calc((100% - 2rem)/2)}

/* sub.css */

.month_select .month {padding:0 6rem}
.month_select .month h3 {font-size:2rem}

.legend {gap:2rem}
.legend li:nth-child(1) span, .legend li:nth-child(2) span, .legend li:nth-child(3) span, .legend li:nth-child(4) span {margin-right:.5rem}

.tbl_wrap.scroll {overflow-x:scroll}
.tbl_fac_list {width:90rem}
.tbl_agree_3rd {width:80rem}

.apply_form_wrap .apply_form_step ul li {padding:0 3rem}
.apply_form_wrap .apply_form_step ul li:before {left:-2rem}
.apply_form_wrap .apply_form_step ul li .step_txt {display:none}
.apply_form_wrap .apply_form_step ul li.on .step_txt {display:block}

.apply_form_wrap .apply_form_step {margin-bottom:3rem}

.accordion_header {padding:1.5rem 2rem}

.funeral_select_wrap {padding:2rem}
.funeral_select {width:100%;padding-right:0}
.funeral_select:before {display:none}
.funeral_info {width:100%;margin-top:2rem;padding:2rem 0 0 0;border-top:.1rem solid #b6d0eb}

.tbl_list colgroup {display:none}
.tbl_list thead {display:none}
.tbl_list tbody tr {position:relative;display:flex;flex-wrap:wrap;align-items:center;gap:1rem;padding:1.5rem 1.5rem 1.5rem 5.5rem;border-bottom:.1rem solid #e3e5e9}
.tbl_list tr td {padding:0;border:0}
.tbl_list tr td.select {position:absolute;top:50%;left:1.5rem;margin-top:-.9rem}
.tbl_list tr td:before {content:attr(data-title);margin-right:.5rem;color:#333;font-weight:500}

.tbl_form tr td .form_flex.change {flex-wrap:wrap}

.change_histroy:before {transform:rotate(90deg)}
.before_wrap {width:100%}
.after_wrap {width:100%;margin-top:8rem}

.step_info_wrap ul {display:block}
.step_info_wrap ul li {width:100%;margin:3rem 0 0 0}
.step_info_wrap ul li:first-child {margin:0}
.step_info_wrap ul li:before {top:-1rem;left:50%;transform:rotate(90deg);width:2.6rem;height:2.6rem;margin-left:-1.3rem}
.step_info_wrap ul li:first-child:before {display:none}
.step_info_wrap ul li h3 {display:inline-flex;justify-content:center;align-items:center;width:100%;height:100%;color:#fff;font-size:1.6rem;font-weight:500;word-break:keep-all}

.sample_img h3 {font-size:1.8rem}
.sample_img ul li {margin:1rem 0 0 0}

}


@media (max-width:640px) {

html {font-size:55%}

/* common.css */

.ft_wrap {padding:2rem 0}

.quick_link {display:none}
.quick_link ul li a {text-align:center}
.quick_link ul li.link4 a img {max-width:60%}

/* main.css */

.visual_list {height:20rem}
.visual_list li.bg1 a .visual_cont {padding:0 29rem 0 2rem}
.visual_list li.bg1 a .visual_cont:before {width:25rem;height:18rem;margin-top:-9rem;background-size:25rem}

.notice_wrap h3 {font-size:2.4rem}
.notice_wrap .notice_more {top:.6rem}

.quick_wrap ul li {width:100%}
.quick_wrap ul li:nth-child(even) {margin:2rem 0 0 0}
.quick_wrap ul li a {padding:3rem 2rem}

.popup_wrap ul {height:20rem}

/* sub.css */

.sub_top {padding:2.3rem 0 2.2rem 0}
.sub_top h1 {font-size:2.6rem}

.search_box div {width:100%;margin:.5rem 0}
.search_box .form_sel {gap:1rem}
.search_box .form_sel select {width:100%}
.search_box .form_btn {justify-content:center}

.legend {flex-wrap:wrap;gap:1rem}

.calendar_box .tbl_calendar tr td {height:14.4rem;padding:1.2rem .5rem}

.current_day h3 {font-size:2rem}

.day_control .day_prev {gap:.5rem}
.day_control .day_next {gap:.5rem}

.day_control.pop .day_prev .day10 {padding:0 1.5rem;background:#2f8800}
.day_control.pop .day_prev .day5 {padding:0 1.5rem;background:#666}
.day_control.pop .day_next .day5 {padding:0 1.5rem;background:#666}
.day_control.pop .day_next .day10 {padding:0 1.5rem;background:#2f8800}

.accordion_check .accordion_div {width:100%}
.accordion_check .accordion_div.lb_left {justify-content:flex-start;margin:0 0 2rem 0}
.accordion_check .accordion_div span {margin-left:.2rem}
.agree_text {justify-content:flex-end;margin:1.5rem 0 0 0}

.tbl_form colgroup {display:none}
.tbl_form tr th {display:block;padding:1.5rem 0 1rem 0;border-bottom:0}
.tbl_form tr th br {display:none}
.tbl_form tr td {display:block;padding:0 0 1.5rem 0}
.tbl_form.sort tr th {display:block;padding:1.5rem;border-bottom:0}
.tbl_form.sort tr td {display:block;padding:1.5rem}

.tbl_form tr td .form_flex.change select {max-width:100%}
.tbl_form tr td .form_flex.change select.fac_name {max-width:100%}
.tbl_form tr td .form_flex.change .tbl_btn {width:100%;text-align:center}

.tbl_form.sort tr td .form_flex {flex-wrap:wrap;gap:1rem}
.tbl_form.sort tr td .form_flex select {max-width:100%}

.sort_list {gap:0}
.sort_list li {width:calc((100% - 1rem)/2)}
.sort_list li a {padding:0 1rem;text-align:center}

.legend li:nth-child(2):hover .legend_info {width:28rem;margin-left:-14rem}
.legend li:nth-child(3):hover .legend_info {width:26rem;margin-left:-13rem}

/* popup.css */

.search_box .search_post {flex-wrap:wrap}
.search_box .search_post select {width:100%}
.search_box .search_post input[type=text] {width:100%}
.search_box .search_post.addr .post_num {width:100%}
.search_box .search_post.addr .post_num input[type=text] {width:calc((100% - 3rem)/2)}
.search_box .btn_search {width:100%;text-align:center}
.search_box .search_post.addr .post_num .btn_search {width:100%;text-align:center}

.search_box .form_side_btn .btn_fac_search {justify-content:center;width:100%;margin:0}
.search_box .form_side_btn .btn_fac_search span br {display:none}

}


@media (max-width:480px) {

/* common.css */

.ft_cont .ft_logo {display:flex;justify-content:space-between}

/* main.css */

.visual_list {height:16rem}
.visual_list li.bg1 a .visual_cont {padding:0 22rem 0 2rem}
.visual_list li.bg1 a .visual_cont:before {width:18rem;height:13rem;margin-top:-6.5rem;background-size:18rem}
.visual_list li.bg1 a .visual_cont p {font-size:3rem}

.counsel_wrap .counsel_tit {margin-right:1rem}
.counsel_wrap .counsel_num {margin-left:0;padding-left:0;font-size:1.8rem}
.counsel_wrap .counsel_num:before {display:none}

/* sub.css */

.month_select .month {padding:0 4rem}
.month_select .month h3 {font-size:1.8rem}
.month_select .month .month_prev {width:3rem;height:3rem;margin-top:-1.5rem;background-size:.8rem}
.month_select .month .month_next {width:3rem;height:3rem;margin-top:-1.5rem;background-size:.8rem}
.month_select .sort_list li a {padding:0 1.5rem}

.satis_Tit span {width:100%;margin:1rem 0 0 0}

.current_day h3 {font-size:1.8rem}
.day_control .day_prev .day10 {min-width:auto}
.day_control .day_prev .day5 {min-width:auto}
.day_control .day_next .day5 {min-width:auto}
.day_control .day_next .day10 {min-width:auto}

.apply_form_wrap .apply_form_step ul li {padding:0 1rem}
.apply_form_wrap .apply_form_step ul li:before {display:none}

.btn_center .btn_blue {min-width:10rem}
.btn_center .btn_gray {min-width:10rem}

.reserve_state {margin-bottom:2rem}
.reserve_state .btn_refresh {position:relative;top:auto;right:auto;display:flex;justify-content:flex-end}


.reserve_state .reserve_info {position:relative;top:auto;right:auto;display:flex;justify-content:flex-end}

.right_btn {display:flex;justify-content:flex-end;width:100%}

.accordion_btn_wrap span {width:100%}

.post_list {height:20rem}

}

@media (max-width:360px) {

html {font-size:50%}

/* main.css */

.counsel_wrap .counsel_num {margin-top:1rem}

/* sub.css */

.day_control.pop .day_prev .day10 {padding:0 1.2rem}
.day_control.pop .day_prev .day5 {padding:0 1.2rem}
.day_control.pop .day_next .day5 {padding:0 1.2rem}
.day_control.pop .day_next .day10 {padding:0 1.2rem}

}