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

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

div#spr_contents div#spr_intro_catch { width:100%; height:132px; margin:0px auto; text-align:center; }
div#spr_intro_catch h1 { color:#f76d29; margin:0px; margin-bottom:18px; padding:0px; line-height:100%; font-size:2.5em; font-weight:normal; font-family:Ink Liquid, "잉크리퀴드", Malgun Gothic, "돋움", Dotum, AppleGothic, sans-serif !important; }
div#spr_intro_catch h1 span { font-size:0.8em; font-family:"바탕", Dotum, AppleGothic, sans-serif !important; }
div#spr_intro_catch h2 { color:#646464; margin:0px; padding:0px; line-height:110%; font-size:1.2em; font-weight:normal; font-family:Nanum Gothic, "나눔고딕", Malgun Gothic, "돋움", Dotum, AppleGothic, sans-serif !important; }

div#spr_contents div.spr_intro_textarea { color:#646464; background:#ffffff; border-bottom:2px solid #f15c25; padding:40px; text-align:left; line-height:160%; font-size:1.2em; 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_intro_textarea h1 { color:#646464; margin:0px; margin-bottom:25px; padding:0px; line-height:150%; font-size:1.6em; font-weight:normal; font-family:Nanum Square, "나눔스퀘어", Malgun Gothic, "돋움", Dotum, AppleGothic, sans-serif !important; }
div.spr_intro_textarea h1 span { color:#f15c25; font-size:1.3em; font-family:Ink Liquid, "잉크리퀴드", Malgun Gothic, "돋움", Dotum, AppleGothic, sans-serif !important; }
div.spr_intro_textarea h2 { color:#888888; margin:0px; margin-bottom:25px; padding:0px; line-height:100%; font-size:1.3em; font-weight:normal; font-family:Nanum Square, "나눔스퀘어", Malgun Gothic, "돋움", Dotum, AppleGothic, sans-serif !important; }

div#spr_contents div#spr_intro_info_01 { width:100%; height:483px; margin:0px auto; background:url(../images/intro/intro_info_01.jpg) left top no-repeat; }
div#spr_contents div#spr_intro_info_01 div.spr_intro_textarea { position:absolute; width:45%; height:87%; right:0px; top:30px; }
div#spr_contents div#spr_intro_info_01 div.spr_intro_textarea br#spr_intro_info_01_split { display:none; }

div#spr_contents div#spr_intro_info_02 { width:100%; height:720px; margin:0px auto; margin-top:2%; background:url(../images/intro/intro_info_02_desk.jpg) right top no-repeat; }
div#spr_contents div#spr_intro_info_02 div.spr_intro_textarea { position:absolute; width:50%; height:98%; left:0px; top:0px; }
div#spr_contents div#spr_intro_info_02 div.spr_intro_textarea br#spr_intro_info_02_split { display:none; }

div#spr_contents div#spr_intro_info_03 { width:100%; height:475px; margin:0px auto; margin-top:5%; background:url(../images/intro/intro_info_03.jpg) left top no-repeat; background-size:100%; }
div#spr_contents div#spr_intro_info_03 div.spr_intro_textarea { position:absolute; width:40%; height:90%; right:4%; top:60px; }
div#spr_contents div#spr_intro_info_03 img#spr_intro_info_03_blank_01 { width:28%; height:16%; }
div#spr_contents div#spr_intro_info_03 img#spr_intro_info_03_blank_02 { clear:both; width:44%; height:15%; }
div#spr_contents div#spr_intro_info_03 img#spr_intro_info_03_blank_03 { clear:both; width:48%; height:10%; }

div#spr_contents div#spr_intro_info_04 { width:100%; height:421px; margin:0px auto; margin-top:5%; background:url(../images/intro/intro_info_04.jpg) right top no-repeat; }
div#spr_contents div#spr_intro_info_04 div.spr_intro_textarea { position:absolute; width:51%; height:71%; left:0px; top:37px; }

div#spr_contents div#spr_intro_info_05 { width:100%; height:496px; margin:0px auto; margin-bottom:100px; background:url(../images/intro/intro_info_05.jpg) left 33px no-repeat; }
div#spr_contents div#spr_intro_info_05 div.spr_intro_textarea { position:absolute; width:44%; height:88%; right:0px; top:0px; }

div#spr_contents img.spr_intro_deco { position:absolute; }
div#spr_contents img#spr_intro_deco_01 { left:1%; top:66%; }

div#spr_contents div#spr_intro_deco_03 { text-align:right; top:58%; }
div#spr_contents div#spr_intro_deco_03 img { margin-right:-2%; }

div#spr_contents div#spr_intro_deco_04 { top:81%; z-index:1; }
div#spr_contents div#spr_intro_deco_04 img { margin-left:18%; }

@media all and (max-width:1199px) {
	div.spr_ctn_intro { 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_contents div#spr_intro_catch { display:none; }
	
	div#spr_contents div.spr_intro_textarea { font-size:1.6em; padding:3%; }
	div.spr_intro_textarea h1 { font-size:1.5em; margin-bottom:3%; } 
	div.spr_intro_textarea h2 { font-size:1.1em; margin-bottom:3%; }
	
	div#spr_contents div#spr_intro_info_01 { height:500px; background-size:57%; }
	div#spr_contents div#spr_intro_info_01 div.spr_intro_textarea { width:55%; height:100%; top:1%; padding-right:0%; }
	
	div#spr_contents div#spr_intro_info_02 { height:750px; background-size:95%; }
	div#spr_contents div#spr_intro_info_02 div.spr_intro_textarea { width:55%; height:130%; top:0%; padding-left:0%; }
	div#spr_contents div#spr_intro_info_02 div.spr_intro_textarea br#spr_intro_info_02_split { display:block; }
	
	div#spr_contents div#spr_intro_info_03 { height:425px; background-size:78%; margin-top:25%; }
	div#spr_contents div#spr_intro_info_03 div.spr_intro_textarea { width:55%; height:108%; top:11%; padding-right:0%; }
	div#spr_contents div#spr_intro_info_03 img#spr_intro_info_03_blank_02 { width:37%; }
	div#spr_contents div#spr_intro_info_03 img#spr_intro_info_03_blank_03 { width:40%; }
	
	div#spr_contents div#spr_intro_info_04 { height:528px; background-size:61%; margin-top:13%; }
	div#spr_contents div#spr_intro_info_04 div.spr_intro_textarea { width:53%; height:77%; top:6%; padding-left:0%; }
	
	div#spr_contents div#spr_intro_info_05 { height:388px; background-size:58%; margin-top:0px; }
	div#spr_contents div#spr_intro_info_05 div.spr_intro_textarea { width:55%; height:126%; top:-15%; padding-right:0%; }
	
	div#spr_contents img#spr_intro_deco_01 { width:26%; top:49%; }
	
	div#spr_contents div#spr_intro_deco_03 { top:53%; }
	div#spr_contents div#spr_intro_deco_03 img { margin-right:1%; width:33%; }
	
	div#spr_contents div#spr_intro_deco_04 { top:79%; }
	div#spr_contents div#spr_intro_deco_04 img { margin-left:13%; width:26%; }
}

@media all and (max-width:1119px) {
	div#spr_subtitle div#spr_subtitle_body { width:22%; }
	div#spr_contents div.spr_intro_textarea { font-size:1.5em; }
	
	div#spr_contents div#spr_intro_info_02 div.spr_intro_textarea { height:122%; }
	div#spr_contents div#spr_intro_info_03 { margin-top:20%; }
}

@media all and (max-width:980px) {
	div#spr_contents div.spr_intro_textarea { font-size:1.4em; }
	
	div#spr_contents div#spr_intro_info_01 { height:460px; }
	div#spr_contents div#spr_intro_info_01 div.spr_intro_textarea { height:97%; }
	div#spr_contents div#spr_intro_info_02 div.spr_intro_textarea { height:114%; }
	div#spr_contents div#spr_intro_info_03 { height:385px; margin-top:16%; }
	div#spr_contents div#spr_intro_info_04 { height:488px; }
	div#spr_contents div#spr_intro_info_05 { height:348px; }
}

@media all and (max-width:910px) {
	div#spr_contents div.spr_intro_textarea { font-size:1.3em; }
	
	div#spr_contents div#spr_intro_info_01 { height:420px; }
	div#spr_contents div#spr_intro_info_02 div.spr_intro_textarea { height:107%; }
	div#spr_contents div#spr_intro_info_03 { height:345px; margin-top:10%; }
	div#spr_contents div#spr_intro_info_04 { height:418px; }
	div#spr_contents div#spr_intro_info_05 { height:358px; }
}

@media all and (max-width:850px) {
	div#spr_contents div#spr_intro_info_05 { margin-bottom:50px; }
	
	div#spr_contents div#spr_intro_info_01 div.spr_intro_textarea { width:59%; }
	div#spr_contents div#spr_intro_info_02 { background-size:100%; }
	div#spr_contents div#spr_intro_info_02 div.spr_intro_textarea { width:59%; }
	div#spr_contents div#spr_intro_info_03 div.spr_intro_textarea { width:58%; }
	div#spr_contents div#spr_intro_info_04 div.spr_intro_textarea { width:57%; }
	div#spr_contents div#spr_intro_info_05 div.spr_intro_textarea { height:118%; }
	
	div#spr_contents div#spr_intro_deco_03 { top:54%; }
	div#spr_contents div#spr_intro_deco_04 { top:80%; }
}

@media all and (max-width:775px) {
	div#spr_contents div.spr_intro_textarea { font-size:1.2em; }
	
	div#spr_contents div#spr_intro_info_03 div.spr_intro_textarea { height:110%; }
	div#spr_contents div#spr_intro_info_04 div.spr_intro_textarea { height:79%; }
	
	div#spr_contents div#spr_intro_info_01 { height:400px; }
	div#spr_contents div#spr_intro_info_02 div.spr_intro_textarea { height:100%; }
	div#spr_contents div#spr_intro_info_03 { height:325px; margin-top:3%; }
	div#spr_contents div#spr_intro_info_04 { height:398px; }
	div#spr_contents div#spr_intro_info_05 { height:338px; }
	
	div#spr_contents div#spr_intro_deco_03 { top:55%; }
}

@media all and (max-width:720px) {
	div#spr_contents div#spr_intro_info_01 div.spr_intro_textarea { width:65%; }
	div#spr_contents div#spr_intro_info_02 div.spr_intro_textarea { width:63%; }
	div#spr_contents div#spr_intro_info_03 div.spr_intro_textarea { width:61%; }
	div#spr_contents div#spr_intro_info_04 div.spr_intro_textarea { width:61%; }
	div#spr_contents div#spr_intro_info_05 div.spr_intro_textarea { width:57%; }
}

@media all and (max-width:640px) {
	div.spr_ctn_intro { 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_intro_catch { display:block; height:auto; margin-bottom:30px; }
	div#spr_intro_catch h1 { font-size:3.2em; }
	div#spr_intro_catch h2 { font-size:2em; line-height:130%; }
	
	div#spr_contents div.spr_intro_textarea { font-size:1.7em; padding:5% 0%; padding-top:3%; }
	div.spr_intro_textarea h1 { font-size:1.5em; margin-bottom:5%; } 
	div.spr_intro_textarea h2 { font-size:1.1em; margin-bottom:3%; }
	
	div#spr_contents div#spr_intro_info_01 { height:auto; background-size:100%; padding-top:47%; }
	div#spr_contents div#spr_intro_info_02 { height:auto; margin-top:61px; background-size:100%; padding-top:51%; background-image:url(../images/intro/intro_info_02.jpg); }
	div#spr_contents div#spr_intro_info_03 { height:auto; margin-top:61px; background-size:100%; padding-top:35%; }
	div#spr_contents div#spr_intro_info_04 { height:auto; margin-top:61px; background-size:100%; padding-top:39%; }
	div#spr_contents div#spr_intro_info_05 { height:auto; margin-top:42px; background-size:100%; padding-top:58%; }
	
	div#spr_contents div#spr_intro_info_01 div.spr_intro_textarea { position:relative; width:100%; height:auto; left:0px; right:0px; top:0px; }
	div#spr_contents div#spr_intro_info_02 div.spr_intro_textarea { position:relative; width:100%; height:auto; left:0px; right:0px; top:0px; }
	div#spr_contents div#spr_intro_info_03 div.spr_intro_textarea { position:relative; width:100%; height:auto; left:0px; right:0px; top:0px; }
	div#spr_contents div#spr_intro_info_04 div.spr_intro_textarea { position:relative; width:100%; height:auto; left:0px; right:0px; top:0px; }
	div#spr_contents div#spr_intro_info_05 div.spr_intro_textarea { position:relative; width:100%; height:auto; left:0px; right:0px; top:0px; }
	div#spr_contents div#spr_intro_info_01 div.spr_intro_textarea br#spr_intro_info_01_split { display:block; }
	
	div#spr_contents div#spr_intro_info_03 div.spr_intro_textarea img { display:none; }
	
	div#spr_contents img#spr_intro_deco_01 { width:60%; left:40%; top:21%; }
	div#spr_contents div#spr_intro_deco_01 { top:16%; }
	div#spr_contents div#spr_intro_deco_01 img { margin-left:45%; width:51%; }
	
	div#spr_contents div#spr_intro_deco_03 { top:47%; }
	div#spr_contents div#spr_intro_deco_03 img { margin-right:-4%; width:54%; }
	
	div#spr_contents div#spr_intro_deco_04 { top:80%; }
	div#spr_contents div#spr_intro_deco_04 img { margin-left:52%; width:44%; }
}

@media all and (max-width:530px) {
	div.spr_ctn_intro { font-size:11px; }
	div#spr_intro_catch h2 { font-size:1.6em; }
	
	div#spr_contents img#spr_intro_deco_01 { top:20%; }
}

@media all and (max-width:450px) {
	div.spr_ctn_intro { font-size:10px; }
}

@media all and (max-width:420px) {
	div.spr_ctn_intro { font-size:8px; }
	div#spr_contents div#spr_subtitle { height:85px; }
	div#spr_subtitle div#spr_subtitle_body { line-height:85px; }
		
	div#spr_contents div#spr_intro_info_02 { margin-top:30px; }
	div#spr_contents div#spr_intro_info_03 { margin-top:30px; }
	div#spr_contents div#spr_intro_info_04 { margin-top:30px; }
	div#spr_contents div#spr_intro_info_05 { margin-top:22px; margin-bottom:30px; }
	
	div#spr_contents div#spr_intro_deco_01 { top:17%; }
	div#spr_contents div#spr_intro_deco_03 { top:48%; }
	div#spr_contents div#spr_intro_deco_04 { top:81%; }
}