@charset "utf-8";
/*common*/
body, p, h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd, table, th, td, form, fieldset, legend, input, textarea, button{margin:0;padding:0;-webkit-text-size-adjust:none;}
body, input, textarea, select, table, button, code{font-size:1em;line-height:1.25em;font-family:"³ª´®°íµñ", NanumGothic, "±¼¸²", Gulim, Helvetica, AppleGothic, Sans-serif;background-color:#ffffff;}
body{position:relative;background-color:#f8f8f8;color:#000;word-wrap:break-word;word-break:break-all;}
.it, textarea{border:1px solid #bcbcbc;}
ul, ol{list-style:none;}
table{border-collapse:collapse;}
img, fieldset{border:0;}
a{color:#000;text-decoration:none;cursor:pointer;}
label{cursor:pointer;}
em, address{font-style:normal;}
.hc{visibility:hidden;overflow:hidden;position:absolute;left:-1000em;width:0;height:0;font-size:0;line-height:0;}
.nc, hr{display:none !important;}
.vh{visibility:hidden}
.is{width:19px;height:19px;}
.fx{max-width:100%;}
.sd{color:#909090;}
.ds{background:#eee;}
.wnw{white-space:nowrap}
.pl, .pr{position:absolute;white-space:nowrap;}
.pl{top:4px;left:5px;}
.pr{top:4px;right:5px;}
#ct{clear:both;width:100%;background-color:#fff;}
#ct:after{content:"";display:block;clear:both;}

/*ts*/
.ts{position:relative;z-index:2;width:100%;height:66px;background:#00529f url(/mobile/images/gui/bgv2.gif) repeat-x 0 0;text-align:center;color:#fff;}
.ts a{color:#fff;}

/*ht*/
.ht{position:relative;width:100%;height:35px;background:#00529f url(http://imgnews.naver.com/image/news/m/2010/bgv2.gif) repeat-x 0 -33px;text-align:center;color:#fff;}


/*container*/
.main_container {
	clear:both;
	margin:10px 0px 0px 0px;
	padding:0px 0px 0px 7px;
	color:#000000;
	overflow:hidden;
	position:relative;
	text-align:center;
}

/*chn*/
.chn{
	position:relative;
	z-index:2;
	/*width:100%;*/
	height:56px;
	margin-top:0px;
	border-bottom:1px solid #b0b0b0;
	background:#f4f5f5;
	text-align:center;
	color:#000;
}

/*bottom rect*/
.rect_bot{
	position:relative;
	z-index:3;
	/*width:100%;*/
	height:56px;
	margin-top:0px;
	text-align:center;
}


@media screen and (max-device-width: 960px), 
	   screen and (max-width: 960px) {

	/*left right button*/
	.side{
		clear: both;
		position:absolute;
		top:0; 
		left:0;
		text-align:center;
		margin:0px 0px 0px 0px;

	}

	.side .left {
		padding:300px 0px 0px 285px;
	}

	.side .right {
		padding:0px 0px 0px 238px;
	}

	.side .f_right {
		padding:300px 0px 0px 280px;
	}

}

@media screen and (max-device-width: 800px), 
	   screen and (max-width: 800px) {

	/*left right button*/
	.side{
		clear: both;
		position:absolute;
		top:0; 
		left:0;
		text-align:center;
		margin:0px 0px 0px 0px;

	}

	.side .left {
		padding:300px 0px 0px 465px;
	}

	.side .right {
		padding:0px 0px 0px 238px;
	}

	.side .f_right {
		padding:300px 0px 0px 680px;
	}

}


@media screen and (max-device-width: 640px), 
	   screen and (max-width: 640px) {

	/*left right button*/
	.side{
		clear: both;
		position:absolute;
		top:0; 
		left:0;
		text-align:center;
		margin:0px 0px 0px 0px;

	}

	.side .left {
		padding:300px 0px 0px 180px;
	}

	.side .right {
		padding:0px 0px 0px 238px;
	}

	.side .f_right {
		padding:300px 0px 0px 280px;
	}

}

@media screen and (max-device-width: 480px), 
	   screen and (max-width: 480px) {

	/*left right button*/
	.side{
		clear: both;
		position:absolute;
		top:0; 
		left:0;
		text-align:center;
		margin:0px 0px 0px 0px;

	}

	.side .left {
		padding:300px 0px 0px 180px;
	}

	.side .right {
		padding:0px 0px 0px 238px;
	}

	.side .f_right {
		padding:300px 0px 0px 280px;
	}

}

@media screen and (max-device-width: 320px) and (orientation: portrait), 
	   screen and (max-width: 320px) and (orientation: portrait) {

	/*left right button*/
	.side{
		clear: both;
		position:absolute;
		top:0; 
		left:0;
		text-align:center;
		margin:0px 0px 0px 0px;

	}

	.side .left {
		padding:300px 0px 0px 18px;
	}

	.side .right {
		padding:0px 0px 0px 238px;
	}

	.side .f_right {
		padding:300px 0px 0px 280px;
	}

}


.list{float:left; position: relative; margin:5px 0px 0px 5px;}
.list .vr_num {text-align: center;}

