#gnb_tab_wrap{width:100%;height:39px;padding-top:4px;text-align:center}#gnb_tab_wrap.bg_edu{background:url(/img/common/tab/tab_bg.png) repeat-x}#gnb_tab_wrap.bg_class1{background:url(/img/common/tab/tab_bg_class1.png) repeat-x}#gnb_tab_wrap.bg_class2{background:url(/img/common/tab/tab_bg_class2.png) repeat-x} #gnb_tab_wrap.bg_ybmphone {background:url(/img/common/tab/tab_bg_ybmphone.png) repeat-x 0 0} #gnb_tab_wrap #tab_wrap .logo {float:left;position:absolute;left:-115px;top:0} #gnb_tab_wrap #tab_wrap .logo_class1 {float:left;position:absolute;left:-115px;top:0} #gnb_tab_wrap #tab_wrap .logo_class2 {float:left;position:absolute;left:-115px;top:0} #gnb_tab_wrap #tab_wrap {width:820px;text-align:center;margin:0 auto;position:relative} #gnb_tab_wrap #tab_wrap #tab {margin:0 auto;text-align:center;width:820px} #gnb_tab_wrap #tab_wrap #tab ul {display:inline-block;margin:0 auto} #gnb_tab_wrap #tab_wrap #tab ul li{float:left;z-index:1} #gnb_tab_wrap #tab_wrap #tab ul li a{display:block;width:162px;height:39px;text-indent:-9000px} #gnb_tab_wrap #tab_wrap #tab ul li.active {width:188px;z-index:2} #gnb_tab_wrap #tab_wrap #tab ul li:hover {float:left;z-index:3} /* 학원수강 */ #gnb_tab_wrap #tab_wrap #tab ul li.n_01 {position:absolute;left:0;top:0} #gnb_tab_wrap #tab_wrap #tab ul li a.edu {background:url('/img/common/tab/tab_gnb_01n.png') no-repeat 0 0} #gnb_tab_wrap #tab_wrap #tab ul li a:hover.edu {background-position:0 -50px;z-index:2} #gnb_tab_wrap #tab_wrap #tab ul li a.edu.active {width:188px;background-position:0 -100px;z-index:2} /* 토익 인강 */ #gnb_tab_wrap #tab_wrap #tab ul li.n_02 {position:absolute;left:162px;top:0} #gnb_tab_wrap #tab_wrap #tab ul li a.class_01 {background:url('/img/common/tab/tab_gnb_02n.png') no-repeat 0 0} #gnb_tab_wrap #tab_wrap #tab ul li a:hover.class_01 {width:188px;background-position:0 -50px;z-index:2} #gnb_tab_wrap #tab_wrap #tab ul li a.class_01.active {width:188px;background-position:0 -100px;z-index:2} /* 외국어 인강 */ #gnb_tab_wrap #tab_wrap #tab ul li.n_03 {position:absolute;left:324px;top:0} #gnb_tab_wrap #tab_wrap #tab ul li a.class_02 {background:url('/img/common/tab/tab_gnb_03n.png') no-repeat 0 0} #gnb_tab_wrap #tab_wrap #tab ul li a:hover.class_02 {width:188px;background-position:0 -50px;z-index:2} #gnb_tab_wrap #tab_wrap #tab ul li a.class_02.active {width:188px;background-position:0 -100px;z-index:2} /* 비트 중국어 */ #gnb_tab_wrap #tab_wrap #tab ul li.n_04 {position:absolute;left:486px;top:0} #gnb_tab_wrap #tab_wrap #tab ul li a.class_03 {background:url('/img/common/tab/tab_gnb_04n.png') no-repeat 0 0} #gnb_tab_wrap #tab_wrap #tab ul li a:hover.class_03 {width:228px;background-position:0 -50px;z-index:2} #gnb_tab_wrap #tab_wrap #tab ul li a.class_03.active {width:228px;background-position:0 -100px;z-index:2} /* 전화화상 */ #gnb_tab_wrap #tab_wrap #tab ul li.n_05 {position:absolute;left:648px;top:0} #gnb_tab_wrap #tab_wrap #tab ul li a.class_04 {background:url('/img/common/tab/tab_gnb_05n.png') no-repeat 0 0} #gnb_tab_wrap #tab_wrap #tab ul li a:hover.class_04 {width:188px;background-position:0 -50px;z-index:2} #gnb_tab_wrap #tab_wrap #tab ul li a.class_04.active {width:188px;background-position:0 -100px;z-index:2} #n_gnb_tab_wrap{width:100%;height:39px;padding-top:4px;text-align:center} #n_gnb_tab_wrap.bg_edu{background:url(https://www.ybmedu.com/img/common/tab/tab_bg.png?n2) repeat-x} #n_gnb_tab_wrap.bg_class1{background:url(https://www.ybmedu.com/img/common/tab/tab_bg_class1.png?n2) repeat-x} #n_gnb_tab_wrap.bg_e4u{background:url(https://www.ybmedu.com/img/common/tab/tab_bg_e4u.png?n221ss) repeat-x} #n_gnb_tab_wrap.bg_chi{background:url(https://www.ybmedu.com/img/common/tab/tab_bg_chi.png?n22ss) repeat-x} #n_gnb_tab_wrap.bg_phone{background:url(https://www.ybmedu.com/img/common/tab/tab_bg_phone.png?n22ss) repeat-x} #n_gnb_tab_wrap #tab_wrap .logo { float:left; width:40px; padding:7px 0 0 30px; position:absolute;left:-115px;top:0} #n_gnb_tab_wrap #tab_wrap .logo_class1 {float:left;position:absolute;left:-115px;top:0} #n_gnb_tab_wrap #tab_wrap {width:900px;text-align:left;margin:0 auto;position:relative} #n_gnb_tab_wrap #tab_wrap #tab {margin:0 auto;text-align:left;width:900px} #n_gnb_tab_wrap #tab_wrap #tab ul {display:inline-block;margin:0 auto} #n_gnb_tab_wrap #tab_wrap #tab ul li{ position:relative; float:left;z-index:1} #n_gnb_tab_wrap #tab_wrap #tab ul li a{float:left; display:block;width:132px;height:39px;text-indent:-9000px} #n_gnb_tab_wrap #tab_wrap #tab ul li:hover {z-index:3} #n_gnb_tab_wrap #tab_wrap #tab ul li.active {width:188px !important;z-index:2} #n_gnb_tab_wrap #tab_wrap #tab ul:after { display:block; clear:both; content:''; } /* 학원수강 */ #n_gnb_tab_wrap #tab_wrap #tab ul li a.edu {background:url('https://www.ybmedu.com/img/common/tab/tab_gnb_edu_new.png?a1') no-repeat 0 0} #n_gnb_tab_wrap #tab_wrap #tab ul li a:hover.edu {width:132px;background-position:0 -40px;z-index:2} #n_gnb_tab_wrap #tab_wrap #tab ul li.active a.edu {width:188px;background-position:0 -80px !important;z-index:10} /* 현장인강 */ #n_gnb_tab_wrap #tab_wrap #tab ul li a.liveClass {background:url('https://www.ybmedu.com/img/common/tab/tab_gnb_liveClass.png?a1') no-repeat 0 0} #n_gnb_tab_wrap #tab_wrap #tab ul li a:hover.liveClass {width:132px;background-position:0 -40px;z-index:2} #n_gnb_tab_wrap #tab_wrap #tab ul li.active a.liveClass {width:188px;background-position:0 -80px !important;z-index:10} /* 인강(클래스) */ #n_gnb_tab_wrap #tab_wrap #tab ul li a.class_01 {background:url('https://www.ybmedu.com/img/common/tab/tab_gnb_class_new.png?a1') no-repeat 0 0} #n_gnb_tab_wrap #tab_wrap #tab ul li a:hover.class_01 {width:132px;background-position:0 -40px;z-index:2} #n_gnb_tab_wrap #tab_wrap #tab ul li.active a.class_01 {width:188px;background-position:0 -80px !important;z-index:10} /* 인강(이포유) */ #n_gnb_tab_wrap #tab_wrap #tab ul li a.e4u {background:url('https://www.ybmedu.com/img/common/tab/tab_gnb_e4u_new.png?a1') no-repeat 0 0} #n_gnb_tab_wrap #tab_wrap #tab ul li a:hover.e4u {width:132px;background-position:0 -40px;z-index:2} #n_gnb_tab_wrap #tab_wrap #tab ul li.active a.e4u {width:188px;background-position:0 -80px !important;z-index:10} /* 인강(비트중국어) */ #n_gnb_tab_wrap #tab_wrap #tab ul li a.chi {background:url('https://www.ybmedu.com/img/common/tab/tab_gnb_chi_new.png?a1') no-repeat 0 0} #n_gnb_tab_wrap #tab_wrap #tab ul li a:hover.chi {width:132px;background-position:0 -40px;z-index:2} #n_gnb_tab_wrap #tab_wrap #tab ul li.active a.chi {width:188px;background-position:0 -80px !important;z-index:10} /* 전화화상 */ #n_gnb_tab_wrap #tab_wrap #tab ul li a.phone {background:url('https://www.ybmedu.com/img/common/tab/tab_gnb_phone_new.png?a1') no-repeat 0 0} #n_gnb_tab_wrap #tab_wrap #tab ul li a:hover.phone {width:132px;background-position:0 -40px;z-index:2} #n_gnb_tab_wrap #tab_wrap #tab ul li.active a.phone {width:188px;background-position:0 -80px !important;z-index:10} #n_gnb_tab_wrap #tab_wrap li.active_next { margin:0 0 0 -28px !important; } /* 활성화 탭 다음엔 마이너스 마진 */ #n_gnb_tab_wrap #tab_wrap li.active_next a { z-index:0 } /* 공무원 */ #n_gnb_tab_wrap #tab_wrap #tab ul li a.ybmgong {background:url('https://www.ybmedu.com/img/common/tab/tab_gnb_gong.png?1212') no-repeat 0 0} #n_gnb_tab_wrap #tab_wrap #tab ul li a:hover.ybmgong {width:132px;background-position:0 -40px;z-index:2} #n_gnb_tab_wrap #tab_wrap #tab ul li.active a.ybmgong {width:188px;background-position:0 -80px !important;z-index:10}