@charset "utf-8"; @import url("layout.css"); /* Title : main.css Description : 공통 Author : 박지영, Date : 2010.02 */ /*head */ #mainwrap #head {height:215px;} #head h1 {margin:0 auto; padding:11px 0 8px 0px; width:260px; height:47px; } #search {vertical-align:middle; margin:0 auto; padding:2px 0 0 4px; width:308px; height:32px; border:1px solid #4A6A8C; background:url(../images/common/top_src_bg.gif) no-repeat left top;} #search input {float:left; margin:3px 5px 2px 5px;} #search input.top_src { padding:4px; width:226px; height:15px; border:0 none;} .recom {overflow:hidden; float:left; margin-top:5px; padding-left:334px; width:315px;font-family: Arial;} .recom h2 {float:left;} .recom ul li {font-size:11px; display:block; float:left; white-space:nowrap; padding:3px 4px 0 4px; background:url(../images/common/recom_bar.gif) no-repeat right 6px;} .recom ul li a {font-family: Arial;} .recom ul li.last {padding-right:0; background:none;} #date {font-size:12px; color:#666666; float:right; padding-top:9px; } #date img {vertical-align:middle;} #date p strong em {font-size:10px;font-style:normal; } /* navigation */ #navigation {float:left; position:relative; margin-top:9px; width:980px; height:41px; background:url(../images/main/bg_nav_main.gif) no-repeat left top; } #navigation ul li {font-size:14px; font-weight:bold; color:#fff; float:left; height:41px; background:url(../images/main/bg_nav_gu.gif) no-repeat right 17px;} #navigation ul li.last {padding-right:0;background:none; } #navigation ul li a {display:block; color:#fff; padding:14px 3px 0px 3px; font-size:14px; height:27px; float:left;} #navigation ul li a:hover {display:block; color:#222; text-decoration:none; font-size:14px;} #navigation ul#heraldmenu li {padding:0 9px; margin:0; } #navigation ul#heraldmenu li div li {padding:0; height:31px;} #navigation ul li div {visibility:hidden; position:absolute; left:0; top:40px; width:978px; border-left:1px solid #e1e1e1; border-right:1px solid #e1e1e1; background:url(../images/main/bg_nav_sub.gif) repeat-x left top; height:31px;} #navigation ul li div ul li {background:url(../images/main/nav_sub_gu.gif) no-repeat right 16px; } #navigation ul#heraldmenu li div li a { padding:10px 10px 0 10px; font-size:12px; height:21px; color:#666;} #navigation ul#heraldmenu li div li a:hover {border:none; background:none; color:#222; font-weight:bold;} #navigation ul li div .sub01 {padding-left:10px; } #navigation ul li div .sub02 {padding-left:20px; } #navigation ul li div .sub03 {padding-left:30px; } #navigation ul li div .sub04 {padding-left:140px; } #navigation ul li div .sub05 {padding-left:330px; } #navigation ul li div .sub06 {padding-left:360px; } #navigation ul li div .sub07 {padding-left:570px; } #navigation ul li div .sub08 {padding-left:680px; } #navigation ul li a.rightmenu { font-size:12px; display:block; } #navigation ul li a.rightmenu2 { font-size:12px; display:block; padding-right:8px; } #navigation ul li a:hover.rightmenu {font-size:12px;} #navigation ul li a:hover.rightmenu2 {font-size:12px;} #navigation .selected {background:url(../images/main/bg_nav_on.gif) no-repeat left top; display:block; } #navigation .selected a {color:#222; display:block; } /* bnnaer */ #leftbanner {position:absolute; left:0; top:42px;} #rightbanner {position:absolute; right:0; top:42px;} /* content */ #contentTop {vertical-align:top; width:100%; height:280px; overflow:hidden; } #contentTop .mainimg {float:left; width:399px; position:relative;} #contentTop .mainimg span.title {position:absolute; left:0; bottom:4px; height:34px; width:374px; padding:3px 15px 0 10px; z-index:10; font-size:23px; font-weight:bold; color:#fff; background:#000;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70); opacity:.7; overflow:hidden; line-height:1.5em; } #contentTop .mainimg img.prev {margin:0; position:absolute; left:355px;top:252px; z-index:20;} #contentTop .mainimg img.next {margin:0; position:absolute; left:376px;top:252px; z-index:20;} #contentTop ul.imgtxt {float:left; margin:0; } #contentTop ul.imgtxt li.on {background:url(../images/main/bg_imgtxt_on.gif) no-repeat left top; width:281px; height:94px; } #contentTop ul.imgtxt li.off {background:url(../images/main/bg_imgtxt_off.gif) no-repeat left top; width:281px; height:93px; } #contentTop ul.imgtxt li.on h2 {font-size:15px; color:#fff; padding: 15px 0px 5px 10px; } #contentTop ul.imgtxt li.off h2 {font-size:15px; color:#B1B1B1; padding: 15px 0px 5px 10px;} #contentTop ul.imgtxt li.on p.txt {font-size:12px; color:#fff; width:255px; margin-left: 10px; } #contentTop ul.imgtxt li.off p.txt {font-size:12px; color:#999; width:255px; margin-left: 10px; } #imgtxt .imgtxt {float:left; margin:0; height:280px; overflow:hidden; vertical-align:top; background:#686868; } #imgtxt .imgtxt div {vertical-align:top; height:93px; width:281px;} #imgtxt .imgtxt a {display:block; text-decoration: none; } #imgtxt .imgtxt a.tabbtn_over {background:url(../images/main/bg_imgtxt_on.gif) no-repeat left top; width:261px; height:78px; padding:15px 10px 0 10px; overflow:hidden;} #imgtxt .imgtxt a.tabbtn {background:url(../images/main/bg_imgtxt_off.gif) no-repeat left top; width:261px; height:78px; padding:15px 10px 0 10px; overflow:hidden; } #imgtxt .imgtxt a.tabbtn_over span.tit {font-size:15px; color:#fff; font-weight:bold;} #imgtxt .imgtxt a.tabbtn span.tit {font-size:15px; color:#B1B1B1; font-weight:bold;} #imgtxt .imgtxt a.tabbtn_over span.txt {font-size:12px; color:#fff; line-height:1.3em; } #imgtxt .imgtxt a.tabbtn span.txt {font-size:12px; color:#999; line-height:1.3em; } #tab_most {float:left; background:url(../images/main/top_tab_bg.gif) no-repeat left top; width:300px; height:280px; position:relative;} #tab_most h4 a {font-size:13px; font-weight:bold; text-align:center; text-decoration:none; float:left; width:117px; height:22px !important; height:22px; padding:8px 0 0 0;} #tab_most h4.tab1 a.tabbtn {background:url(../images/main/top_tab_off.gif) no-repeat left top; width:150px; font-size:12px; color: #9e9e9e; font-weight:bold;} #tab_most h4.tab1 a.tabbtn_over {background:url(../images/main/top_tab_on.gif) no-repeat left top;width:150px; font-size:12px; color:#fff; font-weight:bold;} #tab_most h4.tab2 a.tabbtn {background:url(../images/main/top_tab_off.gif) no-repeat left top; width:150px; font-size:12px; color: #9e9e9e; font-weight:bold;} #tab_most h4.tab2 a.tabbtn_over {background:url(../images/main/top_tab_on2.gif) no-repeat left top; width:150px;font-size:12px; color:#fff; font-weight:bold;} #tab_most div { position:absolute; left:0; top:29px;} #tab_most ol { clear:both; padding-top:10px; } #tab_most ol li {padding: 1px 0 1px 18px;_padding: 0 0 0 18px; width:258px; } #tab_most ol li img {vertical-align:top; padding-top:5px; _padding-top:7px;} #tab_most ol li a {color:#fff; font-size:12px; letter-spacing:0px; padding-left:5px;} #tab_most ol li.bold {font-weight:bold;} #contentMiddle {margin-top:10px;} #contentMiddle #contLeft {width:670px; float:left; } #contentMiddle #contRight {width:300px; float:right; padding-left:10px !important; padding-left:5px;} #contentMiddle #contLeft h2.tline {background:url(../images/main/xbar.gif) no-repeat left top; width:670px;_width:660px; margin-top:20px; font-size:0; padding:13px 0 3px 12px;} /* today News */ .todaynews {background:#F5F5F5; width:670px; height:280px; } .todaynews h2 {margin:0; padding:0; font-size:0; padding:13px 0 9px 11px;} .todaynews h3 {font-size: 12px; padding: 7px 0 10px 25px; } .todaynews h4 {font-size: 12px; color:#005689; margin-left:25px; padding-top:7px; font-weight:normal; width:100px; } .todaynews p {font-size: 12px; color:#666666; margin-left:25px; padding-top:3px; line-height:1.3em; width:100px; height:60px;} .todaynews p a:hover {text-decoration:none;} .todaynews .box01 {float:left; width:156px; height:233px; border:1px solid #D9D9D9; background: #fff; margin-left:9px; _margin-left:4px; position:relative;} .todaynews .box02 {border:1px solid #e7e5e6; font-size:0; line-height:0;padding:0; width:100px; margin-left:25px; position:relative;} .todaynews .box03 {float:left; width:156px; height:233px; border:1px solid #D9D9D9; background: #fff; margin-left:7px; position:relative;} /* entertainment */ .entertainment {background:url(../images/main/bg_box01.gif) repeat-x left top; width:660px; height:280px; margin-top:20px; padding-left:10px; margin-bottom:10px;} .entertainment h2 {margin:0; padding:0; font-size:0; padding:13px 0 7px 1px;} .entertainment h3 {font-size:16px; color:#005689;} .entertainment h4 {padding:0; font-size:0; } .entertainment #culture {font-size:0; float:left; background:url(../images/main/img_entertainment.gif) no-repeat left top; margin-top:3px; position:relative; padding-top:58px;} .entertainment div.box {background:url(../images/main/bg_enter_box.gif) no-repeat left top; width:490px; height:230px; position:absolute; top:-5px; left:158px;} .entertainment div.box img.prev {position:absolute; left:20px; top:95px;} .entertainment div.box img.next {position:absolute; right:20px; top:95px;} .entertainment div.box img.pic {margin-top:0px; margin-left:10px; float:left; padding-top:20px; padding-right:20px; width:122px; } .entertainment div.txt {margin-top:18px; margin-left:50px; width:382px; overflow:hidden; } .entertainment div.txt dl {font-size:12px; color:#666; margin-top:3px; clear:both; } .entertainment div.txt dl.imgis{width:230px; } .entertainment div.txt dt {float:left; font-weight:bold;} .entertainment div.txt dd {float:left; } .entertainment div.txt dd.last {padding-top:8px; } .entertainment div.txt p {position:relative; left:0px; top: 0px; } .entertainment div.txt dl dd a:hover {text-decoration:none;} /* weeklyNews */ .weeklynews {clear:both; border:1px solid #d9d9d9; width:668px; height: 405px;_height:400px; padding-bottom:10px; } .weeklynews h2 {margin:0; padding:0; font-size:0; padding:10px 0 9px 11px;} .weeklynews ul.tab_weekly {width:669px; overflow:hidden; } .weeklynews ul.tab_weekly li {float:left; _display:inline; margin-right:-1px; height:35px;} .weeklynews ul.tab_weekly li a.select { background:url(../images/main/tab_weekly_bg.gif) no-repeat center top; display:block; color:#fff;}/*.weeklynews ul.tab_weekly li.on { background:url(../images/main/weekly_tab_bg_on.gif) repeat-x left top; }*/ .weeklynews ul.tab_weekly li.btm_arw {position:relative;text-align:center;} .weeklynews ul.tab_weekly li.on a { color:#fff; border-bottom:none; border-top:none; } .weeklynews ul.tab_weekly li a { border-bottom:1px solid #d9d9d9; border-top:1px solid #d9d9d9; font-size:12px; border-right:1px solid #d9d9d9; padding:6px 19px 0 18px; text-align:center; height:22px; _float:left; display:block; color:#222; font-weight:bold; } .weeklynews ul.tab_weekly li div.none {border-right:none; display:block;padding-right:4px;} .weeklynews ul.tab_weekly li a:hover {text-decoration:none;} .weeklynews .scroll_box {width:336px; margin-left:9px; padding:10px 0 4px 24px; height:52px; position:relative; } .weeklynews .scroll_box img.arw_prev {position:absolute; left:5px;top:23px;} .weeklynews .scroll_box img.arw_next {position:absolute; right:4px;top:23px;} .weeklynews .scroll_box ul.scroll { margin-left:-3px; float:left; width:1200px;} .weeklynews .scroll_box ul.scroll li {float:left; width:78px; margin-left:1px;} .weeklynews .scroll_box ul.scroll li a.on { border:1px solid #12AAEC; display:block; width:75px; height:50px; margin-top:-1px;} .weeklynews .pic {position:relative; margin:20px 0 0 32px; } .weeklynews .pic h5 {text-align:center; position:absolute; left:0px; top:208px; width:311px; height:35px; background:#000; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50); opacity:.5;} .weeklynews .pic h5 span {display:block; font-size:16px; color:#fff; text-align:left; padding:10px 0 0 15px; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity:1;} #sl {overflow:hidden;width:316px;height:61px;} .weeklynews .left_img {float:left; width: 369px;} .weeklynews .mostreads{float:left; width: 280px; margin:23px 0 0 10px; position:relative;} .weeklynews .mostreads h2{font-size:0; padding:0;} .weeklynews .mostreads img.up {margin:0; position:relative; left:263px;top:-13px;} .weeklynews .mostreads img.down {margin:0; position:relative; left:245px;top:306px;} .weeklynews .mostreads dt {float:left; font-size:12px; width:185px; height:60px; border-bottom:1px solid #d9d9d9; padding-top:10px; padding-right:10px; } .weeklynews .mostreads dt a {color:#005689; } .weeklynews .mostreads dd {float:left; width: 76px; height:60px; border-bottom:1px solid #d9d9d9; padding-top:10px;} .weeklynews .mostreads dt.none, .weeklynews .mostreads dd.none {border-bottom:none;} /* English-Korean News */ .engkornews {width:668px; height:504px;_height:495px; margin-top:8px; background:#e8f3f9; border:1px solid #c7e1f1; padding-bottom:10px;_padding-bottom:7px; margin-bottom:10px;} .engkornews .box_top img {vertical-align:top;} .engkornews .box_top {background:url(../images/main/box_top01.gif) no-repeat left top; } .engkornews h3 {font-size: 12px; color:#222; padding: 10px 0 5px 10px; border-bottom:1px solid #d9d9d9; margin-bottom:10px; height:15px; } .engkornews h3 img.arrow {vertical-align:top; padding-top:3px; *padding-top:1px; } .engkornews h3.tline {border-top:1px solid #d9d9d9; padding: 6px 0 16px 11px; margin-top:19px;} .engkornews h4 {color:#005689} .engkornews h5 {font-size:0; border-bottom:1px solid #d9d9d9;height:21px; padding:11px 0 0 12px;} .engkornews h5 span.tit_more {position:absolute; right:13px; _right:11px; } .engkornews h5 span.tit_more img {padding-left:5px; } .engkornews .box_type_01 {background:url(../images/main/box_btm02.gif) no-repeat left bottom; width:320px; margin:10px 0 0 9px; padding-bottom:18px; position:relative;} .engkornews .box_type_01 .box_top01 {background:url(../images/main/box_top02.gif) no-repeat left top; } .engkornews .box_type_01 dl {margin: 0 0 0 11px; } .engkornews .box_type_01 dt {float:left; } .engkornews .box_type_01 dd {float:left; color:#222; font-size:12px; width:188px; padding-left:10px; height:82px; line-height:1.5em; font-weight:bold;} .engkornews .box_type_01 dd h4 {color:#005689; font-size:12px; } .engkornews .box_type_01 dd a {color:#222;} .engkornews span.date {color:#999; } .engkornews a.tit {width:230px; } .engkornews dl.list {clear:both; vertical-align:top; margin:8px 0 0 10px; height:63px; } .engkornews dl.list dt{float:left; width:218px; background:url(../images/main/li01.gif) no-repeat 0 8px; font:normal 12px 굴림, gulim; vertical-align:top; height:22px; line-height:22px; padding:0 0 0 10px; } .engkornews dl.list dd{float:left; color:#999; font:normal 12px 돋움, Dotum; width:60px; height:22px; line-height:18px; } .engkornews .link { margin:5px 0 0 10px;} .engkornews .link img {margin-right:-2px;} /* tab - kinds of */ .tab01 {width:300px; overflow:hidden; margin-left:10px; clear:both; } .tab01 li {float:left; _display:inline; margin-right:-1px; border:1px solid #d9d9d9; color:#777; width:148px; text-align:center; } .tab01 li a {_float:left; display:block; padding:3px 0 4px 0px; color:#666; font-size:12px; font-weight:normal; text-decoration:none;_margin-left:28px;} .tab01 li.on {border-bottom:1px solid #d9d9d9; background:#1f88c9; } .tab01 li.on a{color:#fff; font-weight:normal; } /* rightbox */ .rightbox {border:1px solid #d9d9d9; width:298px; margin-bottom:10px; } /* special */ .special .pic h5 {text-align:center; position:absolute; left:0px; top:150px; width:260px; height:60px; background:#000; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50); opacity:.5;} .special .pic h5 span {display:block; font-size:15px; font-weight:bold; font-family:Arial; color:#66efff; text-align:center; padding:5px 0 0 2px; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity:1;} .special .pic h5 span.pink {color:#ff666d; } .special .pic h5 span.pink a {color:#ff666d; } .special .pic h5 span.green {color:#a3ff66; } .special .pic h5 span.green a {color:#a3ff66; } .special h2 {font-size:0; margin:15px 0 8px 20px;} .special .pic {margin:20px 0 0 20px; position:relative; } .special .btm_img {position:absolute; top:155px; left:7px; } .special .btm_img img {margin-right:5px ; } /* 속보 롤링 */ #scroll {height:20px;} div.htit2 {font-size:12px; background:#f6f6f6; border:1px solid #ced8de; clear:both; margin-top:16px; height:30px; position:relative; margin-bottom:17px; } div.htit2 h2 {font-size:12px; color:#222; font-style:normal; background:url(../images/bbs/dot_htit.gif) no-repeat 0 6px; padding: 0 0 0 6px; margin:8px 0 0 68px; letter-spacing: 1px; } div.htit2 ul { overflow:hidden; height:15px;margin:8px 0 0 68px;} div.htit2 ul li {font-size:12px; color:#222; font-style:normal; background:url(../images/bbs/dot_htit.gif) no-repeat 0 6px; padding: 0 0 0 6px; margin-bottom:5px; height:15px; letter-spacing: 1px; } div.htit2 img.bnews {position:absolute; left:3px; top:3px;} div.htit2 img.more {position:absolute; right:5px; top:5px;} /* navigation_menu */ #navigation_menu {float:left; position:relative; margin-top:9px; width:980px; height:71px; margin-bottom:10px; clear:both; z-index:1;} #navigation_menu h2 {float:left; margin:10px 10px 0 0;} #navigation_menu div.nav_left {float:left; width:980px;} #navigation_menu ul#heraldmenu {float:left; height:41px; background:url(../images/main/bg_nav_main.gif) no-repeat left top; width:980px;} #navigation_menu ul li {font-size:14px; font-weight:bold; color:#fff; float:left; height:28px; background:url(../images/main/bg_nav_gu.gif) no-repeat right 18px;} #navigation_menu ul li.last {padding-right:0; background:none;} #navigation_menu ul li a {display:block; color:#fff; padding:13px 12px 0 12px; height:28px; float:left;} #navigation_menu ul li a:hover, #navigation_menu ul li a.tabbtn_over {display:block; color:#222; padding:13px 12px 0 12px; height:28px; background:url(../images/main/bg_nav_on.gif) no-repeat left top; } #navigation_menu ul li.rmenu a {font-size:12px;} #navigation_menu ul li.rmenu a:hover, #navigation_menu ul li.right_menu a.tabbtn_over {display:block; color:#222; padding:13px 12px 0 12px; height:28px; background:url(../images/main/bg_nav_on.gif) no-repeat left top; } #navigation_menu ul#heraldmenu li div li {padding:0;} #navigation_menu ul li div {position:absolute; left:0; top:41px; width:978px; border-left:1px solid #e1e1e1; border-right:1px solid #e1e1e1; background:url(../images/main/bg_nav_sub.gif) repeat-x left top; height:31px; z-index:101;} #navigation_menu ul li div h3 {float:left; padding:9px 10px 0 8px; background:url(../images/common/arr3_r.gif) no-repeat right 13px;} #navigation_menu ul li div li {font-weight:normal; height:30px; position:relative; background:url(../images/common/nav_sub_gu.gif) no-repeat right 15px;} #navigation_menu ul li div a {color:#222; padding:9px 12px 0px 10px; font-size:12px; } #navigation_menu ul li div a.plus {margin-right:7px; padding:10px 9px 0px 10px; background:url(../images/common/arr3_bt.gif) no-repeat right 17px;} #navigation_menu ul li.rmenu div a:hover, #navigation_menu ul li div a:hover {font-weight:bold; color:#000; padding:8px 12px 6px 10px; border:none; background:none;} #navigation_menu ul li div a.plus:hover {margin-right:7px; padding:10px 9px 6px 10px; background:url(../images/common/arr3_bt.gif) no-repeat right 17px;} #navigation_menu ul li div li div {visibility:hidden; position:absolute; left:0; top:28px; padding:0 20px 8px 12px; min-width:120px; width:auto !important; width:120px; height:auto; border:1px solid #4e7196; background:#396089; z-index:200;} #navigation_menu ul li div li div li { color:#fff; clear:both; height:25px; background:none; white-space:nowrap;} #navigation_menu ul li div li div li a {display:block; color:#fff; padding:10px 0px 0 0; white-space:nowrap; height:15px;} #navigation_menu ul li.rmenu div li div li a:hover, #navigation_menu ul li div li div li a:hover {color:#fff; padding:10px 0 0 0; height:15px;} #navigation_menu ul li div ul#sub_navi10 li.pt3 {padding-top:2px; }