/* CSS Document */ /* #header { width:1000px; height:105px; margin:0 auto; } .logo {float:left; padding:13px 0 0 15px; } .logo img {float:left;} #gnb { float:right; width:280px; height:15px; margin:10px 0 0 0 ; background:url(../13_images/common/top_menu_bg.jpg) no-repeat;} #gnb ul li { float:right;padding:0px 0px 0 5px;} #gnb li img { float:left;} */ *{margin:0; padding:0;} #header .header02 {float:left; width:720px; height:70px; margin:0px 0 0 0px; padding:0 0 0 0px; z-index:101; background:url(../2014_images/menu/menu_bg.png) no-repeat;} #header .header02 #topmenu{ position:relative; width:720px; margin:5px 0 0 10px; padding:0 0 0 0px; list-style:none; } /*메인텍스트전체틀 위치설정*/ #header .header02 #topmenu li{margin:0px 0 0 0px; padding:0 0 0 0px; color:#ffffff; float:left; list-style:none; }/*서브텍스트 위치설정*/ #header .header02 #topmenu li a{font-size:14; color:#000000; float:left; padding:13px 17px 0 18px; text-decoration:none;} /*메인텍스트각각 위치 및 크기설정*/ #header .header02 #topmenu li a:hover{font-size:14; color:#5599c7; float:left; padding:13px 17px 0 18px; text-decoration:none; } /*메인텍스트 크기설정 마우스오버*/ #header .header02 #topmenu li ul{color:#ffffff; display:none; position:absolute; top:30px; } /*서브텍스트 테두리포함 위치설정*/ #header .header02 #topmenu li.menu1 ul{left:10px; margin-top:0px; width:500px; list-style:none; background:url(../2014_images/menu/sub_menu_bg01.png) no-repeat; } #header .header02 #topmenu li.menu1 li{margin-left:8px; text-align:left top; color:#6a6a6a; height:30px; padding:10px 10px 0px 5px; } /*서브텍스트 위치설정*/ #header .header02 #topmenu li.menu1 li a{font-size:11px; text-align:left top; text-decoration:none; margin:0px 0px 0px -3px; padding:0px 0px 0px 0px; color:#464646;} #header .header02 #topmenu li.menu1 li a:hover{font-size:11; text-decoration:none; color:#6a6a6a; margin:0px 0px 0px -3px; padding:0px 0px 0px 0px; font-weight:bold;} #header .header02 #topmenu li.menu2 ul{left:105px; margin-top:0px; width:650px; list-style:none; background:url(../2014_images/menu/sub_menu_bg02.png) no-repeat; } #header .header02 #topmenu li.menu2 li{margin-left:8px; text-align:left top; color:#6a6a6a; height:30px; padding:10px 10px 0px 5px; } /*서브텍스트 위치설정*/ #header .header02 #topmenu li.menu2 li a{ font-size:11; text-align:left top; text-decoration:none; margin:0px 0px 0px -3px; padding:0px 0px 0px 0px; color:#464646;} #header .header02 #topmenu li.menu2 li a:hover{ font-size:11; text-decoration:none; color:#6a6a6a;margin:0px 0px 0px -3px; padding:0px 0px 0px 0px; font-weight:bold;} #header .header02 #topmenu li.menu3 ul{left:150px; margin-top:0px; width:380px; list-style:none; background:url(../2014_images/menu/sub_menu_bg03.png) no-repeat;} #header .header02 #topmenu li.menu3 li{margin-left:8px; text-align:left top; color:#6a6a6a; height:30px; padding:10px 10px 0px 5px; } /*서브텍스트 위치설정*/ #header .header02 #topmenu li.menu3 li a{ font-size:11; text-align:left top; text-decoration:none; margin:0px 0px 0px -3px; padding:0px 0px 0px 0px; color:#464646;} #header .header02 #topmenu li.menu3 li a:hover{font-size:11; text-decoration:none; color:#6a6a6a; margin:0px 0px 0px -3px; padding:0px 0px 0px 0px; font-weight:bold;} #header .header02 #topmenu li.menu4 ul{left:215px; margin-top:0px; width:400px; list-style:none; background:url(../2014_images/menu/sub_menu_bg04.png) no-repeat;} #header .header02 #topmenu li.menu4 li{margin-left:8px; text-align:left top; color:#6a6a6a; height:30px; padding:10px 10px 0px 5px; } /*서브텍스트 위치설정*/ #header .header02 #topmenu li.menu4 li a{ font-size:11; text-align:left top; text-decoration:none; margin:0px 0px 0px -3px; padding:0px 0px 0px 0px; color:#464646;} #header .header02 #topmenu li.menu4 li a:hover{font-size:11; text-decoration:none; color:#6a6a6a; margin:0px 0px 0px -3px; padding:0px 0px 0px 0px; font-weight:bold;} /* left:px 는 익스플로어에서는 되고 크롬에선 적용안됨 */ /* margin-left:8px; 는 익스플로어, 크롬에선 적용안됨 */ #header .header02 #topmenu li.menu5 ul{left:120; margin-top:0px; width:700px; list-style:none; background:url(../2014_images/menu/sub_menu_bg05.png) no-repeat;} #header .header02 #topmenu li.menu5 li{margin-left:8px; text-align:left top; color:#6a6a6a; height:30px; padding:10px 10px 0px 5px; } /*서브텍스트 위치설정*/ #header .header02 #topmenu li.menu5 li a{ font-size:11; text-align:left top; text-decoration:none; margin:0px 0px 0px -3px; padding:0px 0px 0px 0px; color:#464646;} #header .header02 #topmenu li.menu5 li a:hover{font-size:11; text-decoration:none; color:#6a6a6a; margin:0px 0px 0px -3px; padding:0px 0px 0px 0px; font-weight:bold;} #header .header02 #topmenu li.menu6 ul{left:320px; margin-top:0px; width:400px; list-style:none; background:url(../2014_images/menu/sub_menu_bg06.png) no-repeat;} #header .header02 #topmenu li.menu6 li{margin-left:8px; text-align:left top; color:#6a6a6a; height:30px; padding:10px 10px 0px 5px; } /*서브텍스트 위치설정*/ #header .header02 #topmenu li.menu6 li a{ font-size:11; text-align:left top; text-decoration:none; margin:0px 0px 0px -3px; padding:0px 0px 0px 0px; color:#464646;} #header .header02 #topmenu li.menu6 li a:hover{font-size:11; text-decoration:none; color:#6a6a6a; margin:0px 0px 0px -3px; padding:0px 0px 0px 0px; font-weight:bold;} #header .header02 #topmenu li.menu7 ul{left:370px; margin-top:0px; width:350px; list-style:none; background:url(../2014_images/menu/sub_menu_bg07.png) no-repeat;} #header .header02 #topmenu li.menu7 li{margin-left:8px; text-align:left top; color:#6a6a6a; height:30px; padding:10px 10px 0px 5px; } /*서브텍스트 위치설정*/ #header .header02 #topmenu li.menu7 li a{ font-size:11; text-align:left top; text-decoration:none; margin:0px 0px 0px -3px; padding:0px 0px 0px 0px; color:#464646;} #header .header02 #topmenu li.menu7 li a:hover{font-size:11; text-decoration:none; color:#6a6a6a; margin:0px 0px 0px -3px; padding:0px 0px 0px 0px; font-weight:bold;}