@import url("./base.css");
@import url("./layout.css");

/*UTIL*/
#UTIL {height:314px;position:relative;z-index:40;top:-40px;}
#UtilBg {position:relative;z-index:1;}
#UtilCont {position:absolute;z-index:2;width:910px;height:185px;top:79px;left:41px;ackground-color:#333333;}
#SectNews {float:left;width:292px;height:185px;}
#SectVideos {float:left;width:317px;height:185px;padding-left:16px;}
#SectLetter {float:left;width:275px;height:185px;}
#UtilCont h3 {position:relative;z-index:1;height:18px;overflow:hidden;}
#UtilCont h3 span {display:none;}
#UtilCont h3 img {position:relative;}
#UtilCont .SectCont {position:relative;margin-top:8px;}
#SectVideos h3 img {top:-20px;}
#SectLetter h3 img {top:-40px;}

#NewsListWrap {height:74px;}
#NewsListWrap li {display:block;width:268px;height:16px;margin-bottom:2px;overflow:hidden;}
#NewsListWrap li a {display:block;width:268px;height:18px;text-decoration:none;color:#666666;font-family:'Times New Roman',Times,serif}
#NewsListWrap li a:hover {color:#CCCCCC;}
#NewsListWrap li a span {display:block;float:left;}
#NewsListWrap li a span.nTitle {width:197px;font-size:13px;}
#NewsListWrap li a span.nNew {color:#78694E;width:30px;font-size:10px;}
#NewsListWrap li a span.nDate {width:40px;font-size:10px;text-align:right;}

#VideoWrap {width:281px;height:159px;background:url(/images/main/bg_video.jpg);}
#videoThumbTitle {position:absolute;z-index:1;top:124px;left:0;width:259px;height:17px;padding-top:3px;text-align:right;padding-right:5px;background-color:#000000;color:#AAAAAA;font-family:'Times New Roman',Times,serif;font-size:12px;}
#PlayerWrap {width:264px;height:144px;position:relative;z-index:1;top:9px;left:9px;cursor:pointer;}
#PlayerWrap .btn {position:absolute;left:110px;top:50px;}
#PlayBtns {position:absolute;z-index:5;width:180px;top:-22px;left:100px;text-align:right;}
#PlayBtns a {display:inline-block;position:relative;width:14px;height:13px;overflow:hidden;outline:none;}
#PlayBtns a img {position:relative;top:-13px;}
#PlayBtns a.ON img {position:relative;top:0px;}
#btnVPrev {display:block;width:13px;height:25px;background:url(/images/main/btn_move.gif) left top;position:absolute;top:65px;left:-16px;outline:none;}
#btnVNext {display:block;width:13px;height:25px;background:url(/images/main/btn_move.gif) left -25px;position:absolute;top:65px;left:285px;outline:none;}

#LetterWrap {height:74px;}
#LetterDesc {height:13px;}
#LetterDesc img.title {float:left;}
#LetterDesc img.rss {float:right;}
#LetterWrap #LetterForm div {padding-top:6px;}
#LetterWrap form .txtbox {width:268px;padding:2px 0 0 2px;color:#999999;border:1px solid #2C2C2C;background-color:#202020;}
#LetterInputWrap {position:relative;z-index:5;}
#LetterInputWrap #txtEmail {font-size:12px;color:#777777;font-family:'Times New Roman',Times,serif;}
#LetterMessage {width:253px;height:25px;padding:10px;font-size:11px;color:#999999;line-height:1.3;background-color:#333333;border:1px solid #999999;position:absolute;top:6px;display:none;}


.LinksWrap li {display:block;width:87px;height:85px;float:left;margin-right:4px;background:url(/images/main/bg_frame.jpg);}
/*.LinksWrap a {isplay:inline-block;position:relative;z-index:1;width:71px;height:69px;top:9px;left:8px;overflow:hidden;background:url(/images/main/btn_frames.jpg);}*/
.LinksWrap a {display:block;width:71px;height:69px;background:url(/images/main/btn_frames.jpg);margin:9px 0 0 8px;}
.LinksWrap a span {display:none;}
#btnImg2 {background-position:left -69px;}
#btnImg3 {background-position:left -138px;}
#btnImg4 {background-position:left -207px;}
#btnImg5 {background-position:left -276px;}
#btnImg6 {background-position:left -345px;}

#GNB {position:absolute;height:97px;}
#footer {position:relative;z-index:1;top:-40px;}
#gnbLogo {display:none;}
#mainFlashWrap {position:relative;z-index:1;width:1446px;margin:0 auto;}
#footerWrap {border-top:none;width:977px;margin:0 auto;}
#mainCont {width:977px;height:585px;position:relative;z-index:1;overflow:hidden;}
#mainBGCover {position:relative;left:-30px;z-index:3;}
#char0 {position:absolute;z-index:1;top:0;left:-33px;}
#mainCharsOver {position:absolute;z-index:5;top:50px;left:0;}
#mainCharsOver a {display:block;position:absolute;bottom:-555px;height:460px;width:100px;}
#mainCharsOver a img.blank {position:absolute;z-index:5;width:100%;height:100%;}
#mainCharsOver a img.logo {position:absolute;z-index:1;bottom:40px;display:none;}
#mainChars {position:absolute;z-index:2;top:30px;left:0;}
#mainChars div {position:absolute;bottom:-555px;}
#logoSmall {position:absolute;z-index:20;top:105px;left:363px;}
#bgCover {width:100%;height:100%;position:absolute;z-index:100;top:0;left:0;background-color:#000000;}
#movieContainer {position:absolute;z-index:101;top:0;left:0;width:970px;}