@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable.min.css");

.grecaptcha-badge {display:none !important;}

*{box-sizing:border-box}
html { scroll-behavior: smooth; }


body{
    background:#f8f8f8;
    color:#222;
    font-family: -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Pretendard Variable", Pretendard, Roboto, "Noto Sans KR", "Segoe UI", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif; 
    font-size:14px;
    line-height:1.55;
}



@font-face {
    font-family: 'Gunhamimalmunteuyeot';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/2607131613@gfcgunhamitalks/gfcgunhamitalks/GFCGunhamiTalks.woff2') format('woff2');
    font-weight: 400;
    font-display: swap;
}


#wrap {overflow:hidden; margin:0 auto; max-width:700px; border-left:1px #e6e6e6 solid; border-right:1px #e6e6e6 solid;     box-shadow: rgba(0, 0, 0, 0.05) 0px 2px 10px 0px;  }



#header {text-align:center; background:#fff;  position:relative; z-index:100;  }
#header h1#logo {display:inline-block; font-size:18px;   letter-spacing:2; line-height:45px; color:#000;    color:#000; font-weight:900;}
#header h1#logo a {   color:#000;}
#header h1#logo a span{font-size:12px; color:#666; font-weight:normal; margin-left:5px; letter-spacing:-1px;}
#header .h_back {position:absolute; left:4%; top:10px;}
#header .h_home {position:absolute; right:4%; top:13px;}
#header .h_home .feather {width:18px; height:18px; color:#000}


/*메인배너*/
.main_banner_wrap { position:relative; z-index:1;}
.main_banner_wrap  .main_banner_list_box { position:relative;overflow:hidden; }
.main_banner_wrap  .main_banner_list_box .list_wrap  {width:100%; z-index:1; position:relative;  margin-top:0px;}
.main_banner_wrap  .main_banner_list_box .list_wrap .swiper-slide{text-align:left;             justify-content: center;      align-items: center;}

.main_banner_wrap  .main_banner_list_box .list_wrap .swiper-slide .pic img {width:100%;  vertical-align:middle;}


