/* -----------------------------------------------------
WRITER : Technical Kimbuyong
EMAIL : byk@rightbrain.co.kr
---------------------------------------------------------*/
@charset "UTF-8";

@import "base.css";
@import "layout.css";
@import "table.css";


/* User GUIDE
-----------------------------------------------------------------------------*/
#user_guide #sidebar ul.sidemenu {
	background: url(../../images/cscenter/sidebar_ul_cscenter_bg.gif) no-repeat;
}
#user_guide h4 {
	margin: 0;
	padding: 10px 0 5px;
	border-bottom: 1px solid #dbdbdb;
}
#user_guide p.data {
	padding: 10px 0 0;
}
#user_guide div.content-area ul li {
	padding: 1px 0 10px 35px;
	background-position: left top;
	background-repeat: no-repeat;
}
div.content-area ul li.guide11 {
	width: 210px;
	background-image: url(../../images/cscenter/onlineguide_guide11.gif);
}
div.content-area ul li.guide12 {
	width: 210px;
	background-image: url(../../images/cscenter/onlineguide_guide12.gif);
}
div.content-area ul li.guide13 {
	width: 210px;
	background-image: url(../../images/cscenter/onlineguide_guide13.gif);
}
div.content-area ul li.guide14 {
	width: 210px;
	background-image: url(../../images/cscenter/onlineguide_guide14.gif);
}
div.content-area ul li.guide21 {
	width: 210px;
	background-image: url(../../images/cscenter/onlineguide_guide21.gif);
}
div.content-area ul li.guide22 {
	width: 210px;
	background-image: url(../../images/cscenter/onlineguide_guide22.gif);
}
div.content-area ul li.guide23 {
	width: 210px;
	background-image: url(../../images/cscenter/onlineguide_guide23.gif);
}
div.content-area ul li.guide24 {
	width: 210px;
	background-image: url(../../images/cscenter/onlineguide_guide24.gif);
}
div.content-area ul li.guide31 {
	width: 210px;
	background-image: url(../../images/cscenter/onlineguide_guide31.gif);
}
div.content-area ul li.guide32 {
	width: 210px;
	background-image: url(../../images/cscenter/onlineguide_guide32.gif);
}
div.content-area ul li.guide41 {
	width: 210px;
	background-image: url(../../images/cscenter/onlineguide_guide41.gif);
}
div.content-area ul li.guide42 {
	width: 210px;
	background-image: url(../../images/cscenter/onlineguide_guide42.gif);
}
div.content-area ul li.guide43 {
	width: 210px;
	background-image: url(../../images/cscenter/onlineguide_guide43.gif);
}
div.content-area ul li.guide44 {
	width: 210px;
	background-image: url(../../images/cscenter/onlineguide_guide44.gif);
}
div.content-area ul li.guide51 {
	width: 210px;
	background-image: url(../../images/cscenter/onlineguide_guide51.gif);
}
div.content-area ul li.guide52 {
	width: 210px;
	background-image: url(../../images/cscenter/onlineguide_guide52.gif);
}
div.content-area ul li.guide53 {
	width: 210px;
	background-image: url(../../images/cscenter/onlineguide_guide53.gif);
}
div.content-area ul li.guide54 {
	width: 210px;
	background-image: url(../../images/cscenter/onlineguide_guide54.gif);
}
div.content-area ul li.guide55 {
	width: 210px;
	background-image: url(../../images/cscenter/onlineguide_guide55.gif);
}
div.content-area ul li.guide56 {
	width: 210px;
	background-image: url(../../images/cscenter/onlineguide_guide56.gif);
}
div.content-area ul li.guide61 {
	width: 210px;
	background-image: url(../../images/cscenter/onlineguide_guide61.gif);
}
div.content-area ul li.guide62 {
	width: 210px;
	background-image: url(../../images/cscenter/onlineguide_guide62.gif);
}

#user_guide div.step1 {
	position: relative;
	height: 556px;
}
#user_guide div.step1 ul {
	position: absolute;
	top: 10px;
	left: 366px;
}
#user_guide div.step1 ul li.guide12{
	margin: 0 0 220px;
}
#user_guide div.step1 ul li.guide13{
	margin: 0 0 180px;
}
#user_guide div.step1 ul li.guide14{
	margin: 0 0 180px;
}
#user_guide div.step2 {
	position: relative;
	height: 241px;
}
#user_guide div.step2 ul {
	position: absolute;
	top: 10px;
	left: 366px;
}
#user_guide div.step3 {
	position: relative;
	height: 223px;
}
#user_guide div.step3 ul {
	position: absolute;
	top: 10px;
	left: 366px;
}
#user_guide div.step4 {
	position: relative;
	height: 493px;
}
#user_guide div.step4 ul {
	position: absolute;
	top: 10px;
	left: 366px;
}
#user_guide div.step4 ul li.guide41 {
}
#user_guide div.step4 ul li.guide42 {
	margin: 0 0 150px;
}

