@import url(common.css);

/* CONTENT------------------------------------------------------------------ */
#indexVisual  { clear:both; width:970px; height:284px; background:#5A5A5A url(/images/today_bg.gif) right 0 repeat-y; margin:0 auto;}
#indexVisualFlash  { float:left; width:720px; padding:5px 0 0 5px;}

#indexVisualToday       { float:right; width:209px; padding:16px 14px 0 0;}
#indexVisualToday h3    { height:16px; background:#5A5A5A; padding:6px 0 0 8px; font-size:12px; color:#FFFFFF; letter-spacing:-1px;}
#indexVisualToday h3 span.point { color:#FF6600;}
#indexVisualToday ul    { height:158px; padding:10px 0 0 3px;}
#indexVisualToday ul li { width:193px; height:18px; background:url(/images/icon_arrow03.gif) 0 3px no-repeat; padding:0 0 0 11px; 
                          letter-spacing:-1px; color:#FFFFFF; overflow:hidden; text-overflow: ellipsis; white-space:nowrap;}
#indexVisualToday ul li a { color:#FFFFFF;}
#indexVisualToday ul li a:hover { color:#000000;}
#indexVisualToday ul li.point a { font-weight:bold; text-decoration:underline;}

#indexWord     { width:201px; height:50px; background:url(/images/today_word_bg.gif) 0 0 no-repeat; padding:13px 4px 0 4px; 
                 text-align:center; line-height:20px; letter-spacing:-1px;}
#indexWord a   { color:#313131;}
#indexWord a.purple  { color:#B53BE2; text-decoration:underline; font-weight:bold;}
#indexWord a.orange  { color:#FF6600; background:#FFFFFF; padding:2px 2px 0 2px;}
#indexWord a.green   { color:#399F07; text-decoration:underline; font-weight:bold;}
#indexWord a.blue    { color:#FFFFFF; background:#4DBDE2; padding:2px 2px 0 2px;}

#indexContent  { width:970px; height:1125px; margin:0 auto; background:url(/images/index_bg.gif) 0 0 repeat-y; padding:20px 0 0 0;}

/* LEFT------------------------------------------------------------------ */
#indexLeft     { float:left; width:264px;}
#focus         { width:220px; border:solid 4px #E0E0E0; margin:0 0 15px 0;}
#focus h3      { display:none;}
#focus img     { vertical-align:top; }
#mfocus		   { position:relative; width:220px; background:url('/images/m_focus.png') no-repeat;}
#mfocus		   { width:220px; height:161px; _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/m_focus.png', sizingMethod='crop');}


