@media all and (min-width:1200px) and (max-width:1439px) {}

@media (max-width: 1199px) {
/*공통*/
.section-padding{ padding: 100px 0;}
.section-padding.f{ padding: 100px 0;}
.section-top{ padding: 100px 0 0 0;}
.section-bottom{ padding: 0 0 100px 0;}

.card-body { padding: 1.5rem 1.5rem;}
.display-2 { font-size: calc(1.145rem + 1.14vw);}
.display-4 { font-size: calc(1.105rem + .66vw);}


/*index*/
#common_01.section-padding { background-image: none !important; background-color: #ebf0ea;}
/*#home_02 .col-lg-4 h3 { word-break: break-word; overflow-wrap: break-word;}*/

/*장례행사접수*/
#reg_01 .py-17{ padding-top: 5rem; padding-bottom: 5rem;}

/*법인제휴-필요성 및 도입효과*/
#effect_02 .row { flex-direction: column; /* 세로 정렬로 변경하여 이미지가 위에 오도록 설정 */}
#effect_02 .rounded.width img {width: 100%;}
#effect_02 .order-lg-2{order: unset;}

/*상품소개-후불제 상품 안내*/
#product_01 .type {max-width: 930px;}
#product_01 .won {font-size: 23px;}
#product_01 .one {margin-right:0;}
#product_01 .color.long{text-indent: -11px; margin-left: 21px;}
#product_01 .type-box { margin-top: 50px; padding: 20px; max-width: 95%;}
#product_01 .card-body{width: 275px;}
#product_01 .dan{ --bs-gutter-y: 1.5rem;}

/*정보마당-장례 서비스 절차*/
#pro_02 .six.box{ flex-wrap: wrap; padding: 1.5rem 1.5rem; height: 261px;}
#pro_02 .svg-img{ margin-bottom: 1rem;}
#pro_02 .gy-11 {--bs-gutter-y: 1.75rem;}

/*고객센터-부고알림*/
#noti_01 .common-table.online-table .table-item .num {width: 10%; padding: 10px 5px;}

/*고객센터-faq*/
#faq_01 .sidebar{ padding-top: 1rem;}
#tab-select { width: 100%; padding-right: 2.5rem; padding-left: 1em;}
#faq_01 .select-wrapper i {display:none;}
.select-icon { position: absolute; right: 1rem; top: 50%; transform: translateY(-50%); font-size: 1rem; color: #505050; pointer-events: none;}

/*고객센터-후기작성*/


/*footer*/
#footer .mb-12{ margin-bottom: 1.5rem !important;}
#footer .mt-12{ margin-top: 1.5rem !important;}
#footer .col-md-12.col-lg-3 .widget { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; margin-top: 30px;}
#footer .second{ flex-wrap: wrap; align-items: flex-start;}
#footer .second .event-btn { display: inline-block; margin-left: 20px;}
#footer .widget .btn.btn-primary3 { display: none;}



}

@media all and (min-width:992px) and (max-width:1199px) {}

@media (max-width: 991px) {
/*공통*/
br{ display: inline-block; content: " "; padding: 0 2px; }

/*index*/
#home_03 .card-body { padding: 1.7rem;}
.mt-14 { margin-top: 3.5rem !important;}

/*법인제휴-서비스 소개*/
#service_03 .order-lg-2 { order: 2; }
#service_03 .col-lg-6:not(.order-lg-2) { order: 1; }

/*상품소개-후불제 상품 안내*/
#product_01 .svg-img {display: none;}
#product_01 br{display: block;}
#product_01 .type{ max-width: 690px; padding: 0;}
#product_01 .card-body { width: 320px;}


#product_01 .top{ margin: 20px 0;}
#product_01 .bottom{ }
#product_01 .dan{ justify-content: flex-start; margin-bottom: 30px; padding: 0 0 0 10px;}
#product_01 .dan .card-body:nth-child(even){ margin-left: 30px;}

#product_01 .color.long2{text-indent: -11px; margin-left: 21px;}

/*상품소개-후불제 상품 특징*/
#features_03 table.type01 thead th{ vertical-align: middle;}
#features_03 table.type01 td{ vertical-align: middle;}

/*고객센터-부고알림*/
#noti_01 .search-icon{ display: none;}

/*고객센터-공지사항, 행사후기*/
#common_05 .common-table.online-table .table-item .num { width: 10%;}
#common_05 .common-table.online-table .table-item .title { width: 50%;}
#common_05 .common-table.online-table .table-item .type { width: 20%;}
#common_05 .common-table.online-table .table-item .name{ width: 20%;}

/*고객센터-공지사항, 행사후기 게시판*/
#common_06 .view-content{ padding:30px 0;}
#common_06 .head-title h3{ font-size:28px;}
#common_06 .head-title p{ margin-top:0;}

/*고객센터-후기작성*/


/*고객센터-자주하는 질문*/


}

@media (max-width: 767px) {
/*index*/
#home_02 .container{ padding-bottom: 4rem; }

/*고객센터-공지사항, 행사후기*/
#common_05 .common-table .table-item > div { padding: 0;}

/*고객센터-공지사항, 행사후기 게시판*/
#common_06 .view-bottom .view-item{ padding:20px 24px;}
#common_06 .view-bottom .view-item span.tit{ width: 80px;}
/*#common_06 .view-bottom .view-item span.txt{ width:calc( 100% - 180px );}*/
#common_06 .view-bottom .view-item span.date{ width: 100px;}
#common_06 .head-title h3 {text-align: center;}

#common_06 .head-title{ padding:30px 0;}
#common_06 .head-title{ justify-content: center;}
#common_06 .head-title p:nth-of-type(1){ order: 4; padding-right: 20px; margin-right: 20px;}
#common_06 .head-title p:nth-of-type(2){ order: 4; padding-right: 20px; margin-right: 20px; border-right: none;}
#common_06 .head-title h3{ order:1; margin-top: 10px;}
#common_06 .head-title p:nth-of-type(3){ order:1; padding-right: 20px; margin-right: 20px;}
#common_06 .head-title p:nth-of-type(4){ order:1; padding-right: 0; margin-right: 20px;}
#common_06 .head-title p{ font-size:16px;}
#common_06 .view-content{ padding:40px 0; text-align: center;}



/*상품소개-후불제 상품 안내*/
#product_01 .type { max-width: 500px; }
#product_01 .type-box { max-width: 500px; }
#product_01 .nav-justified { flex-wrap: wrap;}
#product_01 .nav-item { flex: 0 0 33%; max-width: 33%; }
#product_01 .dan .card-body:nth-child(even){ margin-left: 0;}
#product_01 .card-body{ width: 100%; height: auto;}
#product_01 .nav-tabs.nav-tabs-bg .nav-link {padding: 1.4rem 0.5rem;}
#product_01 .money .col-md-4{ padding-left: 0;}
#product_01 .won{ text-align: left; margin-top: 10px;}

/*고객센터-부고알림*/
.common-table .table-item { padding: 15px 0px; /*padding-right: 30px;*/ position: relative; display: flex; flex-wrap: wrap; align-content: center; align-items: center;}
.common-table .table-item > div:not(:last-child) { border-right: none;}
#noti_01 .search-icon {}
#noti_01 .calendar-icon {display:none;}
#noti_01 .down-icon {display:none;}

input[type="text"].datepicker{ padding: .6rem .6rem;}
#noti_01 .common-table .table-item{ padding: 15px 0px;}
#noti_01 .common-table .table-item > div:not(.title) p {font-size: 15px;}
#noti_01 .common-table .table-item > div {padding: 10px 9px; width: 18%;}

/*고객센터-자주하는 질문*/
#tab-select { width: 100%;}
#faq_01 .select-wrapper i {display:block;}

/*footer*/
#footer .second .event-btn{ margin-left: 0; display: none;}
#footer .widget .btn.btn-primary3 { display: inline-block;}
#footer .col-md-12.col-lg-2 { display: flex; align-items: center;}
#footer .widget .widget-title { text-align: left; float: none;} 
#footer .top {margin-top: 0;}


}

@media (max-width: 575px) {
/*공통*/
.section-padding{ padding: 80px 0;}
.section-padding.f{ padding: 80px 0;}
.section-top{ padding: 80px 0 0 0;}
.section-bottom{ padding: 0 0 80px 0;}

/*상품소개-후불제 상품 안내*/
#product_01 .type-box {max-width: 95%;}

/*정보마당-장례 서비스 절차*/
#pro_02 .six.box{height: auto;}

/*고객센터-faq*/
#tab-menu { display: none;}

#tab-select { padding-left:1em;}
.select-wrapper { position: relative; width: 100%; }
#tab-select { width: 100%; padding-right: 2.5rem; }
.select-icon { position: absolute; right: 1rem; top: 50%; transform: translateY(-50%); font-size: 1rem; color: #505050; pointer-events: none;}
#faq_01 .fade:not(.show) { opacity: 1;}
#faq_01 .select-wrapper i {display:block;}

/*고객센터-후기작성*/
#common_07 .mb{margin-bottom: 15px;}



/*footer*/
#footer .widget.tel {margin-top: 20px;}
}

@media (max-width: 480px ) {
/*공통*/
.card-body { padding: 0.9rem 0.9rem;}
.sub{padding: 0 0 2.5rem 0;}
h3 {font-size: 1rem;}

/*index*/
#home_01 .icon { margin-right: 15px;}
#home_02 .container{ padding-top: 2rem; padding-bottom: 4rem; }

/*장례행사접수*/
#reg_01 .py-17{ padding-top: 4rem; padding-bottom: 4rem;}

/*상품소개-후불제 상품 안내*/
#product_01 .nav-justified { flex-wrap: wrap; border-bottom: 1px solid #d9d9d9;}
#product_01 .nav-item { flex: 0 0 50%; max-width: 50%;}
#product_01 .type { max-width: 380px;}
#product_01 .type-box { max-width: 380px;}
#product_01 .dan {padding: 0;}
#product_01 .dan .card-body:nth-child(even) {margin-left: 0;}
#product_01 .type {padding: 0;}
#product_01 .color{ text-indent: -11px; margin-left: 21px;}
#product_01 .ware li{ text-indent: -11px; margin-left: 21px;}
#product_01 .won{ text-align: left; margin-top: 10px;}
#product_01 br{display: none;}

/*상품소개-후불제 상품 특징*/
#features_03 table.type01 thead th{ font-size: 16px;}
#features_03 .long{text-indent: -11px; margin-left: 21px;}

/*정보마당-장례 서비스 절차*/
#pro_02 .six.box {height: auto;}

/*정보마당-장례 정보*/
/*#info_01 .box-card {padding: 1rem 0.5rem;}*/

/*고객센터-공지사항*/
.common-table .table-item{ padding-right:0px; }
.common-table .table-item:after{ width:10px;height:10px; }
.common-table .table-item:hover:before{ width:20px; }

.common-table .table-item > div:not(.title) p{ font-size:15px; }


/*고객센터-공지사항,행사후기 게시판*/
#common_06 .view-bottom .view-item{ padding: 16px 20px;}
#common_06 .view-bottom .view-item span{ font-size: 14px;}
#common_06 .view-bottom .view-item span.tit{ width: 60px;}
/*#common_06 .view-bottom .view-item span.txt{ width:calc( 100% - 140px );}*/
#common_06 .view-bottom .view-item span.date{ width: 80px;}

#common_06 .head-title h3{ font-size: 24px; text-align: center;}
#common_06 .head-title p{ font-size: 14px;}
#common_06 .view-content{ padding: 30px 0; text-align: center;}

#common_06 .head-title p:nth-of-type(3) {order: 0; padding-left: 20px; margin-left: 20px; padding-right: 20px; margin-right: 20px;}
#common_06 .head-title p:nth-of-type(4) { order: 0; padding-right: 20px; margin-right: 20px;}

#common_06 .d-flex.flex-wrap { flex-direction: column; align-items: flex-end;}
#common_06 .d-flex.flex-wrap .order-01 { order: 1; margin-bottom: 20px;}
#common_06 .d-flex.flex-wrap .order-02 { order: 2;}


#common_06 .d-flex.flex-wrap a,
#common_06 .d-flex.flex-wrap span { width: auto;}

#common_06 .d-flex.flex-wrap span { gap: 0.5rem;}
#common_06 .d-flex.flex-wrap a { margin-top: 0.5rem; }



/*고객센터-부고알림*/
.filter-container{ display: grid;  grid-template-columns: repeat(3, 1fr);}
#noti_01 .calendar-icon {display: none;}
#noti_01 .search-icon {display: block;}
#noti_01 .down-icon {display: none;}
 

.filter-item {width: 100%; }
.filter-item.search-field { grid-column: span 3;}
.filter-container .filter-item.search-field .form-control::placeholder { opacity: 1; }
.form-control {padding: .6rem .6rem;}
input[type="text"].datepicker {padding: .6rem .6rem;}
input[type="date"], select, input[type="text"] {padding: .6rem .6rem;}

/*고객센터-공지사항, 행사후기*/
#common_05 .common-table.online-table .table-item .num { width: 20%;}
#common_05 .common-table.online-table .table-item .title { width: 30%;}
#common_05 .common-table.online-table .table-item .name { width: 20%;}
#common_05 .common-table.online-table .table-item .type { width: 30%;}
#common_05 .common-table .table-item.table-con .title p{ font-size:15px; }

/*고객센터-후기작성*/


/*고객센터-faq*/



/*footer*/
#footer .second .event-btn {margin-left: 0; display: none;}
#footer .widget .btn.btn-primary3 { display: inline-block; float: left;}
#footer .widget img { width: 30%;}
#footer .text-left{ flex-direction: column-reverse;}

}



@media (max-width: 420px ) {
/*상품소개-후불제 상품 안내*/
#product_01 .type {max-width: 360px;}
#product_01 .type-box {max-width: 360px;}

/*고객센터-부고알림*/
#noti_01 .common-table .table-item > div:not(.title) p { font-size: 12px;}


/*회사소개-오시는길*/
#map_01 .b-c {linde-height: 1.5; font-size: 2.06rem;}
#map_01 .text-center h3.display-4 {margin-bottom:0;}



}

i

@media (max-width: 380px ) {

/*상품소개-후불제 상품 안내*/
#product_01 .type { max-width: 320px;}
#product_01 .type-box { max-width: 320px;}



/*고객센터-공지사항 게시판*/
#common_06 .view-bottom .view-item span.tit{ width: 60px;}
#common_06 .view-bottom .view-item span.txt{ width:calc( 100% - 60px );}
#common_06 .view-bottom .view-item span.date{ display: none;}

#common_06 .head-title p:not(:last-of-type){ padding-right: 14px; margin-right: 14px; border-right: none;}
#common_06 .head-title p:nth-of-type(1){ /*margin-bottom: 14px; padding-bottom: 14px; */position: relative;}
#common_06 .head-title p:nth-of-type(1):before{ content:""; position: absolute; width: 1px; height: 14px; left: 100%; bottom: 0px; background: #a4a5a5; transform: translateX(-50%);}

/*고객센터-부고알림*/
input[type="text"].datepicker { font-size: .85em;}
.form-control{ font-size: .85em;}

}

@media (max-width: 360px ) {
/*공통*/
br{ display: block;}
.me-4 { margin-right: 0.5rem;}

/*상품소개-후불제 상품 안내*/
#product_01 br{ display: block;}

/*고객센터-부고알림*/
.form-control { font-size: .75em}
input[type="text"].datepicker { font-size: .75em}

/*고객센터-후기작성*/




/*회사소개-오시는길*/
#map_01 br{ display: inline-block;}

}


@media (max-width: 320px ) {
/*상품소개-후불제 상품 안내*/
#product_01 .type { max-width: 300px;}
#product_01 .type-box { max-width: 300px;}

/*고객센터-부고알림*/
input[type="text"].datepicker {padding: .6rem .4rem;}
.form-control { padding: .6rem .3rem;}

/*고객센터-행사후기*/
#common_06 .head-title h3{ font-size: 23px; text-align: center;}

/*footer*/
#footer .btn{ font-size: .65rem}


}