@charset "utf-8";

/* 웹폰트 적용 */

@font-face {
	font-family:"nb"; 
	src:url(/css/NanumBarunGothic.eot); 
	src:local(※), url(/css/NanumBarunGothic.woff) format('woff');
	font-weight: normal; 
	font-style: normal;
}

/*
	SKIN CSS
*/

#bbs_bound{margin-top:0px;max-width:1060px;margin-bottom:150px;color:#000 !important;border-top:0 !important;}
#bbs_box{border-top:0;}

#contBox{border:0px solid #ccc;width:51%;min-width:1060px;margin:0 auto;min-height:200px;padding-bottom:30px;margin-top:30px;}
#contBox .pList{overflow:hidden;}
#contBox .pList > li{float:left;width:327px;margin-right:25px;margin-bottom:80px;}
#contBox .pList .pTxt{font-family:'nb';font-size:16px;text-align:center;padding:8px 4px;color:#333;}



/* 모바일 환경 */
@media (max-width: 768px) 
{
	html,body{height:100%;margin:0 auto;min-width:320px;padding-top:100px;}
	#header{width:100%;height:100px;min-width:320px;position:fixed;left:0;top:0;z-index:9998;}
	.center{width:320px;margin-top:2%;font-size:15px;padding-left:0;letter-spacing:-2px;}
	.hrc{font-size:20px;}
	.mhide{display:none;}
	#footer .copyList{width:100%;}
	#mmenu{display:block;position:fixed;top:48px;right:30px;z-index:9999;}

	#contBox{width:90%;min-width:320px !important;margin:0 auto;margin-top:0;}
	#contBox .pList > li{width:47% !important;margin-bottom:20px;margin-right:1.5% !important;}
	#contBox .pList > li img{width:100%;height:auto;}
	#contBox .pList .pTxt{color:#fff;}
	.mohide{display:none;}
	.copyList{width:100%;}
	.copyList >li{clear:both;width:100% !important;text-align:center !important;/*color:#557e90;*/color:#fff;}

	input[type='text']{width:100% !important;}
	.mob{display:block;}

	#bbs_bound{margin-top:-50px;}

}


/* 모바일 환경 */
@media (max-width: 420px) 
{
	html,body{height:100%;margin:0 auto;min-width:320px;padding-top:100px;}
	#header{width:100%;height:100px;min-width:320px;position:fixed;left:0;top:0;z-index:9998;}
	.center{width:320px;margin-top:2%;font-size:15px;padding-left:0;letter-spacing:-2px;}
	.hrc{font-size:20px;}
	.mhide{display:none;}
	#footer .copyList{width:100%;}
	#mmenu{display:block;position:fixed;top:48px;right:30px;}

	#contBox{width:70%;margin:0 auto;margin-top:0;}
	#contBox .pList > li{width:100% !important;margin-bottom:20px;padding:0 20px;}
	#contBox .pList > li img{width:100%;height:auto;}
	#contBox .pList .pTxt{color:#fff;}
	.mohide{display:none;}
	.copyList{width:100%;}
	.copyList >li{clear:both;width:100% !important;text-align:center !important;/*color:#557e90;*/color:#fff;}


}

/* 고해상도 */
@media (min-width: 2100px) 
{
	#header{width:1482px;margin:0 auto;height:135px;padding-top:15px;}
	#header .hmenu > li:first-child{width:900px}
	#contBox{width:58%;}
	#contBox .pList > li{float:left;width:327px;margin-right:28px !important;margin-bottom:80px;}

}