/* -----------------------------------------------------
WRITER : Technical Kimbuyong
EMAIL : byk@rightbrain.co.kr
---------------------------------------------------------*/
@charset "UTF-8";

@import "base.css";
@import "layout.css";

/*Layout  (Body)
--------------------------------------------------------------------------------------------------------------*/
#wrapper {
	overflow: hidden;
	width: 996px;
	padding: 0 0 80px;
	background: url(../../images/tvgame/wrapper_bg.gif) no-repeat bottom left;
}
#sidebar {
	width: 255px;	
	float: left;
	background: url(../../images/tvgame/sidebar_bg.gif) repeat-y;
}
#sidebar h2 {
	display: none;
}
#sidebar ul.sidemenu {
	padding: 89px 0 50px;
	width: 255px;	
}
#sidebar ul.sidemenu li {
	margin: 0 0 0 20px;
	padding: 0 0 5px 11px;
}
/* sign in */
#sidebar div.signin {
	background: url(../../images/tvgame/sidebar_ul_signin_bg.gif) no-repeat;
}
/* sign up */
#sidebar div.signup {
	background: url(../../images/tvgame/sidebar_ul_signup_bg.gif) no-repeat;
}
/* myaccount */
#sidebar div.myaccount {
	background: url(../../images/tvgame/sidebar_ul_myaccount_bg.gif) no-repeat;
}

#sidebar ul.banner {
	margin: 0 0 15px 31px;
}
#sidebar dl {
	margin: 0 0 0 20px;
	padding: 40px 0 0 11px;
	background: url(../../images/tvgame/sidebar_dl_bg.gif) no-repeat;
}
#sidebar dl dd {
	padding: 10px 0 0 17px;
}
#body {
	margin: 74px 0 0;
	width: 571px;
	float: left;
	background: url(../../images/tvgame/body_bg.gif) repeat-y;
}
#location {
	font-size: 0.8em;
	font-weight: bold;
	text-align: right;
	color: #444;
	padding: 3px 32px 15px 0;
	width: 571px;
	height: 17px;
	background: url(../../images/tvgame/location_bg.gif) no-repeat;
}
div.content-area {
	padding: 0 14px 15px 15px;
}
h3 {
	width: 542px;
	height: 21px;
	background: url(../../images/tvgame/h3_bg.gif) no-repeat;
	margin: 0 0 10px;
	padding: 0 0 0 15px;
}
p.descript {
	font-size: 0.95em;
	padding: 7px 9px 9px;
	margin: 0 2px 20px;
	background: #f3f7eb;
	color: #547851;
}

/*Layout  (Footer) :layout.css
--------------------------------------------------------------------------------------------------------------*/
#footer {
	clear: both;
	margin: 15px 0 0 270px;
}

/* TVGAME ALLGAME_Common
---------------------------------------------------------------------------------------------------*/
#best {
	overflow: hidden;
	float: left;
	width: 167px;
	margin: 135px 0 0 -1px;
}
#best h3 {
	width: 167px;
	height: 48px;
	margin: 0;
	padding: 0;
	background: none;
}
#best ul {
	margin: 0 0 0 5px;
	padding: 0 0 50px 5px;
}
#best ul li {
	width: 148px;
	padding: 10px 0;
	background: url(../../images/tvgame/best_ul_li_bg.gif) no-repeat top left;
}
#best ul li.first-child {
	padding: 0 0 10px;
	background: none;
}
#best ul li dl {
	overflow: hidden;
}
#best ul li dl dt {
	float: left;
}
#best ul li dl dd {
	float: left;
}
#best ul li img {
	margin: 0 5px 0 0;
	border: 6px solid #fff;
}
#best ul li p.title {
	width: 63px;
	overflow: hidden;
	word-break: break-all;
	display: block;
	color: #444;
	font-size: 0.9em;
	font-weight: bold;
	padding: 0 0 5px;
}
#best ul li p.title a {
	color: #444;
}
#best ul li p.down {
	width: 63px;
	overflow: hidden;
	word-break: break-all;
	vertical-align: bottom;
	color: #f45c00;
	font-size: 0.9em;
	font-weight: bold;
	padding: 0 0 0 18px;
	background: url(../../images/common/bl_down.gif) no-repeat 0 0;
}