/*검색*/
.common_search_wrap {border-radius:30px 30px 0px 0px; background:#fff;  position:relative; z-index:1; top:-30px;  -webkit-box-sizing: border-box;    -moz-box-sizing: border-box;    box-sizing: border-box;}
.common_search_wrap .search_box{padding:15px 5%; position:relative; border-bottom:1px #eaecef solid;}
.common_search_wrap .search_box .text {margin-left:30px;;}
.common_search_wrap .search_box .btn {position:absolute; left:2%; top:7px;}
.common_search_wrap .search_box input[type="search"]{ height:30px; line-height:30px; background:none;border:0px; width:100%; padding:0 5%;  -webkit-box-sizing: border-box;    -moz-box-sizing: border-box;    box-sizing: border-box;  letter-spacing:-1px; font-size:14px;}
.common_search_wrap .search_box .btn button[type="submit"]{border:0px;  font-size:13px; background:url(/img/header_util_icon03.svg) center 50% no-repeat;; color:#fff; width:45px; line-height:45px; height:45px; font-size:0px;      z-index:-99999999;  }
.common_search_wrap .search_area_wrap {padding:0}
.common_search_wrap .search_area_wrap .teb{display:table; width:100%; table-layout:fixed;}
.common_search_wrap .search_area_wrap .teb a{display:table-cell; padding-left:5%; padding-right:5%; vertical-align:middle; border-bottom:1px #eaecef solid; text-align:left; line-height:40px; position:relative; font-size:14px; }
.common_search_wrap .search_area_wrap .teb a.on{ border-bottom-color:#fff; color:#0244d6;}
.common_search_wrap .search_area_wrap .teb a:nth-child(1){border-right:1px #eaecef solid;}
.common_search_wrap .search_area_wrap .teb a .feather {position:absolute; right:5%; top:10px; width:20px; height:20px;}
.common_search_wrap .search_area_wrap .teb a.on .feather {color:#0244d6;}
.common_search_wrap .search_area_wrap .search_area {padding:5%; border-bottom:1px #eaecef solid;}
.common_search_wrap .search_area_wrap .search_area ul { display: grid;    grid-template-columns: repeat(4, 1fr);    gap:5px;}
.common_search_wrap .search_area_wrap .search_area ul li{ min-width: 0; font-size:13px;}
.common_search_wrap .search_area_wrap .search_area ul li a{display:block; text-align:center;    border: 1px solid #eaecef;   line-height:30px; border-radius:3px; color:#444}
.common_search_wrap .search_area_wrap .search_area ul li a.active {border-color:#0244d6; color:#0244d6; background:#fff; }


.common_search_wrap .search_area_wrap .search_result{padding:5%; border-bottom:1px #eaecef solid;}
.common_search_wrap .search_area_wrap .search_result ul { display: grid;    grid-template-columns: repeat(3, 1fr);    gap:5px;}
.common_search_wrap .search_area_wrap .search_result ul li{ min-width: 0; font-size:11px; color:#666; border:1px #ededed solid; border-radius:30px;  line-height:30px;  padding:0 5px; position:relative;}
.common_search_wrap .search_area_wrap .search_result ul li button{border:0px; background:none; position:absolute; right:0px; top:7px;} 
.common_search_wrap .search_area_wrap .search_result ul li .feather {width:13px; height:13px; } 

.common_search_wrap .search_area_wrap .search_result .result_btn {margin-top:10px; display: grid;    grid-template-columns: repeat(2, 1fr);    gap:5px;}
.common_search_wrap .search_area_wrap .search_result .result_btn button{ min-width: 0; border:1px #e6e6e6 solid;  vertical-align:middle; font-size:15px; line-height:40px; color:#333;  background:none;   border-radius:5px;}
.common_search_wrap .search_area_wrap .search_result .result_btn button .feather {width:15px; height:15px; vertical-align:middle; color:#666; position:relative; top:-2px;} 
.common_search_wrap .search_area_wrap .search_result .result_btn button.etc {border-color:#0244d6; background:#0244d6; color:#fff;}


/*검색서브*/
.list_wrap {margin-top:10px;background:#fff; border-top:1px #eaecef solid; }
.list_wrap .result_conunt{padding:5% 3%; font-size:13px; color:#444; border-bottom:1px #ebebeb solid;}
.list_wrap .result_conunt strong{color:#0244d6;}
.list_wrap .empty_list{border-bottom:1px #ebebeb solid; padding:5%; }
.list_wrap .empty_list .t1 {font-size:18px; font-weight:bold; letter-spacing:-1px; color:#000;}
.list_wrap .empty_list .t1 span { font-weight:normal;  color:#666; font-size:13px; display:inline-block; margin-left:5px;}
.list_wrap .empty_list .t2 {font-size:14px; color:#333; margin-top:3px; }
.list_wrap .empty_list .t3 {margin-top:5px;  clear:both;   transition: all 0.2s;  font-size:0px; overflow:hidden; white-space:nowrap; overflow-x:auto;-webkit-overflow-scrolling:touch; -ms-overflow-style:-ms-autohiding-scrollbar;    ;   position:relative;  }
.list_wrap .empty_list .t3 div {display:inline-block; padding:5px 10px; border-radius:5px; font-size:13px;    color:#000; background:#f8f8f8; margin-right:6px;}
.list_wrap .empty_list .t3 div strong {color:#0244d6; font-weight:normal;}
.list_wrap .empty_list .t3 div span {display:inline-block; color:#666; margin-right:5px; }
.list_wrap .empty_list .empty_list_btn {margin-top:10px;  padding-top:10px; border-top:1px #ededed solid;}
.list_wrap .empty_list .empty_list_btn .btn {display:inline-block; line-height:30px; border-radius:5px; border:1px #ddd solid; color:#222; font-size:12px; padding:0 10px; margin-right:3px; background:#fff;}
.list_wrap .empty_list .empty_list_btn .btn:nth-child(1) {border-color:#0244d6; color:#0244d6;}
.list_wrap .empty_list .empty_list_btn .btn:nth-child(2) {border-color:#444; color:#222;}
/*.list_wrap .empty_list .empty_list_btn .btn:nth-child(3) {background:#f2f2f2; border-color:#f2f2f2;}*/



.main_quick_wrap {margin:0px 0px; padding:5%; background:#fff;  position:relative; margin-top:-30px}
.main_quick_wrap ul {display: grid;    grid-template-columns: repeat(3, 1fr);    gap:10px;}
.main_quick_wrap ul li{min-width: 0; padding:20px 10px; border-radius:10px; position:relative; height:150px;}
.main_quick_wrap ul li:nth-child(1){background:#e4f0fe url(/img/main_quick_wrap_icon01.png) 90% 90px no-repeat; background-size:60px;;}
.main_quick_wrap ul li:nth-child(2){background:#f8f8f8 url(/img/main_quick_wrap_icon02.png) 90% 93px no-repeat; background-size:45px;;}
.main_quick_wrap ul li:nth-child(3){background:#f8f8f8 url(/img/main_quick_wrap_icon03.png) 90% 93px no-repeat; background-size:49px;;}
.main_quick_wrap ul li dl {}
.main_quick_wrap ul li dl dt{font-size: 14px;  letter-spacing:-1px; color:#000; font-weight:bold; margin-bottom:5px;}
.main_quick_wrap ul li dl dd{font-size:12px; color:#666; line-height:16px; }


/*상세*/
.detail_wrap {  margin:5% 3%;}

/*검색없음*/
.search_no_data {text-align:center; font-size:15px; padding:30px 0px;}



/*가이드*/
.detail_wrap .guide {font-size:12px; color:#444; text-align:left;}
.detail_wrap .guide a{display:inline-block; }
.detail_wrap .guide .feather {width:12px; height:12px;  vertical-align:middle;}

.detail_wrap .guide_help { margin-bottom: 7px;  margin-top:4px;  }
.detail_wrap .guide_help span {display: inline-block;    margin-bottom: 7px;    padding: 3px 7px;    background: #eef4f1;    color: #013a66;    border-radius: 4px;    font-size: 10px;    font-weight: 800;}



.common_detail_wrap {margin-top:10px; background:#fff;       border: 1px solid #e6e8eb; padding:5%; border-radius:10px;}
.common_detail_wrap .funeral_name {font-size: 22px; line-height:25px; font-weight:bold; color:#000}
.common_detail_wrap .address {font-size:14px; line-height:20px; color:#747981; margin-top:6px;}
.common_detail_wrap .funeral_list {margin-top:14px;}
.common_detail_wrap .funeral_list a{padding: 8px 11px; border: 1px solid #dfe2e5; border-radius: 6px; color: #656a70; font-size: 12px;}

.common_detail_wrap .common_title  {overflow:hidden; margin-bottom:20px;}
.common_detail_wrap .common_title .title {float:left; font-size:16px; color:#000; font-weight:bold; }
.common_detail_wrap .common_title .etc {float:right; color: #92969c;    font-size: 11px; }


.info_table{margin:0;border-top:1px solid #e9ebee}
.info_table>div{display:grid;    grid-template-columns:110px minmax(0,1fr);    border-bottom:1px solid #eceef0;}
.info_table dt,
.info_table dd{margin:0;    padding:10px 13px;}
.info_table dt{background:#fafafa;    color:#70757c;    font-size:12px;    font-weight:700;}
.info_table dd{color:#35393e;    font-size:13px;}




.related_list{display:grid;    grid-template-columns:1fr 1fr;    gap:8px;}
.related_list>a{    min-width:0;    padding:12px;    background:#f8f9fa;    border-radius:7px;}
.related_list strong{    display:block;    overflow:hidden;    text-overflow:ellipsis;    white-space:nowrap;    font-size:13px;}
.related_list span{    display:block;    margin-top:4px;    overflow:hidden;    text-overflow:ellipsis;    white-space:nowrap;    color:#858a91;    font-size:10px;}



.detail_wrap .detail_link_box {position:fixed;  width:90%;    max-width:560px;    bottom:2%;    left:50%;    transform:translateX(-50%); z-index:999}
.detail_wrap .detail_link_box .link {display: grid;   grid-template-columns:2fr 1fr 1fr;    gap:5px;} 
.detail_wrap .detail_link_box .link .btn {text-align:center; min-width: 0;  border:1px #0244d6 solid; color:#fff; background:#0244d6;  display:block; line-height:45px; border-radius:10px;  font-size:14px;}
.detail_wrap .detail_link_box .link .btn:nth-child(1) {min-width:50%;}
.detail_wrap .detail_link_box .link .btn:nth-child(2) {background:#fff; color:#0244d6; border-color:#0244d6;  }
.detail_wrap .detail_link_box .link .btn:nth-child(3) {background:#fff; color:#000; border-color:#ddd;  }


#footer {padding:5%; }
#footer .f_util a{display:inline-block; line-height: 20px;    font-size: 14px; font-weight:bold; color:#000; position:relative; padding-right:20px;}
#footer .f_util a:after {    display: block;    position: absolute;    top:5px;    right:8px;    width: 1px;    height:10px;    background:#999;    content: '';}
#footer .f_util a:last-child:after { content:none;}
#footer .f_info {font-size:11px; color:#777; line-height:16px; margin-top:10px;}  




/*블로그*/
.detail_list_box .swiper-wrapper  {width:100%; z-index:1; position:relative; }
.detail_list_box .swiper-wrapper .swiper-slide{text-align:left;             justify-content: center;      align-items: center;}
.detail_list_box .swiper-wrapper .swiper-slide .pic  {background-size:cover; padding-top:80%; border-radius:10px;}
.detail_list_box .swiper-wrapper .swiper-slide .pic  img{vertical-align:middle; max-width:100%;}
.detail_list_box .swiper-wrapper .swiper-slide .txt  {padding:0px; text-align:left;}
.detail_list_box .swiper-wrapper .swiper-slide .txt .t0 {position:relative;}
.detail_list_box .swiper-wrapper .swiper-slide .txt .t0 span {display:inline-block;  font-size:20px; color:#2b6557;}
.detail_list_box .swiper-wrapper .swiper-slide .txt .t0 .date {position:absolute;right:0px; top:0px; font-size:14px; color:#666}
.detail_list_box .swiper-wrapper .swiper-slide .txt .t1 {margin-top:10px; font-size:16px; color:#000; font-weight:bold; overflow: hidden;    white-space: nowrap;    text-overflow: ellipsis; letter-spacing:-1px;}
.detail_list_box .swiper-wrapper .swiper-slide .txt .t2 {font-size:14px; margin-top:5px; color:#444;  line-height:18px; overflow:hidden;}






/* 메인에서는 뒤로가기 버튼을 출력하지 않음 */
#header.is_main .h_back {display:none;}

/* 지역 선택 버튼 */
.common_search_wrap .search_area_wrap .search_area ul.region_sido_links {
    grid-template-columns:repeat(4, 1fr);
}
.common_search_wrap .search_area_wrap .search_area ul li button.region_sido_button {
    display:block;
    width:100%;
    border:1px solid #eaecef;
    background:#fff;
    color:#444;
    line-height:30px;
    border-radius:3px;
    font-size:13px;
    cursor:pointer;
}
.common_search_wrap .search_area_wrap .search_area ul li button.region_sido_button.active,
.common_search_wrap .search_area_wrap .search_area ul li button.region_sido_button:hover {
    border-color:#0244d6;
    color:#0244d6;
}

/* 선택된 지역이 없을 때 결과 영역 숨김 */
.common_search_wrap .search_area_wrap .search_result.is_empty {display:none;}
.common_search_wrap .search_area_wrap .search_result ul li {
    padding:0 28px 0 10px;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}
.common_search_wrap .search_area_wrap .search_result ul li button {
    right:5px;
    cursor:pointer;
}

/* 지역 선택 모달 */
body.region_modal_open {overflow:hidden;}
.region_modal {
    position:fixed;
    z-index:1000;
    inset:0;
}
.region_modal_dim {
    position:absolute;
    inset:0;
    background:rgba(0,0,0,.45);
}
.region_modal_box {
    position:absolute;
    left:50%;
    bottom:0;
    width:100%;
    max-width:700px;
    max-height:72vh;
    background:#fff;
    border-radius:20px 20px 0 0;
    transform:translateX(-50%);
    overflow:hidden;
}
.region_modal_header {
    position:relative;
    padding:17px 55px 15px 20px;
    border-bottom:1px solid #eee;
    font-size:17px;
}
.region_modal_close {
    position:absolute;
    right:15px;
    top:12px;
    width:36px;
    height:36px;
    border:0;
    background:none;
    cursor:pointer;
}
.region_modal_close .feather {width:21px; height:21px;}
.region_modal_body {
    max-height:calc(72vh - 58px);
    padding:15px 5% 25px;
    overflow-y:auto;
}
.region_district_panel {display:none;}
.region_district_panel.active {display:block;}
.region_district_panel ul {
    display:grid;
    grid-template-columns:repeat(4, 1fr);
    gap:6px;
}
.region_district_panel li {min-width:0;}
.region_district_button {
    width:100%;
    min-height:38px;
    padding:4px;
    border:1px solid #e4e6e9;
    border-radius:5px;
    background:#fff;
    color:#444;
    font-size:13px;
    cursor:pointer;
}
.region_district_button.active {
    border-color:#0244d6;
    background:#f2f6ff;
    color:#0244d6;
    font-weight:600;
}

@media (max-width:420px) {
    .region_district_panel ul {grid-template-columns:repeat(3, 1fr);}
}

/* 지역선택 하단 모달 애니메이션 */
.region_modal {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 9999;
    visibility: hidden;
    opacity: 0;
    pointer-events: none;
    transition: visibility 0s linear .3s, opacity .3s ease;
}

.region_modal.open {
    visibility: visible;
    opacity: 1;
    pointer-events: auto;
    transition-delay: 0s;
}

.region_modal_dim {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, .45);
    opacity: 0;
    transition: opacity .3s ease;
}

.region_modal.open .region_modal_dim {
    opacity: 1;
}

.region_modal_footer  .etc {background:#0244d6; color:#fff; }

.region_modal_box {
    position: absolute;
    left: 50%;
    bottom: 0;
    width: 100%;
    max-width: 700px;
    max-height: 78vh;
    overflow: hidden;
    background: #fff;
    border-radius: 22px 22px 0 0;
    transform: translate(-50%, 100%);
    transition: transform .32s cubic-bezier(.22, .8, .3, 1);
    will-change: transform;
}

.region_modal.open .region_modal_box {
    transform: translate(-50%, 0);
}

.region_modal_body {
    max-height: calc(78vh - 58px);
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
}

body.region_modal_open {
    overflow: hidden;
}

/* 위치 확인 중 중복 클릭 방지 */
#nearSearchButton.loading {
    pointer-events: none;
    opacity: .6;
}

@media (prefers-reduced-motion: reduce) {
    .region_modal,
    .region_modal_dim,
    .region_modal_box {
        transition: none;
    }
}


@media all and (max-width:699px) {
	#wrap {  max-width:auto; border-left:0px #e6e6e6 solid; border-right:0px #e6e6e6 solid;     box-shadow: none;  }
}