@charset "utf-8";
@import url(common.css);

/*HEADER*/
#wrap { margin:0 auto; width:960px;}

#todayMain { margin:0 auto; width:966px; height:428px; position:relative;}
#todayMain .bg { position:absolute;}
#todayMain .player { position:absolute; top:9px; left:13px; width:640px; height:380px; background:#000; z-index:20;}
#todayMain .player embed { vertical-align:top;}
#todayMain .infoWrap { position:absolute; right:0; width:288px;}
#todayMain .infoWrap .title { width:270px; height:37px; padding:22px 0 0 0;}
#todayMain .infoWrap .title h3 { float:left;}
#todayMain .infoWrap .title .day { float:right; width:100px; text-align:right; height:15px; padding:5px 0 0 0;}
#todayMain .infoWrap .title .day img { vertical-align:top;}
#todayMain .infoWrap .time { clear:both; height:39px; font:11px Tahoma; color:#8cc8f6;}
#todayMain .infoWrap .time li { float:left; width:87px;}
#todayMain .infoWrap .time .icon { padding:0 5px 0 0;}
#todayMain .infoWrap .voteNum { color:#fffe9e;}
#todayMain .infoWrap .con { width:268px; height:139px;}
#todayMain .infoWrap .con h4 { font:bold 14px Dotum; line-height:16px; color:#fffe9e; letter-spacing:-1px; padding:0 0 5px 0;}
#todayMain .infoWrap .con .summary { height:74px; color:#cfeaff; line-height:18px; letter-spacing:-1px; overflow-y:auto; padding:2px 0 0 0;
scrollbar-base-color: #000;   /* 아래의 6가지 스타일을 하나로 통합 한것 */
scrollbar-face-color: #badaf8;   /* bar 의 표면색 */
scrollbar-track-color: #356999;   /* 스크롤 트랙의 색 */
scrollbar-highlight-color: #badaf8;   /* 밝게 빛나는 좌상단 모서리 */
scrollbar-3dlight-color: #356999;   /* 좌상단 모서리 아래부분 */
scrollbar-shadow-color: #badaf8;   /* 그림자 지는 우하단 */
scrollbar-darkshadow-color: #356999;   /* 그림자 우하단 */
scrollbar-arrow-color: #3a5974;   /* 삼각형부분 */}
#todayMain .infoWrap .tag { height:45px; padding-right:10px;}
#todayMain .infoWrap .tag h3 { height:20px;}
#todayMain .infoWrap .tag p { font:11px Dotum; color:#deeeff;}
#todayMain .infoWrap .tag p a { color:#deeeff;}
#todayMain .infoWrap .relation {}
#todayMain .infoWrap .relation h3 { height:20px;}
#todayMain .infoWrap .relation dl { float:left; width:94px;}
#todayMain .infoWrap .relation dl dt { height:60px;}
#todayMain .infoWrap .relation dl dt img { border:solid 3px #7ea7c9;}
#todayMain .infoWrap .relation dl dd { font:11px dotum; letter-spacing:-1px; color:#4b77a2;}
#todayMain .infoWrap .relation dl dd a { color:#4b77a2;}
#todayMain .infoWrap .relation dl dd.num { font:10px Tahoma; color:#95b6d3; letter-spacing:0;}
#todayMain .infoWrap .relation dl dd.num .bar { color:#c2d6e7;}