#best div.coming_soon img.data {
	border: 6px solid #fff;
	display: block;
	margin: 0 0 10px;
}
#best div.coming_soon {
	padding: 0 0 0 18px;
	width: 148px;
	height: 300px;
}






/* TVGAME ALLGAME_LIST (LAYOUT)
---------------------------------------------------------------------------------------------------*/

#tvgame_list #wrapper {
	padding: 0;
	background: url(../../images/common/lyt826_wrapper_bg.gif) repeat-y;
}
#tvgame_list #wrapper #body {
	margin: 0;
	padding: 74px 0 0;
	background: url(../../images/common/lyt826_body_bg.gif) no-repeat;
}
#tvgame_list #footer {
	padding: 120px 0 50px 270px;
	width: 636px;
	margin: 0;
	background: url(../../images/common/lyt826_footer_bg.gif) no-repeat;
}


/* TVGAME ALLGAME_LIST 
---------------------------------------------------------------------------------------------------*/
#tvgame_list div.visual {
	width: 542px;
	height: 263px;
	background: url(../../images/tvgame/visual_bg.gif) no-repeat;
}
#tvgame_list div.visual div.view_area {
	position: relative;
	float: left;
	width: 355px;
	height: 263px;
}
#tvgame_list div.visual div.view_area ul {
	margin: 40px 0 0 10px;
}
#tvgame_list div.visual div.view_area ul li a {
	display: block;
	margin: 0 0 7px;
	padding: 5px 0 0 5px;
	width: 50px;
	height: 34px;
	background: url(../../images/tvgame/view_area_li_bg.gif) no-repeat;
}
#tvgame_list div.visual div.view_area ul li a:hover {
	background: url(../../images/tvgame/view_area_li_bg2.gif) no-repeat;
}
#tvgame_list div.visual div.view_area div.tv_area {
	width: 178px;
	position: absolute;
	top: 39px;
	left: 116px;
}
#tvgame_list div.visual div.view_area div.tv_area div.title {
	padding: 0 0 5px;
}
#tvgame_list div.visual div.view_area div.tv_area div.title h4 {
	line-height: 1.2em;
	margin: 0;
	padding: 0 15px 0 0;
	display: inline;
	font-size: 1.2em;
	color: #000;
	font-weight: bold;
}
#tvgame_list div.visual div.view_area div.tv_area p.data_img {
	width: 178px;
	height: 128px;
	position: relative;
}
#tvgame_list div.visual div.view_area div.tv_area p.data_img span#data1 {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 1;
}
#tvgame_list div.visual div.view_area div.tv_area p.data_img span#data2 {
	display: none;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 2;
}
#tvgame_list div.visual div.view_area div.tv_area p.data_img span#data3 {
	display: none;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 3;
}
#tvgame_list div.visual div.view_area div.tv_area p.data_img span#data4 {
	display: none;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 4;
}
#tvgame_list div.visual div.view_area div.tv_area p.btn {
	padding: 5px 0 0;
	text-align: center;
}
#tvgame_list div.visual div.game_info {
	float: right;
	width: 187px;
	height: 263px;
}
#tvgame_list div.visual div.game_info h4 {
	margin: 0;
	padding: 37px 0 5px;
}
#tvgame_list div.visual div.game_info ul {
	padding: 0 0 5px;
}
#tvgame_list div.visual div.game_info ul li {
	color: #4b6c7c;
	font-weight: bold;
}
#tvgame_list div.visual div.game_info ul li span.price {
	color: #666;
	font-weight: bold;
}
#tvgame_list div.visual div.game_info ul li span {
	color: #666;
	font-weight: bold;
}
#tvgame_list div.visual div.game_info ul li span.degree {
	font-family: Dotum, "돋움", sans-serif;
}
#tvgame_list div.visual div.game_info dl {
	padding: 10px 0 5px;
}
#tvgame_list div.visual div.game_info dl dd {
	width: 164px;
	font-size: 0.9em;
}
#tvgame_list #sidebar ul.sidemenu {
	background: url(../../images/tvgame/sidebar_ul_tvgame_list_bg.gif) no-repeat;
}
ul.list_option {
	margin: -32px 0 0 90px;
}
ul.list_option li {
	margin: 0 5px 0 0;
	color: #1e85c0;
	text-decoration: underline;
	display: inline;
	font-size: 0.9em;
}
ul.list_option li a:link {
	color: #1e85c0;
	text-decoration: underline;
}
ul.list_option li a:visited {
	color: #1e85c0;
	text-decoration: underline;
}
ul.list_option li a:active {
	color: #1e85c0;
	text-decoration: underline;
}
ul.list_option li a:hover {
	color: #1e85c0;
	text-decoration: underline;
}
h5 {
	font-size: 1.0em;
	color: #444;
	margin: 0;
	padding: 0 0 5px;
}
#tvgame_list ul.game_list li {
	padding: 15px 0 10px 10px;
	border-top: 1px solid #e3e3e3;
}
#tvgame_list ul.game_list li.first-child {
	border: none;
}
#tvgame_list ul.game_list li dl {
	width: 525px;
	height: 110px;
}
#tvgame_list ul.game_list li dl dt {
	float: left;
	width: 150px;
	height: 110px;
	line-height: 1.2em;
	color: #4b6c7c;
	font-weight: bold;
}
#tvgame_list ul.game_list li dl dt p.data {
	width: 115px;
	display: block;
	padding: 7px;
	background: #e9ecef;
	border: 1px solid #bac6ce;
	margin: 0 0 10px;
}
#tvgame_list ul.game_list li dl dd {
	float: left;
	padding: 0 0 0 5px;
	width: 300px;
	height: 110px;
	line-height: 1.2em;
	font-weight: bold;
	background: url(../../images/tvgame/dot_bg.gif) no-repeat 0 3px;
}
#tvgame_list ul.game_list li dl dd.price {
	color: #fe012a;
}
#tvgame_list ul.game_list li p.graph {
	padding: 1px;
	width: 139px;
	height: 4px;
	background: url(../../images/tvgame/game_list_graph_bg.gif) no-repeat;
}
#tvgame_list ul.game_list li p.grade {
	padding: 3px 0;
}
#tvgame_list ul.game_list li p.grade span {
	color: #f26c00;
	font-weight: bold;
}	
#tvgame_list ul.game_list dl dd p {
	margin: 0;
	padding: 0;
	font-weight: bold;
	color: #496c7f;
}
#tvgame_list ul.game_list dl dd p span {
	color: #666;
}
#tvgame_list ul.game_list dl dd p span.price {
	color: #f45c00;
}
#tvgame_list ul.game_list dl dd p span.degree {
	font-family: Dotum, "돋움", sans-serif;
}
#tvgame_list #body #location {
	width: 542px;
	padding: 3px 29px 15px 0;
	background: url(../../images/tvgame/location_bg2.gif) no-repeat;
}
#tvgame_list #body h3 {
	width: 527px;
	height: 21px;
	background: url(../../images/tvgame/h3_bg.gif) no-repeat;
	margin: 0 0 10px;
	padding: 0 0 0 15px;
}
#tvgame_list #body div.new_game {
	width: 542px;
	padding: 45px 0 15px 15px;
	background: url(../../images/tvgame/submain_newgame_bg.gif) no-repeat;
}
#tvgame_list #body div.new_game h3 {
	width: 527px;
	height: 21px;
	padding: 0 0 0 15px;
	background: url(../../images/tvgame/h3_newgame_bg.gif) no-repeat;
}
#tvgame_list #body div.new_game p.viewallgames {
	margin: -31px 0 0;
	padding: 0 20px 10px 0;
	text-align: right;
}
#tvgame_list #best {
	float: left;
	width: 167px;
	margin: 155px 0 0 -1px;
}