#life          { height:258px;}
#life h3       { height:21px; padding:0 0 0 1px;}
#lifeBox       { width:223px; height:215px; background:#F6F6F6; border:solid 1px #DEDEDE; padding:4px 0 0 3px;}
#lifeBoxTap    { height:37px;}
#lifeBoxTap img { float:left; margin:0 1px 0 1px;}
.lifeNomal     { width:42px; height:33px; margin:0;}
.lifeOver      { width:38px; height:29px; border:solid 2px #000000;}

#lifeLayer     { width:218px; height:178px; padding:0 0 0 1px;}
#lifeLayer p   { height:126px;}
#lifeLayer dl  { width:212px; letter-spacing:-1px; padding:0 0 0 6px;}
#lifeLayer dl dt  { font-weight:bold; color:#000000; height:16px;}
#lifeLayer dl dd  { font-size:11px; font-family:Dotum; color:#666666; line-height:15px;}

#mtizn         { height:217px;}
#mtizn h3      { height:21px; padding:0 0 0 1px;}
#mtiznTap      { height:26px; overflow:hidden;}
#mtiznTap img  { float:left;}
#mtiznLayer    { width:226px; height:154px; background:url(/images/ucc_bottom_bg.gif) 0 bottom repeat-x; 
                 border-left:solid 1px #D5D5D5; border-right:solid 1px #D5D5D5; border-bottom:solid 1px #D5D5D5; clear:both;}

#mtiznLayer01  { padding:4px 0 0 12px;}
#mtiznLayer01 dl  { clear:both; width:201px; height:62px; border-bottom:solid 1px #E2E2E2; letter-spacing:-1px; padding:9px 0 0 0;}
#mtiznLayer01 dl dt        { float:right; width:125px; height:15px; color:#000000; font-weight:bold; }
#mtiznLayer01 dl dt a      { color:#000000;}
#mtiznLayer01 dl dd        { float:right; width: 125px;font-size:11px; font-family:Dotum; color:#666666; line-height:14px;}
#mtiznLayer01 dl dd.name   { color:#E4670B;}
#mtiznLayer01 dl dd.thum   { float:left; width:68px;}
#mtiznLayer01 dl.last      { border-bottom:none;}

#mtiznLayer02  { padding:4px 0 0 12px;}
#mtiznLayer02 dl           { clear:both; width:201px; height:62px; border-bottom:solid 1px #E2E2E2; letter-spacing:-1px; padding:9px 0 0 0;}
#mtiznLayer02 dl dt        { float:right; width:125px; height:15px; color:#000000; font-weight:bold; }
#mtiznLayer02 dl dt a      { color:#000000;}
#mtiznLayer02 dl dd        { float:right; width: 125px;font-size:11px; font-family:Dotum; color:#666666; line-height:14px;}
#mtiznLayer02 dl dd.name   { color:#E4670B;}
#mtiznLayer02 dl dd.thum   { float:left; width:68px; position:relative;}
#mtiznLayer02 dl.last      { border-bottom:none;}

#uccPlay                   { position:absolute; left:3px; top:26px;}

/* CENTER------------------------------------------------------------------ */
#indexCenter   { float:left; width:448px;}

#theme            {}
#themeTitle       { height:21px; border-bottom:solid 2px #5E5E5E;}
#themeTitle h3    { float:left; padding:0 0 0 1px;}
#themeTitle ul             { float:right; padding:5px 0 0 0;}
#themeTitle ul li          { display:inline; font-size:11px; font-family:Dotum; color:#515151;
                             background:url(/images/theme_bar.gif) 0 1px no-repeat; padding:0 0 0 5px;}
#themeTitle ul li a        { color:#515151;}
#themeTitle ul li a:hover  { font-weight:bold;}
#themeTitle ul li.first    { background:none;  padding:0 0 0 0;}

#themeTop           { height:97px; clear:both; border-bottom:solid 1px #D3D3D3; letter-spacing:-1px; padding:10px 0 0 0;}
#themeTop dt        { float:right; width:322px; height:23px; font-size:14px; font-family:Dotum; font-weight:bold; color:#000000; padding:2px 0 0 0;}
#themeTop dt a      { color:#000000;}
#themeTop dd        { float:right; width:307px; height:37px; background:#F0F0F0; padding:0 5px 0 10px; line-height:16px; overflow:hidden;}
#themeTop dd.thum   { float:left; width:120px; height:90px; background:none; padding:0 0 0 0;}
#themeTop dd.thum img        { border:solid 2px #DEDEDE;}
#themeTop dd.sTitle          { height:19px; padding:7px 5px 0 10px; font-weight:bold; color:#4D4C4C;}
#themeTop dd.sTitle a        { color:#4D4C4C;}
#themeTop dd.sTitle a:hover  { color:#000000;}

#themeList          { height:128px; padding:12px 0 0 0;}
#themeList li       { width:430px; height:22px; background:url(/images/icon_dot01.gif) 0 6px no-repeat; padding:0 0 0 10px; 
                      font-size:14px; font-family:Dotum; font-weight:bold; color:#000000; letter-spacing:-1px; 
					  overflow:hidden; text-overflow: ellipsis; white-space:nowrap;}
#themeList li a     { color:#000000;}

#active            {}
#activeTitle       { height:21px; border-bottom:solid 2px #5E5E5E;}
#activeTitle h3    { float:left; padding:0 0 0 1px;}

