@charset "utf-8";

#wrap {
	width:100%;
	min-width:320px;
	position:relative; 
	margin:0 auto;
	overflow:hidden;
}
#header {
	width:100%;
	position:fixed; 
	top: 0; left: 0; right: 0;
	margin:0 auto;
	height: 100px;
	z-index: 99;
	transition: 0.2s ease-in-out;
	-webkit-transition: 0.2s ease-in-out;
}
#container {
	width:100%;
	position:relative; 
	margin:0 auto;
}
.inner {
	width:1400px;
	position:relative;
	margin-left:auto;
	margin-right:auto;
}
#footer{
	width:100%;
	clear:both;
	position:relative; 
	margin:0 auto;
	background: #222;
	padding: 60px 0 70px;
	color: #9c9c9c;
	font-size: 14px;
}

/* 반응형 */
@media all and (max-width:1399px) {
	.inner { width: auto; margin-left: 40px; margin-right: 40px; }

}

@media all and (max-width:1199px) {
}


/* 타블렛 세로 */
@media all and (max-width:1023px) {
}


/* 타블렛 가로 미만 ~ 모바일 */
@media all and (max-width:767px) {
	.inner { width: auto; margin-left: 20px; margin-right: 20px; }

}

/* 모바일 상세 */
@media all and (max-width:640px) {
}

/* 모바일 가로 */
@media all and (max-width:568px) {

}

@media all and (max-width:425px) {

}

@media all and (max-width:375px) {

}

@media all and (max-width:320px) {

}