@charset "UTF-8";
/* CSS Document */

#menu_hori { display: block; }
#menu_vert { display: none; }
.menuTableWrap { position: relative; box-sizing: border-box; width:98%; height: auto; padding: 15px 0;  margin: 0 auto; background-color: #f3f3f3; display: block; }
.menuTableWrap .eng{letter-spacing: 1px!important;}
.menuTableWrap.tv { width:100%; height: auto; padding: 45px 0 10px 0; background-color:unset; }
.menuTableWrap.radio { width:98%; height: auto; padding: 0px 0 10px 0; background-color:unset;     font-family: 'ProximaNova_Light';}
.tableBlock { position: relative; box-sizing: border-box; width: 100%; height: auto; }
.topRightBox { position: relative; box-sizing: border-box; width: 50%; height: auto; float: right; }
.topLeftBox { position: relative; box-sizing: border-box; width: 50%; height: auto; float: left; }
.itemBlock { position: relative; box-sizing: border-box; width: 100%; font-size: 18px; letter-spacing: 2px; line-height: 24px; padding: 0px 2% 10px 2%;
	display: flex;
	/* flex-direction: row; */
	/* justify-content: space-around; */
	/* background-color: rgb(206, 208, 167);  */
}
.itemBlock a {
	/* display: flex; */
	/* height: 100%; */
	width: 100%;
	/* display: flex; */
	/* justify-content: center; */
	/* align-items: center; */
	/* align-items: stretch; */
}
.chBlock { 
	position: relative; box-sizing: border-box; 
	/* display: flex; */
	/* width:20%; */
	width:14%;
	float: left; margin-right: 2%; background-color: #6c7a94; color: #fffefe; text-align: center; border-radius: 5px; padding: 10px 0; 
}
.chBlock.lit { background-color: #9eabb3;}
.chBox { 
	position: absolute; top:0; bottom: 0; left: 0; right: 0; 
	box-sizing: border-box; padding: 10px 0;
	color: #fffefe;
}
.proBlock { 
	position: relative; box-sizing: border-box; 
	/* width:78%; */
	width:86%;
	float: left; border-radius: 5px; color: #fffefe;  background-color: #6c7a94; 
}
.proBlock.lit { background-color: #f3f3f3;}
.timeBlock { 
	position: relative; box-sizing: border-box; 
	/* width:34%; */
	width:28%; 
	float: left; text-align: center;font-size: 16px; letter-spacing: 1px; line-height: auto; color: #d9d7df; padding: 10px 0; 
	/* background-color: rgb(224, 185, 218);  */
}
.timeBlock.dak { color:rgb(106, 106, 112); }
.showBlock { 
	position: relative; box-sizing: border-box; float: left; padding: 10px 0; 
	/* width:66%; */
	width:72%;
}
.showBlock a { color: #fffefe; }
.showBlock .nameBlock a { color: #fffefe; }
.nameBlock { 
	box-sizing: border-box; float: left;
	width:70%;
	/* background-color: rgb(72, 97, 97);  */
}
.nameBlock.dak {color:rgb(34, 34, 35); }
.nameBlock.dak a { color: rgb(34, 34, 35); }
.poLink { 
	box-sizing: border-box;float: right; margin-right: 4%; border-radius: 5px; 
	font-size: 14px; letter-spacing: 1px;
	/* width:18%;  */
	width:24%;  
	padding:0 1%;background-color: #9eabb3; text-align: center;
	color: #ffffff; 
}
/* .poLink.dak { background-color: #6c7a94; } */
.timeDis { display: inline-block;}
.vertDash { display: none; }
.horiDash { display: inline-block; }
.timeDisVert.vertDash { display: none; }
.timeDisVert.horiDash { display: inline-block; }
@media screen and (max-width: 1600px) {}
@media screen and (max-width: 1200px) {
	.showBlock { position: relative; box-sizing: border-box; width:72%; float: left; padding: 10px 0; }
	.timeBlock { width: 25%; line-height: 16px; padding-top: 12px; }
	.timeBlock.vert {padding-top: 15px;}
	.horiDash { display: none; }
	.vertDash { display: block; }
	.nameBlock { width:65%;}
	.poLink { width:30%; margin-right: 1%;}
	
}
@media screen and (max-width: 1000px) { 
	#menu_hori { display: none; }
	#menu_vert { display: block;}
	.nameBlock { width:78%;}
	.poLink { width:18%; margin-right: 1%;}

}
@media screen and (max-width: 825px) {
	.nameBlock { width:73%;}
	.poLink { width:22%; margin-right: 1%;}

}
@media screen and (max-width: 625px) {
	.itemBlock { font-size: 15px; letter-spacing: 1px; line-height: 22px; }
	.timeBlock { font-size: 14px; letter-spacing: 1px; line-height: 16px; }
	.showBlock { width: 78%;}
	.nameBlock { width:73%;}
	.poLink { width: 25%; margin-right: 1%; font-size: 12px; }
	.poLink.eng {
		letter-spacing: 0px !important;
	}
	.timeBlock.vert { width: 20%; padding-top: 12px;}
	.timeDisVert.vertDash { display: block; }
	.timeDisVert.horiDash { display: none; }
}		
@media screen and (max-width: 760px) {}
@media screen and (max-width: 425px) {}


