/* ------------------------------ PC Guide ------------------------------ */
@media screen and (max-width:1480px){
	.mc01 .contact {padding:53px 20px;}
	.mc01 .contact dt {width:100px;}
	.mc01 .contact dd {width:calc(100% - 110px);}
	.mc01 .time .gbox {padding:48px 20px;}
	.mc03 {height:calc(100vh - 890px);}
}

/* ------------------------------ PC Guide ------------------------------ */
@media screen and (max-width:1280px){
/* main */
	.mc03 {min-height:180px; height:calc(100vh - 980px);}
/* 오시는길 */
	.map_txt.mb {margin-bottom:40px;}
/* 장례견적서비스 */
	.estimate_btns {margin-top:40px;}
	.estimate_btns .btn p {font-size:20px;}
	.tbl.inputs tbody th {width:200px;}
/* 견적서 조회하기 */
	.btns_tac .btn {width:160px;}
/* 빈소이용현황 */
	.tbl td {font-size:14px; padding:15px 5px;}
	.funeral_body {margin:50px 0 60px;}
	.funeral_map {padding:60px 20px;}
	.funeral_map .tab-contents {height:33vw;}
}

/* ------------------------------ Hover ------------------------------ */
@media screen and (min-width:1024px){
	.estimate_btns .btn:hover {background:#F2F6FF; border-color:#F2F6FF;}
	.estimate_btns .btn:hover i:before {opacity:1;}
	.estimate_btns .btn:hover i:after {background:#fff; mask:no-repeat 50% 50%; -webkit-mask:no-repeat 50% 50%;}
	.estimate_btns .btn.i1:hover i:after {mask-image:url('/pub/images/icon_estimate_btns01.svg'); -webkit-mask-image:url('/pub/images/icon_estimate_btns01.svg');}
	.estimate_btns .btn.i2:hover i:after {mask-image:url('/pub/images/icon_estimate_btns02.svg'); -webkit-mask-image:url('/pub/images/icon_estimate_btns02.svg');}
	.estimate_btns .btn:hover p {color:#005BAC;}
}

/* ------------------------------ Tablet PC ------------------------------ */
@media screen and (max-width:1023px){
/* 빈소이용현황 */
	.funeral_map .tab-contents {height:43vw;}
}

/* ------------------------------ Mobile ------------------------------ */
@media screen and (max-width:767px){
/* main */
	.mc01 .contact,
	.mc01 .time .gbox {padding:20px;}
	.mc01 .contact {background-size:auto 70%; background-position:100% 100%;}
	.mc02 {margin-bottom:50px;}
	.mc03 {min-height:100px; height:calc(100vh - 1080px);}
/* 장례견적서비스 */
	.estimate_btns {margin-top:20px;}
	.estimate_btns .btn {padding:20px; height:160px;}
	.estimate_btns .btn i {width:80px; height:80px; margin-bottom:10px;}
	.estimate_btns .btn i:after {background-size:50% 50%;}
	.estimate_btns .btn p {font-size:15px;}
	.tbl.inputs tbody th {width:200px;}
	.mo_break table,
	.mo_break tbody,
	.mo_break td {display:block;}
	.mo_break thead,
	.mo_break colgroup {display:none;}
	.mo_break tr {position:relative; display:flex; flex-direction:column; gap:10px; border-bottom:#ddd 1px solid; padding:10px 80px 10px 0;}
	.mo_break td {position:relative; font-weight:600; border:0; padding:0 0 0 35px; display:flex; align-items:center; gap:5px; text-align:left; height:auto; line-height:1.3;}
	.mo_break td:before {content:""; position:absolute; top:0; left:0; font-size:13px; color:#666; font-weight:400; text-align:left; width:30px;}
	.mo_break td.check_td {position:absolute; top:50%; right:10px; transform:translateY(-50%); padding-left:35px;}
	.mo_break td.check_td:before {content:"선택 :"; top:50%; width:auto !important; transform:translateY(-50%);}
	.check_estimate i {width:24px; height:24px;}
	.estimate_wrap .nice-select {margin:0;}
	.estimate_wrap p .btn_map {position: relative; display: block; width: 100%; height: 40px; line-height: 40px; margin-top: 20px;}
	.mo_break label.check {display:block; width:26px; height:26px; padding:0;}
	.mo_break label.check i {position:relative; display:block; top:0; width:26px; height:26px;}

	.type_nups td:nth-child(1):before {content:"품목 :";}
	.type_nups td:nth-child(2):before {content:"용도 :";}
	.type_nups td:nth-child(3):before {content:"금액 :";}
	.type_nmhps td {padding-left:79px;}
	.type_nmhps td:before {width:74px;}
	.type_nmhps td:nth-child(1):before {content:"품목 :";}
	.type_nmhps td:nth-child(2):before {content:"면적 :";}
	.type_nmhps td:nth-child(3):before {content:"동시수용인원 :";}
	.type_nmhps td:nth-child(4):before {content:"금액 :";}
	.type_nsups td:nth-child(1):before {content:"품목 :";}
	.type_nsups td:nth-child(2):before {content:"규격 :";}
	.type_nsups td:nth-child(3):before {content:"용도 :";}
	.type_nsups td:nth-child(4):before {content:"금액 :";}
	.type_nspcs td:nth-child(1):before {content:"품목 :";}
	.type_nspcs td:nth-child(2):before {content:"규격 :";}
	.type_nspcs td:nth-child(3):before {content:"금액 :";}
	.type_nspcs td:nth-child(4):before {content:"수량 :";}
	.type_nsps td:nth-child(1):before {content:"품목 :";}
	.type_nsps td:nth-child(2):before {content:"규격 :";}
	.type_nsps td:nth-child(3):before {content:"금액 :";}
	.type_ntps td:nth-child(1):before {content:"품목 :";}
	.type_ntps td:nth-child(2):before {content:"유형 :";}
	.type_ntps td:nth-child(3):before {content:"금액 :";}
	.type_nohp td {padding-left:88px;}
	.type_nohp td:before {width:83px; top:50%; transform:translateY(-50%);}
	.type_nohp td:nth-child(1):before {content:"품목 :";}
	.type_nohp td:nth-child(2):before {content:"1인당 평균비용 :";}
	.type_nohp td:nth-child(3):before {content:"예상인원수 :";}
	.type_nohp td:nth-child(4):before {content:"예상금액 :";}
	.type_csmps td {padding-left:57px;}
	.type_csmps td:before {width:52px;}
	.type_csmps td:nth-child(1):before {content:"차종 :";}
	.type_csmps td:nth-child(2):before {content:"규격 :";}
	.type_csmps td:nth-child(3):before {content:"요금산정 :";}
	.type_csmps td:nth-child(4):before {content:"가격 :";}

	.tbl.inputs tbody th {width:80px;}
	.tbl.inputs tbody td {padding:10px;}
	.btn_submit {font-size:14px; line-height:40px; height:40px; width:160px; margin-top:30px;}
	.ne.tac:before {margin-top:3px;}
	.ne.tac {text-align:left !important; padding-left:10px;}
	.estimate_wrap .w8 {width:120px;}

/* 빈소이용현황  */
	.funeral_head {height:140px; font-size:18px;}
	.funeral_body {margin:30px 0;}
	.funeral_body table,
	.funeral_body tbody,
	.funeral_body td {display:block;}
	.funeral_body colgroup,
	.funeral_body thead {display:none;}
	.funeral_body tr {position:relative; display:flex; flex-wrap:wrap; padding:10px 0 10px 130px; border-bottom:#ddd 1px solid; min-height:186px;}
	.funeral_body td {position:relative; border:0; padding:0 0 0 57px; font-weight:500; height:auto; display:flex; width:100%;}
	.funeral_body td:before {position:absolute; top:0; left:0; font-size:13px; color:#666; font-weight:400; text-align:left;}
	.funeral_body td:nth-child(1):before {content:"빈소명 :"; text-align:center; padding-bottom:10px; display:block;}
	.funeral_body td:nth-child(2) {position:absolute; top:0; left:0; width:120px; height:100%; background:#f5f5f5; padding:10px; flex-direction:column; align-items:center;}
	.funeral_body td:nth-child(2):before {content:"고인"; position:relative;}
	.funeral_body td:nth-child(2) p {padding-top:5px;}
	.funeral_body td:nth-child(3):before {content:"용도 :";}
	.funeral_body td:nth-child(4):before {content:"장지 :";}
	.funeral_body td:nth-child(5):before {content:"입관일시 :";}
	.funeral_body td:nth-child(6):before {content:"발인일시 :";}
	.funeral_map {padding:40px 20px;}
	.funeral_map .tab-contents {height:calc(41vw);}
}