@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css");

/* scrollbar */
::-webkit-scrollbar { width: 5px; } /* 스크롤바 전체 영역 */
::-webkit-scrollbar-track { background-color: #f3f3f3; border-radius:8px;border:1px solid #ededed;} /* 스크롤 배경  */
::-webkit-scrollbar-thumb { background-color: #666;border-radius:8px; } /*  스크롤이 움직이는 영역  */
::-webkit-scrollbar-button:start:decrement, /*  스크롤의 화살표가 포함된 영역   */
::-webkit-scrollbar-button:end:increment,/*  스크롤의 화살표가 포함된 영역   */
::-webkit-scrollbar-corner,/*  상하+좌우 스크롤이 만나는 공간   */
::-webkit-scrollbar-button:vertical:incremen,/* 스크롤 상하방향 */
::-webkit-scrollbar-button:vertical:decrement,/* 스크롤 상하방향 */
::-webkit-scrollbar-button:horizontal:increment,/* 스크롤 좌우방향 */
::-webkit-scrollbar-button:horizontal:decrement/* 스크롤 좌우방향 */{ display:none; }
/* IE 스크롤 바 */
html{
	scrollbar-3dLight-Color: #f3f3f3; /* 스크롤 밖 테두리 컬러 */
	scrollbar-arrow-color: #f3f3f3; /* 스크롤 상하 버튼 컬러 */
	scrollbar-Face-Color: #666; /* 스크롤 바 컬러 */
	scrollbar-Track-Color: #f3f3f3; /* 스크롤 배경 컬러 */
	scrollbar-DarkShadow-Color: #666; /* 스크롤 arrow와 스크롤 바 의 어두운그림자 컬러 */
	scrollbar-Highlight-Color: #666; /* 스크롤 arrow와 스크롤 바 의 하이라이트 컬러 */
	scrollbar-Shadow-Color: #666; /* 스크롤 arrow와 스크롤 바 의 그림자 컬러 */

	/*firefox*/
	scrollbar-face-color:#666;/* 스크롤 바 컬러 */
	scrollbar-track-color: #f3f3f3;/* 스크롤 배경 컬러 */
	scrollbar-color:#666 #f3f3f3; /* 2가지 통합 순서 : 스크롤 바 스크롤 배경 scrollbar-face-color scrollbar-track-color; */
	scrollbar-width: thin; /* 스크롤 바 넓이 값 옵션 : auto / thin / none */
}


*{scroll-behavior: smooth;}
.full_img{ width:100%;}

* {-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
:after, :before {-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}

/* reset */
body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select,figure,figcaption{margin:0;padding:0; word-break: keep-all;}
input,textarea,select,button,table{font-family:'Noto Sans KR, san-serif;',AppleGothic,helvetica,sans-serif;font-size:16px;line-height:1.5em;letter-spacing:-.03em;color:#505050;word-break:keep-all;-webkit-text-size-adjust:none;}
img{border:0;}
ul,ol{list-style:none}
fieldset{border:none}
fieldset legend {overflow:hidden;width:0;height:0;margin:0;padding:0;font-size:0;line-height:0;text-indent:-999em;}
button{cursor:pointer}
header,hgroup,article,nav,footer,figure,figcaption,canvas,section,time{display:block}
hr {clear:both;display:none;}
img[usemap] {border:none; height:auto; max-width:100%; width:auto;}


/*공통*/
a {color:#406f48;;}
.section-padding{padding: 120px 0;}
/*.section-padding.f{padding: 100px 0;}*/
.section-top{padding: 120px 0 0 0;}
.section-bottom{padding: 0 0 120px 0;}

.sm-text{font-size: 0.8rem; color: var(--bs-gray-500);}
.mr-20{ margin-right: 20px;}
header .offcanvas, .offcanvas-lg, .offcanvas-md, .offcanvas-sm, .offcanvas-xl, .offcanvas-xxl {--bs-offcanvas-bg: #292929;}
.offcanvas-header img{ filter: invert(100%);}
.counter{ font-family: "Noto Sans KR", sans-serif;}
p { font-family: "Noto Sans KR", sans-serif;}
label { font-family: "Noto Sans KR", sans-serif;}
/*input, progress { accent-color: #1b3d34;}*/
.logo-style{ width: 55px; height: 50px;}

.a2{ color: #406f48;}

.text-black { color: #2d58a7; }
.text-w{ color: #fff;}
.text-left{text-align: left; display: flex; justify-content: space-between;}

.text-center h3.display-4 {color: #fff; line-height: 1.5em;}
.b-c{background-color: #2b5f51; color: #fff;}

.soft-green{ background-color: #d6ddd6;}
.text-sgreen { color: #406f48;}

.title-b{ font-weight: 600;}

.pt{padding-top: 4.5rem;}
.sub{ padding: 0 0 4.5rem 0;}

/*버튼*/
.btn.btn-primary{--bs-btn-bg: var(--bs-gray-600); --bs-btn-border-color: var(--bs-gray-600)); --bs-btn-hover-bg: var(--bs-gray-600); --bs-btn-hover-border-color: var(--bs-gray-600); --bs-btn-active-bg: var(--bs-gray-600); --bs-btn-active-border-color: var(--bs-gray-600);--bs-btn-border-color: var(--bs-gray-600);}
.rounded-pill { border-radius: 10px;}

.bg-green {background-color: #1b3d34;}
.btn.btn-primary4 {
    --bs-btn-bg: #1b3d34;
    --bs-btn-hover-bg: #1b3d34;
    --bs-btn-hover-border-color: #1b3d34;
    --bs-btn-active-bg: #1b3d34;
    --bs-btn-active-border-color: #1b3d34;
    --bs-btn-border-color: #1b3d34;
    --bs-btn-color: #fff;
}

.btn.btn-primary5 {
    --bs-btn-bg: #2b5f51;
    --bs-btn-hover-bg: #2b5f51;
    --bs-btn-hover-border-color: #2b5f51;
    --bs-btn-active-bg: #2b5f51;
    --bs-btn-active-border-color: #2b5f51;
    --bs-btn-border-color: #2b5f51;
    --bs-btn-color: #fff;
}

.btn.btn-primary6 {
    --bs-btn-bg: #fff;
    --bs-btn-hover-bg: #fff;
    --bs-btn-hover-border-color: #2b5f51;
    --bs-btn-active-bg: #fff;
    --bs-btn-active-border-color: #2b5f51;
    --bs-btn-border-color: #2b5f51;
    --bs-btn-color: #2b5f51;
}



#common_01 h1{ color: #fff;}
#common_01 .lead{ color: #cacaca;}
#common_01 .bg-pale-blue {background-color: #edf2fc;}
#common_01 .bg-white.px-13.py-15 {border-radius: 1rem;}
#common_01 .card-body{ border: 1px solid #27395d; border-radius: 0.4em;}

#common_02 h1 {color: #fff;}
#common_02 .lead{ color: #cacaca;}

#common_05 .write{ display: flex; justify-content: flex-end; margin-top: 20px;}


#common_07 .name{ padding: 40px 0 20px 0; border-top: 2px solid #111; border-bottom: 1px solid #eee;}
#common_07 .title { padding: 20px 0; border-bottom: 1px solid #eee;}
#common_07 .detail { padding: 20px 0; border-bottom: 1px solid #eee;}
#common_07 .pass { padding: 20px 0 40px 0; border-bottom: 2px solid #111; }
#common_07 .second{ display:flex; justify-content: center; padding-top: 20px;}



/*home*/
#home_01 .icon{ margin-right: 20px;}
#home_02 .num{ align-items: center;}
#home_02 .col-md-4 p{ color: #fff;}

/*#common_01 .icon-svg.icon-svg-sm { width: 1.5rem; height: 1.5rem;}*/
#home_03 .card-body{ padding: 2rem;}

/*행사접수*/
#reg_01 .badge{ font-size: 2.6rem; padding: 30px 10px;}
#reg_01 .card-body{ padding: 2rem 1rem;}
#reg_01 .call:hover{ transform: translateY(0);}
#reg_01 img{ border-radius: 0.4em;}

/*법인제휴-서비스 소개*/

#service_04{ background-color:#ebf0ea;}
#service_04 .card-body { border: 1px solid #27395d; border-radius: 0.4em;}

/*법인제휴-필요성 및 도입효과*/
#effect_01 .card-body {height: 179px; border: 1px solid #111; border-radius: 0.4em;}
#effect_01 .text-box{display : flex; justify-content : center; align-items : center;}
#effect_01 .text-box .last{ font-size: 20px; color:#fff;}

#effect_02 {background-color: #ebf0ea;}
#effect_02 .rounded.width img{width: 95%;}

/*법인제휴-제휴 상담 문의*/
#coal_02 a{color: #3e8773;}
#coal_02 a{text-decoration: underline;}


/*상품소개-후불제 상품 안내*/
#product_01 .tab{display: flex; align-items: center;}
#product_01 .type{align-items: center; max-width: 1290px; margin: auto; padding: 30px; }
#product_01 .type-box{ margin: 40px auto 0 auto; padding: 30px; max-width: 1290px; align-items: center;}
#product_01 .money{ display: flex; justify-content: flex-end;}
#product_01 .i-text { display: flex; align-items: center;}
#product_01 .i-text img{ margin-right: 10px;}
#product_01 .card-body{ box-shadow: 5px 5px 10px #b5b5b5; margin-right: 1px; width : 260px; height: 170px; border: 1px solid #1b3d34; border-radius: 0.4em; flex: none; padding: 1.6rem; display: flex; flex-direction: column; justify-content: center; align-items: center; background-color: #fff;}
#product_01 .one{ margin-right: 280px; display: flex; justify-content: center;}
#product_01 .row.mb-5.type:nth-child(odd) { background-color: #f7f7f7; /*border-top: 1px solid #959595; border-bottom: 1px solid #959595;*/}
#product_01 .dan{ display: flex; justify-content: space-between;}
.nav-tabs.nav-tabs-bg .nav-link.active, .nav-tabs.nav-tabs-bg .nav-link:hover {border : 1px solid #111;}
.nav-tabs.nav-tabs-bg.nav-tabs-shadow-lg .nav-link.active, .nav-tabs.nav-tabs-bg.nav-tabs-shadow-lg .nav-link:hover {box-shadow: 5px 5px 10px #b5b5b5;}
#product_01 .color{ color: #1b3d34; font-weight: 600;;}
#product_01 .nav-tabs.nav-tabs-bg .nav-link.active, .nav-tabs.nav-tabs-bg .nav-link:hover { background-color: #dee9db;}
#product_01 .nav-justified {border-bottom: 1px solid #d9d9d9;}


/*상품소개-후불제 상품 특징*/
#features_03 .color{ color: #e70101;}
#features_03 .point{ font-weight: 600; background-color: #eee;}
#features_03 table.type01 { border-collapse: collapse; text-align: center; line-height: 1.5; width: 100%;}
#features_03 table.type01 thead th { padding: 10px; font-weight: bold; vertical-align: top; color: #1b3d34; border-bottom: 3px solid #1b3d34; background: #ebf0ea; font-size: 20px;}
#features_03 table.type01 tbody th { width: 150px; padding: 10px; font-weight: bold; vertical-align: top; border-bottom: 1px solid #ccc; background: #ebf0ea;}
#features_03 table.type01 td { width: 450px; padding: 10px; vertical-align: top; border-bottom: 1px solid #ccc;}

/*정보마당-장례 서비스 절차*/
#pro_02 .six.box{ background-color: #fff; padding: 2rem 2rem; border-radius: 0.4em;}

/*정보마당-장례 정보*/
#info_01 .box-card{ padding: 2rem 2rem; border-radius: 0.4em;}
#info_01 .list-inline{text-align: center; font-family: 'Noto Sans KR';}

/*고객센터-공지사항*/
.common-table .table-item{ width:100%; position: relative; display: table; table-layout: fixed; border-bottom:1px solid #e4e5e5; }
.common-table .table-item > div{ display: table-cell; padding: 10px 15px; vertical-align: middle; }
.common-table .table-item.table-top > div,
.common-table .table-item > div:not(.title){ text-align: center; justify-content:center; }
.common-table .table-item.table-top{ border-top: 2px solid #505050; margin-top: 50px;}
.common-table .table-item p{ font-size: 18px; display: block ;transition: all 0.4s; }
.common-table .table-item.table-top p{ color: #505050; font-weight:500; }
.common-table .table-item.table-con .title p{ color: #505050; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.common-table .table-item > div:not(.title){ cursor: default; }
.common-table .table-item.table-con > div:not(.title) p{ color: #505050; }
.common-table .table-item.table-con{ background: transparent; transition:all 0.4s; }
.common-table .table-item.table-con:hover{ background: #ebf0ea;}

.common-table.online-table .table-item .num{ width: 5%;}
.common-table.online-table .table-item .title { width: 70%;}
.common-table.online-table .table-item .name{ width: 10%;}
.common-table.online-table .table-item .type { width: 15%;}

.page-item.active .page-link { background-color: #1b3d34; color: #fff; }


/*고객센터-공지사항 게시판*/
#common_06 a.list_btn {text-align: center; margin-top: 50px; display: flex;}
#common_06 .head-title{ border-top:2px solid #040505;padding:40px 0;border-bottom:1px solid #e4e5e5; margin-bottom: 0;}
#common_06 .head-title{ display:flex; flex-wrap:wrap; align-content:center; align-items:center;}
#common_06 .head-title h3{margin-bottom: 20px; width: 100%;}
#common_06 .head-title p{ line-height: 1.1; font-size: 18px; font-weight: 300; color: #848585;}
#common_06 .head-title p:not(:last-of-type){ padding-right: 20px; margin-right: 20px; border-right: 1px solid #e4e5e5;}
#common_06 .head-title p.type{ color: #1b3d34; font-weight: 500;}
#common_06 .head-title p.name{ color: #1b3d34; font-weight: 500;}


#common_06 .view-content{ padding:60px 0; border-bottom: 1px solid #e4e5e5; }
#common_06 .view-bottom .view-item{ padding: 24px 0px; /*30*/ border-bottom:1px solid #e4e5e5; display:flex; flex-wrap: wrap; align-items: center; align-content: center; }
#common_06 .view-bottom .view-item span{ font-size:16px;line-height:1.1;}
#common_06 .view-bottom .view-item span.tit{ width:100px; color:#040505; font-weight:600; }
#common_06 .view-bottom .view-item span.txt{ /*width:calc( 100% - 230px );*/ color: #848585; font-weight: 300;}
#common_06 .view-bottom .view-item span.txt a{ line-height: inherit; font-size: inherit; color: #040505; font-weight: 400; transition: all 0.4s; display:block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width:auto;}
#common_06 .view-bottom .view-item span.date{ width:130px; color:#a4a5a5; font-weight: 200; text-align: right;}
#common_06 .view-bottom .view-item span.txt a:hover{ color:#4b514d;}


/*고객센터-자주하는질문*/
#faq_01 .accordion-item .card-body{ padding: 1rem 2rem;}
#faq_01 .card-header { background: #fff;}
#faq_01 .select-wrapper i {display:none;}
#faq_01 .fade:not(.show) { opacity: 1;}
.collapse.show {background-color: #eee;}

/*고객센터-행사후기*/

/*고객센터-부고알림*/
.filter-container { display: flex; gap: 10px;}
.filter-item { display: flex; align-items: center; width: 40%;}
.filter-item label { margin-right: 5px; font-weight: bold; color: #111; } 


input[type="date"],
select,
input[type="text"] { padding: 5px; border: 1px solid #ddd; padding: .6rem 1rem;}
button { background-color: transparent; border: none; cursor: pointer; font-size: 1.2em;}

.filter-item { position: relative;}
#startDate { padding-right: 2.5rem; }
#endDate  { padding-right: 2.5rem;}

.calendar-icon { position: absolute; right: 20px; top: 48%; transform: translateY(-50%);  font-size: 1rem; color: #505050; pointer-events: none; }
.search-icon { position: absolute; right: 20px; top: 48%; transform: translateY(-50%);  font-size: 1rem; color: #505050; pointer-events: none; }
.down-icon { position: absolute; right: 20px; top: 48%; transform: translateY(-50%);  font-size: 1rem; color: #505050; pointer-events: none; }
#noti_01 span{font-family: 'Noto Sans KR';}


/* 날짜 입력 필드 스타일 */
input[type="text"].datepicker { background-color: #fff; border: 1px solid #ddd; padding: .6rem 1rem; border-radius: .4rem; font-size: 1em; transition: border-color 0.3s ease;}
input[type="text"].datepicker:focus { border-color: #1b3d34; outline: none;}

/* Flatpickr 팝업 스타일 */
.flatpickr-calendar { font-family: 'Noto Sans KR' sans-serif; border: 1px solid #ddd; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); border-radius: 8px;}
.flatpickr-month { background-color: #1b3d34; color: #fff; padding: 10px; border-radius: 8px 8px 0 0;}
.flatpickr-day:hover { background-color: #1b3d34;}

.flatpickr-day.selected { background-color: #1b3d34; color: #fff;}
#noti_01 .flatpickr-months .flatpickr-month{ height: 50px;}

.calendar_content .today {color: #3B8FC7;}
.calendar_content div { float: left; margin-left: -1px; margin-top: -1px; border: 1px solid transparent;}
.calendar_content div:hover { border: 1px solid #777; line-height: 68px; cursor: pointer;}

.calendar_content div.blank:hover { cursor: default; border: none;}

.calendar_content div.past-date { cursor: initial; color: #d5d5d5;}
.calendar_content div.today{ font-weight: bold; font-size: 18px; color: #409EDD;}
.calendar_content div.selected { background-color: rgba(153, 153, 161, .2); rgba(170, 170, 176, .5) #aaaab0 border: 1px solid white;}
.calendar_header { width: 100%; text-align: center;}

.calendar_header h2 { float:left; width:70%; margin-top: 10px; padding: 0 10px; font-family: 'Noto Sans KR', sans-serif; font-weight: 300; font-size: 1.5em; color: #FFFFFF;}

button.switch-month { background-color: transparent; padding: 0; outline: none; border: none; line-height: 52px; height: 55px; float: left; width:15%; transition: color .2s;}
button.switch-month:hover { color: #5EADE2;}
button.switch-month:active { background-color: rgba(113, 113, 125, .4);}
.calendar_header h2 { color: #409EDD; line-height: 1.7;}




/*고객센터-간편상담*/
#counsel_01 a{text-decoration: underline;}

/*고객센터-본인확인*/
#retouch_01 .re-btn{ width: 100%;}

/*회사소개-회사소개*/
#company_02 .company_img{ filter: invert(100%); display: flex; justify-content: center;}
#company_02 .point{ font-weight: 600;}
#company_02 .col-md-10 p{ color: #fff;}

/*회사소개-오시는길*/
#map_01 .text-w{ font-size: 3.05rem;}
#map_01 .i-text{ display: flex;  justify-content: center;}
#map_01 .i-text img { margin-right: 10px;}

/*개인정보처리방침*/
#privacy .title-b{ font-size: 18px; line-height: 1.8; letter-spacing: -.03em; font-weight: 600;}
#privacy .pr-content .pr-top,
.pr-content .pr-item:not(:last-child) { margin-bottom: 60px;}

.sub-privacy .pr-top p { color: #040505; font-weight: 300; font-size: 18px; line-height: 1.8; letter-spacing: -.03em;}
#privacy .box{ background-color: #ebf0ea; padding: 20px;}


/*footer*/
#footer.section-padding.f { padding: 80px 0 0 0;}
#footer .footer-hover:hover{ color: #406f48;}
#footer .align-items-lg-center{display: flex; flex-wrap: nowrap;}
#footer .second{display: flex; flex-wrap: nowrap;}
#footer .second .event-btn{ display: none ;}
#footer .widget .widget-title{ text-align: right;}
#footer .widget .btn.btn-primary{ float: right; margin-right: 0;}
#footer .widget img{ filter: invert(100%);}
#footer .widget-title{ float: right;}
/*#footer .footer-info:after { content: ""; height: 18px; border-color: #FFFFFF30; position: absolute; border-style: solid; border-width: thin; margin-top: 6px;}
#footer .footer-info span {margin-right: 10px; margin-left: 10px; color: #fff;}*/
footer .copy { text-align: center; padding: 15px 0; background-color: #353535; font-size: 13px; font-size: 0.8125rem;}
#footer .widget .btn.btn-primary3{ float: right; margin-right: 0; color: #fff;}
#footer .bar:after{ content: ""; height: 20px; border-color: #FFFFFF30; position: absolute; border-style: solid; border-width: thin; margin-top: 4px;}

   
/****/
.bg-navy2{ --bs-bg-opacity: 1; background-color: #292929;}
.btn.btn-primary3 {
    --bs-btn-bg: #6b7381;
    --bs-btn-hover-bg: #6b7381;
    --bs-btn-hover-border-color: #6b7381;
    --bs-btn-active-bg: #6b7381;
    --bs-btn-active-border-color: #6b7381;
    --bs-btn-border-color: #6b7381;
    --bs-btn-color: #fff;
}

.btn.btn-primary3:hover{color: var(--bs-btn-color);}

.navbar2.navbar-light.fixed .btn:not(.btn-expand):not(.btn-gradient) {
    background: #27395d;
    border-color: #27395d;
    color: #fff;}

.bg-gray2 {
    --bs-bg-opacity: 1;
    background-color: #27395d0d;}



@font-face {
    font-family: 'MaruBuriSemiBold';
    src: url(https://hangeul.pstatic.net/hangeul_static/webfont/MaruBuri/MaruBuri-SemiBold.eot);
    src: url(https://hangeul.pstatic.net/hangeul_static/webfont/MaruBuri/MaruBuri-SemiBold.eot?#iefix) format("embedded-opentype"), url(https://hangeul.pstatic.net/hangeul_static/webfont/MaruBuri/MaruBuri-SemiBold.woff2) format("woff2"), url(https://hangeul.pstatic.net/hangeul_static/webfont/MaruBuri/MaruBuri-SemiBold.woff) format("woff"), url(https://hangeul.pstatic.net/hangeul_static/webfont/MaruBuri/MaruBuri-SemiBold.ttf) format("truetype");
}