/***************************************************** =주메뉴 영역 =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; } #menuTopUI a:hover, #menuTopUI a.active{ color: #000; } #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: 900px; height: ; margin: 0; padding: 0; border-width: 0; border-style: solid; left: 0; } #menuTopUI ul#k2wiz_GNB li ul{ position: relative; } #menuTopUI ul#k2wiz_GNB li ul li.li_2{ position: relative;/*고정값*/ float: left !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: 1300px !important; height: 35px !important; background: url("/user/sangmu/mycodyimages/main_gnb_bg.png") left top no-repeat !important; left: 0px !important; margin: 0px 0px 0px 0px !important; padding: 0px 0px 0px 0px !important; border-width: 0px 0px 0px 0px !important; border-color: !important; border-style: solid; } #menuTopUI ul#k2wiz_GNB{ } #menuTopUI #div_70755 { margin: 0px 0px 0px 0px !important; padding: 0px 20px 0px 20px !important; border-width: 0px 0px 0px 0px !important; border-color: #45D9ED !important; border-style: solid; } #menuTopUI ul#k2wiz_GNB_ul_70755{ } #menuTopUI #div_70764 { margin: 0px 0px 0px 0px !important; padding: 0px 0px 0px 0px !important; border-width: px px px px !important; border-color: !important; border-style: solid; } #menuTopUI ul#k2wiz_GNB_ul_70764{ } #menuTopUI #div_70796 { left: -100px !important; margin: 0px 0px 0px 0px !important; padding: 0px 20px 0px 20px !important; border-width: px px px px !important; border-color: !important; border-style: solid; } #menuTopUI ul#k2wiz_GNB_ul_70796{ } #menuTopUI #div_70803 { width: 540px !important; left: -150px !important; margin: 0px 0px 0px 0px !important; padding: 0px 0px 0px 0px !important; border-width: px px px px !important; border-color: !important; border-style: solid; } #menuTopUI ul#k2wiz_GNB_ul_70803{ } #menuTopUI #div_70809 { left: -200px !important; margin: 0px 0px 0px 0px !important; padding: 0px 0px 0px 0px !important; border-width: px px px px !important; border-color: !important; border-style: solid; } #menuTopUI ul#k2wiz_GNB_ul_70809{ } #menuTopUI #div_70819 { left: -50px !important; margin: 0px 0px 0px 0px !important; padding: 0px 0px 0px 0px !important; border-width: px px px px !important; border-color: !important; border-style: solid; } #menuTopUI ul#k2wiz_GNB_ul_70819{ } #menuTopUI #div_152492153 { width: 700px !important; left: -400px !important; margin: 0px 0px 0px 0px !important; padding: 0px 0px 0px 0px !important; border-width: px px px px !important; border-color: !important; border-style: solid; } #menuTopUI ul#k2wiz_GNB_ul_152492153{ } /***************************************************** =주메뉴 영역 =동일 그룹, 동일 단계, 개별 메뉴 =개별메뉴속성 *****************************************************/ /* 동일 그룹 */ #menuTopUI ul.ul_1 li.li_1 a.a_1 { font-family: "돋움" ; font-size: 15px ; font-weight:bold; text-align: center ; color: #FFFFFF ; background: url("") no-repeat left top ; margin: 0px 50px 0px 35px ; padding: 6px 0px 0px 0px ; border-style: solid; border-color: ; border-width: 0px 0px 0px 0px ; display: block; width: 130px ; height: 29px ; } #menuTopUI ul.ul_1 li.li_1 a.a_1:hover, #menuTopUI ul.ul_1 li.li_1 a.a_1.active { color: #FFFFFF ; background :url("") #3F63C5 no-repeat left top ; } /* 개별 메뉴*/ #menuTopUI a#k2wiz_GNB_70755 { font-family: "돋움" !important; font-size: 15px !important; font-weight:bold; text-align: center !important; color: #FFFFFF !important; background: url("") no-repeat left top !important; margin: 0px 40px 0px 50px !important; padding: 6px 0px 0px 0px !important; border-style: solid; border-color: !important; border-width: 0px 0px 0px 0px !important; display: block; width: 130px !important; height: 29px !important; } #menuTopUI a#k2wiz_GNB_70755:hover, #menuTopUI a#k2wiz_GNB_70755.active { color: #FFFFFF !important; background :url("") #3F63C5 no-repeat left top !important; } /* 동일 그룹 */ #menuTopUI ul.ul_2 li.li_2 a.a_2 { font-family: "굴림" ; font-size: 12px ; font-weight:bold; text-align: center ; color: #999999 ; background: url("") no-repeat left top ; margin: 5px 10px 0px 0px ; padding: 0px 0px 0px 0px ; border-style: solid; border-color: ; border-width: 0px 0px 0px 0px ; display: block; } #menuTopUI ul.ul_2 li.li_2 a.a_2:hover, #menuTopUI ul.ul_2 li.li_2 a.a_2.active { color: #4F60AB ; background :url("") no-repeat left top ; } /* 개별 메뉴*/ #menuTopUI a#k2wiz_GNB_70804 { font-family: "굴림" !important; font-size: 12px !important; font-weight:bold; text-align: center !important; color: #999999 !important; background: url("") no-repeat left top !important; margin: 5px 10px 0px 150px !important; padding: 0px 0px 0px 0px !important; border-style: solid; border-color: !important; border-width: 0px 0px 0px 0px !important; display: block; } #menuTopUI a#k2wiz_GNB_70804:hover, #menuTopUI a#k2wiz_GNB_70804.active { color: #4F60AB !important; background :url("") no-repeat left top !important; } /***************************************************** =서브타이틀메뉴 영역 *****************************************************/ .menuSubTitle{ position: relative; min-height: 20px; } #menuSubTitleUI_70819 { /**/ font-family: "돋움" !important; font-size: 16px !important; font-weight:bold; text-align: left !important; color: #FFFFFF !important; background: url("/user/sangmu/mycodyimages/lnb_tle.gif") no-repeat left top !important; margin: 0px 0px 0px 0px !important; padding: 25px 0px 0px 10px !important; border-style: solid; border-color: !important; border-width: 0px 0px 0px 0px !important; width: 197px !important; height: 51px !important; } .menuSubTitleUI_0_1 { /**/ font-family: "돋움" ; font-size: 16px ; font-weight:bold; text-align: left ; color: #FFFFFF ; background: url("/user/sangmu/mycodyimages/lnb_tle.gif") no-repeat left top ; margin: 0px 0px 0px 0px ; padding: 25px 0px 0px 21px ; border-style: solid; border-color: ; border-width: 0px 0px 0px 0px ; width: 186px ; height: 51px ; } /***************************************************** =서브메뉴 영역 =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 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; _display: inline-block; } /*2단계 영역 공통*/ #menuSubUI div.div_2{ position: relative; width: 100%; 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{ position: relative; width: 150px; margin: 0; padding: 0; border-width: 0; border-style: solid; /*3단계 세로메뉴의 경우, positon설정이 필요 없음*/ } #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;/*고정값*/ display: block !important; } /***************************************************** =서브메뉴 영역 =영역 개별속성 *****************************************************/ #menuSubUI div#div_70755 { width: 198px !important; background: url("/user/sangmu/mycodyimages/lnb_bg.gif") left bottom no-repeat !important; margin: 0px 0px 0px 0px !important; padding: 0px 0px 50px 9px !important; border-width: px px px px !important; border-color: !important; border-style: solid; } #menuSubUI ul#k2wiz_GNB_ul_70755{ } #menuSubUI div#div_70764 { width: 198px !important; background: url("/user/sangmu/mycodyimages/lnb_bg.gif") left bottom no-repeat !important; margin: 0px 0px 0px 0px !important; padding: 0px 0px 50px 9px !important; border-width: px px px px !important; border-color: !important; border-style: solid; } #menuSubUI ul#k2wiz_GNB_ul_70764{ } #menuSubUI div#div_70796 { width: 198px !important; background: url("/user/sangmu/mycodyimages/lnb_bg.gif") left bottom no-repeat !important; margin: 0px 0px 0px 0px !important; padding: 0px 0px 50px 9px !important; border-width: px px px px !important; border-color: !important; border-style: solid; } #menuSubUI ul#k2wiz_GNB_ul_70796{ } #menuSubUI div#div_70803 { width: 198px !important; background: url("/user/sangmu/mycodyimages/lnb_bg.gif") left bottom no-repeat !important; margin: 0px 0px 0px 0px !important; padding: 0px 0px 50px 9px !important; border-width: px px px px !important; border-color: !important; border-style: solid; } #menuSubUI ul#k2wiz_GNB_ul_70803{ } #menuSubUI div#div_70809 { width: 198px !important; background: url("/user/sangmu/mycodyimages/lnb_bg.gif") left bottom no-repeat !important; margin: 0px 0px 0px 0px !important; padding: 0px 0px 50px 9px !important; border-width: px px px px !important; border-color: !important; border-style: solid; } #menuSubUI ul#k2wiz_GNB_ul_70809{ } #menuSubUI div#div_70819 { width: 198px !important; background: url("/user/sangmu/mycodyimages/lnb_bg.gif") left bottom no-repeat !important; margin: 0px 0px 0px 0px !important; padding: 0px 0px 50px 9px !important; border-width: px px px px !important; border-color: !important; border-style: solid; } #menuSubUI ul#k2wiz_GNB_ul_70819{ } #menuSubUI div#div_96565 { width: 198px !important; background: url("/user/sangmu/mycodyimages/lnb_bg.gif") left bottom no-repeat !important; margin: 0px 0px 0px 0px !important; padding: 0px 0px 50px 9px !important; border-width: px px px px !important; border-color: !important; border-style: solid; } #menuSubUI ul#k2wiz_GNB_ul_96565{ } #menuSubUI div#div_33146530 { margin: 0px 0px 0px 0px !important; padding: 0px 0px 0px 7px !important; border-width: px px px px !important; border-color: !important; border-style: solid; } #menuSubUI ul#k2wiz_GNB_ul_33146530{ } #menuSubUI div#div_152492153 { width: 198px !important; background: url("/user/sangmu/mycodyimages/lnb_bg.gif") left bottom no-repeat !important; margin: 0px 0px 0px 0px !important; padding: 0px 0px 50px 9px !important; border-width: px px px px !important; border-color: !important; border-style: solid; } #menuSubUI ul#k2wiz_GNB_ul_152492153{ } #menuSubUI div#div_250264758 { background-color: #F5F5F5 !important; margin: 0px 0px 0px 0px !important; padding: 0px 0px 0px 0px !important; border-width: px px px px !important; border-color: !important; border-style: solid; } #menuSubUI ul#k2wiz_GNB_ul_250264758{ } #menuSubUI div#div_250264775 { background-color: #F5F5F5 !important; margin: 0px 0px 0px 0px !important; padding: 0px 0px 0px 0px !important; border-width: px px px px !important; border-color: !important; border-style: solid; } #menuSubUI ul#k2wiz_GNB_ul_250264775{ } /***************************************************** =서브메뉴 영역 =동일 그룹, 동일 단계, 개별 메뉴 =개별메뉴속성 *****************************************************/ /*[2][2]*/ /* 동일 단계 */ #menuSubUI ul.ul_1 li.li_1 a.a_1 { font-family: "돋움" ; font-size: 12px ; font-weight:bold; text-align: left ; color: #999999 ; background: url("") no-repeat left top ; margin: 0px 0px 0px 0px ; padding: 5px 0px 0px 15px ; border-style: solid; border-color: #EAEAEA ; border-width: 0px 0px 0px 0px ; width: 155px ; height: 25px ; } #menuSubUI ul.ul_1 li.li_1 a.a_1:hover, #menuSubUI ul.ul_1 li.li_1 a.a_1.active { color: #0071BC ; background :url("") no-repeat left top ; } /*[3][2]*/ /* 개별 메뉴*/ #menuSubUI a#k2wiz_GNB_60935225 { font-family: "돋움" !important; font-size: 11px !important; text-align: left !important; color: #000000 !important; background: url("") #F5F5F5 no-repeat left top !important; margin: 0px 0px 0px 0px !important; padding: 4px 0px 0px 25px !important; border-style: solid; border-color: !important; border-width: 0px 0px 0px 0px !important; width: 160px !important; height: 20px !important; } #menuSubUI a#k2wiz_GNB_60935225:hover, #menuSubUI a#k2wiz_GNB_60935225.active { color: #00B00C !important; background :url("") #F5F5F5 no-repeat left top !important; } /*[3][2]*/ /* 개별 메뉴*/ #menuSubUI a#k2wiz_GNB_20073351 { font-family: "돋움" !important; font-size: 11px !important; text-align: left !important; color: #8A8A8A !important; background: url("") #F5F5F5 no-repeat left top !important; margin: 0px 0px 0px 0px !important; padding: 4px 0px 0px 25px !important; border-style: solid; border-color: !important; border-width: 0px 0px 0px 0px !important; width: 160px !important; height: 20px !important; } #menuSubUI a#k2wiz_GNB_20073351:hover, #menuSubUI a#k2wiz_GNB_20073351.active { color: #0071BC !important; background :url("") #F5F5F5 no-repeat left top !important; } /*[3][2]*/ /* 동일 단계 */ #menuSubUI ul.ul_2 li.li_2 a.a_2 { font-family: "돋움" ; font-size: 12px ; text-align: left ; color: #999999 ; background: url("") no-repeat left top ; margin: 0px 0px 0px 0px ; padding: 5px 0px 0px 15px ; border-style: solid; border-color: ; border-width: 0px 0px 0px 0px ; width: 155px ; height: 25px ; } #menuSubUI ul.ul_2 li.li_2 a.a_2:hover, #menuSubUI ul.ul_2 li.li_2 a.a_2.active { color: #0071BC ; background :url("") #FFFFFF no-repeat left top ; } /*[4][2]*/ /* 개별 메뉴*/ #menuSubUI a#k2wiz_GNB_186308695 { font-family: "돋움" !important; font-size: 11px !important; text-align: left !important; color: #8A8A8A !important; background: url("") #F5F5F5 no-repeat left top !important; margin: 0px 0px 0px 0px !important; padding: 4px 0px 0px 35px !important; border-style: solid; border-color: !important; border-width: 0px 0px 0px 0px !important; width: 150px !important; height: 20px !important; } #menuSubUI a#k2wiz_GNB_186308695:hover, #menuSubUI a#k2wiz_GNB_186308695.active { color: #02C215 !important; background :url("") #F5F5F5 no-repeat left top !important; } /*[4][2]*/ /* 개별 메뉴*/ #menuSubUI a#k2wiz_GNB_186308708 { font-family: "돋움" !important; font-size: 11px !important; text-align: left !important; color: #8A8A8A !important; background: url("") #F5F5F5 no-repeat left top !important; margin: 0px 0px 0px 0px !important; padding: 4px 0px 0px 35px !important; border-style: solid; border-color: !important; border-width: 0px 0px 0px 0px !important; width: 150px !important; height: 20px !important; } #menuSubUI a#k2wiz_GNB_186308708:hover, #menuSubUI a#k2wiz_GNB_186308708.active { color: #02C215 !important; background :url("") #F5F5F5 no-repeat left top !important; } /*[4][2]*/ /* 동일 그룹 */ #menuSubUI #div_250264758 ul.ul_3 li.li_3 a.a_3 { font-family: "돋움" ; font-size: 11px ; text-align: left ; color: #8A8A8A ; background: url("") #F5F5F5 no-repeat left top ; margin: 0px 0px 0px 0px ; padding: 4px 0px 0px 25px ; border-style: solid; border-color: ; border-width: 0px 0px 0px 0px ; width: 160px ; height: 20px ; } #menuSubUI #div_250264758 ul.ul_3 li.li_3 a.a_3:hover, #menuSubUI #div_250264758 ul.ul_3 li.li_3 a.a_3.active { color: #0071BC ; background :url("") #F5F5F5 no-repeat left top ; } /*[4][2]*/ /* 동일 단계 */ #menuSubUI ul.ul_3 li.li_3 a.a_3 { font-family: "돋움" ; font-size: 11px ; text-align: left ; color: #8A8A8A ; background: url("") #F5F5F5 no-repeat left top ; margin: 0px 0px 0px 0px ; padding: 4px 0px 0px 25px ; border-style: solid; border-color: ; border-width: 0px 0px 0px 0px ; width: 160px ; height: 20px ; } #menuSubUI ul.ul_3 li.li_3 a.a_3:hover, #menuSubUI ul.ul_3 li.li_3 a.a_3.active { color: #0071BC ; background :url("") #F5F5F5 no-repeat left top ; } /***************************************************** =탭메뉴 영역 =common *****************************************************/ //** 추가 항목 ****************// #menuTabUI {border-bottom:1px #bebebe solid;} #menuTabUI ul{overflow:hidden; height:100%;} //** 추가 항목 ****************// #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 ul#k2wiz_GNB div{ display: none; } /***************************************************** =탭메뉴 영역 =기본 CSS *****************************************************/ /*1단계 영역 공통*/ #menuTabUI .div_1{ width: 100%; 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{ } #menuTabUI ul#k2wiz_GNB li ul{ position: relative; } #menuTabUI ul#k2wiz_GNB li ul li.li_2{ position: relative;/*고정값*/ } /*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;/*고정값*/ } /***************************************************** =탭메뉴 영역 =영역 개별속성 *****************************************************/ #menuTabUI div#div_250264834 { margin: 0px 0px 0px 0px !important; padding: 0px 0px 0px 0px !important; border-width: px px px px !important; border-color: !important; border-style: solid; } #menuTabUI ul#k2wiz_GNB_ul_250264834{ } /***************************************************** =탭메뉴 영역 =동일 그룹, 동일 단계, 개별 메뉴 =개별메뉴속성 *****************************************************/ /*[4][5]*/ /* 동일 단계*/ #menuTabUI ul.ul_0 li.li_0 a.a_0 { font-family: "돋움" ; font-size: 12px ; font-weight:bold; display:block; text-align: left ; color: #5D5D5D ; background: url("") #F5F5F5 no-repeat left top ; margin: 0px 2px 0px 0px ; padding: 6px 10px 4px 10px ; border-style: solid; border-color: ; border-width: 0px 0px 0px 0px ; } #menuTabUI ul.ul_0 li.li_0 a.a_0:hover, #menuTabUI ul.ul_0 li.li_0 a.a_0.active { color: #FFFFFF ; background :url("") #3B3D4A no-repeat left top ; } /*[5][5]*/ /* 동일 단계*/ #menuTabUI ul.ul_1 li.li_1 a.a_1 { font-family: "돋움" ; font-size: 12px ; font-weight:bold; display:block; text-align: center ; color: #333333 ; background: url("") #E0E0E0 no-repeat left top ; margin: 0px 0px 0px 5px ; padding: 5px 10px 5px 10px ; border-style: solid; border-color: ; border-width: 0px 0px 0px 0px ; } #menuTabUI ul.ul_1 li.li_1 a.a_1:hover, #menuTabUI ul.ul_1 li.li_1 a.a_1.active { color: #FFFFFF ; background :url("") #338CC4 no-repeat left top ; }