/***************************************************** =주메뉴 영역 =common *****************************************************/ #menuTopUI a{ display: block; font-family: "돋움",dotum; font-size: 12px; text-align: left; color: #000; border-style: solid; border-width: 0; margin: 0; padding: 0; /* width: px; height: px; */ } #menuTopUI a:hover, #menuTopUI a.active{ color: #000; } #menuTopUI a.activeOn{ font-weight: bold; } #menuTopUI ul#k2wiz_GNB div{ display: none; } /***************************************************** =주메뉴 영역 =기본 CSS *****************************************************/ /*1단계 영역 공통*/ #menuTopUI div#div{ width: 900px; height: ; margin: 0; padding: 0; border-width: 0; border-style: solid; /*1차메뉴의 경우 position값이 필요 없음*/ } #menuTopUI #div ul#k2wiz_GNB{ position: relative; } #menuTopUI #div ul#k2wiz_GNB li.li_1{ position: relative;/*고정값*/ float: left; } /*2단계 영역 공통*/ #menuTopUI div.div_2{ position: absolute; width: 150px; margin: 0; padding: 0; border-width: 0; border-style: solid; /*2단계 세로메뉴의 경우, positon설정이 필요 없음*/ } #menuTopUI ul#k2wiz_GNB li ul{ position: relative; } #menuTopUI ul#k2wiz_GNB li ul li.li_2{ position: relative;/*고정값*/ display: block !important; } /*3단계 영역 공통*/ #menuTopUI div.div_3{ } #menuTopUI ul#k2wiz_GNB li ul li.li_2 ul.ul_3{ position: relative; } #menuTopUI ul#k2wiz_GNB li ul li.li_2 ul.ul_3 li.li_3{ position: relative;/*고정값*/ } /***************************************************** =주메뉴 영역 =영역 개별속성 *****************************************************/ #menuTopUI #div { width: 1000px !important; background: url("") left top no-repeat !important; margin: 0px 0px 0px -45px !important; padding: 0px 0px 0px 0px !important; border-width: px px px px !important; border-color: !important; border-style: solid; } #menuTopUI ul#k2wiz_GNB{ } #menuTopUI #div_12614796 { width: 156px !important; height: 35px !important; background: url("/user/aebes/mycodyimages/submenu_bg_n.png") left top no-repeat !important; left: -20px !important; margin: -5px 0px 0px 0px !important; padding: 15px 0px 0px 0px !important; border-width: 15px px px px !important; border-color: !important; border-style: solid; } #menuTopUI ul#k2wiz_GNB_ul_12614796{ } #menuTopUI #div_12614801 { width: 156px !important; height: 35px !important; background: url("/user/aebes/mycodyimages/submenu_bg_n.png") left top no-repeat !important; left: -40px !important; margin: 0px 0px 0px 20px !important; padding: 15px 0px 0px 0px !important; border-width: px px px px !important; border-color: !important; border-style: solid; } #menuTopUI ul#k2wiz_GNB_ul_12614801{ } #menuTopUI #div_12614803 { width: 156px !important; height: 85px !important; background: url("/user/aebes/mycodyimages/submenu_bg_n.png") left top no-repeat !important; left: -18px !important; margin: 0px 0px 0px 0px !important; padding: 15px 0px 0px 0px !important; border-width: px px px px !important; border-color: !important; border-style: solid; } #menuTopUI ul#k2wiz_GNB_ul_12614803{ } #menuTopUI #div_12614810 { width: 156px !important; height: 35px !important; background: url("/user/aebes/mycodyimages/submenu_bg_n.png") left top no-repeat !important; margin: 0px 0px 0px -10px !important; padding: 15px 0px 0px 0px !important; border-width: px px px px !important; border-color: !important; border-style: solid; } #menuTopUI ul#k2wiz_GNB_ul_12614810{ } #menuTopUI #div_12614816 { width: 156px !important; height: 85px !important; background: url("/user/aebes/mycodyimages/submenu_bg.gif") left top no-repeat !important; margin: 0px 0px 0px -30px !important; padding: 15px 0px 0px 0px !important; border-width: px px px px !important; border-color: !important; border-style: solid; } #menuTopUI ul#k2wiz_GNB_ul_12614816{ } #menuTopUI #div_12615372 { width: 156px !important; height: 140px !important; background: url("/user/aebes/mycodyimages/submenu_bg_n.png") left top no-repeat !important; left: 5px !important; margin: 0px 0px 0px 20px !important; padding: 15px 0px 0px 0px !important; border-width: px px px px !important; border-color: !important; border-style: solid; } #menuTopUI ul#k2wiz_GNB_ul_12615372{ } #menuTopUI #div_12628740 { width: 156px !important; height: 60px !important; background: url("/user/aebes/mycodyimages/submenu_bg_n.png") left top no-repeat !important; left: -50px !important; margin: 0px 0px 0px 20px !important; padding: 15px 0px 0px 0px !important; border-width: px px px px !important; border-color: !important; border-style: solid; } #menuTopUI ul#k2wiz_GNB_ul_12628740{ } #menuTopUI #div_ { width: 156px !important; height: 85px !important; background: url("/user/aebes/mycodyimages/submenu_bg.gif") left top no-repeat !important; margin: 0px 0px 0px -23px !important; padding: 15px 0px 0px 0px !important; border-width: px px px px !important; border-color: !important; border-style: solid; } #menuTopUI ul#k2wiz_GNB_ul_{ } /***************************************************** =주메뉴 영역 =동일 그룹, 동일 단계, 개별 메뉴 =개별메뉴속성 *****************************************************/ /* 개별 메뉴*/ #menuTopUI a#k2wiz_GNB_12628740 { /*font-family: "" ;*/ font-size: 18px !important; text-align: center !important; color: #4E4E4E !important; background: url("") no-repeat left top !important; margin: 0px 20px 0px 20px !important; padding: 0px 0px 0px 0px !important; border-style: solid; border-color: !important; border-width: 0px 0px 0px 0px !important; display: block; width: px !important; height: 40px !important; } #menuTopUI a#k2wiz_GNB_12628740:hover, #menuTopUI a#k2wiz_GNB_12628740.active, #menuTopUI a#k2wiz_GNB_12628740.activeOn { color: #4E4E4E !important; background :url("") no-repeat left top !important; } /* 개별 메뉴*/ #menuTopUI a#k2wiz_GNB_12615372 { /*font-family: "" ;*/ font-size: 18px !important; text-align: center !important; color: #4E4E4E !important; background: url("") no-repeat left top !important; margin: 0px 18px 0px 20px !important; padding: 0px 0px 0px 0px !important; border-style: solid; border-color: !important; border-width: 0px 0px 0px 0px !important; display: block; width: px !important; height: 40px !important; } #menuTopUI a#k2wiz_GNB_12615372:hover, #menuTopUI a#k2wiz_GNB_12615372.active, #menuTopUI a#k2wiz_GNB_12615372.activeOn { color: #4E4E4E !important; background :url("") no-repeat left top !important; } /* 개별 메뉴*/ #menuTopUI a#k2wiz_GNB_12614816 { /*font-family: "" ;*/ font-size: 20px !important; text-align: center !important; color: #FFFFFF !important; background: url("") no-repeat left top !important; margin: 0px 40px 0px 40px !important; padding: 0px 0px 0px 0px !important; border-style: solid; border-color: !important; border-width: 0px 0px 0px 0px !important; display: block; width: px !important; height: 40px !important; } #menuTopUI a#k2wiz_GNB_12614816:hover, #menuTopUI a#k2wiz_GNB_12614816.active, #menuTopUI a#k2wiz_GNB_12614816.activeOn { color: #FFFFFF !important; background :url("") no-repeat left top !important; } /* 개별 메뉴*/ #menuTopUI a#k2wiz_GNB_12614801 { /*font-family: "" ;*/ font-size: 18px !important; text-align: center !important; color: #4E4E4E !important; background: url("") no-repeat left top !important; margin: 0px 20px 0px 20px !important; padding: 0px 0px 0px 0px !important; border-style: solid; border-color: !important; border-width: 0px 0px 0px 0px !important; display: block; width: px !important; height: 40px !important; } #menuTopUI a#k2wiz_GNB_12614801:hover, #menuTopUI a#k2wiz_GNB_12614801.active, #menuTopUI a#k2wiz_GNB_12614801.activeOn { color: #4E4E4E !important; background :url("") no-repeat left top !important; } /* 개별 메뉴*/ #menuTopUI a#k2wiz_GNB_12614796 { /*font-family: "" ;*/ font-size: 18px !important; text-align: center !important; color: #4E4E4E !important; background: url("") no-repeat left top !important; margin: 0px 20px 0px 33px !important; padding: 0px 0px 0px 0px !important; border-style: solid; border-color: !important; border-width: 0px 0px 0px 0px !important; display: block; width: px !important; height: 45px !important; } #menuTopUI a#k2wiz_GNB_12614796:hover, #menuTopUI a#k2wiz_GNB_12614796.active, #menuTopUI a#k2wiz_GNB_12614796.activeOn { color: #4E4E4E !important; background :url("") no-repeat left top !important; } /* 동일 단계*/ #menuTopUI #div #k2wiz_GNB li a.a_1 { /*font-family: "" ;*/ font-size: 20px ; text-align: center ; color: #FFFFFF ; background: url("") no-repeat left top ; margin: 0px 40px 0px 40px ; padding: 0px 0px 0px 0px ; border-style: solid; border-color: ; border-width: 0px 0px 0px 0px ; display: block; width: px ; height: 40px ; } #menuTopUI #div_0 #k2wiz_GNB_ul_0 li a.a_1:hover, #menuTopUI #div_0 #k2wiz_GNB_ul_0 li a.a_1.active, #menuTopUI #div_0 #k2wiz_GNB_ul_0 li a.a_1.activeOn { color: #FFFFFF ; background :url("") no-repeat left top ; } /* 개별 메뉴*/ #menuTopUI a#k2wiz_GNB_12614803 { /*font-family: "" ;*/ font-size: 18px !important; text-align: center !important; color: #4E4E4E !important; background: url("") no-repeat left top !important; margin: 0px 20px 0px 20px !important; padding: 0px 0px 0px 0px !important; border-style: solid; border-color: !important; border-width: 0px 0px 0px 0px !important; display: block; width: px !important; height: 40px !important; } #menuTopUI a#k2wiz_GNB_12614803:hover, #menuTopUI a#k2wiz_GNB_12614803.active, #menuTopUI a#k2wiz_GNB_12614803.activeOn { color: #4E4E4E !important; background :url("") no-repeat left top !important; } /* 개별 메뉴*/ #menuTopUI a#k2wiz_GNB_12614810 { /*font-family: "" ;*/ font-size: 18px !important; text-align: center !important; color: #4E4E4E !important; background: url("") no-repeat left top !important; margin: 0px 20px 0px 20px !important; padding: 0px 0px 0px 0px !important; border-style: solid; border-color: !important; border-width: 0px 0px 0px 0px !important; display: block; width: px !important; height: 40px !important; } #menuTopUI a#k2wiz_GNB_12614810:hover, #menuTopUI a#k2wiz_GNB_12614810.active, #menuTopUI a#k2wiz_GNB_12614810.activeOn { color: #4E4E4E !important; background :url("") no-repeat left top !important; } /* 동일 단계*/ #menuTopUI #div_12614796 #k2wiz_GNB_ul_12614796 li a.a_2 { /*font-family: "" ;*/ font-size: 12px ; text-align: left ; color: #FFFFFF ; background: url("/user/aebes/mycodyimages/top_submenu_dot.gif") no-repeat left top ; margin: 0px 0px 0px 0px ; padding: 5px 0px 0px 24px ; border-style: solid; border-color: ; border-width: 0px 0px 0px 0px ; display: block; width: px ; height: 20px ; } #menuTopUI #div_12614796 #k2wiz_GNB_ul_12614796 li a.a_2:hover, #menuTopUI #div_12614796 #k2wiz_GNB_ul_12614796 li a.a_2.active, #menuTopUI #div_12614796 #k2wiz_GNB_ul_12614796 li a.a_2.activeOn { color: #FFFFFF ; background :url("/user/aebes/mycodyimages/top_submenu_dot.gif") no-repeat left top ; } /* 개별 메뉴*/ #menuTopUI a#k2wiz_GNB_12614797 { /*font-family: "" ;*/ font-size: 12px !important; text-align: left !important; color: #FFFFFF !important; background: url("/user/aebes/mycodyimages/top_submenu_dot.gif") no-repeat left top !important; margin: 0px 0px 0px 0px !important; padding: 5px 0px 0px 24px !important; border-style: solid; border-color: !important; border-width: 0px 0px 0px 0px !important; display: block; width: px !important; height: 20px !important; } #menuTopUI a#k2wiz_GNB_12614797:hover, #menuTopUI a#k2wiz_GNB_12614797.active, #menuTopUI a#k2wiz_GNB_12614797.activeOn { color: #FFFFFF !important; background :url("/user/aebes/mycodyimages/top_submenu_dot.gif") no-repeat left top !important; } /* 개별 메뉴*/ #menuTopUI a#k2wiz_GNB_12614802 { /*font-family: "" ;*/ font-size: 12px !important; text-align: left !important; color: #FFFFFF !important; background: url("/user/aebes/mycodyimages/top_submenu_dot.gif") no-repeat left top !important; margin: 0px 0px 0px 0px !important; padding: 5px 0px 0px 24px !important; border-style: solid; border-color: !important; border-width: 0px 0px 0px 0px !important; display: block; width: px !important; height: 20px !important; } #menuTopUI a#k2wiz_GNB_12614802:hover, #menuTopUI a#k2wiz_GNB_12614802.active, #menuTopUI a#k2wiz_GNB_12614802.activeOn { color: #FFFFFF !important; background :url("/user/aebes/mycodyimages/top_submenu_dot.gif") no-repeat left top !important; } /* 동일 단계*/ #menuTopUI #div_12614801 #k2wiz_GNB_ul_12614801 li a.a_2 { /*font-family: "" ;*/ font-size: 12px ; text-align: left ; color: #FFFFFF ; background: url("/user/aebes/mycodyimages/top_submenu_dot.gif") no-repeat left top ; margin: 0px 0px 0px 0px ; padding: 5px 0px 0px 24px ; border-style: solid; border-color: ; border-width: 0px 0px 0px 0px ; display: block; width: px ; height: 20px ; } #menuTopUI #div_12614801 #k2wiz_GNB_ul_12614801 li a.a_2:hover, #menuTopUI #div_12614801 #k2wiz_GNB_ul_12614801 li a.a_2.active, #menuTopUI #div_12614801 #k2wiz_GNB_ul_12614801 li a.a_2.activeOn { color: #FFFFFF ; background :url("/user/aebes/mycodyimages/top_submenu_dot.gif") no-repeat left top ; } /* 개별 메뉴*/ #menuTopUI a#k2wiz_GNB_12614804 { /*font-family: "" ;*/ font-size: 12px !important; text-align: left !important; color: #FFFFFF !important; background: url("/user/aebes/mycodyimages/top_submenu_dot.gif") no-repeat left top !important; margin: 0px 0px 0px 0px !important; padding: 5px 0px 0px 24px !important; border-style: solid; border-color: !important; border-width: 0px 0px 0px 0px !important; display: block; width: px !important; height: 20px !important; } #menuTopUI a#k2wiz_GNB_12614804:hover, #menuTopUI a#k2wiz_GNB_12614804.active, #menuTopUI a#k2wiz_GNB_12614804.activeOn { color: #FFFFFF !important; background :url("/user/aebes/mycodyimages/top_submenu_dot.gif") no-repeat left top !important; } /* 동일 단계*/ #menuTopUI #div_12614803 #k2wiz_GNB_ul_12614803 li a.a_2 { /*font-family: "" ;*/ font-size: 12px ; text-align: left ; color: #FFFFFF ; background: url("/user/aebes/mycodyimages/top_submenu_dot.gif") no-repeat left top ; margin: 0px 0px 0px 0px ; padding: 5px 0px 0px 24px ; border-style: solid; border-color: ; border-width: 0px 0px 0px 0px ; display: block; width: px ; height: 20px ; } #menuTopUI #div_12614803 #k2wiz_GNB_ul_12614803 li a.a_2:hover, #menuTopUI #div_12614803 #k2wiz_GNB_ul_12614803 li a.a_2.active, #menuTopUI #div_12614803 #k2wiz_GNB_ul_12614803 li a.a_2.activeOn { color: #FFFFFF ; background :url("/user/aebes/mycodyimages/top_submenu_dot.gif") no-repeat left top ; } /* 개별 메뉴*/ #menuTopUI a#k2wiz_GNB_12614811 { /*font-family: "" ;*/ font-size: 12px !important; text-align: left !important; color: #FFFFFF !important; background: url("/user/aebes/mycodyimages/top_submenu_dot.gif") no-repeat left top !important; margin: 0px 0px 0px 0px !important; padding: 5px 0px 0px 24px !important; border-style: solid; border-color: !important; border-width: 0px 0px 0px 0px !important; display: block; width: px !important; height: 20px !important; } #menuTopUI a#k2wiz_GNB_12614811:hover, #menuTopUI a#k2wiz_GNB_12614811.active, #menuTopUI a#k2wiz_GNB_12614811.activeOn { color: #FFFFFF !important; background :url("/user/aebes/mycodyimages/top_submenu_dot.gif") no-repeat left top !important; } /* 동일 단계*/ #menuTopUI #div_12614810 #k2wiz_GNB_ul_12614810 li a.a_2 { /*font-family: "" ;*/ font-size: 12px ; text-align: left ; color: #FFFFFF ; background: url("/user/aebes/mycodyimages/top_submenu_dot.gif") no-repeat left top ; margin: 0px 0px 0px 0px ; padding: 5px 0px 0px 24px ; border-style: solid; border-color: ; border-width: 0px 0px 0px 0px ; display: block; width: px ; height: 20px ; } #menuTopUI #div_12614810 #k2wiz_GNB_ul_12614810 li a.a_2:hover, #menuTopUI #div_12614810 #k2wiz_GNB_ul_12614810 li a.a_2.active, #menuTopUI #div_12614810 #k2wiz_GNB_ul_12614810 li a.a_2.activeOn { color: #FFFFFF ; background :url("/user/aebes/mycodyimages/top_submenu_dot.gif") no-repeat left top ; } /* 동일 단계*/ #menuTopUI #div_12614816 #k2wiz_GNB_ul_12614816 li a.a_2 { /*font-family: "" ;*/ font-size: 12px ; text-align: left ; color: #FFFFFF ; background: url("/user/aebes/mycodyimages/top_submenu_dot.gif") no-repeat left top ; margin: 0px 0px 0px 0px ; padding: 5px 0px 0px 24px ; border-style: solid; border-color: ; border-width: 0px 0px 0px 0px ; display: block; width: px ; height: 20px ; } #menuTopUI #div_12614816 #k2wiz_GNB_ul_12614816 li a.a_2:hover, #menuTopUI #div_12614816 #k2wiz_GNB_ul_12614816 li a.a_2.active, #menuTopUI #div_12614816 #k2wiz_GNB_ul_12614816 li a.a_2.activeOn { color: #FFFFFF ; background :url("/user/aebes/mycodyimages/top_submenu_dot.gif") no-repeat left top ; } /* 개별 메뉴*/ #menuTopUI a#k2wiz_GNB_12614817 { /*font-family: "" ;*/ font-size: 12px !important; text-align: left !important; color: #FFFFFF !important; background: url("/user/aebes/mycodyimages/top_submenu_dot.gif") no-repeat left top !important; margin: 0px 0px 0px 0px !important; padding: 5px 0px 0px 24px !important; border-style: solid; border-color: !important; border-width: 0px 0px 0px 0px !important; display: block; width: px !important; height: 20px !important; } #menuTopUI a#k2wiz_GNB_12614817:hover, #menuTopUI a#k2wiz_GNB_12614817.active, #menuTopUI a#k2wiz_GNB_12614817.activeOn { color: #FFFFFF !important; background :url("/user/aebes/mycodyimages/top_submenu_dot.gif") no-repeat left top !important; } /* 개별 메뉴*/ #menuTopUI a#k2wiz_GNB_12657669 { /*font-family: "" ;*/ font-size: 12px !important; text-align: left !important; color: #FFFFFF !important; background: url("/user/aebes/mycodyimages/top_submenu_dot.gif") no-repeat left top !important; margin: 0px 0px 0px 0px !important; padding: 5px 0px 0px 24px !important; border-style: solid; border-color: !important; border-width: 0px 0px 0px 0px !important; display: block; width: px !important; height: 20px !important; } #menuTopUI a#k2wiz_GNB_12657669:hover, #menuTopUI a#k2wiz_GNB_12657669.active, #menuTopUI a#k2wiz_GNB_12657669.activeOn { color: #FFFFFF !important; background :url("/user/aebes/mycodyimages/top_submenu_dot.gif") no-repeat left top !important; } /* 동일 그룹 */ #menuTopUI ul.ul_2 li.li_2 a.a_2 { /*font-family: "" ;*/ font-size: 12px ; text-align: left ; color: #FFFFFF ; background: url("/user/aebes/mycodyimages/top_submenu_dot.gif") no-repeat left top ; margin: 0px 0px 0px 0px ; padding: 5px 0px 0px 24px ; border-style: solid; border-color: ; border-width: 0px 0px 0px 0px ; display: block; width: px ; height: 20px ; } #menuTopUI ul.ul_2 li.li_2 a.a_2:hover, #menuTopUI ul.ul_2 li.li_2 a.a_2.active, #menuTopUI ul.ul_2 li.li_2 a.a_2.activeOn { color: #FFFFFF ; background :url("/user/aebes/mycodyimages/top_submenu_dot.gif") no-repeat left top ; } /* 동일 그룹 */ #menuTopUI ul.ul_2 li.li_2 a.a_2 { /*font-family: "" ;*/ font-size: 12px ; text-align: left ; color: #FFFFFF ; background: url("/user/aebes/mycodyimages/top_submenu_dot.gif") no-repeat left top ; margin: 0px 0px 0px 0px ; padding: 5px 0px 0px 24px ; border-style: solid; border-color: ; border-width: 0px 0px 0px 0px ; display: block; width: px ; height: 20px ; } #menuTopUI ul.ul_2 li.li_2 a.a_2:hover, #menuTopUI ul.ul_2 li.li_2 a.a_2.active, #menuTopUI ul.ul_2 li.li_2 a.a_2.activeOn { color: #FFFFFF ; background :url("/user/aebes/mycodyimages/top_submenu_dot.gif") no-repeat left top ; } /***************************************************** =서브타이틀메뉴 영역 *****************************************************/ .menuSubTitle{ position: relative; min-height: 20px; } #menuSubTitleUI_12614803 { background: url("/user/aebes/mycodyimages/left_title_03.gif") no-repeat left top !important; min-width: 50px !important; text-indent: -5000px !important; font-size: 0 !important; width: 187px !important; height: 100px !important; } .menuSubTitleUI_0_1 { background: url("/user/aebes/mycodyimages/left_title_06.gif") no-repeat left top ; min-width: 50px ; text-indent: -5000px ; font-size: 0 ; width: 187px ; height: 100px ; } #menuSubTitleUI_12614816 { background: url("/user/aebes/mycodyimages/left_title_05.gif") no-repeat left top !important; min-width: 50px !important; text-indent: -5000px !important; font-size: 0 !important; width: 187px !important; height: 100px !important; } #menuSubTitleUI_12614796 { background: url("/user/aebes/mycodyimages/left_title_01.gif") no-repeat left top !important; min-width: 50px !important; text-indent: -5000px !important; font-size: 0 !important; width: 187px !important; height: 100px !important; } #menuSubTitleUI_12614801 { background: url("/user/aebes/mycodyimages/left_title_02.gif") no-repeat left top !important; min-width: 50px !important; text-indent: -5000px !important; font-size: 0 !important; width: 187px !important; height: 100px !important; } #menuSubTitleUI_12614810 { background: url("/user/aebes/mycodyimages/left_title_05.gif") no-repeat left top !important; min-width: 50px !important; text-indent: -5000px !important; font-size: 0 !important; width: 187px !important; height: 100px !important; } #menuSubTitleUI_12615372 { background: url("/user/aebes/mycodyimages/left_title_04.gif") no-repeat left top !important; min-width: 50px !important; text-indent: -5000px !important; font-size: 0 !important; width: 187px !important; height: 100px !important; } #menuSubTitleUI_12614820 { background: url("/user/aebes/mycodyimages/left_title_07.gif") no-repeat left top !important; min-width: 50px !important; text-indent: -5000px !important; font-size: 0 !important; width: 187px !important; height: 100px !important; } /***************************************************** =서브메뉴 영역 =common *****************************************************/ #menuSubUI a{ display: block; font-family: "돋움",dotum; font-size: 12px; text-align: left; color: #000; border-style: solid; border-width: 0; margin: 0; padding: 0; /* width: px; height: px; */ } #menuSubUI a:hover, #menuSubUI a.active{ color: #000; } #menuSubUI a.activeOn{ font-weight: bold; } #menuSubUI ul#k2wiz_GNB div{ display: none; } /***************************************************** =서브메뉴 영역 =기본 CSS *****************************************************/ /*1단계 영역 공통*/ #menuSubUI .div_1{ width: 150px; height: ; margin: 0; padding: 0; border-width: 0; border-style: solid; /*1차메뉴의 경우 position값이 필요 없음*/ } #menuSubUI .div_1 ul#k2wiz_GNB{ position: relative; } #menuSubUI .div_1 ul#k2wiz_GNB li.li_1{ position: relative;/*고정값*/ display: block; } /*2단계 영역 공통*/ #menuSubUI div.div_2{ width: 150px; margin: 0; padding: 0; border-width: 0; border-style: solid; /*2단계 세로메뉴의 경우, positon설정이 필요 없음*/ } #menuSubUI ul#k2wiz_GNB li ul{ position: relative; } #menuSubUI ul#k2wiz_GNB li ul li.li_2{ position: relative;/*고정값*/ display: block !important; } /*3단계 영역 공통*/ #menuSubUI div.div_3{ } #menuSubUI ul#k2wiz_GNB li ul li.li_2 ul.ul_3{ position: relative; } #menuSubUI ul#k2wiz_GNB li ul li.li_2 ul.ul_3 li.li_3{ position: relative;/*고정값*/ } /***************************************************** =서브메뉴 영역 =영역 개별속성 *****************************************************/ #menuSubUI div#div_12614804 { width: 186px !important; background: url("") #FFFFFF left top no-repeat !important; margin: 0px 0px 0px; 0px !important; padding: 0px 0px 0px 0px !important; border-width: px 1px 1px px !important; border-color: !important; border-style: solid; } #menuSubUI ul#k2wiz_GNB_ul_12614804{ } /***************************************************** =서브메뉴 영역 =동일 그룹, 동일 단계, 개별 메뉴 =개별메뉴속성 *****************************************************/ /* 개별 메뉴*/ #menuSubUI a#k2wiz_GNB_12614797 { /*font-family: "" !important;*/ font-size: 12px !important; text-align: left !important; color: #666666 !important; background: url("") #FFFFFF no-repeat left top !important; margin: 0px 0px 0px 0px !important; padding: 14px 0px 0px 15px !important; border-style: solid; border-color: #CDD2D6 #CDD2D6 #CDD2D6 !important; border-width: 0px 1px 1px 1px !important; width: 170px !important; height: 30px !important; } #menuSubUI a#k2wiz_GNB_12614797:hover, #menuSubUI a#k2wiz_GNB_12614797.active, #menuSubUI a#k2wiz_GNB_12614797.activeOn { color: #01653F !important; background :url("") #FFFFFF no-repeat left top !important; } /* 동일 그룹 */ #menuSubUI #div_12614796 ul.ul_1 li.li_1 a.a_1 { /*font-family: "" ;*/ font-size: 12px ; text-align: left ; color: #666666 ; background: url("") #FFFFFF no-repeat left top ; margin: 0px 0px 0px 0px ; padding: 14px 0px 0px 15px ; border-style: solid; border-color: #CDD2D6 #CDD2D6 #CDD2D6 ; border-width: 0px 1px 1px 1px ; width: 170px ; height: 30px ; } #menuSubUI #div_12614796 ul.ul_1 li.li_1 a.a_1:hover, #menuSubUI #div_12614796 ul.ul_1 li.li_1 a.a_1.active, #menuSubUI #div_12614796 ul.ul_1 li.li_1 a.a_1.activeOn { color: #01653F ; background :url("") #FFFFFF no-repeat left top ; } /* 동일 그룹 */ #menuSubUI #div_12614801 ul.ul_1 li.li_1 a.a_1 { /*font-family: "" ;*/ font-size: 12px ; text-align: left ; color: #666666 ; background: url("") #FFFFFF no-repeat left top ; margin: 0px 0px 0px 0px ; padding: 14px 0px 0px 15px ; border-style: solid; border-color: #CDD2D6 #CDD2D6 #CDD2D6 ; border-width: 0px 1px 1px 1px ; width: 170px ; height: 30px ; } #menuSubUI #div_12614801 ul.ul_1 li.li_1 a.a_1:hover, #menuSubUI #div_12614801 ul.ul_1 li.li_1 a.a_1.active, #menuSubUI #div_12614801 ul.ul_1 li.li_1 a.a_1.activeOn { color: #01653F ; background :url("") #FFFFFF no-repeat left top ; } /* 개별 메뉴*/ #menuSubUI a#k2wiz_GNB_12614802 { /*font-family: "" !important;*/ font-size: 12px !important; text-align: left !important; color: #666666 !important; background: url("") #FFFFFF no-repeat left top !important; margin: 0px 0px 0px 0px !important; padding: 14px 0px 0px 15px !important; border-style: solid; border-color: #CDD2D6 #CDD2D6 #CDD2D6 !important; border-width: 0px 1px 1px 1px !important; width: 170px !important; height: 30px !important; } #menuSubUI a#k2wiz_GNB_12614802:hover, #menuSubUI a#k2wiz_GNB_12614802.active, #menuSubUI a#k2wiz_GNB_12614802.activeOn { color: #01653F !important; background :url("") #FFFFFF no-repeat left top !important; } /* 개별 메뉴*/ #menuSubUI a#k2wiz_GNB_12614804 { /*font-family: "" !important;*/ font-size: 12px !important; text-align: left !important; color: #666666 !important; background: url("") #FFFFFF no-repeat left top !important; margin: 0px 0px 0px 0px !important; padding: 14px 0px 0px 15px !important; border-style: solid; border-color: #CDD2D6 #CDD2D6 #CDD2D6 !important; border-width: 0px 1px 1px 1px !important; width: 170px !important; height: 30px !important; } #menuSubUI a#k2wiz_GNB_12614804:hover, #menuSubUI a#k2wiz_GNB_12614804.active, #menuSubUI a#k2wiz_GNB_12614804.activeOn { color: #01653F !important; background :url("") #FFFFFF no-repeat left top !important; } /* 동일 그룹 */ #menuSubUI #div_12614803 ul.ul_1 li.li_1 a.a_1 { /*font-family: "" ;*/ font-size: 12px ; text-align: left ; color: #666666 ; background: url("") #FFFFFF no-repeat left top ; margin: 0px 0px 0px 0px ; padding: 14px 0px 0px 15px ; border-style: solid; border-color: #CDD2D6 #CDD2D6 #CDD2D6 ; border-width: 0px 1px 1px 1px ; width: 170px ; height: 30px ; } #menuSubUI #div_12614803 ul.ul_1 li.li_1 a.a_1:hover, #menuSubUI #div_12614803 ul.ul_1 li.li_1 a.a_1.active, #menuSubUI #div_12614803 ul.ul_1 li.li_1 a.a_1.activeOn { color: #01653F ; background :url("") #FFFFFF no-repeat left top ; } /* 개별 메뉴*/ #menuSubUI a#k2wiz_GNB_12614807 { /*font-family: "" !important;*/ font-size: 12px !important; text-align: left !important; color: #666666 !important; background: url("") #FFFFFF no-repeat left top !important; margin: -1px 0px 0px 0px !important; padding: 14px 0px 0px 15px !important; border-style: solid; border-color: #CDD2D6 #CDD2D6 #CDD2D6 !important; border-width: 1px 1px 1px 1px !important; width: 170px !important; height: 30px !important; } #menuSubUI a#k2wiz_GNB_12614807:hover, #menuSubUI a#k2wiz_GNB_12614807.active, #menuSubUI a#k2wiz_GNB_12614807.activeOn { color: #01653F !important; background :url("") #FFFFFF no-repeat left top !important; } /* 개별 메뉴*/ #menuSubUI a#k2wiz_GNB_12614805 { /*font-family: "" !important;*/ font-size: 12px !important; text-align: left !important; color: #666666 !important; background: url("/user/aebes/mycodyimages/mbg2.gif") no-repeat left top !important; margin: 0px 0px 0px 0px !important; padding: 5px 0px 0px 35px !important; border-style: solid; border-color: !important; border-width: 0px 0px 0px 0px !important; width: 130px !important; height: px !important; } #menuSubUI a#k2wiz_GNB_12614805:hover, #menuSubUI a#k2wiz_GNB_12614805.active, #menuSubUI a#k2wiz_GNB_12614805.activeOn { color: #006641 !important; background :url("/user/aebes/mycodyimages/mbg2_f.gif") no-repeat left top !important; } /* 동일 그룹 */ #menuSubUI #div_12614804 ul.ul_1 li.li_1 a.a_1 { /*font-family: "" ;*/ font-size: 12px ; text-align: left ; color: #666666 ; background: url("/user/aebes/mycodyimages/mbg2.gif") no-repeat left top ; margin: 0px 0px 0px 0px ; padding: 5px 0px 0px 35px ; border-style: solid; border-color: #ADADAD ; border-width: 0px 1px 0px 0px ; width: 130px ; height: px ; } #menuSubUI #div_12614804 ul.ul_1 li.li_1 a.a_1:hover, #menuSubUI #div_12614804 ul.ul_1 li.li_1 a.a_1.active, #menuSubUI #div_12614804 ul.ul_1 li.li_1 a.a_1.activeOn { color: #006641 ; background :url("/user/aebes/mycodyimages/mbg2_f.gif") no-repeat left top ; } /* 개별 메뉴*/ #menuSubUI a#k2wiz_GNB_12614806 { /*font-family: "" !important;*/ font-size: 12px !important; text-align: left !important; color: #666666 !important; background: url("/user/aebes/mycodyimages/mbg2.gif") no-repeat left top !important; margin: 0px 0px 0px 0px !important; padding: 5px 0px 5px 35px !important; border-style: solid; border-color: !important; border-width: 0px 0px 0px 0px !important; width: 130px !important; height: px !important; } #menuSubUI a#k2wiz_GNB_12614806:hover, #menuSubUI a#k2wiz_GNB_12614806.active, #menuSubUI a#k2wiz_GNB_12614806.activeOn { color: #006641 !important; background :url("/user/aebes/mycodyimages/mbg2_f.gif") no-repeat left top !important; } /* 동일 그룹 */ #menuSubUI #div_12614810 ul.ul_1 li.li_1 a.a_1 { /*font-family: "" ;*/ font-size: 12px ; text-align: left ; color: #666666 ; background: url("") #FFFFFF no-repeat left top ; margin: 0px 0px 0px 0px ; padding: 14px 0px 0px 15px ; border-style: solid; border-color: #CDD2D6 #CDD2D6 #CDD2D6 ; border-width: 0px 1px 1px 1px ; width: 170px ; height: 30px ; } #menuSubUI #div_12614810 ul.ul_1 li.li_1 a.a_1:hover, #menuSubUI #div_12614810 ul.ul_1 li.li_1 a.a_1.active, #menuSubUI #div_12614810 ul.ul_1 li.li_1 a.a_1.activeOn { color: #01653F ; background :url("") #FFFFFF no-repeat left top ; } /* 개별 메뉴*/ #menuSubUI a#k2wiz_GNB_12614811 { /*font-family: "" !important;*/ font-size: 12px !important; text-align: left !important; color: #666666 !important; background: url("") #FFFFFF no-repeat left top !important; margin: 0px 0px 0px 0px !important; padding: 14px 0px 0px 15px !important; border-style: solid; border-color: #CDD2D6 #CDD2D6 #CDD2D6 !important; border-width: 0px 1px 1px 1px !important; width: 170px !important; height: 30px !important; } #menuSubUI a#k2wiz_GNB_12614811:hover, #menuSubUI a#k2wiz_GNB_12614811.active, #menuSubUI a#k2wiz_GNB_12614811.activeOn { color: #01653F !important; background :url("") #FFFFFF no-repeat left top !important; } /* 개별 메뉴*/ #menuSubUI a#k2wiz_GNB_12614817 { /*font-family: "" !important;*/ font-size: 12px !important; text-align: left !important; color: #666666 !important; background: url("") #FFFFFF no-repeat left top !important; margin: 0px 0px 0px 0px !important; padding: 14px 0px 0px 15px !important; border-style: solid; border-color: #CDD2D6 #CDD2D6 #CDD2D6 !important; border-width: 0px 1px 1px 1px !important; width: 170px !important; height: 30px !important; } #menuSubUI a#k2wiz_GNB_12614817:hover, #menuSubUI a#k2wiz_GNB_12614817.active, #menuSubUI a#k2wiz_GNB_12614817.activeOn { color: #666666 !important; background :url("") #FFFFFF no-repeat left top !important; } /* 동일 그룹 */ #menuSubUI #div_12614816 ul.ul_1 li.li_1 a.a_1 { /*font-family: "" ;*/ font-size: 12px ; text-align: left ; color: #666666 ; background: url("") #FFFFFF no-repeat left top ; margin: 0px 0px 0px 0px ; padding: 14px 0px 0px 15px ; border-style: solid; border-color: #CDD2D6 #CDD2D6 #CDD2D6 ; border-width: 0px 1px 1px 1px ; width: 170px ; height: 30px ; } #menuSubUI #div_12614816 ul.ul_1 li.li_1 a.a_1:hover, #menuSubUI #div_12614816 ul.ul_1 li.li_1 a.a_1.active, #menuSubUI #div_12614816 ul.ul_1 li.li_1 a.a_1.activeOn { color: #666666 ; background :url("") #FFFFFF no-repeat left top ; } /* 개별 메뉴*/ #menuSubUI a#k2wiz_GNB_12614821 { /*font-family: "" !important;*/ font-size: 12px !important; text-align: left !important; color: #666666 !important; background: url("") #FFFFFF no-repeat left top !important; margin: 0px 0px 0px 0px !important; padding: 14px 0px 0px 15px !important; border-style: solid; border-color: #CDD2D6 #CDD2D6 #CDD2D6 !important; border-width: 0px 1px 1px 1px !important; width: 170px !important; height: 30px !important; } #menuSubUI a#k2wiz_GNB_12614821:hover, #menuSubUI a#k2wiz_GNB_12614821.active, #menuSubUI a#k2wiz_GNB_12614821.activeOn { color: #01653F !important; background :url("") #FFFFFF no-repeat left top !important; } /* 동일 그룹 */ #menuSubUI #div_12614820 ul.ul_1 li.li_1 a.a_1 { /*font-family: "" ;*/ font-size: 12px ; text-align: left ; color: #666666 ; background: url("") #FFFFFF no-repeat left top ; margin: 0px 0px 0px 0px ; padding: 14px 0px 0px 15px ; border-style: solid; border-color: #CDD2D6 #CDD2D6 #CDD2D6 ; border-width: 0px 1px 1px 1px ; width: 170px ; height: 30px ; } #menuSubUI #div_12614820 ul.ul_1 li.li_1 a.a_1:hover, #menuSubUI #div_12614820 ul.ul_1 li.li_1 a.a_1.active, #menuSubUI #div_12614820 ul.ul_1 li.li_1 a.a_1.activeOn { color: #01653F ; background :url("") #FFFFFF no-repeat left top ; } /* 개별 메뉴*/ #menuSubUI a#k2wiz_GNB_12745927 { /*font-family: "" !important;*/ font-size: 12px !important; text-align: left !important; color: #666666 !important; background: url("") #FFFFFF no-repeat left top !important; margin: 0px 0px 0px 0px !important; padding: 14px 0px 0px 15px !important; border-style: solid; border-color: #CDD2D6 #CDD2D6 #CDD2D6 !important; border-width: 0px 1px 1px 1px !important; width: 170px !important; height: 30px !important; } #menuSubUI a#k2wiz_GNB_12745927:hover, #menuSubUI a#k2wiz_GNB_12745927.active, #menuSubUI a#k2wiz_GNB_12745927.activeOn { color: #01653F !important; background :url("") #FFFFFF no-repeat left top !important; } /* 개별 메뉴*/ #menuSubUI a#k2wiz_GNB_12615389 { /*font-family: "" !important;*/ font-size: 12px !important; text-align: left !important; color: #666666 !important; background: url("") #FFFFFF no-repeat left top !important; margin: 0px 0px 0px 0px !important; padding: 14px 0px 0px 15px !important; border-style: solid; border-color: #CDD2D6 #CDD2D6 #CDD2D6 !important; border-width: 0px 1px 1px 1px !important; width: 170px !important; height: 30px !important; } #menuSubUI a#k2wiz_GNB_12615389:hover, #menuSubUI a#k2wiz_GNB_12615389.active, #menuSubUI a#k2wiz_GNB_12615389.activeOn { color: #01653F !important; background :url("") #FFFFFF no-repeat left top !important; } /* 개별 메뉴*/ #menuSubUI a#k2wiz_GNB_12615384 { /*font-family: "" !important;*/ font-size: 12px !important; text-align: left !important; color: #666666 !important; background: url("") #FFFFFF no-repeat left top !important; margin: 0px 0px 0px 0px !important; padding: 14px 0px 0px 15px !important; border-style: solid; border-color: #CDD2D6 #CDD2D6 #CDD2D6 !important; border-width: 0px 1px 1px 1px !important; width: 170px !important; height: 30px !important; } #menuSubUI a#k2wiz_GNB_12615384:hover, #menuSubUI a#k2wiz_GNB_12615384.active, #menuSubUI a#k2wiz_GNB_12615384.activeOn { color: #01653F !important; background :url("") #FFFFFF no-repeat left top !important; } /* 개별 메뉴*/ #menuSubUI a#k2wiz_GNB_12615397 { /*font-family: "" !important;*/ font-size: 12px !important; text-align: left !important; color: #666666 !important; background: url("") #FFFFFF no-repeat left top !important; margin: 0px 0px 0px 0px !important; padding: 14px 0px 0px 15px !important; border-style: solid; border-color: #CDD2D6 #CDD2D6 #CDD2D6 !important; border-width: 0px 1px 1px 1px !important; width: 170px !important; height: 30px !important; } #menuSubUI a#k2wiz_GNB_12615397:hover, #menuSubUI a#k2wiz_GNB_12615397.active, #menuSubUI a#k2wiz_GNB_12615397.activeOn { color: #01653F !important; background :url("") #FFFFFF no-repeat left top !important; } /* 개별 메뉴*/ #menuSubUI a#k2wiz_GNB_12745831 { /*font-family: "" !important;*/ font-size: 12px !important; text-align: left !important; color: #666666 !important; background: url("") #FFFFFF no-repeat left top !important; margin: 0px 0px 0px 0px !important; padding: 14px 0px 0px 15px !important; border-style: solid; border-color: #CDD2D6 #CDD2D6 #CDD2D6 !important; border-width: 0px 1px 1px 1px !important; width: 170px !important; height: 30px !important; } #menuSubUI a#k2wiz_GNB_12745831:hover, #menuSubUI a#k2wiz_GNB_12745831.active, #menuSubUI a#k2wiz_GNB_12745831.activeOn { color: #01653F !important; background :url("") #FFFFFF no-repeat left top !important; } /* 개별 메뉴*/ #menuSubUI a#k2wiz_GNB_12657669 { /*font-family: "" !important;*/ font-size: 12px !important; text-align: left !important; color: #666666 !important; background: url("") #FFFFFF no-repeat left top !important; margin: 0px 0px 0px 0px !important; padding: 14px 0px 0px 15px !important; border-style: solid; border-color: #CDD2D6 #CDD2D6 #CDD2D6 !important; border-width: 0px 1px 1px 1px !important; width: 170px !important; height: 30px !important; } #menuSubUI a#k2wiz_GNB_12657669:hover, #menuSubUI a#k2wiz_GNB_12657669.active, #menuSubUI a#k2wiz_GNB_12657669.activeOn { color: #01653F !important; background :url("") #FFFFFF no-repeat left top !important; } /* 동일 단계*/ #menuSubUI ul.ul_1 li.li_1 a.a_1 { /*font-family: "" ;*/ font-size: 12px ; text-align: left ; color: #666666 ; background: url("") #FFFFFF no-repeat left top ; margin: 0px 0px 0px 0px ; padding: 14px 0px 0px 15px ; border-style: solid; border-color: #CDD2D6 #CDD2D6 #CDD2D6 ; border-width: 0px 1px 1px 1px ; width: 170px ; height: 30px ; } #menuSubUI ul.ul_1 li.li_1 a.a_1:hover, #menuSubUI ul.ul_2 li.li_2 a.a_2.active, #menuSubUI ul.ul_2 li.li_2 a.a_2.activeOn { color: #01653F ; background :url("") #FFFFFF no-repeat left top ; } /* 동일 단계*/ #menuSubUI ul.ul_1 li.li_1 a.a_1 { /*font-family: "" ;*/ font-size: 12px ; text-align: left ; color: #666666 ; background: url("") #FFFFFF no-repeat left top ; margin: 0px 0px 0px 0px ; padding: 14px 0px 0px 15px ; border-style: solid; border-color: #CDD2D6 #CDD2D6 #CDD2D6 ; border-width: 0px 1px 1px 1px ; width: 170px ; height: 30px ; } #menuSubUI ul.ul_1 li.li_1 a.a_1:hover, #menuSubUI ul.ul_2 li.li_2 a.a_2.active, #menuSubUI ul.ul_2 li.li_2 a.a_2.activeOn { color: #01653F ; background :url("") #FFFFFF no-repeat left top ; } /***************************************************** =탭메뉴 영역 =common *****************************************************/ #menuTabUI a{ display: block; font-family: "돋움",dotum; font-size: 12px; text-align: left; color: #000; border-style: solid; border-width: 0; margin: 0; padding: 0; /* width: px; height: px; */ } #menuTabUI a:hover, #menuTabUI a.active{ color: #000; } #menuTabUI a.activeOn{ font-weight: bold; } #menuTabUI ul#k2wiz_GNB div{ display: none; } /***************************************************** =탭메뉴 영역 =기본 CSS *****************************************************/ /*1단계 영역 공통*/ #menuTabUI .div_1{ width: 900px; height: ; margin: 0; padding: 0; border-width: 0; border-style: solid; /*1차메뉴의 경우 position값이 필요 없음*/ } #menuTabUI .div_1 ul#k2wiz_GNB{ position: relative; } #menuTabUI .div_1 ul#k2wiz_GNB li.li_1{ position: relative;/*고정값*/ float: left; } /*2단계 영역 공통*/ #menuTabUI div.div_2{ position: absolute; width: 900px; height: ; margin: 0; padding: 0; border-width: 0; border-style: solid; left: 0; } #menuTabUI ul#k2wiz_GNB li ul{ position: relative; } #menuTabUI ul#k2wiz_GNB li ul li.li_2{ position: relative;/*고정값*/ float: left !important; } /*3단계 영역 공통*/ #menuTabUI div.div_3{ } #menuTabUI ul#k2wiz_GNB li ul li.li_2 ul.ul_3{ position: relative; } #menuTabUI ul#k2wiz_GNB li ul li.li_2 ul.ul_3 li.li_3{ position: relative;/*고정값*/ } /***************************************************** =탭메뉴 영역 =영역 개별속성 *****************************************************/ /***************************************************** =탭메뉴 영역 =동일 그룹, 동일 단계, 개별 메뉴 =개별메뉴속성 *****************************************************/