@charset "utf-8";

#wrap {
	width:100%;
	min-width:1200px;
	position:relative; 
	margin:0 auto;
	overflow:hidden;
}
#header {
	position:fixed;
	left:0; top:0;
	width:100%; height:60px;
	min-width:1200px;
	background:#000;
	z-index:9999999;
}
#container {
	position:relative; 
	margin:60px auto 0;
	transition:padding-top 0.2s ease;
	-webkit-transition:padding-top 0.2s ease;
	-moz-transition:padding-top 0.2s ease;
}
.search_opened #container {
	padding-top:60px;
}
.inner {
	width:1200px;
	position:relative;
	margin-left:auto;
	margin-right:auto;
}
#footer{
	position:relative; 
	margin:0 auto;
	background:#191919;
	color:#9a9a9a;
}



/* 반응형 */


/* 타블렛 가로 */
@media all and (max-width:1199px) {
	#wrap, #header {min-width:320px;}
	.inner {width:auto; margin-left:30px; margin-right:30px;}
}


/* 타블렛 세로 */
@media all and (max-width:1023px) {
	#wrap.search_opened { position:fixed; left:0; top:0; right:0; bottom:0; }
	#header {height:auto; position:relative; background:none;}
	.h_top {position:fixed; left:0; top:0; right:0; height:80px; background:#000;}
	
	#wrap.h_opened .h_top {position:absolute; margin:0 -30px;}
	#container {margin-top:80px;}
	.search_opened #container {padding-top:0;}
}


/* 타블렛 가로 미만 ~ 모바일 */
@media all and (max-width:767px) {
	.h_top {height:50px; background:#000;}
	#container {margin-top:50px;}
}

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

/* 모바일 가로 */
@media all and (max-width:568px) {
	.inner {margin-left:20px; margin-right:20px;}
	#wrap.h_opened .h_top {margin:0 -20px;}

}

@media all and (max-width:425px) {
	.inner {margin-left:15px; margin-right:15px;}
	#wrap.h_opened .h_top {margin:0 -15px;}

}

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

}

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

}