@charset "euc-kr";


/******************** Layout ***************************/
/*subMenu*/
#sub-navigation li a.subon		{ background: url(movimg/bullet01_cyber.gif) 7px 2px no-repeat;}
#sub-navigation li li a.subon	{ background: url(movimg/bullet02_cyber.gif) 0 5px no-repeat;}

/*Page-title*/
#body h1 { background: url(movimg/bu01_cyber.gif) 0 0 no-repeat;}
/******************** Layout ***************************/


/********************** TEXT 정의 ******************************/
h2.title { background:url('movimg/bu02_cyber.gif') 0 1px no-repeat;}
h3.title { background:url('movimg/bu03_cyber.gif') 5px 1px no-repeat;}
/*point text*/
em		 { color:#FD8900; font-style: normal;}
a:hover	 { color: #33935E;}
/********************** TEXT 정의 ******************************/

/********************** tab **************************/
#tab { background:url('movimg/tab_bg.gif') 0 0 no-repeat;}
/********************** tab **************************/

/********************** contents-table **********************/
.contents-table			{ border-top: 2px solid #A4CA6B; border-bottom: 2px solid #C1D2A6;}
.contents-table th		{ background-color:#EBF4E2; color: #5B8423; border-bottom: 1px solid #C0D89E;}
.contents-table th.stl	{ background: #F4F8EE;}
/********************** contents-table **********************/


/********************** Board-table **********************/
.bd-list				{ background: url(movimg/board/bdList_bg.gif) left top no-repeat; border-bottom: 2px solid #AAE0C2;}
.bd-list td.em		{ color: #33935E;}
.bd-view			{ border-top: 2px solid #AAE0C2; border-bottom: 2px solid #AAE0C2;}
.bd-view th		{ background-color: #EEFBF4;}
.bd-view th em	{ background: url(movimg/board/bu_view.gif) 13px 4px no-repeat;}
.bd-view td p.image { margin: 10px 0;}

/*이전글,다음글*/
ul.prev_next				{ border-bottom: 2px solid #AAE0C2;}
ul.prev_next li.prev		{ background: url(movimg/board/prev_tl.gif) 20px 11px no-repeat;}
ul.prev_next li.next		{ background: url(movimg/board/next_tl.gif) 20px 4px no-repeat;}
/********************** Board-table **********************/



/********************** Contents **********************/
/* Movie 플레이어&리스트 */
.media-area,
.magazine-area			{ width: 100%; overflow: auto;}

/*Movie플레이어*/
.media						{ float: left; width: 347px; height: 370px; padding: 11px 0 0; background:url(movimg/movie_bg.gif) 0 0 no-repeat;}
.media img				{ vertical-align: top; cursor: hand;} 
#movie_div					{ width: 320px; height: 240px; margin: 0 auto; background:url(movimg/movie_bg.jpg) 0 0 no-repeat;}
#movie_div2				{ width: 594px; height: 392px; margin: 0 auto; background:url(movimg/movie_bg.jpg) 0 0 no-repeat;}

.media .play				{ width: 320px; height: 55px; margin: 0 auto;}
.media .play div			{ float: left; margin-top: 4px;}
/*진행 bar*/
.media .play .bar		{ width: 320px; height: 9px; margin-top: 8px; background:url(movimg/movie_bar.gif) 0 3px repeat-x;}
.media .play .bar img	{ position: relative; top: 0; left: 0;}
/*플레이버튼*/
.media .play .button	{ width: 180px;}
/*volume*/
.media .play .vol			{ width: 22px;}
.media .play .vol_bar	{ width: 115px; height: 16px; background:url(movimg/movie_vol_bar.gif) 0 8px repeat-x;}
.media .play .vol_bar img	{ position: relative; top: 7px; left: 0;}
/*버퍼링*/
#m_text						{ width: 320px; margin: 0 auto; text-align: center; padding: 2px 0 0; height: 15px; font-size: 11px; border: 1px solid #D2D2D2;}
/*플레이어다운버튼*/
.media p.down			{ margin: 20px 0 0; text-align: right;}

/*미디어 리스트*/
.media-list						{ width: 290px; float: right;}
.media-list	 .m-list			{ padding: 11px 0 0;}
.media-list	 .m-list li		{ width: 120px; padding: 0 5px 12px 10px; border: 0; margin: 0;}
.media-list p.image			{ width: 120px; margin: 0 0 5px 0; padding: 3px; border: 1px solid #DBDBDB;}
.media-list p.t_text			{ width: 99px; height: 32px; margin: 0 0 5px 0; padding: 3px; border: 0px solid #DBDBDB;}
.media-list p.image img	{ border: 1px solid #DBDBDB;}

/*미디어 리스트 검색*/
.media-list div.search-area { float: right; text-align: right; padding: 7px 10px 10px 0; width: 280px; background: url(movimg/movie_search_bg.gif) 0 0 no-repeat;}
.media-list div.search-area select.image	{ width: 70px;}
.media-list div.search-area input.txt			{ width: 115px;}

/*미디어 리스트 Numbering*/
.media-list div.page_num	{ clear: both; padding-top: 25px; background: url(/img/common/dot01.gif) left top repeat-x;}


/*사보*/
.magazine								{ width: 305px; height: 373px; float: left; background: url(movimg/magazine_bg.gif) 0 0 no-repeat;}
.magazine p							{ margin: 0; position: relative;}
.magazine p.zine_cover			{ top: 23px; left: 35px;}
.magazine p.zine_cover img	{ border: 1px solid #D9D9D9;}
.magazine p.date					{ top: 43px; left: 38px; font-size: 20px; font-weight: bold; letter-spacing: -0.1em; color:#167547;}
.magazine p.down					{ top: 10px; left: 161px;}

/*사보리스트*/
.magazine-area .media-list						{ width: 360px;}
.magazine-area .m-list li							{ width: 100px; padding: 0 3px 12px 7px;}
.magazine-area .media-list p.image			{ width: 99px;}
.magazine-area .media-list div.search-area { 
	width: 350px;
	background: url(movimg/magazine_search_bg.gif) 0 0 no-repeat;
}
.magazine_news {
	width: 100%;
	border-top : 1px solid #E5E2D3;	
	border-bottom: 1px solid #E5E2D3;
	background: #FAFAF7;
}
.magazine_news td {
	vertical-align: top;
	padding: 10px 0 3px 15px;
	width: 50%;
}
.magazine_news h3 {
	margin: 5px 0 3px 0;
	line-height: 14px;
	font-size: 12px;
	letter-spacing: -0.1em;
	background: url(movimg/bu_etc01.gif) 0 5px no-repeat;
	padding: 0 0 0 8px;
}
.magazine_news h3 span {
	margin: 0 0 0 10px;
	font-weight: normal;
}
.magazine_news p {
	margin: 0 0 7px 8px;
}

/********************** Contents **********************/