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

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

div#spr_contents div#spr_tour_list_tree { width:100%; margin-bottom:1%; text-align:right; }
div#spr_tour_list_tree  div#spr_tour_tree { display:inline-block; vertical-align:top; width:20%; background:url(../images/tour/tour_list_arrow.jpg) 100% 0% no-repeat; background-size:contain; background-color:#f76d29; font-weight:normal; font-family:Nanum Gothic, "나눔고딕",Malgun Gothic, "돋움", Dotum, AppleGothic, sans-serif !important; }
div#spr_tour_tree label { position:absolute; left:0px; top:0px; padding:4%; line-height:100%; font-size:1.2em; color:#ffffff; }
div#spr_tour_tree select { width:100%; height:auto; line-height:100%; margin:0px; padding:4%; border:none; border-radius:0px; opacity:0; filter:alpha(opacity=0); color:#646464; font-size:1.2em; font-weight:normal; font-family:Nanum Gothic, "나눔고딕",Malgun Gothic, "돋움", Dotum, AppleGothic, sans-serif !important;
	-webkit-box-sizing:border-box;
	-ms-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;

	-webkit-appearance:none;
	-ms-appearance:none;
	-o-appearance:none;
	appearance:none;
}

div#spr_contents div#spr_tour_navi_map { width:100%; margin-bottom:8%; border:1px solid #979797;
	-webkit-box-sizing:border-box;
	-ms-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
}

div#spr_tour_navi_map img#spr_tour_navi_stage { width:100%; }
div#spr_tour_navi_map img#spr_tour_map_stage { width:100%; display:none; }

div#spr_tour_navi_body div#spr_tour_map { display:inline-block; vertical-align:top; width:75%; height:100%;
	-webkit-box-sizing:border-box;
	-ms-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
}
div#spr_tour_navi_map div#spr_tour_map_body { position:absolute !important; width:100%; height:100%; left:0px; top:0px; }
div#spr_tour_map_body div#spr_tour_map_info { width:30%; height:40%; background:#ffffff; border:1px solid #979797; }
div#spr_tour_map_info div#spr_tour_map_info_arrow { position:absolute; width:80px; height:32px; left:50%; bottom:-32px; margin-left:-40px; background:url(../images/tour/tour_info_arrow.png) left top no-repeat; background-size:100%; }

