/*----범용 시작-----------------------------------------------------------------------------------*/ #wrap {position: relative; width:100%; height:auto; min-width:1002px; margin:0 auto;} #wrap #header{position:fixed; z-index:9999999; width:100%; min-width:1002px; top:101px; FILTER: alpha(opacity=90); opacity: 0.9; -khtml-opacity: 0.9; -moz-opacity: 0.9; } /*상단메뉴들어가는부분*/ #wrap #global{BACKGROUND-COLOR: #ffffff; position:fixed; z-index:999999;width:100%; min-width:1002px; height:101px;} /*상단글로발메뉴및로고*/ #wrap #global #toplogo{position:absolute;top:0px;left:50%;margin-left:-501px;} #wrap #global #toplogo li{float:left;margin-left:0px;} #wrap #global #topmenu{position:absolute;top:0px;right:50%;margin-right:-501px;} #wrap #global #topmenu li{float:left;margin-left:0px;} #wrap #global #topquick{position:absolute;top:39px;right:50%;margin-right:-501px;} #wrap #global #topquick li{float:left;margin-left:0px;} #mainbg{position:relative; width:100%; TOP:140px; background:url();background-position:top center; height:420px; BORDER-BOTTOM: #e9e9e9 1px solid; } /*메인레이아웃*/ #mainbg #center{position:absolute;left:50%;margin-left:-501px;} #mainbg #center li{float:LEFT;margin-right:0px;} #mainbg #center2{position:absolute;top:120px; left:50%;margin-left:-501px;} #mainbg #center2 li{float:center;margin-right:0px;} #mainbg2{position:relative; width:100%; TOP:135px; background:#374a5f; height:325px; BORDER-BOTTOM: #e9e9e9 0px solid;background:url(../images/main/mainbg2_bg.jpg);background-position:top center; } /*메인레이아웃*/ #mainbg2 #left{position:absolute;top:30px;left:50%;margin-left:-501px;} /*메인의 좌측*/ #mainbg2 #left li{float:left;margin-right:0px;} #mainbg2 #right{position:absolute;top:30px;right:50%;margin-right:-501px;} /*메인의 우측*/ #mainbg2 #right li{float:left;margin-right:0px;} #mainbg3{position:relative; width:100%; TOP:135px; background:#ffffff; height:330px; BORDER-top: #e9e9e9 1px solid;} /*메인레이아웃*/ #mainbg3 #left{position:absolute;top:70px;left:50%;margin-left:-501px;} /*메인의 좌측*/ #mainbg3 #left li{float:left;margin-right:0px;} #mainbg3 #right{position:absolute;top:70px;right:50%;margin-right:-300px;} /*메인의 우측*/ #mainbg3 #right li{float:left;margin-right:0px;} #subtop{position:relative; width:100%; TOP:159px; background:#f6f6f6; height:84px; BORDER-BOTTOM: #e9e9e9 1px solid; BORDER-TOP: #e9e9e9 0px solid; } /*메인레이아웃*/ #subtop #left{position:absolute;top:8px;left:50%;margin-left:-501px;} /*메인의 좌측*/ #subtop #left li{float:left;margin-right:0px;} #subtop #right{position:absolute;top:8px;right:50%;margin-right:-501px;} /*메인의 우측*/ #subtop #right li{float:left;margin-right:0px;} #subbg {position:relative; width: 100%; TOP: 120px; background: ;} /*서브레이아웃*/ #subcon{margin:0 auto; width: 1002px; min-width:1002px; background: ; overflow:hidden; z-index:999;} #subcon #right{float:left;width: 1002px; } /*서브우측*/ #subcon #right li{margin-right:0px;} #subcon #right li.subleft{font-size: 20px;font-weight: bold;color: #333333; margin-top:5px;} /*서브타이틀*/ #subcon #right li.subright{text-align:right; margin-top:-25px; } /*서브네비게이션*/ #subcon #right li.main{margin-top:20px;margin-bottom:50px;font-size: 14px;font-weight:;color: #797B8C; padding-top:20px;line-height:1.5; BORDER-top: #979797 1px dashed;} /*서브내용*/ #equick{position:absolute; z-index:998; width:100%; min-width:1002px; top:531px; background: url();background-position:top center; text-align: center;} /*떠있는레이아웃*/ #equick #left{position:absolute;top:0px;left:50%;margin-left:-501px; } /*메인의 좌측*/ #equick #left li{float:left;margin-right:0px;} #equick #right{position:absolute;top:0px;right:50%;margin-right:-501px; width:502px; background:url(../images/main/main05_bg.gif);background-position:bottom right; } #equick #right li{float:left;margin-right:0px;} #lineh{padding: 0px; width: 100%; background: #E0E0E0; height: 1px; } /*라인*/ #footer{position:relative; padding: 0px; width:100%; text-align: center; TOP: 130px; } /*하단*/ #footer #center{width:100%; height:49px; background:#0f7070;/*background:url();background-position:top center; text-align: center;*/} /*하단메뉴*/ #footer #center li{float:center;margin-right:0px; line-height:49px;} #footer #bottom{width:100%; height:49px; background:#ffffff;/*background:url();background-position:top center; text-align: center;*/} /*하단메뉴*/ #footer #bottom li{float:center;margin-right:0px; line-height:49px;} #submenu{position:relative; padding: 0px; width:100%; text-align: LEFT; TOP: 101px; background:#0f7070; height:45px;} /*하단*/ #submenu #center{position:absolute;left:50%;margin-left:-501px;} /*하단메뉴*/ #submenu #center li{float:center;margin-right:0px; line-height:35px; padding-top:5px; padding-bottom:5px;} /*----index_main 효과--------------------------------------------------------------------*/ #mainflash{POSITION: relative; width: 100%; min-width:1002px; background: url();background-position:top center; TOP: 102px; height: 680px; text-align: center; BORDER-BOTTOM: #e8e8e8 1px solid;} /*index_main의 헤드라인 이미지*/ /*----sub페이지 효과--------------------------------------------------------------------*/ #subflash{position:relative; width: 100%; min-width:1002px; background: url();background-position:top center; TOP: 102px; height: 267px; text-align:center; BORDER-BOTTOM: #e8e8e8 1px solid;} /*sub페이지 헤드라인 이미지*/ /*----서브좌측메뉴 마우스오버스 효과시작------------------------------------------------------------*/ .leftm ul{list-style: none; } .leftm li{background: url(../images/main/menu_icon.gif) no-repeat 0 50%; padding-left: 0px; line-height:2.4; FONT-SIZE: 12px;} .leftm li.on b,.leftm li:hover b{background: url(../images/main/menu_icon_c.gif) no-repeat 0 50%; color:#004c98; padding-left: 0px; line-height:2.4;}