.thumOver img { width:100px; height:52px; border:solid 5px #e1e1e1;}
.thumOut img { width:110px; height:62px;}

#koreanMain { height:278px;}
#koreanMain .title { height:39px; background:url(/images/main_title_bg.gif) 0 22px repeat-x;}
#koreanMain .title h3 { float:left;}
#koreanMain .title p { float:right;}
#koreanMain .title p img { padding:0 0 1px 0;}
#koreanMain .con { clear:both; padding:0 1px 0 2px; position:relative;}
#koreanMain dl { float:left; width:110px; height:111px; margin:0 0 0 11px;}
#koreanMain dl.first { margin:0 0 0 0;}
#koreanMain dt { height:71px; position:relative;}
#koreanMain dt img { position:absolute; left:0; top:0; }
#koreanMain dt .transBorder { position:absolute; left:0; top:0; width:108px; height:60px; border:1px solid #000; filter:alpha(opacity=10); opacity:0.1; -moz-opacity:0.1;}
#koreanMain dd { color:#333; letter-spacing:-1px;}
#koreanMain dd a { color:#333;}
#koreanMain dd.time { font:10px Tahoma; color:#999; letter-spacing:0;}
#koreanMain dd.time .bar { color:#e0e0e0;}

#bestMain { height:285px;}
#bestMain .title { height:39px; background:url(/images/main_title_bg.gif) 0 22px repeat-x;}
#bestMain .title h3 {}
#bestMain .con { padding:0 0 0 2px;}
#bestMain .bestList { float:left; width:318px; height:77px;}
#bestMain .bestList .thum { float:left; position:relative; width:120px;}
#bestMain .bestList .thum .transBorder { position:absolute; left:0; top:0; width:106px; height:58px; border:2px solid #4b4b4b;}
#bestMain .bestList dl { float:left; width:170px;}
#bestMain .bestList dt { color:#3d3d3d; letter-spacing:-1px; padding:2px 0 2px 0;}
#bestMain .bestList dt a { color:#3d3d3d;}
#bestMain .bestList dd { color:#999; letter-spacing:-1px; font:11px Dotum; line-height:14px;}
#bestMain .bestList dd a { color:#999;}
#bestMain .bestList dd.time { letter-spacing:0; font:10px Tahoma; color:#777; padding:3px 0 0 0;}
#bestMain .bestList dd.time .bar { color:#e0e0e0;}
#bestMain .bestList dd.time .good { color:#f15400;}

#lowerArea { height:290px;}

#englishMain { float:left; width:597px;}
#englishMain .title { height:42px; background:url(/images/main_title_bg.gif) 0 25px repeat-x;}
#englishMain .title h3 { float:left;}
#englishMain .title .more { float:right; font:10px Tahoma; color:#888; padding:8px 0 0 0;}
#englishMain .title .more a { color:#888;}
#englishMain .title .more a:hover { color:#000; text-decoration:none;}
*html #englishMain .title .more img { padding:2px 0 0 0;}
#englishMain .con { clear:both; padding:0 0 0 2px;}
#englishMain .con dl { float:left; height:111px; width:110px; margin:0 0 0 11px;}
#englishMain .con dl.first { margin:0 0 0 0;}
#englishMain .con dt { height:72px; position:relative;}
#englishMain .con dt .transBorder { position:absolute; left:0; top:0; width:108px; height:60px; border:1px solid #000; filter:alpha(opacity=10); opacity:0.1; -moz-opacity:0.1;}
#englishMain .con dd { font:11px Tahoma; color:#505050;}
#englishMain .con dd a { color:#505050;}
#englishMain .con dd.time { font:10px Tahoma; color:#bbb; letter-spacing:0;}
#englishMain .con dd.time .bar { color:#e0e0e0;}

#rightArea { float:right; width:305px; padding:9px 0 0 0;}

#noticeMain {}
#noticeMain .title { height:33px; background:url(/images/main_title_bg02.gif) 0 0 repeat-x; border:solid 1px #dbdbdb;}
#noticeMain .title h3 { float:left; padding:12px 0 0 15px;}
#noticeMain .title .more { float:right; font:10px Tahoma; color:#888; padding:10px 15px 0 0;}
#noticeMain .title .more a { color:#888;}
#noticeMain .title .more a:hover { color:#000; text-decoration:none;}
*html #noticeMain .title .more img { padding:2px 0 0 0;}
#noticeMain .con { clear:both; height:84px;  border:solid 1px #dbdbdb; border-top:none; border-bottom:none;}
#noticeMain .con ul { padding:15px 0 0 15px;}
#noticeMain .con li { height:20px; padding:0 0 0 10px; background:url(/images/icon_dot.gif) 0 4px no-repeat; padding:0 0 0 10px; color:#666; letter-spacing:-1px;}
#noticeMain .con li a { color:#666;}
#noticeMain .con li a:hover { color:#f15400;}
#noticeMain .con li .subject { float:left;}
#noticeMain .con li .date { float:right; font:11px Tahoma; color:#aaa; padding:0 15px 0 0; letter-spacing:0;}

#boardMain { clear:both;}
#boardMain .title { height:33px; background:url(/images/main_title_bg02.gif) 0 0 repeat-x; border:solid 1px #dbdbdb;}
#boardMain .title h3 { float:left; padding:12px 0 0 15px;}
#boardMain .title .more { float:right; font:10px Tahoma; color:#888; padding:10px 15px 0 0;}
#boardMain .title .more a { color:#888;}
#boardMain .title .more a:hover { color:#000; text-decoration:none;}
*html #boardMain .title .more img { padding:2px 0 0 0;}
#boardMain .con { clear:both; height:84px;  border:solid 1px #dbdbdb; border-top:none;}
#boardMain .con ul { padding:15px 0 0 15px;}
#boardMain .con li { height:20px; padding:0 0 0 10px; background:url(/images/icon_dot.gif) 0 4px no-repeat; padding:0 0 0 10px; color:#666; letter-spacing:-1px;}
#boardMain .con li a { color:#666;}
#boardMain .con li a:hover { color:#f15400;}
#boardMain .con li .subject { float:left;}
#boardMain .con li .nick { float:right; font:11px Dotum; color:#aaa; padding:0 15px 0 0; text-align:right;}

#linkLang	{ clear:both; padding:0 0 50px 0;}
#linkLang .title	{ height:22px;}
#linkLang .langBox	{ width:960px; height:219px; background:url(/images/lang_bg.png) 0 0 no-repeat;}
#linkLang .langBox ul	{ float:left; padding:0 16px 0 20px;}
#linkLang .langBox ul.last	{ padding:0 0 0 20px;}
#linkLang .langBox ul li{ padding:5px 0; cursor:pointer;}