#activeTop           { height:97px; clear:both; border-bottom:solid 1px #D3D3D3; letter-spacing:-1px; padding:10px 0 0 0;}
#activeTop dt        { float:right; width:322px; height:23px; font-size:14px; font-family:Dotum; font-weight:bold; color:#000000; padding:2px 0 0 0;}
#activeTop dt a      { color:#000000;}
#activeTop dd        { float:right; width:307px; height:37px; background:#F0F0F0; padding:0 5px 0 10px; line-height:16px; overflow:hidden;}
#activeTop dd.thum   { float:left; width:120px; height:90px; background:none; padding:0 0 0 0;}
#activeTop dd.thum img        { border:solid 2px #DEDEDE;}
#activeTop dd.sTitle          { height:19px; padding:7px 5px 0 10px; font-weight:bold; color:#4D4C4C;}
#activeTop dd.sTitle a        { color:#4D4C4C;}
#activeTop dd.sTitle a:hover  { color:#000000;}

#activeList          { height:104px; padding:12px 0 0 0;}
#activeList li       { width:430px; height:22px; background:url(/images/icon_dot01.gif) 0 6px no-repeat; padding:0 0 0 10px; 
                       font-size:14px; font-family:Dotum; font-weight:bold; color:#000000; letter-spacing:-1px; 
					   overflow:hidden; text-overflow: ellipsis; white-space:nowrap;}
#activeList li a     { color:#000000;}

#centerBanner    { height:84px;}

#library            { height:226px;}
#libraryTitle       { height:21px; border-bottom:solid 2px #5E5E5E; margin:0 0 11px 0;}
#libraryTitle h3    { float:left; padding:0 0 0 1px;}
#libraryTitle ul             { float:right; padding:5px 0 0 0;}
#libraryTitle ul li          { display:inline; font-size:11px; font-family:Dotum; color:#515151; font-weight:bold;
                               background:url(/images/theme_bar.gif) 0 1px no-repeat; padding:0 0 0 5px;}
#libraryTitle ul li a        { color:#515151;}
#libraryTitle ul li.first    { background:none;  padding:0 0 0 0;}

#libraryBook        { float:left; width:219px; height:167px; border:solid 1px #d5d5d5;}
#libraryBook p      { height:19px; font-size:11px; font-family:Dotum; color:#0097d4; letter-spacing:-1px; padding:7px 0 0 7px; }
#libraryBook p a    { color:#0097d4;}
#libraryBook p a:hover { text-decoration:none;}
#libraryBook p img  { vertical-align:top; margin-top:-1px;}
#libraryBook h4     { height:20px; background:#efefef; border-top:solid 1px #e4e4e4; padding:9px 0 0 7px; 
                      color:#000000; font-size:12px; letter-spacing:-1px;}
#libraryBook h4 a   { color:#000000;}
#libraryBook dl     { width:208px; margin:7px 0 0 6px;}
#libraryBook dl dt  { height:39px; font-size:12px; color:#444444; letter-spacing:-2px; line-height:17px; }
#libraryBook dl dt a { color:#444444; text-decoration:underline;}
#libraryBook dl dt a:hover { color:#0097d4;}
#libraryBook dl dd  { font-size:11px; font-family:Dotum; color:#666666; letter-spacing:-1px; line-height:14px; }
#libraryBook dl dd.thum  { float:right; width:72px; text-align:right; }
#libraryBook dl dd.thum img { vertical-align:top;width:68px}

#libraryMovie        { float:right; width:219px; height:167px; border:solid 1px #d5d5d5;}
#libraryMovie p      { height:19px; font-size:11px; font-family:Dotum; color:#4d9d06; letter-spacing:-1px; padding:7px 0 0 7px; }
#libraryMovie p a    { color:#4d9d06;}
#libraryMovie p a:hover { text-decoration:none;}
#libraryMovie p img  { vertical-align:top; margin-top:-1px;}
#libraryMovie h4     { height:20px; background:#efefef; border-top:solid 1px #e4e4e4; padding:9px 0 0 7px; 
                      color:#000000; font-size:12px; letter-spacing:-1px;}
