@charset "utf-8";
/* Seopirang guest house map css */
div#spr_header_re { border-bottom:1px solid #979797; }

div.spr_ctn_map { width:1200px; margin:0px auto; }
div#spr_subtitle div#spr_subtitle_body { width:14%; }

div#spr_contents div#spr_map_stage { width:100%; }
div#spr_map_stage img#spr_map_desk, div#spr_map_stage img#spr_map_mobile { width:100%; }
div#spr_map_stage div#spr_map_body, div#spr_map_stage img#spr_map_mobile { position:absolute !important; width:100%; height:100%; left:0px; top:0px; }

div#spr_contents div#spr_map_detail { width:100%; margin-top:4%; margin-bottom:8%; }
div#spr_map_detail li { display:inline-block; vertical-align:top; width:33%; padding:1%;
	-webkit-box-sizing:border-box;
	-ms-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
}
div#spr_map_detail ul { margin-top:3%; }
div#spr_map_detail h1 { display:inline-block; vertical-align:top; color:#f15c25; margin:0px; padding:0px; padding-right:4%; line-height:100%; font-size:3em; font-weight:normal; font-family:Ink Liquid, "잉크리퀴드", Malgun Gothic, "돋움", Dotum, AppleGothic, sans-serif !important; }
div#spr_map_detail h2 { display:inline-block; vertical-align:top; color:#555555; margin:0px; padding:0px; line-height:150%; font-size:2em; font-weight:normal; font-family:Nanum Square, "나눔스퀘어", Malgun Gothic, "돋움", Dotum, AppleGothic, sans-serif !important; }
div#spr_map_detail h2 br#spr_map_enter { display:none; }
div#spr_map_detail h3 { color:#555555; margin:0px; padding:0px; padding-bottom:25px; border-bottom:1px solid #888888; line-height:100%; font-size:2em; font-weight:normal; font-family:Nanum Square, "나눔스퀘어", Malgun Gothic, "돋움", Dotum, AppleGothic, sans-serif !important;}

div#spr_map_detail div.spr_map_detail_part { padding:3% 0%; border-bottom:1px solid #d6d6d6; }
div#spr_map_detail div.spr_map_detail_icon, div#spr_map_detail div.spr_map_detail_text { display:inline-block; vertical-align:top; }
div#spr_map_detail div.spr_map_detail_icon { width:10%; text-align:left; }
div.spr_map_detail_icon img { vertical-align:middle; width:55%; }
div#spr_map_detail div.spr_map_detail_text { width:90%; text-align:left; line-height:160%; color:#646464; font-size:1.2em; font-weight:normal; font-family:Nanum Gothic, "나눔고딕", Malgun Gothic, "돋움", Dotum, AppleGothic, sans-serif !important; }
div.spr_map_detail_text span { vertical-align:middle; color:#f15c25; font-weight:bold; }

@media all and (max-width:1199px) {
	div.spr_ctn_map { width:100%; padding:0% 1%;
		-webkit-box-sizing:border-box;
		-ms-box-sizing:border-box;
		-o-box-sizing:border-box;
		box-sizing:border-box;
	}
	div#spr_subtitle div#spr_subtitle_body { width:22%; }
}

@media all and (max-width:1024px) {
	div#spr_contents div#spr_map_detail { font-size:11px; }
	div#spr_map_detail div.spr_map_detail_part { font-size:12px; }
}

@media all and (max-width:920px) {
	div#spr_contents div#spr_map_detail { font-size:10px; }
}

@media all and (max-width:870px) {
	div#spr_map_detail div.spr_map_detail_part { font-size:11px; }
}

@media all and (max-width:835px) {
	div#spr_contents div#spr_map_detail { font-size:9px; }
}

@media all and (max-width:755px) {
	div#spr_contents div#spr_map_detail { font-size:8px; }
	div#spr_map_detail h3 { padding-bottom:10%; }
}

@media all and (max-width:640px) {
	div.spr_ctn_map { padding:0% 3%; }

	div#spr_contents div#spr_subtitle { height:129px; background-position:0% 50%; }
	div#spr_subtitle div#spr_subtitle_body { width:30%; font-size:2.5em; line-height:129px; }

	div#spr_contents div#spr_map_detail { font-size:12px; margin-bottom:13%; }
	div#spr_map_detail ul { margin-top:0%; }
	div#spr_map_detail li { width:100%; padding:0%; }
	div#spr_map_detail h1 { display:block; padding:3% 0%; font-size:3.5em; }
	div#spr_map_detail h2 { display:block; }
	div#spr_map_detail h2 br#spr_map_enter { display:block; }
	div#spr_map_detail h3 { padding:8% 0% 4% 0%; }

	div#spr_map_detail div.spr_map_detail_part { font-size:15px; }
	div#spr_map_detail div.spr_map_detail_icon { width:6%; }
	div.spr_map_detail_icon img { width:60%; margin-top:10%; }
	div#spr_map_detail div.spr_map_detail_text { width:94%; }
}

@media all and (max-width:500px) {
	div#spr_contents div#spr_map_detail { font-size:11px; }
	div#spr_map_detail div.spr_map_detail_part { font-size:14px; }
}

@media all and (max-width:440px) {
	div#spr_contents div#spr_subtitle { font-size:8px; height:85px; }
	div#spr_subtitle div#spr_subtitle_body { line-height:85px; }

	div#spr_contents div#spr_map_detail { font-size:10px; }

	div#spr_map_detail h3 { padding:10% 0% 5% 0%; }
	div#spr_map_detail div.spr_map_detail_part { font-size:13px; }
}

@media all and (max-width:420px) {
	div#spr_contents div#spr_map_detail { font-size:9px; }
	div#spr_map_detail div.spr_map_detail_part { font-size:12px; }
}