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

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

div#spr_contents div#spr_room_intro { width:100%; height:370px; background:url(../images/room/room_intro.jpg) 50% 0% no-repeat; background-size:100%; }
div#spr_room_intro div#spr_room_intro_title { position:absolute; width:32%; height:43%; left:34%; top:0%; background:#ffffff; padding:3%; padding-top:2%; overflow:hidden; text-align:center; 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_room_intro_title h1 { color:#555555; margin:0%; margin-bottom:5%; padding:0%; line-height:100%; font-size:3.2em; font-weight:normal; font-family:Ink Liquid, "잉크리퀴드", Malgun Gothic, "돋움", Dotum, AppleGothic, sans-serif !important; }
div#spr_room_intro_title h2 { color:#888888; margin:0%; padding:0%; line-height:120%; font-size:1.5em; font-weight:normal; }

div#spr_contents div#spr_room_desc { width:100%; padding:80px 1% 80px 50%; color:#646464; line-height:160%; 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;
}

div#spr_contents div#spr_room_imgs, div#spr_contents div#spr_room_imgs_mobile { width:100%; }
div#spr_room_imgs img, div#spr_room_imgs_mobile img { width:100%; }
div#spr_contents div#spr_room_imgs { margin-bottom:60px; }
div#spr_contents div#spr_room_imgs_mobile { display:none; }

div#spr_contents div#spr_room_detail { width:100%; margin-bottom:100px; border-top:1px solid #888888; font-weight:normal; font-family:Nanum Gothic, "나눔고딕", Malgun Gothic, "돋움", Dotum, AppleGothic, sans-serif !important; }
div#spr_contents div#spr_room_detail li { width:100%; border-bottom:1px solid #d6d6d6; font-size:1.2em; }
div#spr_contents div#spr_room_detail li div { display:inline-block; vertical-align:top; margin:1% 0%; text-align:left; }
div#spr_contents div#spr_room_detail li div.spr_room_detail_title { width:12%; color:#f15c25; font-weight:bold; }
div#spr_contents div#spr_room_detail li div.spr_room_detail_title img { margin-right:8%; vertical-align:middle; }
div#spr_contents div#spr_room_detail li div.spr_room_detail_title span { vertical-align:middle; }
div#spr_contents div#spr_room_detail li div.spr_room_detail_text{ width:88%; line-height:26px; }

@media all and (max-width:1199px) {	
	div.spr_ctn_room { 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_room_intro div#spr_room_intro_title { padding:2%; padding-top:1%; font-size:13px; }
	div#spr_contents div#spr_room_desc { padding:60px 1% 60px 24%; font-size:1.6em; }
	div#spr_contents div#spr_room_detail { font-size:13px; }
}

@media all and (max-width:1119px) {	
	div#spr_contents div#spr_room_intro { height:338px; }
	div#spr_room_intro div#spr_room_intro_title { height:36%; font-size:11px; }
	
	div#spr_contents div#spr_room_desc { font-size:1.4em; }
}

@media all and (max-width:940px) {
	div#spr_contents div#spr_room_intro { height:284px; }
	div#spr_room_intro div#spr_room_intro_title { height:38%; font-size:10px; }
	
	div#spr_contents div#spr_room_desc { font-size:1.3em; }
	
	div#spr_contents div#spr_room_detail { font-size:12px; margin-bottom:80px; }
	div#spr_contents div#spr_room_detail li div.spr_room_detail_title { width:15%; }
	div#spr_contents div#spr_room_detail li div.spr_room_detail_title img { width:18%; }
	div#spr_contents div#spr_room_detail li div.spr_room_detail_text { width:85%; }	
}

@media all and (max-width:850px) {
	div#spr_contents div#spr_subtitle { font-size:11px; }
	div#spr_subtitle div#spr_subtitle_body { width:20%; }
	
	div#spr_contents div#spr_room_intro { height:256px; }
	div#spr_room_intro div#spr_room_intro_title { width:38%; height:45%; left:31%; }
	
	div#spr_contents div#spr_room_desc { font-size:1.2em; padding:40px 1% 40px 23%; }
}

@media all and (max-width:720px) {
	div#spr_contents div#spr_room_intro { height:217px; }
	div#spr_room_intro div#spr_room_intro_title { font-size:9px; }
	
	div#spr_contents div#spr_room_desc { padding:40px 1% 40px 20%; }
}

@media all and (max-width:640px) {
	div.spr_ctn_room { padding:0% 3%; }
	div#spr_contents div#spr_subtitle { font-size:12px; 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_room_intro { height:300px; background-size:cover; }
	div#spr_room_intro div#spr_room_intro_title { font-size:12px; width:70%; height:50%; left:15%; }
	
	div#spr_contents div#spr_room_desc { padding:40px 0px; font-size:1.4em; }
	
	div#spr_contents div#spr_room_imgs_mobile { display:block; margin-bottom:60px; }
	div#spr_contents div#spr_room_imgs { display:none; }
	
	div#spr_contents div#spr_room_detail { font-size:13px; }
	div#spr_contents div#spr_room_detail li div.spr_room_detail_title { width:23%; }
	div#spr_contents div#spr_room_detail li div.spr_room_detail_title img { width:16%; }
	div#spr_contents div#spr_room_detail li div.spr_room_detail_text { width:77%; }
}

@media all and (max-width:500px) {
	div#spr_contents div#spr_room_intro { height:240px; }
	div#spr_room_intro div#spr_room_intro_title { font-size:11px; }
}

@media all and (max-width:420px) {
	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_room_intro { height:200px; }
	div#spr_room_intro div#spr_room_intro_title { width:80%; left:10%; font-size:9px; }
	
	div#spr_contents div#spr_room_desc { padding:30px 0px; font-size:1.2em; }
	
	div#spr_contents div#spr_room_imgs_mobile { margin-bottom:40px; }
	
	div#spr_contents div#spr_room_detail { font-size:11px; margin-bottom:60px; }
	div#spr_contents div#spr_room_detail li div.spr_room_detail_title { width:28%; }
	div#spr_contents div#spr_room_detail li div.spr_room_detail_title img { width:19%; }
	div#spr_contents div#spr_room_detail li div.spr_room_detail_text { width:72%; }
}