/* response.css - 반응형 스타일 문서, 2012 © yamoo9.com
---------------------------------------------------------------- */

.wrap {
	padding-left: 20px;
	padding-right: 20px;
}

.center { margin: 0 auto; }

.row {
	/* overflow: hidden; */
	width: 100%;
	max-width: 640px;
	min-width: 320px;
	margin: 0 auto;
}

.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11 {
	float: left;
	margin:0;
	min-height: 1px;
}

.row .col-1  { width: 100%;	}
.row .col-2  { width: 50%;	}
.row .col-3  { width: 33.3%;	}
.row .col-4  { width: 25%;	}
.row .col-5  { width: 20%;	}
.row .col-6  { width: 16.6%;	}


.last { margin-right: 0; }
[class^=col]>:first-child { margin-top: 0; }

img, object, embed, iframe { max-width: 100%; }
img, iframe { height: auto; }

.fr { float: right; }


/* IE */
.old .col-1,  .ie9 .col-1  { width: 100%;   } 
.old .col-2,  .ie9 .col-2  { width: 50%;  } 
.old .col-3,  .ie9 .col-3  { width: 33.3%; } 
.old .col-4,  .ie9 .col-4  { width: 25%;  } 
.old .col-5,  .ie9 .col-5  { width: 20%;    } 
.old .col-6,  .ie9 .col-6  { width: 16.6%;    } 

/* Tablet Size: 1024 이하 */
@media only screen and (max-width: 1023px) {

	body {
		font-size: 0.8em;
		line-height: 1.5;
	}
	
}


/* Mobile Size: 767px 이하 */
@media handheld, only screen and (max-width: 767px) {

	body { font-size: 16px; }
	
	/*
	.row, body, .container {
		width: 100%;
		min-width: 0;
		margin-left: 0;
		margin-right: 0;
		padding-left: 0;
		padding-right: 0;
	}
	
	.row .col-1, .row .col-2, .row .col-3, .row .col-4, .row .col-5, .row .col-6, 
	.row .col-7, .row .col-8, .row .col-9, .row .col-10, .row .col-11, .row .col-12 {
		float: none;
		width: auto;
		margin-left: 0;
		margin-right: 0;
		padding-left: 20px;
		padding-right: 20px;
	}
	*/

}

/* 아이폰 4 */
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
  
}