@charset "euc-kr"; /********************************************************************** Imsil Main Style Sheet (for IE6.0/7.0 FireFox2.0/3.0 Safari3.0) version : 0.0.1 author : jinovice email : jinovice@nate.com website : none **********************************************************************/ /********************************************************************** @main **********************************************************************/ /* common */ .main { background:url("/new_main/spring/images/top_back01.gif") repeat-x 0 0; } /* toparea */ .main #toparea { z-index:100; position:absolute; left:0; top:0; width:900px; height:500px; } /* toparea > ci */ .main #toparea #ci { z-index:0; position:absolute; left:0; top:0; width:220px; height:50px; } /* toparea > topmenu */ .main #toparea #topmenu { z-index:0; position:absolute; left:526px; top:30px; width:280px; height:20px; overflow:hidden; } .main #toparea #topmenu li { float:left; } /* toparea > spcsite */ .main #toparea #spcsite { z-index:50; position:absolute; left:800px; top:0; width:190px; } .main #toparea #spcsite li { float:left; } /* toparea > navi */ .main #toparea #navi { z-index:100; position:absolute; left:10px; top:55px; width:730px; height:36px; background:url("/new_main/spring/images/navi/navi_bg.gif") no-repeat 0 0; } .main #toparea #navi ul.navily { position:absolute; left:20px; top:0; width:730px; } .main #toparea #navi ul li { padding:0 12px; background:url("../images/wanju_gun_main/navi/navi_line.gif") no-repeat 100% 15px; float:left; } .main #toparea #navi ul li.last { background:none; } .main #toparea #navi ul li div { z-index:50; position:absolute; left:-3000px; top:40px; width:900px; height:20px; } .main #toparea #navi ul li ul.navi_sub { height:23px; padding:0; } .main #toparea #navi ul li ul.navi_sub li { height:24px; padding:0; background:none; } .main #toparea #navi ul li ul.navi_sub li a { padding:0 8px 0 7px; white-space:nowrap; border-right:solid 1px #ddd; float:left; } .main #toparea #navi ul li ul.navi_sub li.last a { border:none; } .main #toparea #navi ul li #globals02 ul.navi_sub { margin-left:90px; } .main #toparea #navi ul li #globals03 ul.navi_sub { margin-left:110px; } .main #toparea #navi ul li #globals05 ul.navi_sub { margin-left:180px; } .main #toparea #navi ul li #globals04 ul.navi_sub li a { padding:0 1px 0 0; } .main #toparea #navi ul li #globals06 ul.navi_sub li a { padding:0 1px 0 0; } .main #toparea #navi ul li #globals07 ul.navi_sub li a { padding:0 1px 0 0; } /* toparea > msearch */ .main #toparea #msearch { z-index:50; position:absolute; left:745px; top:20px; width:150px; height:70px; background:url("../images/imsil_gun_main/msearch_bg.gif") no-repeat 0 100%; } .main #toparea #msearch a { padding-left:15px; margin-right:10px; font-size:0.92em; letter-spacing:-0.1em; background:url("/new_main/spring/images/search_b.gif") no-repeat -2px -2px; display:block; float:left; } .main #toparea #msearch .msearchform { z-index:0; position:absolute; left:0; top:40px; width:200px; } .main #toparea #msearch .msearchform .keyword { position:absolute; left:7px; top:5px; width:75px; height:16px; border:none; } .main #toparea #msearch .msearchform .msearch_btn { position:absolute; left:87px; top:3px; border:none; } .main #toparea #msearch .hide { left:-3000px; } /* quickarea */ .main #quickarea { z-index:200; position:absolute; left:0; top:125px; width:1000px; height:500px; } /* quickarea > group1 ******************************************************************************************/ .main #quickarea #group1 { z-index:0; position:absolute; left:15px; top:0; width:212px; } /* quickarea > group1 > login */ .main #quickarea #group1 #login { z-index:50; position:absolute; left:0; top:0; width:212px; height:83px; background:url("../images/imsil_gun_main/login_bg.gif") no-repeat 0 0; } .main #quickarea #group1 #login h2 { z-index:50; position:absolute; left:10px; top:10px; } .main #quickarea #group1 #login input { width:110px; height:16px; border-color:#ccc; background-color:#f5f5f5; } .main #quickarea #group1 #login .lgid { z-index:0; position:absolute; left:60px; top:10px; width:80px; height:18px; } .main #quickarea #group1 #login .lgpw { z-index:0; position:absolute; left:60px; top:30px; width:80px; height:18px; } .main #quickarea #group1 #login .lgbtn { z-index:0; position:absolute; left:145px; top:8px; width:51px; height:42px; } .main #quickarea #group1 #login ul { z-index:0; position:absolute; left:20px; top:53px; } /* quickarea > group1 > popupzone */ .main #quickarea #group1 #popupzone { z-index:0; position:absolute; left:0; top:90px; width:212px; height:129px; background:url("../images/imsil_gun_main/popupzone_bg.gif") no-repeat 0 0; } .main #quickarea #group1 #popupzone h2 { z-index:0; position:absolute; left:10px; top:7px; } .main #quickarea #group1 #popupzone ul { position:absolute; left:80px; top:7px; } .main #quickarea #group1 #popupzone ul li { float:left; } .main #quickarea #group1 #popupzone ul li a.popup { position:absolute; left:-73px; top:19px; } .main #quickarea #group1 #popupzone ul li a.hide { left:-3000px; } .main #quickarea #group1 #popupzone .rotationbtn { z-index:20; position:absolute; left:180px; top:7px; width:50px; } .main #quickarea #group1 #popupzone .rotationbtn li { width:12px; height:17px; padding:0; } /* quickarea > group1 > quickarea */ .main #quickarea #group1 #quickpage { z-index:100; position:absolute; left:0; top:220px; width:212px; height:100px; } .main #quickarea #group1 #quickpage ul { width:215px; float:left; } .main #quickarea #group1 #quickpage li { width:107px; height:23px; overflow:hidden; float:left; } /* quickarea > group1 > quicksite */ .main #quickarea #group1 #quicksite { z-index:0; position:absolute; left:0; top:380px; width:212px; } .main #quickarea #group1 #quicksite h2 { margin-bottom:5px; } .main #quickarea #group1 #quicksite select { width:179px; margin:0 5px 4px 0; float:left; clear:both; } .main #quickarea #group1 #quicksite .gobtn { margin:0 0 4px 0; padding:0; border:none; float:left; } /* quickarea > group2 ******************************************************************************************/ .main #quickarea #group2 { z-index:0; position:absolute; left:240px; top:0; width:420px; } /* quickarea > group2 > mainvisual */ .main #quickarea #group2 #mainvisual { z-index:0; position:absolute; left:0; top:0; width:420px; } .main #quickarea #group2 #mainvisual ul { z-index:0; position:absolute; left:340px; top:10px; } .main #quickarea #group2 #mainvisual ul li { float:left; } .main #quickarea #group2 #mainvisual ul li a { z-index:10; position:relative; margin-right:3px; float:left; } .main #quickarea #group2 #mainvisual ul li a.popup { z-index:0; position:absolute; left:-340px; top:-10px; } .main #quickarea #group2 #mainvisual ul li a.hide { left:-3000px; } .main #quickarea #group2 #mainvisual .rotationbtn { z-index:20; position:absolute; left:290px; top:8px; width:50px; } .main #quickarea #group2 #mainvisual .rotationbtn li { width:20px; height:17px; padding:0; } /* quickarea > group2 > mbbs */ .main #quickarea #group2 #mbbs { z-index:0; position:absolute; left:5px; top:230px; } .main #quickarea #group2 #mbbs ul li { float:left; } .main #quickarea #group2 #mbbs ul li .list { position:absolute; left:5px; top:45px; width:395px; } .main #quickarea #group2 #mbbs ul li .hide { left:-3000px; } .main #quickarea #group2 #mbbs ul li .list dl dt { width:320px; height:21px; padding-left:10px; background:url("/new_main/spring/images/notice_arrow.gif") no-repeat -5px 6px; float:left; overflow:hidden; float:left; } .main #quickarea #group2 #mbbs ul li .list dl dd { width:60px; height:21px; font-size:0.92em; text-align:right; float:right; } .main #quickarea #group2 #mbbs ul li .list .more { position:absolute; left:345px; top:-45px; } /* quickarea > group2 > mtour */ .main #quickarea #group2 #mtour { z-index:0; position:absolute; left:5px; top:380px; width:395px; height:120px; } .main #quickarea #group2 #mtour ul { width:405px; float:left; } .main #quickarea #group2 #mtour ul li { float:left; } /* quickarea > group3 ******************************************************************************************/ .main #quickarea #group3 { z-index:0; position:absolute; left:670px; top:0; width:215px; } /* quickarea > group3 > mcomp */ .main #quickarea #group3 #mcomp { z-index:0; position:absolute; left:0; top:0; width:210px; height:130px; background:url("../images/imsil_gun_main/mcomp_bg.gif") no-repeat 0 0; } .main #quickarea #group3 #mcomp h2 { z-index:0; position:absolute; left:0; top:0; } .main #quickarea #group3 #mcomp ul { z-index:0; position:absolute; left:10px; top:10px; } .main #quickarea #group3 #mcomp li { margin:0 0 4px 5px; float:left; } .main #quickarea #group3 #mcomp li.first { width:110px; text-align:center; float:right; } .main #quickarea #group3 #mcomp .more { z-index:0; position:absolute; left:0; top:108px; } /* quickarea > group3 > mcyber */ .main #quickarea #group3 #mcyber { z-index:0; position:absolute; left:-5px; top:140px; width:215px; height:97px; background:url("../images/imsil_gun_main/mcyber_bg.gif") no-repeat 0 0; } .main #quickarea #group3 #mcyber h2 { z-index:0; position:absolute; left:45px; top:10px; } .main #quickarea #group3 #mcyber ul { z-index:0; position:absolute; left:12px; top:38px; } .main #quickarea #group3 #mcyber ul li { padding:0 10px; background:url("../images/imsil_gun_main/mcyber_icon.gif") no-repeat 4px 4px; float:left; } /* quickarea > group3 > mmedia */ .main #quickarea #group3 #mmedia { z-index:0; position:absolute; left:0; top:245px; width:210px; height:116px; background:url("../images/imsil_gun_main/mmedia_bg.gif") no-repeat 0 0; } .main #quickarea #group3 #mmedia h2 { z-index:0; position:absolute; left:40px; top:10px; } .main #quickarea #group3 #mmedia #mmimg { z-index:0; position:absolute; left:10px; top:40px; } .main #quickarea #group3 #mmedia ul { z-index:0; position:absolute; left:90px; top:37px; } /* quickarea > group3 > aboutis */ .main #quickarea #group3 #aboutis { z-index:0; position:absolute; left:0; top:370px; width:210px; height:167px; background:url("../images/imsil_gun_main/aboutis_bg.gif") no-repeat 0 0; } .main #quickarea #group3 #aboutis h2 { z-index:0; position:absolute; left:10px; top:8px; } .main #quickarea #group3 #aboutis ul { z-index:30; position:absolute; left:10px; top:40px; width:210px; } .main #quickarea #group3 #aboutis li { margin:0 0 7px 10px; float:left; } .main #quickarea #group3 #aboutis li.first { width:140px; text-align:center; float:right; } /* quickarea > group3 > metc */ .main #quickarea #group3 #metc { z-index:0; position:absolute; left:0; top:540px; } .main #quickarea #group3 #metc .cafe { z-index:0; position:absolute; left:70px; top:0; width:132px; height:67px; background:url("../images/imsil_gun_main/metc_bg.gif") no-repeat 0 0; } .main #quickarea #group3 #metc .cafe h3 { margin:8px 0 0 11px; } .main #quickarea #group3 #metc .cafe ul { margin:3px 0 0 11px; } /* slidearea ******************************************************************************************/ .main #slidearea { position:absolute; left:890px; top:55px; width:110px;z-index:500; } /* slidearea > spcsite */ .main #slidearea #spcsite { width:106px; height:75px; background:url("../images/imsil_gun_main/spcsite_bg.gif") no-repeat 0 0; } .main #slidearea #spcsite ul { padding-top:5px; } .main #slidearea #spcsite ul li { height:16px; overflow:hidden; } /* slidearea > linkg1 */ .main #slidearea #linkg1 { width:106px; margin-top:5px; float:left; } .main #slidearea #linkg1 li, .main #slidearea #linkg1 li img { float:left; } * html .main #slidearea #linkg1 li { margin-left:-3px; } /* slidearea > linkg2 */ .main #slidearea #linkg2 { width:106px; margin-top:5px; padding:8px 0 5px 0; background:url("../images/imsil_gun_main/sidearea_bg.gif") no-repeat 0 0; float:left; } .main #slidearea #linkg2 li, .main #slidearea #linkg2 li img { float:left; } * html .main #slidearea #linkg2 li { margin-left:-3px; } /* slidearea > linkg3 */ /*Àå¾ÖÀÎ ¸®´õ±â Ãß°¡·Î ºñÁö »­ .main #slidearea #linkg3 { width:106px; padding-bottom:8px; background:url("/new_main/spring/images/right_3_16.gif") no-repeat 0 100%; float:left; overflow:hidden; } */ .main #slidearea #linkg3 { width:106px; padding-bottom:8px; float:left; overflow:hidden; } .main #slidearea #linkg3 li, .main #slidearea #linkg3 li img { float:left; } * html .main #slidearea #linkg3 li { margin-left:-3px; } /* bottomlink ***************************************************************************************** .main #bottomlink { z-index:0; position:absolute; left:0; top:670px; width:100%; height:300px; background:url("/new_main/spring/images/illul_back.gif") repeat-x 0 0; } */ /* bottomlink ******************************************************************************************/ .main #bottomlink { z-index:0; position:absolute; left:0; top:680px; width:100%; height:223px; background:url("/new_main/spring/images/illul_back.gif") repeat-x 0 -3px; } .main #bottomlink ul { width:1000px; height:223px; background:url("/new_main/spring/images/bottomlink_bg.jpg") no-repeat 0 0; } .main #bottomlink ul li.pos1 { z-index:0; position:absolute; left:795px; top:80px; } .main #bottomlink ul li.pos2 { z-index:0; position:absolute; left:245px; top:0; } .main #bottomlink ul li.pos3 { z-index:0; position:absolute; left:150px; top:140px; } .main #bottomlink ul li.pos4 { z-index:0; position:absolute; left:550px; top:30px; } .main #bottomlink ul li.pos5 { z-index:0; position:absolute; left:475px; top:108px; } .main #bottomlink ul li.pos6 { z-index:20; position:absolute; left:609px; top:136px; } .main #bottomlink ul li.pos7 { z-index:0; position:absolute; left:0; top:132px; } .main #bottomlink ul li.pos8 { z-index:0; position:absolute; left:370px; top:80px; } .main #bottomlink ul li.pos9 { z-index:0; position:absolute; left:70px; top:13px; } /* copyright */ .main #copyright { z-index:0; position:absolute; left:0; top:896px; width:1000px; height:100px; } .main #copyright .copyright_ci { z-index:0; position:absolute; left:10px; top:0; } .main #copyright #footerlink { z-index:0; position:absolute; left:240px; top:10px; } .main #copyright #footerlink ul li { padding:0 6px; background:url("../images/sc_gun_main/footerlink_line.gif") no-repeat 100% 2px; float:left; } .main #copyright #footerlink ul li.last { background:none; } .main #copyright p { z-index:0; position:absolute; left:245px; top:40px; font-size:0.92em; letter-spacing:-0.1em; } .main #copyright #mdownload { z-index:0; position:absolute; left:730px; top:30px; } .main #copyright #mdownload h2 { margin-bottom:20px; } .main #copyright #mdownload ul li { float:left; }