/* 최종수정: 2010.01.12 */ @charset "euc-kr"; #container {width:100%; margin:0 auto; } /* header */ .header_mainWrap {overflow:hidden; width:100%; background:url('/img/header/bg_header.gif') repeat-x 0 0;} .header_subWrap {overflow:hidden; width:100%; background:url('/img/header/bg_headerSub.gif') repeat-x 0 0;} .header_mainWrap #header {height:65px;} .header_subWrap #header {height:77px;} #header {position:relative; overflow:hidden; width:850px; margin:0 auto; } #header h1 {position:absolute; width:850px; text-align:center; top:27px; left:0;} #member_login {float:left; width:50%; } #member_login ul {overflow:hidden; width:100%; padding-top:3px;} #member_login li {float:left; font:11px/18px Dotum; color:#aaa; background:url(/img/header/bar_headerMem.gif) no-repeat 0 5px; padding:2px 3px 4px; } #member_login li a {color:#aaa;} #member_login li.first {background:none; padding-left:0} #member_login li.btn {background:none;} #globalnavi {float:right; } #globalnavi dd {float:left; } /* mainmenu */ #topmenu {position:relative; width:850px; margin:0 auto 30px; } #topmenu #gnb {overflow:hidden; width:100%;} #topmenu #gnb li {float:left; width:283px; height:68px;} #topmenu #gnb li a {overflow:hidden; display:block; width:100%; height:68px; background-repeat:no-repeat; background-position:0 0; text-align:left; text-indent:-2000px;} #topmenu #gnb li a:hover {background-position:0 -100px !important;} #topmenu #gnb li.m_business a {background-image:url(http://magazine.hankyung.com/magazinedata/images/header/gnb_menu1.gif);} #topmenu #gnb li.m_money a {background-image:url(http://magazine.hankyung.com/magazinedata/images/header/gnb_menu2.gif);} #topmenu #gnb li.m_jobnjoy a {background-image:url(http://magazine.hankyung.com/magazinedata/images/header/gnb_menu3.gif);} #topmenu .snb_menu {position:absolute; top:68px;} #topmenu .snb_menu li {float:left; padding-left:2px; background:url(/img/header/bar_menu.gif) no-repeat 0 12px;} #topmenu .snb_menu li a {overflow:hidden; display:block; /*height:28px; text-align:left; text-indent:-2000px;*/ height:18px; font-size:11px; color:#bdcae0; line-height:18px; padding:6px 10px 4px;} #topmenu .snb_menu li.on a {font-weight:bold; color:#fff;} #topmenu .snb_menu .m101 {background:none;} #topmenu .snb_menu .m201 {background:none;} /* #topmenu .snb_menu .m101 a {width:95px; background-image:url(/img/header/menu_101.gif);} #topmenu .snb_menu .m102 a {width:55px; background-image:url(/img/header/menu_102.gif);} #topmenu .snb_menu .m103 a {width:63px; background-image:url(/img/header/menu_103.gif);} #topmenu .snb_menu .m104 a {width:83px; background-image:url(/img/header/menu_104.gif);} #topmenu .snb_menu .m105 a {width:55px; background-image:url(/img/header/menu_105.gif);} #topmenu .snb_menu .m106 a {width:84px; background-image:url(/img/header/menu_106.gif);} #topmenu .snb_menu .m107 a {width:58px; background-image:url(/img/header/menu_107.gif);} #topmenu .snb_menu .m108 a {width:59px; background-image:url(/img/header/menu_108.gif);} #topmenu .snb_menu .m109 a {width:59px; background-image:url(/img/header/menu_109.gif);} #topmenu .snb_menu .m101 a:hover {background-image:url(/img/header/menu_101_on.gif);} #topmenu .snb_menu .m102 a:hover {background-image:url(/img/header/menu_102_on.gif);} #topmenu .snb_menu .m103 a:hover {background-image:url(/img/header/menu_103_on.gif);} #topmenu .snb_menu .m104 a:hover {background-image:url(/img/header/menu_104_on.gif);} #topmenu .snb_menu .m105 a:hover {background-image:url(/img/header/menu_105_on.gif);} #topmenu .snb_menu .m106 a:hover {background-image:url(/img/header/menu_106_on.gif);} #topmenu .snb_menu .m107 a:hover {background-image:url(/img/header/menu_107_on.gif);} #topmenu .snb_menu .m108 a:hover {background-image:url(/img/header/menu_108_on.gif);} #topmenu .snb_menu .m109 a:hover {background-image:url(/img/header/menu_109_on.gif);} */ #topmenu .snb_menu01 {position:absolute; top:68px;} #topmenu .snb_menu01 li {float:left; padding-left:2px; background:url(/img/header/bar_menu.gif) no-repeat 0 12px;} #topmenu .snb_menu01 li a {overflow:hidden; display:block; /*height:28px; text-align:left; text-indent:-2000px;*/ height:18px; font-size:11px; color:#bdcae0; line-height:18px; padding:6px 10px 4px;} #topmenu .snb_menu01 li.on a {font-weight:bold; color:#fff;} #topmenu .snb_menu01 .m101 {background:none;} /* #topmenu .snb_menu01 .m101 a {width:86px; background-image:url(/img/header/menu_101_1.gif);} #topmenu .snb_menu01 .m102 a {width:63px; background-image:url(/img/header/menu_102_1.gif);} #topmenu .snb_menu01 .m103 a {width:83px; background-image:url(/img/header/menu_103_1.gif);} #topmenu .snb_menu01 .m104 a {width:63px; background-image:url(/img/header/menu_104_1.gif);} #topmenu .snb_menu01 .m105 a {width:89px; background-image:url(/img/header/menu_105_1.gif);} #topmenu .snb_menu01 .m106 a {width:55px; background-image:url(/img/header/menu_106_1.gif);} #topmenu .snb_menu01 .m107 a {width:81px; background-image:url(/img/header/menu_107_1.gif);} #topmenu .snb_menu01 .m108 a {width:55px; background-image:url(/img/header/menu_108_1.gif);} #topmenu .snb_menu01 .m109 a {width:53px; background-image:url(/img/header/menu_109_1.gif);} #topmenu .snb_menu01 .m110 a {width:84px; background-image:url(/img/header/menu_110_1.gif);} #topmenu .snb_menu01 .m111 a {width:58px; background-image:url(/img/header/menu_111_1.gif);} #topmenu .snb_menu01 .m101 a:hover {background-image:url(/img/header/menu_101_1_on.gif);} #topmenu .snb_menu01 .m102 a:hover {background-image:url(/img/header/menu_102_1_on.gif);} #topmenu .snb_menu01 .m103 a:hover {background-image:url(/img/header/menu_103_1_on.gif);} #topmenu .snb_menu01 .m104 a:hover {background-image:url(/img/header/menu_104_1_on.gif);} #topmenu .snb_menu01 .m105 a:hover {background-image:url(/img/header/menu_105_1_on.gif);} #topmenu .snb_menu01 .m106 a:hover {background-image:url(/img/header/menu_106_1_on.gif);} #topmenu .snb_menu01 .m107 a:hover {background-image:url(/img/header/menu_107_1_on.gif);} #topmenu .snb_menu01 .m108 a:hover {background-image:url(/img/header/menu_108_1_on.gif);} #topmenu .snb_menu01 .m109 a:hover {background-image:url(/img/header/menu_109_1_on.gif);} #topmenu .snb_menu01 .m110 a:hover {background-image:url(/img/header/menu_110_1_on.gif);} #topmenu .snb_menu01 .m111 a:hover {background-image:url(/img/header/menu_111_1_on.gif);} #topmenu .snb_menu .m201 {background:none;} #topmenu .snb_menu .m201 a {width:95px; background-image:url(/img/header/menu_201.gif);} #topmenu .snb_menu .m202 a {width:121px; background-image:url(/img/header/menu_202.gif);} #topmenu .snb_menu .m203 a {width:94px; background-image:url(/img/header/menu_203.gif);} #topmenu .snb_menu .m204 a {width:82px; background-image:url(/img/header/menu_204.gif);} #topmenu .snb_menu .m205 a {width:95px; background-image:url(/img/header/menu_205.gif);} #topmenu .snb_menu .m206 a {width:55px; background-image:url(/img/header/menu_206.gif);} #topmenu .snb_menu .m201 a:hover {background-image:url(/img/header/menu_201_on.gif);} #topmenu .snb_menu .m202 a:hover {background-image:url(/img/header/menu_202_on.gif);} #topmenu .snb_menu .m203 a:hover {background-image:url(/img/header/menu_203_on.gif);} #topmenu .snb_menu .m204 a:hover {background-image:url(/img/header/menu_204_on.gif);} #topmenu .snb_menu .m205 a:hover {background-image:url(/img/header/menu_205_on.gif);} #topmenu .snb_menu .m206 a:hover {background-image:url(/img/header/menu_206_on.gif);} #topmenu .snb_menu .m301 {background:none;} #topmenu .snb_menu .m301 a {width:89px; background-image:url(/img/header/menu_301.gif);} #topmenu .snb_menu .m302 a {width:86px; background-image:url(/img/header/menu_302.gif);} #topmenu .snb_menu .m303 a {width:61px; background-image:url(/img/header/menu_303.gif);} #topmenu .snb_menu .m304 a {width:77px; background-image:url(/img/header/menu_304.gif);} #topmenu .snb_menu .m305 a {width:81px; background-image:url(/img/header/menu_305.gif);} #topmenu .snb_menu .m306 a {width:56px; background-image:url(/img/header/menu_306.gif);} #topmenu .snb_menu .m307 a {width:58px; background-image:url(/img/header/menu_307.gif);} #topmenu .snb_menu .m301 a:hover {background-image:url(/img/header/menu_301_on.gif);} #topmenu .snb_menu .m302 a:hover {background-image:url(/img/header/menu_302_on.gif);} #topmenu .snb_menu .m303 a:hover {background-image:url(/img/header/menu_303_on.gif);} #topmenu .snb_menu .m304 a:hover {background-image:url(/img/header/menu_304_on.gif);} #topmenu .snb_menu .m305 a:hover {background-image:url(/img/header/menu_305_on.gif);} #topmenu .snb_menu .m306 a:hover {background-image:url(/img/header/menu_306_on.gif);} #topmenu .snb_menu .m307 a:hover {background-image:url(/img/header/menu_307_on.gif);} */ #topmenu #business_snb {left:0;} #topmenu #money_snb {left:280px;} #topmenu #jopnjoy_snb {left:325px;} #topmenu2 {position:relative; width:850px; margin:0 auto 30px; } #topmenu2 #gnb {overflow:hidden; width:100%;} #topmenu2 #gnb li {float:left;} #topmenu2 .snb_menu {position:absolute; top:36px;} #topmenu2 .snb_menu li {float:left; padding-left:2px; background:url(/img/header/bar_menu.gif) no-repeat 0 12px;} #topmenu2 .snb_menu li a {display:block; height:18px; font-size:11px; color:#bdcae0; line-height:18px; padding:6px 10px 4px;} #topmenu2 .snb_menu li.on a {font-weight:bold; color:#fff;} #topmenu2 .snb_menu .first {padding-left:0; background:none;} #topmenu2 #business_snb {left:0;} #topmenu2 #money_snb {left:280px;} #topmenu2 #jopnjoy_snb {left:325px;} /* content */ #wrap {width:850px; height:100%; padding:30px 0 0 0; margin:0 auto; } #wrap_bg {float:left; width:850px; background:url('/img/magazine_contents_bg01.gif') repeat-y; } #wrap_bg:after {content:''; display:block; clear:both;} #noleft_bg {float:left; width:850px; background:url('/img/magazine_contents_bg02.gif') repeat-y; } #noleft_bg.no-line {float:left; width:850px; background:none; } #content {float:left; width:850px; } #main_content {position:relative; width:310px; margin:0 270px; *zoom:1; } /* 1,2단 합해진 탑뉴스 영역을 위해 position 추가 - 김주연 */ #noleft_bg #main_content {width:580px; margin:0 270px 0 0; } /* 1,2단 합해진 서브페이지 영역을 위해 가로사이즈 변경 - 김주연 */ #left_content {float:left; width:220px; margin:0 0 55px -850px; } #right_content {float:left; width:220px; margin:0 0 55px -220px; } /* footer */ #footer {position:relative; clear:both; width:850px; height:65px; margin:0 auto 0; border-top:1px solid #dddddd; } #policy {margin:18px 0 0 0; } #policy dt {float:left; margin:0 20px 0 0; } #policy dd {float:left; padding:0 7px 0 7px; background:url('/img/magazine_bottom_line01.gif') no-repeat; } #policy dd.nobg {padding:0 7px 0 0; background:none; } #copyright {position:absolute; top:34px; left:111px; }