div#spr_contents div#spr_tour_map_info_detail { width:479px; height:225px; border:1px solid #979797; display:none; }
div#spr_contents div.spr_tour_map_info_body { width:100%; height:100%; padding:3%;
	-webkit-box-sizing:border-box;
	-ms-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
}
div.spr_tour_map_info_body div.spr_tour_info_thumb, div.spr_tour_map_info_body div.spr_tour_info_text { display:inline-block; vertical-align:top; }
div.spr_tour_map_info_body div.spr_tour_info_thumb { width:33%; height:100%; margin-right:3%; background:url(../images/tour/tour_info_img_01.jpg) 50% 50% no-repeat; background-size:cover; }
div.spr_tour_map_info_body div.spr_tour_info_text { width:59%; }
div.spr_tour_info_text h1 { color:#3c3c3c; margin:0%; padding:4% 0%; border-bottom:1px solid #979797; font-size:1.7em; line-height:120%; font-weight:normal; font-family:Nanum Square, "나눔스퀘어",Malgun Gothic, "돋움", Dotum, AppleGothic, sans-serif !important; }
div.spr_tour_info_text h2 { color:#aaaaaa; margin:0%; padding:4% 0% 1% 0%; font-size:1em; line-height:120%; font-weight:normal; font-family:Nanum Gothic, "나눔고딕",Malgun Gothic, "돋움", Dotum, AppleGothic, sans-serif !important; }
div.spr_tour_info_text h3 { color:#3c3c3c; margin:0%; padding:0% 0% 3% 0%; font-size:1.2em; line-height:120%; font-weight:normal; font-family:Nanum Gothic, "나눔고딕",Malgun Gothic, "돋움", Dotum, AppleGothic, sans-serif !important; }
div.spr_tour_info_text h3 span { color:#f15c25; }
div.spr_tour_info_text a { display:inline-block; width:64px; height:24px; overflow:hidden; white-space:nowrap; text-indent:9999px; background:url(../images/tour/tour_info_detail.jpg) left top no-repeat; background-size:100%; }
div.spr_tour_map_info_body a.spr_tour_info_close { display:block; position:absolute; width:16px; height:16px; right:13px; top:13px; overflow:hidden; white-space:nowrap; text-indent:9999px; background:url(../images/tour/tour_info_detail_close.jpg) left top no-repeat; background-size:100%; }

div#spr_contents div#spr_tour_list_mobile { display:none; }

@media all and (max-width:1199px) {
	div.spr_ctn_tour { 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:25%; }

	div#spr_tour_list_tree div#spr_tour_tree { width:25%; }
	div#spr_tour_tree label, div#spr_tour_tree select { font-size:1.3em; padding:5%; }
}

@media all and (max-width:1024px) {
	div#spr_tour_list_tree div#spr_tour_tree { width:30%; }
	div#spr_tour_tree label, div#spr_tour_tree select { font-size:1.4em; padding:6%; }
}

@media all and (max-width:910px) {
	div#spr_tour_list_tree div#spr_tour_tree { width:35%; }
	div#spr_tour_tree label, div#spr_tour_tree select { padding:5%; }

	div.spr_tour_info_text h1 { font-size:1.4em; }
	div.spr_tour_info_text h3 { font-size:1.1em; }
}

@media all and (max-width:770px) {
	div#spr_tour_list_tree div#spr_tour_tree { width:38%; }
	div#spr_tour_tree label, div#spr_tour_tree select { font-size:1.3em; }

	div.spr_tour_info_text h1 { font-size:1.2em; }
	div.spr_tour_info_text h3 { font-size:1.0em; }
}

@media all and (max-width:640px) {
	div.spr_ctn_tour { 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_tour_list_tree { text-align:left; margin-bottom:3%; }
	div#spr_tour_list_tree div#spr_tour_tree { width:100%; }
	div#spr_tour_tree label, div#spr_tour_tree select { font-size:1.5em; padding:2%; }

	div#spr_contents div#spr_tour_navi { padding-bottom:0%; }
	div#spr_tour_navi_map img#spr_tour_navi_stage { display:none; }
	div#spr_tour_navi_map img#spr_tour_map_stage { display:block; }

	div#spr_contents div#spr_tour_navi_map { margin-bottom:10%; }
	div#spr_tour_map_info div#spr_tour_map_info_arrow { height:16px; bottom:-16px; background-image:url(../images/tour/tour_info_arrow_mobile.png); }

	div.spr_tour_info_text h1 { font-size:1.5em; }
	div.spr_tour_info_text h3 { font-size:1.2em; }
}

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

	div#spr_tour_tree label, div#spr_tour_tree select { font-size:1.4em; }
}

@media all and (max-width:480px) {
	div#spr_tour_tree label, div#spr_tour_tree select { padding:3%; }

	div.spr_tour_map_info_body div.spr_tour_info_thumb { width:28%; margin-right:3%; }
	div.spr_tour_map_info_body div.spr_tour_info_text { width:69%; }
	div.spr_tour_info_text h1 { font-size:1.3em; padding:3% 0%; }
	div.spr_tour_info_text h2 { font-size:0.8em; padding:3% 0% 1% 0%; }
	div.spr_tour_info_text h3 { font-size:1.0em; padding:0% 0% 2% 0%; }
}

@media all and (max-width:420px) {
	div#spr_contents div#spr_tour_list_tree { text-align:left; margin-bottom:5%; }
	div#spr_contents div#spr_tour_navi_map { margin-bottom:13%; }

	div#spr_tour_tree label, div#spr_tour_tree select { font-size:1.3em; }
}