@charset "utf-8";
/* 간단한 유동 미디어
   참조: 유동 미디어를 만들려면 HTML에서 미디어의 높이 및 폭 속성을 제거해야 합니다.
   http://www.alistapart.com/articles/fluid-images/ 
*/
img, object, embed, video {
	max-width: 100%;
}
/* IE 6은 max-width를 지원하지 않으므로 폭 100%를 기본값으로 사용합니다. */
.ie6 img {
	width:100%;
}

/* 모바일 레이아웃: 480px 이하 */
/*@media only screen and (min-width: 320px) {*/
body {
 text-align:left; 
 margin:0 auto;
 padding:0;
}
.gridContainer {
	margin-left: auto;
	margin-right: auto;
	max-width: 480px;
	width: 100%;
	padding-left:0;
	padding-right:0;
}
.gridContainer1 {
	margin-left: auto;
	margin-right: auto;
	max-width: 480px;
	width: 100%;
	padding-left:0;
	padding-right:0;
}
.gridContainer2 {
	width: 97.2%;
	max-width: 480px;
	padding-left: 0.5%;
	padding-right: 0.5%;
	margin: auto;
}
.LayoutDiv1 {
	clear: both;
	margin:0px auto;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
/* 콘텐츠 레이아웃 */
.core_content {display:block; width:98%; text-align:left; padding:0px 0px 0px 0px;  margin:0 auto;}
/*.content{clear:both; display:block; width:100%; min-width:1200px;  background-color:#ccc;  height:300px; text-align:left; padding:20px 0px 20px 0px; margin:0 auto; margin-bottom: 20px;}*/
.content {width:100%; min-height:260px; padding:0px 0px 20px 0; font-size:1.0rem; }
/* .core_content_m {display:block; width:95.9%; text-align:left; padding:10px 0px 0px 0px;  margin:10px 0px 0px 10px; background-color: #000;} */

/* 하단영역 설정 */
.core_footer {width:100%; height:100px; clear:both; background:#fff; border-top:#d9e0e4 solid 1px; padding-top: 12px; font-size-adjust: 12px; color:#666;}


/* 타블렛 레이아웃: 481px~768px. 다음에서 스타일 상속: 모바일 레이아웃. */
@media only screen and (min-width: 481px) {
body {
 text-align:center; 
 margin:0 auto;
}
.gridContainer {
	width:97.2%;
	max-width: 768px;
	padding-left: 0%;
	padding-right: 0.9%;
}
.gridContainer1 {
	width:100%;
	max-width: 768px;
	padding-left: 0%;
	padding-right: 0%;
}
.gridContainer2 {
	width: 97.2%;
	max-width: 768px;
	padding-left: 0.5%;
	padding-right: 0.5%;
	margin: auto;
}
.LayoutDiv1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
.core_content {display:block; width:98%; text-align:left; padding:0px 0px 0px 0px; margin:0 auto;}
/* .core_content_m {display:block; width:95.9%; text-align:left; padding:10px 0px 0px 0px;  margin:10px 0px 0px 10px;} */
}

/* 타블렛 레이아웃: 769px~1024px. 다음에서 스타일 상속: 모바일 레이아웃. */
@media only screen and (min-width: 769px) {
body {
 text-align:center; 
 margin:0 auto;
}
.gridContainer {
	width: 97.2%;
	max-width: 1024px;
	padding-left: 0.9%;
	padding-right: 0.9%;
	margin: auto;
}
.gridContainer1 {
	width: 100%;/* 95.675%; */
	max-width: 100%;
	padding-left: 0%;
	padding-right: 0%;
	margin: auto;
}
.gridContainer2 {
	width: 95.2%;
	max-width: 1024px;
	padding-left: 0.5%;
	padding-right: 0.5%;
	margin: auto;
}
.LayoutDiv1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
.core_content {display:block; width:100%; text-align:left; padding:0px 0px 0px 0px; margin:0 auto;}
/* .core_content_m {display:block; width:95.9%; text-align:left; padding:0px 0px 0px 0px;  margin:35px 0px 0px 10px;} */
}
/* 데스크톱 레이아웃: 1025px~최대 1232px. 다음에서 스타일 상속: 모바일 레이아웃 및 타블렛 레이아웃. */
@media only screen and (min-width: 1025px) {
body {
 text-align:center; 
 margin:0 auto;
}
.gridContainer {
	width:  90.2%; 
	max-width:  1232px; 
	padding-left: 0.9%; 
	padding-right: 0.9%; 
	margin: auto;
}
.gridContainer1 {
	width: 100%;
	max-width: 100%;
	padding-left: 0%;
	padding-right: 0%;
	margin: auto;
}
.gridContainer2 {
	width: 90.2%;
	max-width:1200px;
	padding-left: 0.9%;
	padding-right: 0.9%;
	margin:0 auto;
}
.LayoutDiv1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	/*background-color:#ccc;*/
}
.core_content {display:block; width:98.5%; text-align:left; padding:0px 0px 0px 0px; margin:15px 0 auto;}

/* .core_content_m {display:block; width:100%; text-align:left; padding:0px 0px 0px 0px;  margin:35px 0px 0px 0px;} */
}