You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
160 lines
7.4 KiB
160 lines
7.4 KiB
@charset "utf-8"; |
|
|
|
/******************************************* |
|
* 파일명 : main.css |
|
* 설명 : 차세대나이스 메인 |
|
* 작성자 : 유기옥 |
|
* 작성일 : 2010.07.08 |
|
********************************************/ |
|
|
|
#skipnavigation {left: 110px;position:absolute;top: 3px;width: 200px;z-index: 100;} |
|
#skipnavigation li {position:absolute; float:left;} |
|
#skipnavigation li a {width:110px;position:absolute;top:-150px;height:1px;width:1px;margin-bottom:-1px;overflow:hidden;text-align:center;} |
|
#skipnavigation a:hover, #skipnavigation a:focus, #skipnavigation a:active {position:absolute;top:0;height:auto;width:130px;padding:5px;font-weight:bold;border:solid 1px #01614c;color:#fff;z-index:2;background:#000;} |
|
|
|
#wrap {width:100%; height:100%;} |
|
#mainWrap {width:981px; margin:0 auto;} |
|
#header {float:left; position:relative; width:944px; height:49px; padding:10px 0 6px 0;} |
|
#header h1 {float:left; width:194px; height:49px; margin:0 0 0 10px; } |
|
#header h2 {position:absolute;top:30px;left:66px;} |
|
#utilityArea {float:right; padding-right:0; margin-top:15px;} |
|
#utilityArea ul li{float:left;} |
|
#utility {float:left;} |
|
#ctrlText {float:left;} |
|
#ctrlText ul{float:left;} |
|
#ctrlText ul li{padding:0 0 0 3px;} |
|
.hide {overflow:hidden;visibility:hidden;position:absolute;width:0;height:0;font-size:0;line-height:0;} |
|
|
|
/* middle */ |
|
#middle {clear:both;width:981px; overflow:hidden; position:relative; /*height:486px;*/ padding:0 0 12px 0;} |
|
#flashArea {float:left;position:relative;} |
|
#viewAllbtn {position:absolute; top:12px; left:944px; width:36px; height:84px; cursor:pointer; z-index:99;} |
|
#serviceMenu {position:relative;float:left;width:945px;height:482px; z-index:90;} |
|
#serviceMenu img {display:block;} |
|
#serviceMenu ul {float:left; display:inline;} |
|
#serviceMenu ul li {float:left;} |
|
|
|
/* View all menu */ |
|
#viewAllLayer {z-index:99; position:absolute; top:0; left:0; width:945px; height:290px; background:url('../images/main/bg_allmenu.gif') no-repeat top left;} |
|
#innerWrap {width:945px; margin:25px 0 0 0;} |
|
.menulistWrap {float:left; width:135px; height:240px; padding:0 0 0 14px; border-right:1px solid #d2d2d2;} |
|
.menulistWrap h3 {margin:0} |
|
.menulistWrap ul {margin:12px 0 0 0;} |
|
.menulistWrap ul li {margin:0 0 6px 0; background:url("../images/main/blt_square1.gif") no-repeat 0 5px; padding:0 0 0 7px; line-height:160%;} |
|
.menulistWrap a:link, .menulistWrap a:visited {color:#666666;text-decoration:none; font-family:'돋움', Dotum; font-size:11px;} |
|
.menulistWrap a:active, .menulistWrap a:hover{color:#666666;text-decoration:underline; font-family:'돋움', Dotum; font-size:11px;} |
|
.menulistWrap2 {float:left; width:150px; padding:0 0 0 14px;} |
|
.menulistWrap2 h3 {margin:0} |
|
.menulistWrap2 ul {margin:12px 0 0 0;} |
|
.menulistWrap2 ul li {margin:0 0 6px 0; background:url("../images/main/blt_square1.gif") no-repeat 0 5px; padding:0 0 0 7px; line-height:160%;} |
|
.menulistWrap2 a:link, .menulistWrap2 a:visited {color:#666666;text-decoration:none; font-family:'돋움', Dotum; font-size:11px;} |
|
.menulistWrap2 a:active, .menulistWrap2 a:hover{color:#666666;text-decoration:underline; font-family:'돋움', Dotum; font-size:11px;} |
|
#btnArea {clear:left; position:absolute;left:452px; top:294px;} |
|
#btnArea a.close {display:block; overflow:hidden; width:50px; height:0; padding-top:14px; background:transparent; text-indent:-3000em; cursor:pointer;} |
|
|
|
/* related */ |
|
#related {clear:both;overflow:hidden;width:944px;height:50px;background:url('../images/main/related_bg.gif') no-repeat top left;} |
|
#related h2 {float:left; width:116px; height:16px; padding:18px 0 0 20px;} |
|
#related ul {float:left; margin:14px 0 0 0;padding-left:8px;} |
|
#related ul li {float:left; padding:0 0 0 35px;} |
|
|
|
/* footer */ |
|
#pasFooter {clear:both;float:left;width:945px;height:87px;line-height:100%;font-family:dotum;background:url('/images/main/main_footer_bg.gif') no-repeat top left;} |
|
#pasFooterLogo {float:left;width:160px;padding:15px 0 0 25px;} |
|
#pasCopyright {position:relative;float:left;width:749px;padding-top:10px;font-size:11px;} |
|
#pasFooter img {vertical-align:middle;} |
|
.textEffect1 {font-weight:bold;color:#ff6600;vertical-align:top;} |
|
.textEffect1 a:hover, .textEffect1 a:active, .textEffect1 a:visited, .textEffect1 a:link {font-weight:bold;color:#ff6600;vertical-align:top;} |
|
.textEffect2 {font-weight:bold;color:#ff6600;font-size:6px;vertical-align:top;} |
|
.textEffect3 {color:#ff6600;vertical-align:top;} |
|
.textEffect4 {color:#4c4c4c;vertical-align:top;} |
|
.textlh {line-height:150%;} |
|
.mar_t5 {margin-top:5px;} |
|
|
|
/* mainmenu |
|
#mainmenu {position:absolute; width:940px; left:0; background:#000;} |
|
ul.accNavi li.Menu, ul.accNavi li.subMenu {height:0; line-height:0; position:absolute; top:-100px;} |
|
ul.accNavi li.Menu a {display:block; position:absolute; margin-left:-450px; top:-3000px; text-align:center;} |
|
ul.accNavi li.Menu a:hover, ul.accNavi li.Menu a:focus, ul.accNavi li.Menu a:active {position:absolute; z-index:5; color:#ff0; background:#000; width:940px;height:480px;top:100px; border:2px solid #ff0;margin-left:0; padding:200px 0 20px 0;font-weight:bold; font-size:1.6em;line-height:160%;} |
|
ul.accNavi li.subMenu a {display:block; position:absolute; margin-left:-450px; top:-3000px; text-align:center;} |
|
ul.accNavi li.subMenu a:hover, ul.accNavi li.subMenu a:focus, ul.accNavi li.subMenu a:active {position:absolute; z-index:5; color:#fff; background:#000; width:940px;height:480px; top:200px; border:2px solid #ff0; margin-left:0;padding:200px 0 20px 0; font-weight:bold;font-size:1.4em;} |
|
p.skip_menuflash1 {height:0;line-height:0;position:absolute;top:-100px;} |
|
p.skip_menuflash2 {height:0;left:0;line-height:0;position:absolute;top:-100px;} |
|
*/ |
|
|
|
/* navigation */ |
|
#navigation{ |
|
z-index:1; |
|
clear:both; |
|
} |
|
/* //navigation */ |
|
|
|
#navigation ul.flash_alt { |
|
position:absolute; |
|
left:-9800px; |
|
top:10px; |
|
|
|
} |
|
#navigation ul.flash_alt li.flash_alt_li { |
|
position:absolute; |
|
width:660px; |
|
height:50px; |
|
padding:10px; |
|
text-align:center; |
|
} |
|
#navigation ul.flash_alt li.flash_alt_li a { |
|
position:absolute; |
|
left:-9969px; |
|
background:#898989; |
|
font-size:1.5em; |
|
font-weight:bold; |
|
color:#fff; |
|
padding:10px; |
|
text-decoration:underline; |
|
} |
|
#navigation ul.flash_alt li.flash_alt_li a:hover, |
|
#navigation ul.flash_alt li.flash_alt_li a:focus, |
|
#navigation ul.flash_alt li.flash_alt_li a:active { |
|
position:absolute; |
|
left:9999px; |
|
top:2px; |
|
width:600px; |
|
} |
|
|
|
|
|
/* flash alt link edited */ |
|
#navigation ul.flash_in { |
|
height:200px; |
|
background:#e9e9e9; |
|
float:left; |
|
margin:0px 0 0 0; |
|
} |
|
#navigation ul.flash_in li.flash_in_li_tit { |
|
padding:5px 0 0 10px ; |
|
background:#e9e9e9; |
|
} |
|
|
|
#navigation ul.flash_in li.flash_in_li_tit a { |
|
color:#898989; |
|
font-size:1.0em; |
|
text-decoration:none; |
|
font-weight:bold; |
|
} |
|
|
|
#navigation ul.flash_in li.flash_in_li { |
|
padding:5px 0 0 10px ; |
|
background:#e9e9e9; |
|
font-family:"Dotum"; |
|
} |
|
|
|
#navigation ul.flash_in li.flash_in_li a { |
|
color:#898989; |
|
font-size:0.9em; |
|
text-decoration:none; |
|
} |
|
#navigation ul.flash_in li.flash_in_li a:hover, |
|
#navigation ul.flash_in li.flash_in_li a:focus, |
|
#navigation ul.flash_in li.flash_in_li a:active { |
|
text-decoration:underline; |
|
} |
|
/* // flash alt navigation */
|
|
|