@charset "utf-8"; 
/* NHN > UIT Center > Open UI Platform Team > Jeong Chan Myeong(dece24@nhncorp.com) */
html { height:100%; background:url(img/bgHtml.gif); font-family:Tahoma;}
body { position:relative; width:977px; height:600px; top:50%; margin:-308px auto 0 auto; padding:8px; background:url(img/bgBody.gif) no-repeat; }
hr{ display:none;}
#header { position:relative; width:977px; height:45px; margin:0 0 1px 0; }
#header h1 { position:absolute; top:16px; left:69px; width:236px; height:13px; margin:0; background:url(img/hTextyle.gif) no-repeat;}
#header h1 span{ position:absolute; width:0; height:0; overflow:hidden; visibility:hidden; font-size:0; line-height:0;}
#header ul{ position:absolute; top:20px; right:60px; margin:0; padding:0; list-style:none; font-size:11px; overflow:hidden; padding:0 0 3px 0; line-height:0;}
#header ul li{ position:relative; left:-1px; display:inline;}
#header ul li a{ display:inline-block; border-left:1px solid #3b3c45; height:10px; padding:0 10px; background:url(img/tLanguage.gif) no-repeat; text-decoration:none;}
#header ul li.ko a{ background-position:10px 0;}
#header ul li.en a{ background-position:10px -10px;}
#header ul li.ja a{ background-position:10px -20px;}
#header ul.ko li.ko a,
#header ul li.ko a:hover,
#header ul li.ko a:focus,
#header ul li.ko a:active{ background-position:-90px 0;}
#header ul.en li.en a,
#header ul li.en a:hover,
#header ul li.en a:focus,
#header ul li.en a:active{ background-position:-90px -10px;}
#header ul.ja li.ja a,
#header ul li.ja a:hover,
#header ul li.ja a:focus,
#header ul li.ja a:active{ background-position:-90px -20px;}
#header ul li span{ position:relative; height:0; overflow:hidden; line-height:0; visibility:hidden;}
#navigation{ position:absolute; top:418px; left:104px; z-index:2; margin:0; padding:0; *zoom:1; list-style:none;}
#navigation:after{ content:""; display:block; clear:both;}
#navigation li{ float:left; margin:0 5px 0 0;}
#navigation li a{ position:relative; display:inline-block; width:27px; height:18px;}
#navigation li a:hover{ border:1px solid #ccc; width:25px; height:16px;}
#navigation li a span{ position:absolute; width:0; height:0; overflow:hidden; font-size:0; line-height:0; visibility:hidden;}
#body{ position:relative; width:977px; height:458px; margin:0 0 1px 0; z-index:1; overflow:hidden;}
#content{ height:458px; overflow:hidden; margin-right:-20px;}
#content .section{ width:976px; height:458px; background:#fff url(img/content.png) no-repeat; overflow:hidden;}
#content .section *{ position:relative; z-index:-1; visibility:hidden;}
#content #s1{ background-position:0 0; position:absolute; left:0; top:0; }
#content #s2{ background-position:0 -458px; position:absolute; left:977px; top:0;}
#content #s3{ background-position:0 -916px; position:absolute; left:1954px; top:0;}
#content #s4{ background-position:0 -1374px; position:absolute; left:2391px; top:0;}
#content #s5{ background-position:0 -1832px; position:absolute; left:3908px;; top:0;}
#footer{ position:relative; }
#footer ul{ position:absolute; top:19px; left:70px; margin:0; padding:0; list-style:none; *zoom:1;}
#footer ul:after{ content:""; display:block; clear:both; }
#footer ul li{ float:left; background:url(img/gnb_backup.gif) no-repeat;}
#footer ul li.introduction{ width:188px; background-position:0 0;}
#footer ul li.textyle{ width:205px; background-position:-188px 0;}
#footer ul li.skin{ width:213px; margin-right:32px; background-position:-393px 0;}
#footer ul li.download{ width:201px; background-position:right top;}
#footer ul li.download a:hover,
#footer ul li.download a:active,
#footer ul li.download a:focus{ /* background:url(img/buttonDownloadHover.gif) no-repeat; */}
#footer ul li a{ display:inline-block; width:100%; height:60px; text-decoration:none; vertical-align:top;}
#footer ul li a span{ position:relative; z-index:-1; font-size:12px;}