html {
    font-size: 16px;
}

body {
	font-family: "Nanum Gothic","Malgun Gothic", Gulim, Arial, sans-serif;
	background: #e3e3e3;
	color:#444;
	margin: 0;
	padding: 0;
}




/*
swiper body 일 경우 추가 ==
position: relative;
height: 100%;
.pkbody {
		background: #000;
		font-family: "Nanum Gothic","Malgun Gothic", Gulim, Arial, sans-serif;
        font-size: 14px;
        color:#fff;
        margin: 0;
        padding: 0;
    }

*/






/*
//////////////////////////////////////////////////////////////////////////
--------------------------------------------------------------------------
메뉴영역
--------------------------------------------------------------------------
//////////////////////////////////////////////////////////////////////////
*/

.pktop-container {

	
    
//  	background: #0f0;
//	border: 1px solid #bcbcbc;


}



/*
//////////////////////////////////////////////////////////////////////////
--------------------------------------------------------------------------
중간 메인 콘텐츠
--------------------------------------------------------------------------
//////////////////////////////////////////////////////////////////////////
*/

/* 메인페이지를 위해 풀 스크린 ============== */
.pkmiddle-container-full-black {
		background: #000;
        margin: 0px;
        padding: 0px;
}

.pkmiddle-container-full-white {
		background: #fff;
        margin: 0px;
        padding: 0px;
}


.pkmiddle-container-full-gray {
		background: #e3e3e3;
        margin: 0px;
        padding: 0px;
}


.pkmiddle-container-full {
		background: #e3e3e3;
        margin: 0px;
        padding: 0px;
}

/* sub 페이지 공동 ========================== */
.pkmiddle-container {
		width: 1124px; /*width: 940px;*/

        margin: 10px auto;
        padding: 20px;
        border: 1px solid #bcbcbc;
}


.pkmiddle-header {
	padding: 5px;
	margin-bottom: 20px;
	/*border: 1px solid #bcbcbc;*/
	border-bottom: 1px solid #bcbcbc;
}

.pkmiddle-content {
	width: 770px; /* 원래 580px;*/
	padding: 20px;
	margin-bottom: 20px;
	float: right ;
	border: 1px solid #ccc;
}

.pkmiddle-sidebar {
	width: 260px; /* 원래 220 */
	padding: 10px;
	margin-bottom: 20px;
	float: left;
	border: 1px solid #ccc;
}
.pkmiddle-footer {
	clear: both;
	padding: 5px;
	/* border: 1px solid #bcbcbc; */
	border: 1px solid #e3e3e3;
}

	

/*
//////////////////////////////////////////////////////////////////////////
--------------------------------------------------------------------------
footer
--------------------------------------------------------------------------
//////////////////////////////////////////////////////////////////////////
*/

.pkfooter-container {

min-width : 1124px; /* 1124 - (20*2) */

	clear:both;
/*	margin: 0px auto;*/
	background: #000;
	color: #aaa;
}


.pkfooter-box {

	/*min-width : 1084px; *//* 1124 - (20*2) */
	width: 1124px;
	padding: 20px;
	background: #000;
	margin: auto;
}

.pkfooter-bolder {
	font-weight: bolder;
	color: #fff;
}





/*
//////////////////////////////////////////////////////////////////////////
--------------------------------------------------------------------------
모바일 경우
--------------------------------------------------------------------------
//////////////////////////////////////////////////////////////////////////
*/


/* 
태블릿
@media all and (width:768px), (width:1024px)
모바일
@media ( max-width: 480px ) {
*/


@media ( max-width: 480px ) {

	
	.pktop-container {
		/* pc 메뉴 숨기기 */
		display:none; /* 칸 차지않아고 숨기기  ,   만약 칸차지하고 숨기려명 display:hidden 하면 됨 */
	}
	
	
	
	
	.pkmiddle-container {
		width: auto;
	}
	.pkmiddle-content {
		float: none;
		width: auto;
	}
	.pkmiddle-sidebar {
		float: none;
		width: auto;
		display:none; /* 칸 차지않아고 숨기기  ,   만약 칸차지하고 숨기려명 display:hidden 하면 됨 */
	}




/* ------작은화면일 경우 화면 자동줄이기--------------------------------------------------------------------*/


	.pkfooter-box {
		width: auto; /* 이렇게 해야 자동으로 화면에 따라 글씨가 라인피드 된다 */
		background: #000;
		
	}








}