/* ------------------------------ PC Guide ------------------------------ */
@media screen and (max-width:1810px){
	.header.on .btn_menu {right:20px;}
}

/* ------------------------------ PC Guide ------------------------------ */
@media screen and (max-width:1300px){
	.header .logo {gap:20px;}
	.header .logo span {font-size:1.5rem;}
	.header .logo span:before {left:-10px;}
	.header .gnb {padding-left:360px;}
	.header .gnb .menu > a {padding:0 30px;}
/* main */
	.fvisual_wrap {width:65%;}
	.fvisual_wrap,
	.fvisual_wrap .slick-slide .imgfit {height:350px;}
	.fvisual_wrap .mv_txt {top:40px; left:40px;}
	.fvisual_wrap .mv_txt strong {font-size:3.4rem; line-height:48px;}
	.fvisual_wrap .mv_txt p {font-size:1.6rem;}
	.fmcon .aboutbox {width:33%;}
	.fmcon .aboutbox .box {padding:20px;}
	.fmcon .aboutbox .tit {font-size:2.2rem;}
	.fmcon .aboutbox strong {font-size:2.8rem;}
	.fmcon .aboutbox p {font-size:1.5rem;}
	.fmcon .aboutbox .c2 {margin-top:10px;}
	
	.funeral_tit .goininfo,
	.funeral_list .goininfo {width:120px;}
	.funeral_tit .plan,
	.funeral_list .plan {width:200px;}
	.funeral_tit .families,
	.funeral_list .families {width:calc(100% - 320px);}
	.funeral_list .plan dt {width:50px;}
	.funeral_list .plan dd {width:calc(100% - 50px); padding-left:10px;}

	.mc73 .inner {gap:20px;}
	.mc73 .quick_area {width:calc(56% - 20px);}
	.mc73 .links {padding:20px 0;}
	.mc73 .links a {padding-left:70px; font-size:1.6rem; line-height:20px; height:60px; display:flex; align-items:center;}
	.mc73 .links a i {width:60px; height:60px;}
	.mc73 .board {width:44%;}
/* sub */
	.ftit {font-size:3rem; line-height:44px;}

	.tbl .w12 {width:12%;}
	.tbl .w14 {width:14%;}
	.tbl .w16 {width:16%;}
	.tbl .w17 {width:17%;}
	.tbl .w20 {width:20%;}
	.tbl .w21 {width:21%;}
	.tbl .w24 {width:24%;}
	.tbl .w26 {width:26%;}
/* 이용안내 */
	.funeral_guide_it {gap:20px;}
	.funeral_guide_it .img {width:40%;}
	.funeral_guide_it .txt {width:calc(60% - 20px);}
/* 이용절차 */
	.funeral_step .stepbox ul {padding:40px 20px; gap:10px;}
	.funeral_step .stepbox li {width:120px; height:120px; line-height:110px; font-size:1.8rem;}
	.funeral_step .round_num li {padding-left:130px;}
	.funeral_step .round_num p.pl {padding-left:170px;}
/* 빈소안내 */
	.funeral_rooms {gap:50px 20px;}
	.funeral_rooms .box {width:calc((100% - 40px)/3);}
	.funeral_rooms .imgfit {height:15vw;}
	.funeral_rooms .txt {padding:20px;}
	.funeral_fees {gap:20px;}
	.funeral_fees .box {width:calc((100% - 40px)/3);}
	.funeral_fees .imgfit {height:12vw;}
}