/* TVGAME ALLGAME_SUBMAIN
---------------------------------------------------------------------------------------------------*/
#tvgame_submain #wrapper {
	padding: 0;
	background: url(../../images/common/lyt826_wrapper_bg.gif) repeat-y;
}
#tvgame_submain #wrapper #body {
	padding: 0;
	margin: 0;
	background: url(../../images/common/lyt826_body_bg.gif) no-repeat;
}
#tvgame_submain #footer {
	padding: 120px 0 50px 270px;
	width: 636px;
	margin: 0;
	background: url(../../images/common/lyt826_footer_bg.gif) no-repeat;
}


#tvgame_submain #sidebar ul.sidemenu {
	background: url(../../images/tvgame/sidebar_ul_tvgame_list_bg.gif) no-repeat;
}
#tvgame_submain #body #visual img {
	display: block;
}
#tvgame_submain #body div.nuri_rec_area img {
	display: block;
}
#tvgame_submain #body #location {
	width: 542px;
	padding: 3px 29px 15px 0;
	background: url(../../images/tvgame/location_bg2.gif) no-repeat;
}
#tvgame_submain #body h3 {
	width: 527px;
	height: 21px;
	background: url(../../images/tvgame/h3_bg.gif) no-repeat;
	margin: 0 0 10px;
	padding: 0 0 0 15px;
}
#tvgame_submain #body div.new_game {
	width: 556px;
	padding: 45px 0 15px 15px;
	background: url(../../images/tvgame/submain_newgame_bg.gif) no-repeat;
}
#tvgame_submain #body div.new_game h3 {
	width: 527px;
	height: 21px;
	padding: 0 0 0 15px;
	background: url(../../images/tvgame/h3_newgame_bg.gif) no-repeat;
}
#tvgame_submain #body div.new_game p.viewallgames {
	margin: -31px 0 0;
	padding: 0 20px 10px 0;
	text-align: right;
}
#tvgame_submain div.nuri_rec_area {
	margin: 0 0 0 7px;
	padding: 8px;
	width: 506px;
	height: 184px;
	background: #ecf0f1;
	border: 1px solid #bac7d0;
}
#tvgame_submain ul.newgame {
	padding: 10px 0 0 10px;
}
#tvgame_submain ul.newgame li {
	width: 260px;
	height: 130px;
	float: left;
}
#tvgame_submain ul.newgame p.data {
	width: 115px;
	height: 64px;
	display: block;
	padding: 7px;
	background: #e9ecef;
	border: 1px solid #bac6ce;
	margin: 0 0 10px;
}
#tvgame_submain ul.newgame dl dt {
	width: 135px;
	float: left;
}
#tvgame_submain ul.newgame dl dd {
	padding: 0 0 0 10px;
	width: 115px;
	float: left;
}
#tvgame_submain ul.newgame dl dd p {
	margin: 0;
	padding: 0;
	font-weight: bold;
	color: #496c7f;
}
#tvgame_submain ul.newgame dl dd p span {
	color: #666;
}
#tvgame_submain ul.newgame dl dd p span.price {
	color: #666;
}
#tvgame_submain ul.newgame dl dd p.degree span {
	font-family: Dotum, "돋움", sans-serif;
}
#tvgame_submain ul.newgame p.btn {
	width: 260px;
	clear: both;
}
#tvgame_submain ul.newgame p.btn img {
	display: inline;
}
#tvgame_submain #best {
	float: left;
	width: 167px;
	margin: 255px 0 0 -1px;
}