* {margin:0; padding:0;}
li {list-style:none;}

/************************************************************************************/
#jq_zoombox_wrap .pop-img {height:600px; text-align:center; float:left;}
#jq_zoombox_wrap .pop-img img {width:300px; margin:0 auto;}
#jq_zoombox_wrap .text_area {text-align:left !important;}
.text_area li span {color:#666; font:normal 12px 'NanumGothic'; margin:10px;}
@media all and (max-width:480px) {

#jq_zoombox_wrap {width:90%; position:relative;}
#jq_zoombox_wrap li.text_area {width:100%; position:relative; margin-bottom:20px; margin-top:20px;}	
		#jq_zoombox_wrap li.text_area H1 {width:100%; font:bold 12px 'corbel';}
				#jq_zoombox_wrap li.text_area H1 a {color:#d65c6f; text-decoration:none;}
								
		#jq_zoombox_wrap li.text_area H2 {font:bold 13px 'corbel'; display:block; margin:10px; olor:#d65c6f; line-height:18px;}
		#jq_zoombox_wrap li.text_area span {font:normal 12px 'corbel'; line-height:20px; display:block; margin:10px;}

#jq_zoombox_wrap ul {position:absolute; top:10px; left:10px;}
		#jq_zoombox_wrap li img {width:95%; float:left; border:1px solid #ddd; margin:10px; text-align:center;}
		#jq_zoombox_wrap li span img {width:95%; float:left; border:1px solid #ddd;}
		
		#jq_zoombox_wrap li iframe {width:76%; height:90%; float:left; margin:30px 40px 40px 40px;}

#jq_zoombox_wrap li.bt_top {font:bold 13px 'corbel'; position:fixed; bottom:10%; right:2%; list-style:none;}
		#jq_zoombox_wrap li.bt_top a {color:#333;}
		#jq_zoombox_wrap li.bt_top a:hover {color:#d65c6f;}
		#jq_zoombox_wrap li.bt_top a:visited {color:#333;}

}

/************************************************************************************/
@media all and (min-width:481px) {

#jq_zoombox_wrap {width:100%; position:relative;}
#jq_zoombox_wrap li.text_area {width:15%; display:block; position:absolute; top:20px; right:1%; border-left:3px solid #ddd; position:fixed;}	
		#jq_zoombox_wrap li.text_area H1 {width:100%; font:bold 17px 'corbel'; line-height:18px; letter-spacing:-0.5pt; margin:0 0 40px 5px;}
				#jq_zoombox_wrap li.text_area H1 a {color:#d65c6f;; text-decoration:none;}
				#jq_zoombox_wrap li.text_area H1 a:hover {color:color:#555;}
				#jq_zoombox_wrap li.text_area H1 a:visited {color:#555;}				
		#jq_zoombox_wrap li.text_area H2 {font:bold 15px 'corbel'; display:block; margin:10px; olor:#d65c6f; line-height:18px;}
		#jq_zoombox_wrap li.text_area span {font:normal 14px 'corbel'; line-height:20px; display:block; margin:10px;}

		#jq_zoombox_wrap li img {width:76%; float:left; border:1px solid #ddd; margin:30px 40px 40px 40px; box-shadow:5px 5px 5px #999; -webkit-box-shadow:5px 5px 5px #999; -ms-box-shadow:5px 5px 5px #999; -moz-box-shadow:5px 5px 5px #999; -o-box-shadow:5px 5px 5px #999; -pie-box-shadow:5px 5px 5px #999; behavior:url(pie/ie-css3.htc);}
		#jq_zoombox_wrap li span img {width:35%; float:left; border:1px solid #ddd; margin:30px 20px 20px 30px; box-shadow:5px 5px 5px #999; -webkit-box-shadow:5px 5px 5px #999; -ms-box-shadow:5px 5px 5px #999; -moz-box-shadow:5px 5px 5px #888; -o-box-shadow:5px 5px 5px #999; -pie-box-shadow:5px 5px 5px #999; behavior:url(pie/ie-css3.htc);}
		
		/*#jq_zoombox_wrap li video {width:80%; float:left; margin:15px 20px 20px 20px;}*/
		#jq_zoombox_wrap li iframe {width:76%; height:90%; float:left; margin:30px 40px 40px 40px;}

#jq_zoombox_wrap li.bt_top {font:bold 15px 'corbel'; position:fixed; top:90%; right:2%; list-style:none;}
		#jq_zoombox_wrap li.bt_top a {color:#333;}
		#jq_zoombox_wrap li.bt_top a:hover {color:#d65c6f;}
		#jq_zoombox_wrap li.bt_top a:visited {color:#333;}

}