#libraryMovie h4 a   { color:#000000;}
#libraryMovie dl     { width:208px; margin:7px 0 0 6px;}
#libraryMovie dl dt  { height:39px; font-size:12px; color:#444444; letter-spacing:-2px; line-height:17px; }
#libraryMovie dl dt a { color:#444444; text-decoration:underline;}
#libraryMovie dl dt a:hover { color:#4d9d06;}
#libraryMovie dl dd  { font-size:11px; font-family:Dotum; color:#666666; letter-spacing:-1px; line-height:14px; }
#libraryMovie dl dd.thum  { float:right; width:72px; text-align:right; }
#libraryMovie dl dd.thum img { vertical-align:top;width:68px}


#science            {}
#scienceTitle       { height:21px; border-bottom:solid 2px #5E5E5E;}
#scienceTitle h3    { float:left; padding:0 0 0 1px;}
/*
#science ul         { float:left; width:265px; letter-spacing:-1px; padding:6px 0 0 0;}
#science ul li      { width:250px; height:16px; background:url(/images/icon_dot01.gif) 5px 9px no-repeat; color:#444444; padding:5px 0 0 14px;
                      overflow:hidden; text-overflow: ellipsis; white-space:nowrap; border-bottom:dotted 1px #AEAEAE;}
*/					  
#science ul         { float:left; width:305px; letter-spacing:-1px; padding:6px 0 0 0;}
#science ul li      {width:290px; height:16px; background:url(/images/icon_dot01.gif) 5px 9px no-repeat; color:#444444; padding:5px 0 0 14px;
                      overflow:hidden; text-overflow: ellipsis; white-space:nowrap; border-bottom:dotted 1px #AEAEAE;}	 
#science ul li a    { color:#444444;}
#science ul li a:hover  { color:#000000;}
#science ul li.last     { border-bottom: solid 1px #D3D3D3; width:435px;}


#scienceImg         { float:right; width:135px; text-align:right; padding:11px 0 0 0;}
#scienceImg img     { border:solid 1px #BFBFBF; padding:2px;}


/* RIGHT------------------------------------------------------------------ */
#indexRight    { float:right; width:222px;}

#rightBanner   { height:125px;}

#bestNews            { height:217px;}
#bestNewsTitle       { height:22px; background:#B1B3B1;}
#bestNewsTitle h3    { float:left; font-size:12px; color:#272727; letter-spacing:-1px; padding:6px 0 0 6px; }
#bestNewsTitle p     { float:right; width:132px; padding:3px 0 0 0;}
#bestNewsTitle p img { vertical-align:top; }

#bestNewsLayer       { clear:both; padding:10px 0 0 0;}

#bestNewsTop         { height:99px; background:#F2F3ED; padding:6px 0 0 6px;}
#bestNewsTop dl      { float:left; width:71px;}
#bestNewsTop dl dt   { position:relative; height:59px;}
#bestNewsTop dl dd   { line-height:16px; color:#333333; letter-spacing:-1px; padding:0 3px 0 0;}
#bestNewsTop dl dd a { color:#333333; }
#bestNewsTop dl dd a:hover { color:#E64D02;}

#tvImgThum           { position:absolute; left:0; top:0;}
#tvPlay              { position:absolute; left:3px; top:31px;}

#bestNewsLayer01 ul      { clear:both; padding:13px 0 0 0;}
#bestNewsLayer01 ul li   { width:205px; height:17px; background:url(/images/icon_bar01.gif) 0 5px no-repeat; 
                           color:#333333; letter-spacing:-1px; padding:0 0 0 12px;
                           overflow:hidden; text-overflow: ellipsis; white-space:nowrap;}
#bestNewsLayer01 ul li a { color:#333333;}
#bestNewsLayer01 ul li a:hover  { color:#E64D02;}

#bestNewsLayer02 ul      { clear:both; padding:13px 0 0 0;}
#bestNewsLayer02 ul li   { width:205px; height:17px; background:url(/images/icon_bar01.gif) 0 5px no-repeat; 
                           color:#333333; letter-spacing:-1px; padding:0 0 0 12px;
                           overflow:hidden; text-overflow: ellipsis; white-space:nowrap;}
