/* ¸ÞÀÎÆäÀÌÁö ·¾ÆÛ */
div#main_page_wrapper
{
	position: relative;
	z-index: 0;
	background: #CED1CF;
}

header nav
{
	float: left;
	position: relative; /* visual */
	z-index: 10000; /* visual */
	width: 100%;
	background: #fff;
}

header nav div.pc_position h1
{
	float: left;
	padding: 13px 0 13px 17px;
}

header nav div.pc_position h1 a img
{
	width: 180px;
}

header nav div.pc_position button
{
	float: right;
	margin: 10px 17px 0 0;
}

header nav div.pc_position button img { width: 57.5px; height: 30px;}
header nav ul.gnb	{ clear: both; display: none; /* Js only */}

div#gnb { width:100%;height:30px;clear:both;}
div#gnb ul { width:100%; margin:0 auto; padding-top:6px;}
div#gnb ul li a { color:#fff;}
div#gnb ul li { float:left; color:#fff; padding:0; border-right:1px solid #8aa3bd; text-align:center;}
div#gnb ul li.gnb_prog { width:35%;}
div#gnb ul li.gnb_news { width:14%;}
div#gnb ul li.gnb_table { width:20%;}
div#gnb ul li.gnb_info { width:29%;  background: none !important; border:none;}

div#content_wrapper { background:url(/m/img/bg_blue.jpg);}

#navigation { height:33px; padding:5px 0 0 12px; border:0px solid red;}
#navigation p.txt span.ico img { width:26px; height:32px; margin-right:8px;}
#navigation p.txt { font-weight:bold; color:#fff;}
#navigation span.violet { color:#6a22b4;}
#navigation span..white { color:#fff;}
#navigation p span.bold { font-weight:bold;}

#main_content .ttl { padding:20px 20px 10px 20px;}
#main_content .ttl img { width:137px;}
#main_content .progbox { position:relative; width:210px; padding:10px 5px 10px 100px; margin:0 auto; margin-top:4px; background:url(/m/img/progbox.png) no-repeat; background-size:cover; line-height:1.4; }
#main_content .progbox p.progpic { position: absolute; top:10px; left:10px;}
#main_content .progbox p.progpic img { width:75px;}
#main_content .progbox p.progttl { font-size:12px; font-weight:bold; color:#15477b; padding-bottom:2px;}
#main_content .progbox p.progtime { font-size:10px; line-height:1.3;}
#main_content .progbox div.progbtn { padding-top:2px;}
#main_content .progbox div.progbtn img { height:15px;}

#main_content #prog_wrapper { width:92%; margin:0 auto; padding: 4%; background-color:#fff;}
#main_content #prog_wrapper .progimg { width:100%; margin:0 auto;}
#main_content #prog_wrapper .progimg img { width:100%;}

#main_content #pbc_info { border:1px solid red;}
#main_content #pbc_info img { width:20px;}
#main_content #ad_wrap { padding:10px; background-size:50% auto; background-image:url(/img/ad_img.gif); background-repeat:no-repeat; background-position:top right;}

#news_wrapper, #radiotable_wrapper { background-color:#fff;}
#radiotable_wrapper #radio_table { margin:0; border-color:#efefef}
#radiotable_wrapper #radio_table td { padding:4px 2px; border-color:#efefef; font-size:11px;}

.vawrap { text-align:center;}
.vawrap img { width:100%;}

.tab { background:none; position: relative; height: 38px; background-color: #f4f4f4; border-bottom: 1px solid #d0d0d0;}
.tab ul { display:inline-block; padding-left:5px; _height:30px; }
.tab li { list-style:none; height:29px; background:#f4f4f4; border-bottom:1px solid #ddd; float:left; display:inline-block; margin:8px 0 0 2px; overflow:hidden;
	border-left: 1px solid #d0d0d0;
	border-right: 1px solid #d0d0d0;
	border-top: 1px solid #d0d0d0;
	border-top-left-radius: 2px;
	border-top-right-radius: 2px;
	text-align: center;
}
.tab li.on { height:30px; background:#fff; border-bottom:0; color:#dc6c03;}
.tab li.on a b {color:#dc6c03;}
.tab li a { float: left; width: auto; padding: 7px 12px; overflow: hidden;}
.tab li b { display: block; height: 19px; overflow: hidden; font-size: 12px; line-height: 1.1em;}

footer
{
	clear: both;
	padding: 10px 0 25px 0;
	background-color: #fff;
	text-align:center;	
}
footer div.pc_position img {
	width:57px;
	height:17px;
	margin-top:20px;
}
/*
footer div.pc_position img#go_login {
	width:57px;
	height:17px;
	margin-top:20px;		
}*/
footer div.pc_position address
{
	padding: 25px 0 0 0;
	text-align: center;
	line-height: 15px;
	color: #15477b;
	font-size:13px;
}

footer div.pc_position p
{
	padding: 12px 0 0 0;
	text-align: center;
	line-height: 15px;
	font-size: 12px;
	color: #15477b;
}

footer div.pc_position p span
{
	display: block;
	font-size: 12px;
	color: #15477b;
}

@media screen and (min-width: 640px)
{
	header, div#content_wrapper, footer { width:640px; margin:0 auto;}
	header nav
	{
		height: 100px;
		background-color:#FFFFFF;
	}
	header nav div.pc_position h1 a img
	{
		width: 340px;
		height: 46px;
	}
	header nav div.pc_position button img {	width: 115px; height: 60px;}

	div#gnb { width:640px;height:50px;clear:both; margin:0 auto;}
	div#gnb ul { width:100%; margin:0 auto; padding-top:10px;}
	div#gnb ul li { float:left; color:#fff; padding:0; border-right:1px solid #467ed8; text-align:center;}
	div#gnb ul li a { color:#fff; font-size:22px; margin:0; padding:0;}
	div#gnb ul li.gnb_prog { width:35%;}
	div#gnb ul li.gnb_news { width:14%;}
	div#gnb ul li.gnb_table { width:20%;}
	div#gnb ul li.gnb_info { width:29%;  background: none !important; border:none;}

	#navigation { height:70px; padding:14px 0 0 30px; border:0px solid red;}
	#navigation p.txt span.ico img { width:53px; height:64px; margin-right:8px;}
	#navigation p.txt {  color:#fff; }
	#navigation p span  { font-size:24px; color:#fff; }

	div#content_wrapper { background:url(/m/img/bg_blue.jpg);}
	#main_content .progbox { width:588px; height:138px; padding:0; background:url(/m/img/progbox.png) no-repeat; margin:0 auto; margin-top:10px;}
	#main_content .progbox p.progpic { position:absolute; top:16px; left:14px;}
	#main_content .progbox p.progpic img { width:130px; height:108px;}
	#main_content .progbox p.progttl { position:absolute; top:15px; left:170px; font-size:20px; font-weight:bold;}
	#main_content .progbox p.progtime { position:absolute; top:50px; left:170px; font-size:15px;}
	#main_content .progbox div.progbtn { position:absolute; top:92px; left:164px;}
	#main_content .progbox div.progbtn img { height:30px;}

	#main_content .ttl { padding:20px 20px 10px 20px;}
	#main_content .ttl img { width:274px;}

	#radiotable_wrapper #radio_table td { font-size:13px;}

	footer address, footer p {width:100%; text-align:center; font-size:13px;}
	footer div.pc_position img#go_pbc {
		width:105px;
		height:34px;
		margin-top:20px;
		border:0;
	}
	img#go_login {
		width:105px;
		height:34px;
		margin-top:20px;
		border:0;
	}
}