/* Common CSS **************************************************************************************************** */ *{ margin:0; padding:0; font-family:Dotum, San-serif; font-size:9pt; color:#666666; line-height:18px; border:0; text-decoration:none; } ul{ list-style:none; } input{ height:16px; } input, textarea{ border:1px solid #cccccc; } a:link, a:visited, a:active, a:hover { text-decoration:none; color:#666666; }} a.file{ padding:0 0 0 16px; background:url('../Images/blt_file.gif') no-repeat; font-weight:bold; } a.viewlist{ padding:0 0 0 16px; background:url('../Images/blt_viewlist.gif') no-repeat; } body{ } /* Float 처리 */ .c_both{ clear:both; display:block; height:20px; content:' '} .f_right{ float:right; } .f_left{ float:left; } /* 글씨 정렬 */ .t_right{ text-align:right; } .t_left{ text-align:left; } .t_center{ text-align:center; } .t_dot{ display:block; text-overflow: ellipsis; overflow:hidden;white-space : nowrap;} .png24 { tmp:expression(setPng24(this));} /* 공통 사용 Class */ h2{ position:relative; left:-19px; margin:0; padding:0; } #HEADER .mainimg{ float:right; } /* IE에서 double margin 때문에 "display:inline;" 사용 */ .QuickMenu{ float:right; height:16px; width:617px; margin:0 48px 0 0; padding:19px 0 0 0; display:inline; text-align:right; } .QuickMenu a, .QuickMenu img.splitor{ display:block; float:right; } .QuickMenu a{ padding: 2px 5px 2px 5px; } .QuickMenu a.ethics{ padding: 2px 0 2px 5px; } .QuickMenu img.splitor{ padding: 2px 0 0 0; } .QuickMenu span.splitor{ margin:0; color:#e3e3e3; font-size:8px; vertical-align:top; } /* NOFLASH */ #noscript_menu { display:none; } .getflash { width:165px; margin:8px 0 0 8px; padding-left:21px; text-align:left; overflow:hidden; } .getflash h1 { background:url('../Images/bi_skcomms.gif') no-repeat left top; } .getflash h1 a { display:block; width:90px; height:22px; text-indent:-1000em; overflow:hidden; } .getflash ul { width:165px; margin-top:6px; border-top:2px solid #FF3300; border-bottom:2px solid #FF3300; } .getflash ul li { width:165px; margin:0; padding:0; } .getflash ul li a { display:block; width:165px; height:33px; background:url('../Images/img_menu.gif') no-repeat left top; text-indent:-1000em; overflow:hidden; } .getflash ul li a.menu1 { background-position:0 0; } .getflash ul li a.menu2 { background-position:0 -33px; } .getflash ul li a.menu3 { background-position:0 -66px; } .getflash ul li a.menu4 { background-position:0 -99px; } .getflash ul li a.menu5 { background-position:0 -132px; } .getflash ul li a.menu6 { height:32px; background-position:0 -165px; } .getflash ul li.this { float:left; margin:-1px 0; padding:5px 0 2px 0; border-top:1px solid #FF3300; border-bottom:1px solid #FF3300; } .getflash ul li.this a.menu1 { background-position:0 -200px; } .getflash ul li.this a.menu2 { height:33px; margin:7px 0 8px 0; background-position:0 -250px; } .getflash ul li.this a.menu3 { height:33px; margin:7px 0 8px 0; background-position:0 -289px; } .getflash ul li.this a.menu4 { height:20px; margin:9px 0 0 0; background-position:0 -331px; } .getflash ul li.this a.menu5 { height:20px; margin:9px 0 0 0; background-position:0 -370px; } .getflash ul li.this a.menu6 { height:26px; margin:4px 0 3px 0; background-position:0 -409px; } .getflash ul li ul { position:relative; margin-top:0; display:none; width:165px; border:none; } .getflash ul li.this ul { padding:5px 0 8px 0; display:block; border:none; } .getflash ul li ul li { float:left; height:19px; padding:0; } .getflash ul li ul li a { position:absolute; left:0; height:16px; background:url('../Images/img_submenu.gif') no-repeat left top; text-indent:-1000em; overflow:hidden; } .getflash ul li ul li a:hover { position:absolute; left:-21px; } .getflash ul li ul li a.submenu1_1 { background-position:0 2px; } .getflash ul li ul li a.submenu1_1:hover { background-position:-165px 2px; } .getflash ul li ul li a.submenu1_2 { background-position:0 -17px; } .getflash ul li ul li a.submenu1_2:hover { background-position:-165px -17px; } .getflash ul li ul li a.submenu1_3 { background-position:0 -36px; } .getflash ul li ul li a.submenu1_3:hover { background-position:-165px -36px; } .getflash ul li ul li a.submenu1_4 { background-position:0 -55px; } .getflash ul li ul li a.submenu1_4:hover { background-position:-165px -55px; } .getflash ul li ul li a.submenu1_5 { background-position:0 -74px; } .getflash ul li ul li a.submenu1_5:hover { background-position:-165px -74px; } .getflash ul li ul li a.submenu1_6 { background-position:0 -92px; } .getflash ul li ul li a.submenu1_6:hover { background-position:-165px -92px; } .getflash ul li ul li a.submenu2_1 { background-position:0 -120px; } .getflash ul li ul li a.submenu2_1:hover { background-position:-165px -120px; } .getflash ul li ul li a.submenu2_2 { background-position:0 -139px; } .getflash ul li ul li a.submenu2_2:hover { background-position:-165px -139px; } .getflash ul li ul li a.submenu2_3 { background-position:0 -158px; } .getflash ul li ul li a.submenu2_3:hover { background-position:-165px -158px; } .getflash ul li ul li a.submenu2_4 { background-position:0 -177px; } .getflash ul li ul li a.submenu2_4:hover { background-position:-165px -177px; } .getflash ul li ul li a.submenu2_5 { background-position:0 -196px; } .getflash ul li ul li a.submenu2_5:hover { background-position:-165px -196px; } .getflash ul li ul li a.submenu2_6 { background-position:0 -215px; } .getflash ul li ul li a.submenu2_6:hover { background-position:-165px -215px; } .getflash ul li ul li a.submenu2_7 { background-position:0 -234px; } .getflash ul li ul li a.submenu2_7:hover { background-position:-165px -234px; } .getflash ul li ul li a.submenu3_1 { background-position:0 -249px; } .getflash ul li ul li a.submenu3_1:hover { background-position:-165px -249px; } .getflash ul li ul li a.submenu4_1 { background-position:0 -268px; } .getflash ul li ul li a.submenu4_1:hover { background-position:-165px -268px; } .getflash ul li ul li a.submenu4_2 { background-position:0 -287px; } .getflash ul li ul li a.submenu4_2:hover { background-position:-165px -287px; } .getflash ul li ul li a.submenu5_1 { background-position:0 -308px; } .getflash ul li ul li a.submenu5_1:hover { background-position:-165px -308px; } .getflash ul li ul li a.submenu5_2 { background-position:0 -327px; } .getflash ul li ul li a.submenu5_2:hover { background-position:-165px -327px; } .getflash ul li ul li a.submenu5_3 { background-position:0 -346px; } .getflash ul li ul li a.submenu5_3:hover { background-position:-165px -346px; } .getflash ul li ul li a.submenu5_4 { background-position:0 -365px; } .getflash ul li ul li a.submenu5_4:hover { background-position:-165px -365px; } .getflash ul li ul li a.submenu5_5 { background-position:0 -384px; } .getflash ul li ul li a.submenu5_5:hover { background-position:-165px -384px; } .getflash ul li ul li a.submenu5_6 { background-position:0 -403px; } .getflash ul li ul li a.submenu5_6:hover { background-position:-165px -403px; } .getflash ul li ul li a.submenu6_1 { background-position:0 -428px; } .getflash ul li ul li a.submenu6_1:hover { background-position:-165px -428px; } .getflash ul li ul li a.submenu6_2 { background-position:0 -447px; } .getflash ul li ul li a.submenu6_2:hover { background-position:-165px -447px; } .getflash ul li ul li a.submenu6_3 { background-position:0 -466px; } .getflash ul li ul li a.submenu6_3:hover { background-position:-165px -466px; } .getflash ul li ul li a.submenu6_4 { background-position:0 -485px; } .getflash ul li ul li a.submenu6_4:hover { background-position:-165px -485px; } .getflash ul li ul li a.submenu6_5 { background-position:0 -504px; } .getflash ul li ul li a.submenu6_5:hover { background-position:-165px -504px; } .getflash ul li ul li a.submenu6_6 { background-position:0 -523px; } .getflash ul li ul li a.submenu6_6:hover { background-position:-165px -523px; } .getflash ul li ul li a.submenu6_7 { background-position:0 -542px; } .getflash ul li ul li a.submenu6_7:hover { background-position:-165px -542px; } .getflash ul li ul li a.submenu6_8 { background-position:0 -561px; } .getflash ul li ul li a.submenu6_8:hover { background-position:-165px -561px; } .getflash ul li ul li.this { margin:0; padding:0; border:none; } .getflash ul li ul li.this a { position:absolute; left:-21px; } .getflash ul li ul li.this a.submenu1_1 { background-position:-165px 2px; } .getflash ul li ul li.this a.submenu1_2 { background-position:-165px -17px; } .getflash ul li ul li.this a.submenu1_3 { background-position:-165px -36px; } .getflash ul li ul li.this a.submenu1_4 { background-position:-165px -55px; } .getflash ul li ul li.this a.submenu1_5 { background-position:-165px -74px; } .getflash ul li ul li.this a.submenu1_6 { background-position:-165px -92px; } .getflash ul li ul li.this a.submenu2_1 { background-position:-165px -120px; } .getflash ul li ul li.this a.submenu2_2 { background-position:-165px -139px; } .getflash ul li ul li.this a.submenu2_3 { background-position:-165px -158px; } .getflash ul li ul li.this a.submenu2_4 { background-position:-165px -177px; } .getflash ul li ul li.this a.submenu2_5 { background-position:-165px -196px; } .getflash ul li ul li.this a.submenu2_6 { background-position:-165px -215px; } .getflash ul li ul li.this a.submenu2_7 { background-position:-165px -234px; } .getflash ul li ul li.this a.submenu3_1 { background-position:-165px -248px; } .getflash ul li ul li.this a.submenu4_1 { background-position:-165px -268px; } .getflash ul li ul li.this a.submenu4_2 { background-position:-165px -287px; } .getflash ul li ul li.this a.submenu5_1 { background-position:-165px -308px; } .getflash ul li ul li.this a.submenu5_2 { background-position:-165px -327px; } .getflash ul li ul li.this a.submenu5_3 { background-position:-165px -346px; } .getflash ul li ul li.this a.submenu5_4 { background-position:-165px -365px; } .getflash ul li ul li.this a.submenu5_5 { background-position:-165px -384px; } .getflash ul li ul li.this a.submenu5_6 { background-position:-165px -403px; } .getflash ul li ul li.this a.submenu6_1 { background-position:-165px -428px; } .getflash ul li ul li.this a.submenu6_2 { background-position:-165px -447px; } .getflash ul li ul li.this a.submenu6_3 { background-position:-165px -466px; } .getflash ul li ul li.this a.submenu6_4 { background-position:-165px -485px; } .getflash ul li ul li.this a.submenu6_5 { background-position:-165px -504px; } .getflash ul li ul li.this a.submenu6_6 { background-position:-165px -523px; } .getflash ul li ul li.this a.submenu6_7 { background-position:-165px -542px; } .getflash ul li ul li.this a.submenu6_8 { background-position:-165px -561px; } /* Main */ body.main { margin:0; } .main #binder { position:absolute; top:0; left:0; width:100%; z-index:222; } .main #binder .min_width { position:relative; width:880px; height:10px; margin:0 auto; } .main #container { min-width:880px; width:100%; height:808px; } * html .main #container{ width:expression(document.getElementById('binder').offsetWidth+'px') } .main #News { position:absolute; top:457px; left:24px; width:260px; height:120px; margin:0; padding:0; z-index:2222; } .main #noscript_menu { display:none; } .main .getflash { position:absolute; top:0; left:0; width:100%; height:100%; margin:0; padding:0; background:url('../Images/bg_main.jpg') no-repeat center top; } .main .getflash .wrapper { position:relative; width:854px; height:655px; margin:25px auto 0 auto; padding:0 13px; overflow:hidden; } .main .getflash h1 { margin-left:10px; background:url('../Images/bi_skcomms_main.gif') no-repeat left top; } .main .getflash h1 a { display:block; width:138px; height:33px; text-indent:-1000em; overflow:hidden; } .main .getflash ul { width:852px; margin-top:22px; padding-left:10px; border:none;} .main .getflash ul li { float:left; display:inline; width:121px; margin-right:21px; border-top:2px solid #FF3300; } * html .main .getflash ul li { overflow:hidden; } .main .getflash ul li a { height:32px; } .main .getflash ul li a.menu3 { width:58px; } .main .getflash ul li.view ul { display:block; } .main .getflash ul li ul { display:none; margin-top:6px; } .main .getflash ul li ul li { clear:both; width:120px; margin:0; border:none; } .main .getflash ul li ul li a { width:120px; height:16px; } .main .QuickMenu { position:absolute; top:2px; right:-12px; z-index:222; } .main a.flashplayer { position:absolute; right:62px; bottom:115px; display:block; width:116px; height:18px; text-indent:-1000em; overflow:hidden; } .main a.skcommstar { position:absolute; right:303px; bottom:172px; display:block; width:120px; height:30px; text-indent:-1000em; overflow:hidden; } .main a.IR_presentation { position:absolute; right:303px; bottom:120px; display:block; width:119px; height:38px; text-indent:-1000em; overflow:hidden; } .main .ir { position:absolute; left:300px; bottom:116px; width:120px; } .main .ir p { visibility:hidden; } .main .ir a.flashplayer { right:11px; bottom:0; } .main .footer { position:absolute; left:23px; bottom:8px; } .main ul.foot_menu { height:47px; margin-left:-4px; border:none; } .main ul.foot_menu li { width:auto; height:auto; margin:0; padding-right:26px; border:none; } .main ul.foot_menu li a { display:block; height:21px; background:none; } .main ul.foot_menu li a.cyworld { width:64px; } .main ul.foot_menu li a.nate { width:44px; } .main ul.foot_menu li a.nateon { width:53px; } .main ul.foot_menu li a.empas { width:38px; margin-right:3px; } .main ul.foot_menu li a.etoos { width:42px; margin-right:3px; } .main ul.foot_menu li a.egloos { width:56px; margin-right:2px; } .main ul.foot_menu li a.spicus { width:37px; } .main .footer .copyright { clear:both; width:547px; padding-top:4px; border-top:1px solid #EAEAEA; color:#6E6E6E; font-family:Verdana; font-size:7pt; }