#user_guide div.step5 {
	position: relative;
	height: 536px;
}
#user_guide div.step5 ul {
	position: absolute;
	top: 10px;
	left: 366px;
}
#user_guide div.step6 {
	position: relative;
	height: 191px;
}
#user_guide div.step6 ul {
	position: absolute;
	top: 10px;
	left: 366px;
}

/* TV Game GUIDE
-----------------------------------------------------------------------------*/
#tvgame_guide #sidebar ul.sidemenu {
	background: url(../../images/cscenter/sidebar_ul_cscenter_bg.gif) no-repeat;
}
#tvgame_guide h4 {
	margin: 0;
	padding: 10px 0 5px;
	border-bottom: 1px solid #dbdbdb;
}
#tvgame_guide p.data {
	padding: 10px 0 0;
}
#tvgame_guide div.content-area ul li {
	padding: 1px 0 5px 35px;
	background-position: left top;
	background-repeat: no-repeat;
}
#tvgame_guide div.step1 {
	position: relative;
	height: 556px;
}
#tvgame_guide div.step1 ul {
	position: absolute;
	top: 10px;
	left: 366px;
}
#tvgame_guide div.step1 ul li.guide11{
	margin: 0 0 220px;
}
#tvgame_guide div.step1 ul li.guide12{
	margin: 0 0 160px;
}
#tvgame_guide div.step2 {
	position: relative;
	height: 241px;
}
#tvgame_guide div.step2 ul {
	position: absolute;
	top: 10px;
	left: 366px;
}
#tvgame_guide div.step3 {
	position: relative;
	height: 223px;
}
#tvgame_guide div.step3 ul {
	position: absolute;
	top: 10px;
	left: 366px;
}
#tvgame_guide div.step3 ul li.guide31{
	margin: 0 0 180px;
}
#tvgame_guide div.step3 ul li.guide32{
	margin: 0 0 160px;
}
#tvgame_guide div.step4 {
	position: relative;
	height: 493px;
}
#tvgame_guide div.step4 ul {
	position: absolute;
	top: 10px;
	left: 366px;
}
#tvgame_guide div.step4 ul li.guide41{
	margin: 0 0 170px;
}
#tvgame_guide div.step5 {
	position: relative;
}
#tvgame_guide div.step5 ul {
	position: absolute;
	top: 10px;
	left: 366px;
}

/* Online Support (List) 
-----------------------------------------------------------------------------*/
#online_list #sidebar ul.sidemenu {
	background: url(../../images/cscenter/sidebar_ul_cscenter_bg.gif) no-repeat;
}
div.quick_faq {
	width: 618px;
	height: 122px;
	margin: 0 0 20px;
	background: url(../../images/cscenter/online_list_quick_faq_bg.gif) no-repeat;
}
div.quick_faq p.text {
	display: none;
}
div.quick_faq p.option {
	padding: 40px 0 0 160px;
}
div.quick_faq p.btn {
	text-align: right;
	padding: 30px 20px 0;
}
div.quick_faq * {
	vertical-align: middle;
}
div.quick_faq input.type-text {
	width: 230px;
}