/* ------------------------------ Hover ------------------------------ */
@media screen and (min-width:1024px){
	.fmcon .more:hover:after,
	.mc71 .c2 .more:hover {transform:rotate(90deg);}
	.mc73 .links a:hover i {background:#fff; box-shadow:0px 0px 16px rgba(0, 0, 0, 0.08);}
	.mc73 .links a:hover i:before {background:#B38356;}
	.mc73 .list a:hover p {text-decoration:underline;}
}

/* ------------------------------ Tablet PC ------------------------------ */
@media screen and (max-width:1023px){
/* header */
	.header .logo {flex-direction:column; justify-content:center; align-items:flex-start; gap:5px; line-height:1;}
	.header .logo img {width:auto; height:24px;}
	.header .logo span {font-size:1.4rem; color:#111; line-height:1; padding-left:45px;}
	.header .logo span:before {display:none;}
	.header .logo h1 {position:absolute;}
/* footer */
	.footer .address:before {display:none;}
	.footer .address .inner {align-items:flex-start; padding-left:240px; background-size:200px;}
	.footer .address ul {justify-content:flex-start; gap:0 16px;}
	.footer .address li {font-size:1.4rem;}
	.footer .address li.w100p {text-align:left;}
	.footer .copy {font-size:1.3rem;}
/* main */
	.mc71 .flex {flex-direction:column; gap:20px;}
	.fvisual_wrap,
	.fmcon .aboutbox {width:100%;}
	.fvisual_wrap,
	.fvisual_wrap .slick-slide .imgfit {height:40vw;}
	.fvisual_wrap .mv_txt strong {font-size:3rem; line-height:40px;}
	.fvisual_wrap .mv_txt p {font-size:1.5rem;}
	.fvisual_wrap .slick-prev {left:40px;}
	.fvisual_wrap .slick-next {left:110px;}
	.fmcon .aboutbox {display:flex; gap:20px;}
	.fmcon .aboutbox .c2 {margin-top:0;}
	.mc72 .tbl col.w1 {width:80px;}
	.mc72 .tbl col.w2 {width:90px;}
	.mc72 .tbl col.w3 {width:100px;}
	.mc72 .tbl col.w4 {width:160px;}
	.mc73 .inner {flex-direction:column; gap:20px;}
	.mc73 .box {padding:20px;}
	.mc73 .quick_area,
	.mc73 .board {width:100%;}
	.mc73 .links {padding:0; gap:10px 20px;}
	.mc73 .list a {font-size:1.6rem;}
	.mc73 .list a span {font-size:1.5rem;}
/* sub */
	.ftit {font-size:2.6rem; line-height:1.5;}
/* 빈소안내 */
	.funeral_rooms .box {width:calc(50% - 10px);}
	.funeral_rooms .imgfit {height:32vw;}
/* 상가현황 */
	.funeral_current {gap:0 20px;}
	.funeral_current .box {width:calc(50% - 10px);}
	.funeral_current .box .inbox {padding:20px;}
}

/* ------------------------------ Mobile ------------------------------ */
@media screen and (max-width:767px){
/* header */
	.header .logo {gap:2px;}
	.header .logo img {height:20px;}
	.header .logo span {font-size:1.2rem; padding-left:37px;}
/* footer */
	.footer .address .inner {align-items:center; padding:76px 20px 0; background-size:auto 46px; background-position:50% 0;}
	.footer .address ul {justify-content:center; gap:0 16px;}
	.footer .address li {font-size:1.2rem;}
	.footer .address li.w100p {text-align:center;}
	.footer .copy {font-size:1.1rem;}
/* main */
	.mc71 {margin-top:92px;}
	.mc71 .flex {gap:25px;}
	.fvisual_wrap,
	.fvisual_wrap .slick-slide .imgfit {height:88vw;}
	.fvisual_wrap .mv_txt {top:32px; left:24px;}
	.fvisual_wrap .mv_txt strong {font-size:2.4rem; line-height:36px;}
	.fvisual_wrap .mv_txt p {font-size:1.4rem;}
	.fvisual_wrap .slick-arrow {bottom:20px; width:40px; height:40px;}
	.fvisual_wrap .slick-prev {left:20px;}
	.fvisual_wrap .slick-next {left:68px;}
	.fmcon .aboutbox {flex-direction:column;}
	.fmcon .aboutbox .box {padding:14px; height:auto;}
	.fmcon .aboutbox .tit {font-size:1.8rem; line-height:30px; padding:0 0 10px 38px; margin-bottom:20px;}
	.fmcon .aboutbox .tit:before {width:30px; height:30px; background-size:50% 50%;}
	.fmcon .aboutbox strong {font-size:2.4rem;}
	.fmcon .aboutbox p {font-size:1.4rem; line-height:22px;}
	.fmcon .more {font-size:0; width:16px; height:28px; padding:0;}
	.fmcon .more:before,
	.fmcon .more:after {content:""; position:absolute; top:50%; left:50%; background:#222; transform:translate(-50%,-50%);}
	.fmcon .more:before {width:16px; height:2px;}
	.fmcon .more:after {width:2px; height:16px;}
	.mc72 .tit {font-size:2rem; line-height:28px;}
	.mc72 .tbl th,
	.mc72 .tbl td {font-size:1.3rem; line-height:40px;}
	.mc72 .tbl col.w1,
	.mc72 .tbl col.w2 {width:16%;}
	.mc72 .tbl col.w3,
	.mc72 .tbl col.w4 {width:25%;}
	
	.funeral_tit {display:none;}
	.funeral_list {border:none; border-radius:0;}
	.funeral_list > li {margin-bottom:20px; border:0;}
	.funeral_list li:last-child {margin-bottom:0;}
	.funeral_list .box {flex-direction:column; border:#ddd 1px solid; border-radius:4px;}
	.funeral_list .box > div {width:100%;}
	.funeral_list .box > div:before {display:none;}
	.funeral_list .goininfo {width:100%; border-bottom:#ddd 1px solid; flex-direction:row; justify-content:center; align-items:center; gap:10px;}
	.funeral_list .plan {width:200px;}
	.funeral_list .box .families {width:100%; padding:20px;}
	.funeral_list .families .inner {padding:0;}
	.funeral_list .families h4 {display:block;}
	.funeral_list .plan {border-bottom:#ddd 1px solid;}
	.funeral_list .plan dl {font-size:1.6rem;}
	.funeral_list .plan dt {width:50px;}
	.funeral_list .plan dd {width:calc(100% - 50px); padding-left:10px;}
	
	.mc73 {padding-bottom:60px;}
	.mc73 .links {align-items:flex-start;}
	.mc73 .links a {flex-direction:column; justify-content:center; align-items:center; padding:0; height:auto; text-align:center; font-size:1.4rem;}
	.mc73 .links a i {position:relative; display:block; margin:0 auto 10px;}
	.mc73 .links a i:before {mask-size:50% 50%; -webkit-mask-size:50% 50%;}
	.mc73 .tit {font-size:2rem;}
	.mc73 .list a {font-size:1.4rem; margin-bottom:5px;}
	.mc73 .list a span {font-size:1.3rem;}
/* sub */
	.svisual.g71 {background-position:35% 50%;}
	.ftit {font-size:2rem;}
	.funeral_guide_it {flex-direction:column;}
	.funeral_guide_it .img,
	.funeral_guide_it .txt {width:100%;}
	.lh32 {line-height:24px;}

	.tabs.mb8 {margin-bottom:40px;}
	.tabs.set5 a {flex:0 0 calc(100%/3)}

	.funeral_step .stepbox ul {padding:20px 10px; gap:5px;}
	.funeral_step .stepbox li {width:60px; height:60px; line-height:20px; border-width:3px; font-size:1.2rem; display:flex; justify-content:center; align-items:center;}
	.funeral_step .round_num {margin-top:20px;}
	.funeral_step .round_num li {padding:30px 0 0; line-height:20px; margin-bottom:16px;}
	.funeral_step .round_num li span {top:0; font-size:1.2rem;}
	.funeral_step .round_num li strong {left:25px;}
	.funeral_step .round_num p.pl {padding:25px 0 0; margin-bottom:16px;}
	.funeral_step .round_num p.pl b br {display:none;}

	.funeral_rooms {gap:40px 10px;}
	.funeral_rooms .box {width:100%;}
	.funeral_rooms .imgfit {height:62vw;}
	.funeral_rooms .tit {font-size:1.8rem;}
	.funeral_rooms p {font-size:1.3rem; line-height:20px; padding-left:38px; margin-bottom:8px;}

	.funeral_fees {flex-direction:column;}
	.funeral_fees .box {width:100%;}
	.funeral_fees .imgfit {height:52vw;}

	.funeral_current .box {width:100%;}
	.funeral_current dl {font-size:1.4rem;}
	.funeral_current dt {width:60px;}
	.funeral_current dd {width:calc(100% - 60px);}

	.board_top .total {justify-content:flex-start;}
}