#bestNewsLayer02 ul li a { color:#333333;}
#bestNewsLayer02 ul li a:hover  { color:#E64D02;}

#bestNewsLayer03 dl      { height:58px;}
#bestNewsLayer03 dl dt   { float:left; width:75px;}
#bestNewsLayer03 dl dd   { float:right; width:142px; height:41px; border-bottom:solid 1px #D6D6D6; line-height:17px; letter-spacing:-1px; 
                           color:#333333; padding:8px 0 0 0;}
#bestNewsLayer03 dl dd a { color:#333333;}
#bestNewsLayer03 dl dd a:hover { color:#E64D02;}

#bestNewsLayer03 ul      { clear:both; padding:5px 0 0 0;}
#bestNewsLayer03 ul li   { width:205px; height:17px; background:url(/images/icon_bar01.gif) 0 5px no-repeat; 
                           color:#333333; letter-spacing:-1px; padding:0 0 0 12px;
                           overflow:hidden; text-overflow: ellipsis; white-space:nowrap;}
#bestNewsLayer03 ul li a { color:#333333;}
#bestNewsLayer03 ul li a:hover  { color:#E64D02;}

#bestNewsLayer04 ul      {}
#bestNewsLayer04 ul li   { width:205px; height:17px; background:url(/images/icon_bar01.gif) 0 5px no-repeat; 
                           color:#333333; letter-spacing:-1px; padding:0 0 0 12px;
                           overflow:hidden; text-overflow: ellipsis; white-space:nowrap;}
#bestNewsLayer04 ul li a { color:#333333;}
#bestNewsLayer04 ul li a:hover  { color:#E64D02;}

#navvy         { height:59px;}

#nhInfo        { height:380px;}
#nhInfo h3     { height:20px; border-top:solid 1px #CCCCCC; border-left:solid 1px #CCCCCC; border-right:solid 1px #CCCCCC;
                 font-size:12px; font-weight:lighter; color:#000000; letter-spacing:-1px; padding:9px 0 0 9px;}
#nhInfo h3 a   { color:#000000;}

#nhCover       { height:150px; background:#F4F0E1; border-left:solid 1px #CCCCCC; border-right:solid 1px #CCCCCC; padding:8px 0 0 0; letter-spacing:-1px;}
#nhCover dt           { float:left; width:103px; height:26px; padding:2px 0 0 0; }
#nhCover dd           { float:left;  width:94px; padding:0 0 0 9px; color:#444444; line-height:16px;}
#nhCover dd.thum      { float:right; width:105px; padding:0 5px 0 0;}
#nhCover dd.thum img  { border:solid 1px #FFFFFF;}
#nhCover dd.title     { font-weight:bold; color:#000000;  line-height:15px; padding:0 0 5px 9px;}
#nhCover dd.title a   { color:#000000;}

#nhCoverList    { height:150px; border-left:solid 1px #CCCCCC; border-right:solid 1px #CCCCCC; padding:11px 6px 0 9px;}
#nhCoverList ul { float:left; width:132px; letter-spacing:-1px; }
#nhCoverList ul li         { color:#444444; border-top:solid 1px #DCDCDC; padding:7px 0 7px 0; line-height:15px;}
#nhCoverList ul li a       { color:#444444;}
#nhCoverList ul li a:hover { color:#000000;}
#nhCoverList ul li.first   { border-top:none;  padding:0 0 7px 0;}

#nhCoverImg      { float:right; width:63px;}
#nhCoverImg img  { padding-bottom:1px;}

#nhCoverBt       { height:21px; border-left:solid 1px #CCCCCC; border-right:solid 1px #CCCCCC; border-bottom:solid 1px #CCCCCC; text-align:center; }
#nhCoverBt img   { padding:0 1px 0 1px; vertical-align:top;}

#eGroup          { height:220px; background:#F1F1F1; padding:13px 0 13px 13px;}
#eGroup img      { border:solid 1px #DFDFDF; margin:0 0 5px 0;}