table.list th {
	padding: 3px 0;
}
/* Online Support (Detail) 
-----------------------------------------------------------------------------*/
#online_detail #sidebar ul.sidemenu {
	background: url(../../images/cscenter/sidebar_ul_cscenter_bg.gif) no-repeat;
}
#online_detail div.faq_info {
	width: 598px;
	margin: 20px 0 0;
	padding: 5px 10px;
	background: #f3f8fb;
}
#online_detail div.faq_info dl {
	height: 16px;
	display: block;
}
#online_detail div.faq_info dl dt {
	float: left;
}
#online_detail div.faq_info dl dt.category img {
	margin: 2px 0 0;
}
#online_detail div.faq_info dl dd {
	line-height: 1.4em;
	padding: 0 0 0 10px;
	float: left;
	font-size: 0.9em;
}
#online_detail div.faq_info dl dd.category {
	color: #225a7b;
	font-weight: bold;
	width: 400px;
}
#online_detail fieldset {
	border: none;
	padding: 0;
	margin: 0;
}
#online_detail div.question {
	width: 518px;
	border-bottom: 1px solid #ecf2f5;
	padding: 20px 0 20px 100px;
	background: url(../../images/cscenter/question_bg.gif) no-repeat 0 20px;
}
#online_detail div.question h4 {
	display: none;
	margin: 0;
	padding: 0;
}
#online_detail div.question p.summary {
	padding: 0 0 10px;
	font-weight: bold;
	color: #fe6316;
	font-size: 1.4em;
}
#online_detail div.answer {
	width: 518px;
	padding: 20px 0 20px 100px;
	background: url(../../images/cscenter/answer_bg.gif) no-repeat 0 20px;
}
#online_detail div.answer h4 {
	display: none;
	margin: 0;
	padding: 0;
}
#online_detail div.answer p {
	padding: 0 0 20px;
}
#online_detail table.page_view {
	width: 618px;
	margin: 20px 0 0;
	border-collapse: separate;
}
#online_detail table.page_view th {
	width: 67px;
	background: #9fb9c8;
}
#online_detail table.page_view td {
	padding: 0 0 0 20px;
	background: #f3f8fb;
	font-weight: bold;
}
#online_detail div.btn {
	padding-right: 20px;
}

/* Online Support (Write) 
-----------------------------------------------------------------------------*/
#online_write  #sidebar ul.sidemenu {
	background: url(../../images/cscenter/sidebar_ul_cscenter_bg.gif) no-repeat;
}
#online_write table.write {
	width: 100%;
	border-bottom: 1px solid #ecf2f5;
}
#online_write table.write th {
	width: 81px;
	border-top: 1px solid #ecf2f5;
}
#online_write table.write td {
	padding: 0 0 0 15px;
	border-top: 1px solid #ecf2f5;
}
#online_write table.write td.name {
	width: 210px;
}
#online_write table.write td.subject input.type-text {
	width: 400px;
}
#online_write div.write_area {
	background: #f8fbfd;
}
#online_write div.write_area p.date {
	padding: 10px;
	text-align: right;
}
#online_write div.write_area p.text {
	padding: 10px 0;
}
#online_write div.write_area p.text textarea {
	margin: 0 0 0 8px;
	width: 600px;
	height: 300px;
}
/* FAQ (List) 
-----------------------------------------------------------------------------*/
#faq_list #sidebar ul.sidemenu {
	background: url(../../images/cscenter/sidebar_ul_cscenter_bg.gif) no-repeat;
}
#faq_list div.faq_search {
	width: 618px;
	height: 130px;
	background: url(../../images/cscenter/faq_search_bg.gif) no-repeat;
}
#faq_list div.faq_search div.quick_search {
	padding: 15px  0 10px 150px;
	margin: 0 15px 0 15px;
	border-bottom: 1px solid #dcefeb;
	background: url(../../images/cscenter/quick_search_bg.gif) no-repeat 0 18px;
}
#faq_list div.faq_search div.quick_search * {
	vertical-align: middle;
}
#faq_list div.faq_search div.top_que {
	padding: 0 0 0 150px;
	margin: 10px 15px 0 15px;
	background: url(../../images/cscenter/top_que_bg.gif) no-repeat;
}
#faq_list div.faq_search div.top_que ul li {
	font-weight: bold;
	padding: 0 0 0 10px;
	background: url(../../images/cscenter/bl_cube.gif) no-repeat 0 5px;
}

#faq_list table.list td.subject {
	text-align: left;
	padding: 0 10px;
	font-weight: bold;
}
#faq_list ul.tab {
	margin: 20px 0 0;
	width: 617px;
	height: 22px;
	border-top: 1px solid #acc7d3;
	border-bottom: 1px solid #acc7d3;
	border-left: 1px solid #acc7d3;
}
#faq_list ul.tab li {
	border-right: 1px solid #acc7d3;
	float: left;
}
#faq_list ul.tab li img {
	display: block;
}
#faq_list h4 {
	margin: 0;
	padding: 10px 0;
}

