@CHARSET "UTF-8";


/* 찾아오시는 길 */
.intro_wrap .location_box #daumRoughmapContainer1721709348644{width:100%; border-bottom:1px solid #ddd;}
.intro_wrap .location_box .root_daum_roughmap .wrap_controllers{display: none;}

.intro_wrap .map_info{position: relative; margin-top:30px; padding-bottom:30px; border-bottom:1px dashed #d6d6d6;}
.intro_wrap .map_info .tit{font-size:2.8rem; font-weight: 700;}
.intro_wrap .map_info > ul{display:flex; gap:30px; margin-top:30px;}
.intro_wrap .map_info > ul > li{padding:10px 0 10px 45px; background-size: 35px auto; background-position: left center; background-repeat: no-repeat;}
.intro_wrap .map_info > ul > li.loc_icon01{background-image: url(/nanum/site/builder/dir/funeral/img/menu6167/loc_icon01.png);}
.intro_wrap .map_info > ul > li.loc_icon02{background-image: url(/nanum/site/builder/dir/funeral/img/menu6167/loc_icon02.png);}
.intro_wrap .map_info > ul > li.loc_icon03{background-image: url(/nanum/site/builder/dir/funeral/img/menu6167/loc_icon03.png);}

.intro_wrap .map_info .loc_map_btn{position: absolute; top:0; right:0; display:flex; gap:10px;}
.intro_wrap .map_info .loc_map_btn a{position: relative; display:inline-block; padding:10px 25px; border:1px solid #000; border-radius:10px; box-sizing: border-box; transition: .3s; overflow: hidden;}
.intro_wrap .map_info .loc_map_btn a::before{content: ""; position: absolute; left:0; top:0; width:0; height: 100%; background:#65544c; transition: .5s; z-index:-1;}

.intro_wrap .bus_num {display: flex; gap:30px; align-items:flex-start;}
.intro_wrap .bus_num .first_txt{width:100px;}
.intro_wrap .bus_num .tit{min-width: 85px; padding:10px 0; text-align:center; color:#fff; font-weight: 700; border-radius: 50px;}
.intro_wrap .bus_num .org_bg{background:#dc823c;}
.intro_wrap .bus_num > ul{display: flex; flex-wrap:wrap; gap: 10px; width:70%;}
.intro_wrap .bus_num > ul > li{min-width: 90px; padding:10px 0; text-align: center; border:1px solid #ddd; box-sizing: border-box; border-radius: 50px;}

/* step_type3 */
.step_type3 > ul{display:flex; flex-wrap:wrap; gap:20px 40px;}
.step_type3 > ul > li{position:relative; padding:10px 20px; border:1px solid #ddd; border-radius:10px;}
.step_type3 > ul > li::before{content:""; position: absolute; right:-30px; top:50%; width:15px; height:19px; transform:translateY(-50%); background-image:url(/nanum/site/builder/skin/funeral/img/common/arrow_gray.png); background-size:cover; background-repeat:no-repeat;}
.step_type3 > ul > li:LAST-CHILD::before{background: none;}

/* 주차장 안내 */
.paking_map .map img{max-width:100%;}

.paking_map .paking_list{display:flex; gap:20px; margin-top:30px;}
.paking_map .paking_list > li{width:calc(20% - 20px); padding:10px; text-align:center; font-size:2rem; font-weight:600; border:1px solid #ddd; border-radius:50px; cursor: pointer;}
.paking_map .paking_list > li.on{color:#fff; background:#af823e;}


.paking_map .paking_info{display:flex; gap:30px; flex-direction:column; margin-top:40px;}
.paking_map .paking_info dl{display:flex; gap:50px;}
.paking_map .paking_info dl > dt{width:310px; height: 220px; border-radius:20px; overflow:hidden; text-indent:-99999999px; background-size:cover; background-position: center;}
.paking_map .paking_info dl > dd{flex:1; position:relative; display:flex; gap:10px; flex-direction:column; justify-content:center; padding:0 20px; border-top:2px solid #000; border-bottom:2px solid #ccc;}
.paking_map .paking_info dl > dd::before{content:"P"; position: absolute; right:0; top:55%; font-family:"GmarketSans"; color:#f0e9e1; font-size:15rem; font-weight:700; transform:translateY(-50%); z-index:-1;}
.paking_map .paking_info dl > dd .tit{font-weight:700; font-size:2rem;}

.paking_map .paking_info dl > dt.paking_img01{background-image: url("/nanum/site/builder/dir/funeral/img/menu6167/paking_img01.jpg");}
.paking_map .paking_info dl > dt.paking_img02{background-image: url("/nanum/site/builder/dir/funeral/img/menu6167/paking_img02.jpg");}
.paking_map .paking_info dl > dt.paking_img03{background-image: url("/nanum/site/builder/dir/funeral/img/menu6167/paking_img03.jpg");}
.paking_map .paking_info dl > dt.paking_img04{background-image: url("/nanum/site/builder/dir/funeral/img/menu6167/paking_img04.jpg");}


/********************태블릿********************/
@media all and (max-width:1024px){
	
	
	/* 찾아오시는 길 */
	.intro_wrap .map_info > ul{gap:20px;}
	
	/* 주차장 안내 */
	.paking_map .paking_list{flex-wrap:wrap; gap:10px;}
	.paking_map .paking_list > li{width:calc(33.333% - 29px);}
	
	
}

/********************모바일********************/
@media all and (max-width:767px){


	/* 찾아오시는 길 */	
	.root_daum_roughmap .wrap_map{height:350px !important;}
	
	.intro_wrap .map_info{margin-top:15px;}
	.intro_wrap .map_info .loc_map_btn{position: relative;}
	.intro_wrap .map_info .loc_map_btn a{flex:1; padding:1vh 2.5vw; text-align:center;}
	
	.intro_wrap .map_info .tit{margin-top:30px;}
	
	.intro_wrap .map_info > ul{flex-wrap:wrap; gap:10px; margin-top:10px;}
	.intro_wrap .map_info > ul > li{width:100%;}
	.intro_wrap .map_info > ul > li:nth-child(n+2){width:calc(50% - 50px);}
	
	.intro_wrap .bus_num{flex-wrap:wrap; gap:10px;}
	.intro_wrap .bus_num .first_txt{width:100%;}
	.intro_wrap .bus_num .tit{align-self:flex-start; padding:1vh 0;}
	.intro_wrap .bus_num > ul{flex-wrap:wrap;}
	.intro_wrap .bus_num > ul > li{padding:1vh 0;}
	
	

	/* 주차장 안내 */
	.paking_map .paking_info{flex-direction:inherit; flex-wrap:wrap; gap:30px;}
	
	.paking_map .paking_list > li.all{width:100%;}
	.paking_map .paking_list > li{width:calc(50% - 27px);}
	
	.paking_map .paking_info dl{flex-wrap:wrap; gap:20px; width:calc(50% - 15px);}
	.paking_map .paking_info dl > dt{width:100%;}
	.paking_map .paking_info dl > dd{padding:20px 0;}
	.paking_map .paking_info dl > dd::before{display: none;}
	
	
	
}



/********************모바일********************/
@media all and (max-width:480px){


	/* 찾아오시는 길 */
	.intro_wrap .map_info > ul > li:nth-child(n+2){width:100%;}
	
	/* 주차장 안내 */
	.paking_map .paking_info dl{width:100%;}
	
}

/********************웹********************/
@media all and (min-width:1025px) {


.intro_wrap .map_info .loc_map_btn a:hover{color:#fff; border:1px solid #65544c;}
.intro_wrap .map_info .loc_map_btn a:hover::before{width:100%;}

}