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

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

div#spr_contents div#spr_service_intro { width:100%; height:330px; background:url(../images/service/service_intro.jpg) 100% 0% no-repeat; background-size:55%; }
div#spr_service_intro div#spr_service_intro_title { position:absolute; width:45%; left:0%; top:17%; }
div#spr_service_intro_title h1 { color:#555555; margin:0px; margin-bottom:6%; padding:0px; line-height:150%; font-size:3em; font-weight:normal; font-family:Nanum Square, "나눔스퀘어", Malgun Gothic, "돋움", Dotum, AppleGothic, sans-serif !important; }
div#spr_service_intro_title h1#spr_service_title_mobile { display:none; }
div#spr_service_intro_title h1 span { color:#f15c25; font-size:1.3em; font-family:Ink Liquid, "잉크리퀴드", Malgun Gothic, "돋움", Dotum, AppleGothic, sans-serif !important; }
div#spr_service_intro_title div { color:#646464; line-height:160%; font-size:1.2em; font-family:Nanum Gothic, "나눔고딕", Malgun Gothic, "돋움", Dotum, AppleGothic, sans-serif !important; }
div#spr_service_intro_title div#spr_service_desc_mobile { display:none; }

div#spr_contents div#spr_service_ctn { width:100%; margin-top:65px; }
div#spr_service_ctn div.spr_service_info { width:100%; margin-bottom:120px; }
div.spr_service_info div.spr_service_info_title_mobile { display:none; }
div.spr_service_info div.spr_service_info_body { display:inline-block; vertical-align:top; width:38%; padding:0% 3% 0% 9%;
	-webkit-box-sizing:border-box;
	-ms-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
}
div.spr_service_info div.spr_service_info_body h1 { color:#555555; margin:0px; padding:0px; line-height:150%; font-size:2.1em; font-weight:normal; font-family:Nanum Square, "나눔스퀘어", Malgun Gothic, "돋움", Dotum, AppleGothic, sans-serif !important; }
div.spr_service_info div.spr_service_info_body h2 { color:#888888; margin:0px; margin-bottom:25px; padding:0px; line-height:100%; font-size:1.5em; font-weight:normal; font-family:Nanum Square, "나눔스퀘어", Malgun Gothic, "돋움", Dotum, AppleGothic, sans-serif !important; }
div.spr_service_info div.spr_service_info_body p { color:#646464; margin:0px; padding:0px; line-height:160%; font-size:1.2em; font-weight:normal; font-family:Nanum Gothic, "나눔고딕", Malgun Gothic, "돋움", Dotum, AppleGothic, sans-serif !important; }

div.spr_service_info div.spr_service_info_detail { width:100%; border-top:1px solid #888888; margin-top:25px; font-weight:normal; font-family:Nanum Gothic, "나눔고딕", Malgun Gothic, "돋움", Dotum, AppleGothic, sans-serif !important; }
div.spr_service_info div.spr_service_info_detail li { padding:3% 0%; border-bottom:1px solid #d6d6d6; font-size:1.1em; }
div.spr_service_info div.spr_service_info_detail li div { display:inline-block; vertical-align:top; }
div.spr_service_info div.spr_service_info_detail li div.spr_service_info_detail_title { width:23%; color:#f15c25; font-weight:bold; }
div.spr_service_info div.spr_service_info_detail li div.spr_service_info_detail_text { width:77%; color:#646464; }

div#spr_service_dining div.spr_service_info_body { padding-top:3%; background:url(../images/service/service_info_icon_01.jpg) left 13% no-repeat; }
div#spr_service_bath div.spr_service_info_body { padding:0% 9% 0% 3%; background:url(../images/service/service_info_icon_02.jpg) right top no-repeat; }
div#spr_service_breakfast div.spr_service_info_body { background:url(../images/service/service_info_icon_03.jpg) left top no-repeat; }
div#spr_service_carrier div.spr_service_info_body { padding:0% 9% 0% 3%; background:url(../images/service/service_info_icon_04.jpg) right top no-repeat; }
div#spr_service_park div.spr_service_info_body { background:url(../images/service/service_info_icon_05.jpg) left top no-repeat; }

div.spr_service_info div.spr_service_info_img { display:inline-block; vertical-align:top; width:62%; }
div.spr_service_info_img img { width:100%; }

@media all and (max-width:1199px) {	
	div.spr_ctn_service { 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%; }
	
	div#spr_contents div#spr_service_intro { height:308px; background-size:53%; }
	div#spr_service_intro div#spr_service_intro_title { width:100%; top:35%; }
	div#spr_service_intro_title h1 { font-size:2.5em; margin-bottom:3% }
	div#spr_service_intro_title div { font-size:1.8em; }
	
	div#spr_contents div#spr_service_ctn { margin-top:48px; }
	div#spr_service_ctn div.spr_service_info { margin-bottom:80px; }
	div.spr_service_info div.spr_service_info_body { width:51%; padding:0% 2% 0% 0%; background-size:9% !important; }
	div#spr_service_park div.spr_service_info_body { background-size:7% !important; }
	div.spr_service_info div.spr_service_info_body h1 { width:100%; padding:0% 0% 0% 15%;
		-webkit-box-sizing:border-box;
		-ms-box-sizing:border-box;
		-o-box-sizing:border-box;
		box-sizing:border-box;	
	}
	div.spr_service_info div.spr_service_info_body h2 { width:100%; padding:0% 0% 0% 15%;
		-webkit-box-sizing:border-box;
		-ms-box-sizing:border-box;
		-o-box-sizing:border-box;
		box-sizing:border-box;
	}
	div.spr_service_info div.spr_service_info_body p { font-size:1.6em; }
	
	div.spr_service_info div.spr_service_info_detail { font-size:16px; }
	div.spr_service_info div.spr_service_info_detail li { padding:2% 0%; }
	
	div#spr_service_dining div.spr_service_info_body { padding-top:0%; background-position:0% 3%; }
	div#spr_service_bath div.spr_service_info_body, div#spr_service_carrier div.spr_service_info_body { padding:0% 0% 0% 2%; }
	div#spr_service_bath div.spr_service_info_body h1, div#spr_service_bath div.spr_service_info_body h2, div#spr_service_carrier div.spr_service_info_body h1, div#spr_service_carrier div.spr_service_info_body h2 { padding:0% 15% 0% 0%; }
	
	div.spr_service_info div.spr_service_info_img { width:49%; }
}

@media all and (max-width:1090px) {
	div#spr_service_intro div#spr_service_intro_title { font-size:11px; top:30%; }
}

@media all and (max-width:768px) {
	div#spr_contents div#spr_service_intro { height:248px; }
	div#spr_service_intro div#spr_service_intro_title { font-size:10px; top:25%; }
	
	div#spr_contents div#spr_service_ctn { margin-top:35px; font-size:10px; }
	div#spr_service_ctn div.spr_service_info { margin-bottom:60px; }
	
	div.spr_service_info div.spr_service_info_detail { font-size:14px; }
	
	div#spr_service_bath div.spr_service_info_body, div#spr_service_carrier div.spr_service_info_body { background-position:100% 5%; }
	div#spr_service_breakfast div.spr_service_info_body, div#spr_service_park div.spr_service_info_body { background-position:0% 5%; }
}

@media all and (max-width:700px) {
	div#spr_contents div#spr_service_intro { height:208px; }
	div#spr_service_intro div#spr_service_intro_title { font-size:9px; }
}

@media all and (max-width:640px) {
	div.spr_ctn_service { 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_service_intro { height:auto; padding-top:32%; background-size:100%; }
	div#spr_service_intro div#spr_service_intro_title { position:relative; left:0px; top:0px; font-size:12px; }
	div#spr_service_intro_title h1#spr_service_title_desk { display:none; }
	div#spr_service_intro_title h1#spr_service_title_mobile { display:block; width:50%; }
	div#spr_service_intro_title div#spr_service_desc_desk { display:none; }
	div#spr_service_intro_title div#spr_service_desc_mobile { display:block; }
	
	div#spr_contents div#spr_service_ctn { margin-top:100px; }
	div#spr_service_ctn div.spr_service_info { margin-bottom:75px; }
	
	div.spr_service_info div.spr_service_info_body { width:100%; font-size:12px; }
	div.spr_service_info div.spr_service_info_body h1, div.spr_service_info div.spr_service_info_body h2 { display:none; } 
	div.spr_service_info div.spr_service_info_detail { margin-top:35px; font-size:18px; }
	div.spr_service_info div.spr_service_info_img { display:none; }
	
	div.spr_service_info div.spr_service_info_title_mobile { display:block; margin-bottom:25px; }
	div.spr_service_info_title_mobile div { width:100%; }
	div.spr_service_info_title_mobile div.spr_service_info_title_mobile_text { padding-left:13%; font-family:Nanum Square, "나눔스퀘어", 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;
	}
	div.spr_service_info_title_mobile_text h1 { color:#555555; margin:0px; padding:0px; line-height:150%; font-size:2.8em; font-weight:normal; }
	div.spr_service_info_title_mobile_text h2 { color:#888888; margin:0px; margin-bottom:30px; padding:0px; line-height:100%; font-size:2em; font-weight:normal; }
	
	div.spr_service_info_title_mobile div.spr_service_info_title_mobile_img img { width:100%; }
	
	div#spr_service_dining div.spr_service_info_title_mobile_text { background:url(../images/service/service_info_icon_01.jpg) left 25% no-repeat; background-size:8%; }
	div#spr_service_bath div.spr_service_info_title_mobile_text { background:url(../images/service/service_info_icon_02.jpg) left top no-repeat; background-size:8%; }
	div#spr_service_breakfast div.spr_service_info_title_mobile_text { background:url(../images/service/service_info_icon_03.jpg) left top no-repeat; background-size:8%; }
	div#spr_service_carrier div.spr_service_info_title_mobile_text { background:url(../images/service/service_info_icon_04.jpg) left top no-repeat; background-size:8%; }
	div#spr_service_park div.spr_service_info_title_mobile_text { background:url(../images/service/service_info_icon_05.jpg) left top no-repeat; background-size:7%; }
	
	div#spr_service_dining div.spr_service_info_body, div#spr_service_bath div.spr_service_info_body, div#spr_service_breakfast div.spr_service_info_body, div#spr_service_carrier div.spr_service_info_body, div#spr_service_park div.spr_service_info_body { padding:0%; background:none; }
}

@media all and (max-width:500px) {
	div#spr_service_intro div#spr_service_intro_title { font-size:11px; }
	
	div#spr_contents div#spr_service_ctn { margin-top:80px; }
	div.spr_service_info_title_mobile div.spr_service_info_title_mobile_text { font-size:10px; }
}

@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_service_intro div#spr_service_intro_title { font-size:9px; }
	div#spr_service_intro_title h1#spr_service_title_mobile
	
	div#spr_contents div#spr_service_ctn { margin-top:60px; }
	div#spr_service_ctn div.spr_service_info { margin-bottom:60px; }
	div.spr_service_info_title_mobile div.spr_service_info_title_mobile_text { font-size:8px; }
	div.spr_service_info_title_mobile_text h2 { margin-bottom:20px; }
	
	div.spr_service_info div.spr_service_info_body { color:#646464; font-size:9px; }
	div.spr_service_info div.spr_service_info_detail { margin-top:25px; color:#646464; font-size:13px; }
}