/* FAQ (Detail) 
-----------------------------------------------------------------------------*/
#faq_detail {

}
#faq_detail #sidebar ul.sidemenu {
	background: url(../../images/cscenter/sidebar_ul_cscenter_bg.gif) no-repeat;
}
#faq_detail div.faq_search {
	width: 618px;
	height: 130px;
	background: url(../../images/cscenter/faq_search_bg.gif) no-repeat;
}
#faq_detail div.faq_search div.quick_search {
	padding: 15px  0 10px 150px;
	margin: 0 15px 0 15px;
	border-bottom: 1px solid #dcefeb;
	background: url(../../images/cscenter/quick_search_bg.gif) no-repeat 0 18px;
}
#faq_detail div.faq_search div.quick_search * {
	vertical-align: middle;
}
#faq_detail div.faq_search div.top_que {
	padding: 0 0 0 150px;
	margin: 10px 15px 0 15px;
	background: url(../../images/cscenter/top_que_bg.gif) no-repeat;
}
#faq_detail div.faq_search div.top_que ul li {
	font-weight: bold;
	padding: 0 0 0 10px;
	background: url(../../images/cscenter/bl_cube.gif) no-repeat 0 5px;
}
#faq_detail div.faq_info {
	width: 598px;
	margin: 20px 0 0;
	padding: 5px 10px;
	background: #f3f8fb;
}
#faq_detail div.faq_info dl {
	height: 16px;
	display: block;
}
#faq_detail div.faq_info dl dt {
	float: left;
}
#faq_detail div.faq_info dl dt.category img {
	margin: 2px 0 0;
}
#faq_detail div.faq_info dl dd {
	line-height: 1.4em;
	padding: 0 0 0 10px;
	float: left;
	font-size: 0.9em;
}
#faq_detail div.faq_info dl dd.category {
	color: #225a7b;
	font-weight: bold;
	width: 400px;
}
#faq_detail fieldset {
	border: none;
	padding: 0;
	margin: 0;
}
#faq_detail div.question {
	width: 518px;
	border-bottom: 1px solid #ecf2f5;
	padding: 20px 0 20px 100px;
	background: url(../../images/cscenter/question_bg.gif) no-repeat 0 20px;
}
#faq_detail div.question h4 {
	display: none;
	margin: 0;
	padding: 0;
}
#faq_detail div.question p.summary {
	padding: 0 0 10px;
	font-weight: bold;
	color: #fe6316;
	font-size: 1.4em;
}
#faq_detail div.answer {
	width: 518px;
	padding: 20px 0 20px 100px;
	background: url(../../images/cscenter/answer_bg.gif) no-repeat 0 20px;
}
#faq_detail div.answer h4 {
	display: none;
	margin: 0;
	padding: 0;
}
#faq_detail table.page_view {
	width: 618px;
	margin: 20px 0 0;
	border-collapse: separate;
}
#faq_detail table.page_view th {
	width: 67px;
	background: #9fb9c8;
}
#faq_detail table.page_view td {
	padding: 0 0 0 20px;
	background: #f3f8fb;
	font-weight: bold;
}
#faq_detail div.btn {
	padding-right: 20px;
}

#faq_detail div.online_support {
	margin: 20px 0 0;
	width: 618px;
	height: 56px;
	background: url(../../images/cscenter/online_support_bg.gif) no-repeat;
}
#faq_detail div.online_support p.text {
	display: none;
}
#faq_detail div.online_support p.btn {
	padding: 20px 0 0 500px;
}


/*Layout  (Body)
--------------------------------------------------------------------------------------------------------------*/
#wrapper {
	overflow: hidden;
	width: 906px;
	padding: 0;
	background: url(../../images/common/lyt906_wrapper_bg.gif) repeat-y;
}
#wrapper #body {
	float: left;
	width: 651px;
	margin: 0;
	padding: 74px 0 0;
	background: url(../../images/common/lyt906_body_bg.gif) no-repeat;
}
#footer {
	clear: both;
	padding: 120px 0 50px 270px;
	width: 636px;
	margin: 0;
	background: url(../../images/common/lyt906_footer_bg.gif) no-repeat;
}


#sidebar {
	width: 255px;	
	float: left;
	background: url(../../images/cscenter/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;
}
#sidebar ul.banner {
	margin: 0 0 15px 31px;
}
#sidebar dl {
	margin: 0 0 0 20px;
	padding: 40px 0 0 11px;
	background: url(../../images/cscenter/sidebar_dl_bg.gif) no-repeat;
}
#sidebar dl dd {
	padding: 10px 0 0 17px;
}
#location {
	font-size: 0.8em;
	font-weight: bold;
	text-align: right;
	color: #444;
	padding: 3px 32px 15px 0;
	width: 619px;
	height: 17px;
	background: none;
}
div.content-area {
	padding: 0 14px 15px 15px;

}
h3 {
	margin: 0 0 10px;
}
p.descript {
	font-size: 0.95em;
	padding: 7px 9px 9px;
	margin: 0 2px 20px;
	background: #f3f7eb;
	color: #547851;
}

/*Layout  (Footer) :layout.css
--------------------------------------------------------------------------------------------------------------*/

