@charset "utf-8"; body {font-size:0.75em; line-height:160%; font-family:"돋움", Dotum, "굴림", Gulim, "Lucida Grande", AppleGothic, UnDotum, sans-serif; background:url('../images/main/bg_body.gif') repeat-x;} /* wrapper */ #wrapper {position:relative; width:940px; margin:0 auto; font-size:1em;} /* header */ #header {position:relative; width:100%; height:126px;background:url('../images/main/bg_mainheader.gif') no-repeat top left;} #header .logo {float:left; margin-top:30px; font-size:0;} /* gnb */ #header .gnb {float:right; margin-top:6px; text-align:right;z-index:1;} #header .gnb li {float:left; padding-right:9px; font-size:0; line-height:0; background:url('../images/main/bg_gnb_bar.gif') no-repeat right 50%;} #header .gnb li.last {padding-right:0; background:none;} /* totalSearch */ #totalSearch {position:absolute; right:0; top:41px; width:304px; height:19px; text-align:right;} #totalSearch .total_search {width:180px; height:15px; padding:2px 0 0 0; border:1px solid #809dba;} #totalSearch select {width:70px; height:19px; font-size:0.9em; border:1px solid #809dba;} /* mainmenu */ #mainMenu {position:absolute; left:0; top:70px; z-index:50; width:940px; height:33px; background:url('../images/main/bg_main_nav_1depth.gif') no-repeat;} #mainMenu ul {position:absolute; left:0; top:0; width:905px; height:33px; padding-left:35px; list-style:none;} #mainMenu ul li { float:left; display: inline; padding:0 36px; font-size:0;} #mainMenu ul li img {vertical-align:top;} #mainMenu ul li.outside {padding:0 0 0 38px;} #mainMenu ul li.on ul {display:block;} #mainMenu ul ul {padding-left:15px;} #mainMenu ul ul li { float:left; display: inline; margin:0; padding:6px 10px 0 9px; font-size:0; line-height:0; background:url('../images/common/bg_main_nav_2depth_bar.gif') no-repeat right 7px;} #mainMenu ul ul li.first {padding-left:0; background:transparent;} #mainMenu ul ul li.last {background:none;} #mainMenu ul li ul {z-index:100; position:absolute; top:26px; width:110px; background:#fff; height:150px;} #mainMenu ul li ul#top-sub-menu1{ left:50px; } #mainMenu ul li ul#top-sub-menu2 { left:190px;} #mainMenu ul li ul#top-sub-menu3 { left:300px; } #mainMenu ul li ul#top-sub-menu4 {left:430px;} #mainMenu ul li ul#top-sub-menu5 {left:550px; } #mainMenu ul li ul#top-sub-menu6 {left:690px; } #mainMenu ul li ul#top-sub-menu7 {left:800px; } /* #mainMenu ul li ul#top-sub-menu1 {z-index:100; position:absolute; left:0; top:26px; width:299px; height:29px; background:url('../images/main/bg_2depth_1.gif') no-repeat; } #mainMenu ul li ul#top-sub-menu2 {z-index:100; position:absolute; left:13px; top:26px; width:500px; height:29px; background:url('../images/main/bg_2depth_2.gif') no-repeat; } #mainMenu ul li ul#top-sub-menu3 {z-index:100; position:absolute; left:42px; top:26px; width:650px; height:29px; background:url('../images/main/bg_2depth_3.gif') no-repeat; } #mainMenu ul li ul#top-sub-menu4 {z-index:100; position:absolute; left:226px; top:26px; width:469px; height:29px; background:url('../images/main/bg_2depth_4.gif') no-repeat; } #mainMenu ul li ul#top-sub-menu5 {z-index:100; position:absolute; left:470px; top:26px; width:241px; height:29px; background:url('../images/main/bg_2depth_5.gif') no-repeat; } #mainMenu ul li ul#top-sub-menu6 {z-index:100; position:absolute; left:647px; top:26px; width:221px; height:29px; background:url('../images/main/bg_2depth_6.gif') no-repeat; } #mainMenu ul li ul#top-sub-menu7 {z-index:100; position:absolute; left:486px; top:26px; width:473px; height:29px; background:url('../images/main/bg_2depth_7.gif') no-repeat; } */ /* visual */ #mainVisual {z-index:-10; position:relative; width:940px; height:304px;} #mainVisual_re {z-index:-10; position:relative; width:885px; height:300px; background:none;} #mainVisual .text_01 {position:absolute; left:33px; top:82px; font-size:0;} #mainVisual .text_02 {position:absolute; left:28px; top:98px; font-size:0;} #mainVisual .img_01 {z-index:30; position:absolute; left:440px; top:37px; font-size:0;} #mainVisual .img_02 {z-index:20; position:absolute; left:575px; top:26px; font-size:0;} #mainVisual .img_03 {z-index:10; position:absolute; left:717px; top:16px; font-size:0;} /* containerMain */ #containerMain {clear:both; position:relative; float:left; width:100%; margin:0 auto; margin-top:14px;} /* sectionLeft */ #sectionLeft {float:left; display:inline; width:220px; margin-right:40px;} /* popupZone */ #sectionLeft .popup_zone {position:relative; width:220px; height:114px; margin-bottom:9px; padding-top:31px; background:url('../images/main/bg_popup_zone.gif') no-repeat;} #sectionLeft .popup_zone h3 {z-index:10; position:absolute; left:5px; top:9px; font-size:0;} #sectionLeft .popup_zone .pz_no {z-index:10; position:absolute; left:110px; top:7px;} #sectionLeft .popup_zone .pz_no li {float:left; font-size:0; line-height:0; margin-left:1px;} #sectionLeft .popup_zone .pz_no li img {vertical-align:top;} #sectionLeft .popup_zone .pz_img {clear:both; position:relative; overflow:hidden; width:206px; height:107px; margin:0 auto; font-size:0; line-height:0;} #sectionLeft .popup_zone .pz_img li { vertical-align:top; line-height:107px;} /*2011.05.12 추가*/ #sectionLeft .popup_zone .pz_img li img{ vertical-align:top;} /*2011.05.12 추가*/ #sectionLeft .popup_zone .pz_btn {position:absolute; left:80px; top:7px;} #sectionLeft .popup_zone .pz_btn img {margin-left:2px;} /* reservation */ #sectionLeft .reservation {position:relative; float:left; width:220px; height:145px; background:url('../images/main/bg_reservation.gif') no-repeat;margin:0 0 5px 0;} #sectionLeft .reservation h3 {clear:both; float:left; display:inline; font-size:0; margin:8px 0 0 5px;} #sectionLeft .reservation p {clear:both; float:left; display:inline; width:210px; font-size:0; margin:10px 0 0 5px;} #sectionLeft .reservation p img {display:inline; vertical-align:top;} #sectionLeft .giki {position:relative; float:left; width:220px; height:119px; background:url('../images/main/bgmain_giki.gif') no-repeat;margin:5px 0 5px 0;} #sectionLeft .giki .title {float:right; display:inline;width:100px; font-size:0; margin:15px 5px 0 0px;} #sectionLeft .giki .title p {margin:35px 0 0 0;} #sectionLeft .giki .text {float:left; display:inline; width:86px; font-size:0; margin:8px 0 0 8px;} #sectionLeft .giki .text img {display:inline; vertical-align:top;} #sectionLeft .social {clear:both;position:relative; float:left; width:220px; height:132px; background:url('../images/main/bgmain_twitter2.gif') no-repeat;margin:10px 0 5px 0;} #sectionLeft .social dl {margin:0px 0 0 10px;} #sectionLeft .social dl dt {float:right;width:165px; margin:10px 0 0 0;height:15px;} #sectionLeft .social dl dd {float:right;width:165px; height:15px;} #sectionLeft .social dl dd.img {float:left;width:40px;height:40px;display:inline-block;margin-top:5px;vertical-align:top;} #sectionLeft .bannerzone {position:relative; float:left; width:220px; height:98px; background:url('../images/main/bgmain_bannerzone.gif') no-repeat;margin:10px 0 5px 0;} #sectionLeft .bannerzone h3 {float:left;padding:7px 0 0 5px;height:12px;vertical-align:top;} #sectionLeft .bannerzone .btn {float:right;margin:2px 6px 0 0;height:20px;} #sectionLeft .bannerzone p img {margin:5px 0 0 7px;} #sectionLeft .bannerzone .pz_img2 {clear:both; position:relative; overflow:hidden; width:206px; height:65x; margin:0px auto 0 auto; font-size:0; line-height:0;} #sectionLeft .bannerzone .pz_img2 li { vertical-align:top; } #sectionLeft .bannerzone .pz_img2 li img{ vertical-align:top;margin:5px 0 0 2px;} /* reservation01 */ #sectionLeft .reservation_01 {position:relative; width:204px; height:68px; margin-bottom:10px; padding-left:12px; background:url('../images/main/bg_reservation_01.jpg') no-repeat 144px 12px;} #sectionLeft .reservation_01 h3 {font-size:0; padding-bottom:3px;} #sectionLeft .reservation_01 p {font-size:0; padding-top:3px;} /* reservation02 */ #sectionLeft .reservation_02 {position:relative; width:204px; height:68px; padding-left:12px; background:url('../images/main/bg_reservation_02.jpg') no-repeat 153px bottom;} #sectionLeft .reservation_02 h3 {font-size:0; padding-bottom:3px;} #sectionLeft .reservation_02 p {font-size:0; padding-top:3px;} /* sectionCenter */ #sectionCenter {position:relative; float:left; display:inline; width:420px;} /* tab01 */ #sectionCenter #no1 ul#tab01 {width:420px; height:22px; background:url("../images/main/bg_tab.gif") no-repeat left bottom;} #sectionCenter #no1 ul#tab01 li {float:left; height:22px; font-size:0; line-height:0;} #sectionCenter #no1 ul#tab01 li img {vertical-align:top;} #sectionCenter #no1 ul#no1_notice, #sectionCenter #no1 ul#no1_press {clear:both; position:relative; width:420px; margin-top:8px;} #sectionCenter #no1 ul#no1_notice li, #sectionCenter #no1 ul#no1_press li {float:left; width:407px; padding:0 0 0 8px; background:url('../images/main/bu_gray_dot.gif') no-repeat 1px 0.6em;} #sectionCenter #no1 ul#no1_notice li span.subject, #sectionCenter #no1 ul#no1_press li span.subject {float:left; display:inline-block; overflow:hidden; width:318px;} #sectionCenter #no1 ul#no1_notice li span.subject a:link, #sectionCenter #no1 ul#no1_notice li span.subject a:visited {color:#666; text-decoration:none;} #sectionCenter #no1 ul#no1_notice li span.subject a:active, #sectionCenter #no1 ul#no1_notice li span.subject a:hover {color:#666; text-decoration:underline;} #sectionCenter #no1 ul#no1_press li span.subject a:link, #sectionCenter #no1 ul#no1_press li span.subject a:visited {color:#666; text-decoration:none;} #sectionCenter #no1 ul#no1_press li span.subject a:active, #sectionCenter #no1 ul#no1_press li span.subject a:hover {color:#666; text-decoration:underline;} #sectionCenter #no1 ul#no1_notice li span.date, #sectionCenter #no1 ul#no1_press li span.date {float:right; width:76px; padding-right:4px; color:#626262; text-align:right;} #sectionCenter #no1 ul#no1_notice li.more, #sectionCenter #no1 ul#no1_press li.more {position:absolute; left:385px; top:-25px; width:30px; height:13px; padding:0; font-size:0; line-height:0; background:none;} /* tab02 */ #sectionCenter #no2 {clear:both; padding-top:12px;} #sectionCenter #no2 ul#tab02 {width:420px; height:22px; background:url("../images/main/bg_tab.gif") no-repeat left bottom;} #sectionCenter #no2 ul#tab02 li {float:left; height:22px; font-size:0; line-height:0;} #sectionCenter #no2 ul#tab02 li img {vertical-align:top;} #sectionCenter #no2 ul#no2_seminar, #sectionCenter #no2 ul#no2_bidding {clear:both; position:relative; width:420px; margin-top:8px;} #sectionCenter #no2 ul#no2_seminar li, #sectionCenter #no2 ul#no2_bidding li {float:left; width:407px; padding:0 0 0 8px; background:url('../images/main/bu_gray_dot.gif') no-repeat 1px 0.6em;} #sectionCenter #no2 ul#no2_seminar li span.subject, #sectionCenter #no2 ul#no2_bidding li span.subject {float:left; display:inline-block; overflow:hidden; width:318px;} #sectionCenter #no2 ul#no2_seminar li span.subject a:link, #sectionCenter #no2 ul#no2_seminar li span.subject a:visited {color:#666; text-decoration:none;} #sectionCenter #no2 ul#no2_seminar li span.subject a:active, #sectionCenter #no2 ul#no2_seminar li span.subject a:hover {color:#666; text-decoration:underline;} #sectionCenter #no2 ul#no2_bidding li span.subject a:link, #sectionCenter #no2 ul#no2_bidding li span.subject a:visited {color:#666; text-decoration:none;} #sectionCenter #no2 ul#no2_bidding li span.subject a:active, #sectionCenter #no2 ul#no2_bidding li span.subject a:hover {color:#666; text-decoration:underline;} #sectionCenter #no2 ul#no2_seminar li span.date, #sectionCenter #no2 ul#no2_bidding li span.date {float:right; width:78px; padding-right:2px; color:#626262; text-align:right;} #sectionCenter #no2 ul#no2_seminar li.more, #sectionCenter #no2 ul#no2_bidding li.more {position:absolute; left:385px; top:-25px; padding:0; font-size:0; line-height:0; background:none;} /* sectionRight */ #sectionRight {float:right; display:inline; width:224px;} #sectionRight .bg_cyber {z-index:-10; position:relative; width:220px; height:223px; margin:0 0 7px 4px; padding-top:7px; text-align:center; font-size:0; background:url('../images/main/bgmain_cyber.gif') no-repeat;} #sectionRight .bg_cyber .flash h3 {position:absolute; left:6px; top:62px; font-size:0;} #sectionRight .bg_cyber .flash p.add {position:absolute; left:6px; top:60px; font-size:0;} #sectionRight .bg_cyber .flash p.cyber_go {position:absolute; left:169px; top:60px; font-size:0;} #sectionRight .bg_cyber .flash p.cyber_go img {vertical-align:top;} #sectionRight .bg_cyber .flash object {margin: 45px 0 0 0;} #sectionRight object p {font-size:11px;letter-spacing:-1px;margin:40px 0 0 0;} #sectionRight .cyber_wrap {z-index:-10; position:relative; width:220px; height:120px; margin:0 0 7px 4px; padding-top:25px; text-align:center; font-size:0; background:url('../images/main/bg_cyber.gif') no-repeat;} #sectionRight .cyber_wrap h3 {position:absolute; left:6px; top:7px; font-size:0;} #sectionRight .cyber_wrap p.add {position:absolute; left:6px; top:28px; font-size:0;} #sectionRight .cyber_wrap p.cyber_go {position:absolute; left:169px; top:5px; font-size:0;} #sectionRight .cyber_wrap p.cyber_go img {vertical-align:top;} #sectionRight object p {font-size:11px;} #sectionRight .banner {float:left; width:224px;} #sectionRight .banner li {float:left; display:inline; padding:4px 0 0 4px; font-size:0; line-height:0;} #sectionRight .banner li img {vertical-align:top;} /* rollingBanner */ #rollingBanner {clear:both; position:relative; float:left; width:940px; height:57px; margin-top:15px; padding-bottom:14px; background:url('../images/main/bgmain_rollbanner.gif') no-repeat;} #rollingBanner h3 {position:absolute; left:15px; top:12px; font-size:0;} #rollingBanner .rolling_bannerBg {overflow:hidden; float:left; display:inline; width:800px; height:42px; margin:5px 0 0 130px;} #rollingBanner ul.banner_list {clear:both;} #rollingBanner ul.banner_list li {float:left; font-size:0;} #rollingBanner ul.banner_list li img {width:148px; height:42px; margin:0px 5px; vertical-align:top;} #rollingBanner .control {position:absolute; right:10px; top:2px;} #rollingBanner .control li {margin:5px; font-size:0; line-height:0;} #rollingBanner .control li.play {padding:3px 0;} #rollingBanner .control li img {vertical-align:top;} #rollingBanner .bn_more {position:absolute; left:70px; top:30px; font-size:0;} #rollingBanner2 {clear:both; position:relative; float:left; width:939px; height:57px; margin-top:15px; padding-bottom:14px; background:url('../images/main/bgmain_rollbanner.gif') no-repeat;} #rollingBanner2 h3 {position:absolute; left:15px; top:12px; font-size:0;} #rollingBanner2 .rolling_bannerBg {overflow:hidden; float:left; display:inline; width:800px; height:42px; margin:7px 0 0 130px;background:#ffffff;} #rollingBanner2 ul.banner_list {clear:both;background:#ffffff;border:none;} #rollingBanner2 ul.banner_list li {float:left; font-size:0;background:#ffffff;border:none;} #rollingBanner2 ul.banner_list li img {width:148px; height:42px; margin:0px 3px; vertical-align:top;background:#ffffff;border:none;} #rollingBanner2 .control {position:absolute; right:10px; top:2px;} #rollingBanner2 .control li {margin:5px; font-size:0; line-height:0;} #rollingBanner2 .control li.play {padding:3px 0;} #rollingBanner2 .control li img {vertical-align:top;} #rollingBanner2 .bn_more {position:absolute; left:70px; top:30px; font-size:0;} /* footer */ #footerWrap {clear:both; overflow:hidden; width:100%; background:url('../images/common/bg_footer.gif') repeat-x;} #footer {position:relative; width:940px; height:99px; margin:0 auto;} #footer .footerMenu {position:absolute; left:130px; top:9px;} #footer .footerMenu li {float:left; padding:0 16px 0 15px; font-size:0; line-height:0; background:url('../images/common/bg_fmenu_bar.gif') no-repeat right 1px;} #footer .footerMenu li.last {padding:0 0 0 15px; background:none;} #footer .rss {position:absolute; left:624px; top:7px;} #footer .relationSite1 {position:absolute; left:794px; top:32px; line-height:0; vertical-align:top; width:220px;} #footer .relationSite2 {position:absolute; left:794px; top:50px; line-height:0; vertical-align:top; width:220px;} #footer .relationSite3 {position:absolute; left:794px; top:68px; line-height:0; vertical-align:top; width:220px;} #footer select {width:180px;/*width:108px;*/ height:16px; font-size:0.9em; font-size:11px; color:#929292; vertical-align:top; border:1px solid #a7a6aa;} #footer .ci {position:absolute; left:5px; top:44px;} #footer .ci_2 {position:absolute; left:635px; top:37px;} #footer address {position:absolute; left:166px; top:40px;} #footer .copyright {position:absolute; left:167px; top:58px;} #footerWrap2 {clear:both; overflow:hidden; width:100%; background:url('../images/common/bg_footernew.gif') repeat-x;} #footer2 {position:relative; width:940px; height:150px; margin:0 auto;} #footer2 .footerMenu2 {position:absolute; left:130px; top:9px;} #footer2 .footerMenu2 li {float:left; padding:0 16px 0 15px; font-size:0; line-height:0; background:url('../images/common/bg_fmenu_bar.gif') no-repeat right 1px;} #footer2 .footerMenu2 li.last {padding:0 0 0 15px; background:none;} #footer2 .sitelink {height:25px;clear:both;position:absolute; left:0px; top:40px;width:940px;} #footer2 .sitelink .relationSite1 {position:absolute; left:0px; top:0px; line-height:0; vertical-align:top;width:190px; } #footer2 .sitelink .relationSite1 select {height:16px; font-size:0.9em; font-size:11px; color:#929292; vertical-align:top; border:1px solid #a7a6aa;width:150px;} #footer2 .sitelink .relationSite2 {position:absolute; left:205px; top:0px; line-height:0; vertical-align:top; width:240px;} #footer2 .sitelink .relationSite3 {position:absolute; left:440px; top:0px; line-height:0; vertical-align:top; width:220px;} #footer2 .sitelink .relationSite3 select {width:120px; height:16px; font-size:0.9em; font-size:11px; color:#929292; vertical-align:top; border:1px solid #a7a6aa;} #footer2 .sitelink .relationSite4 {position:absolute; left:620px; top:0px; line-height:0; vertical-align:top; } #footer2 select {height:16px; font-size:0.9em; font-size:11px; color:#929292; vertical-align:top; border:1px solid #a7a6aa;padding:0 0 0 0;} #footer2 .foot_copy {clear:both; position:absolute; left:0px; top:40px;width:940px; } #footer2 .foot_copy .ci {position:absolute; left:100px; top:44px;} #footer2 .foot_copy .ci_2 {position:absolute; left:720px; top:37px;} #footer2 .foot_copy address {position:absolute; left:260px; top:40px;} #footer2 .foot_copy .copyright {position:absolute; left:260px; top:58px;} /* quickMenu */ #quickMenu {z-index:50; position:absolute; left:959px; top:445px; width:81px; height:514px; background:url('../images/common/bg_quickmenunew2.gif') no-repeat;} #quickMenu h2 {padding:7px 0 6px 9px; font-size:0;} #zoomWrap {position:relative; width:81px; height:61px; font-size:0;} #zoomWrap .zoomIn {position:absolute; left:19px; top:8px;} #zoomWrap .zoomOut {position:absolute; left:44px; top:8px;} #zoomWrap .zoomInitialization {position:absolute; left:19px; top:38px;} #quick {width:81px; text-align:center;} #quick li {padding:9px 0 8px 0; font-size:0; line-height:0; background:url('../images/common/bg_quick_line.gif') no-repeat center 0;} #quick li.pad {padding:7px 0 5px 0;} #quick li.nobg {padding:4px 0 2px 0; background:none;} #quick li.last {padding:5px 0; background:url('../images/common/bg_quick_last_line.gif') no-repeat 1px 0;} #quickMenu p {width:81px; padding-top:9px; font-size:0; text-align:center;} #quickMenu2 {z-index:50; position:absolute; left:959px; top:445px; width:81px; height:514px; background:url('../images/common/bg_quickmenunew2.gif') no-repeat;} #quickMenu2 h2 {padding:7px 0 6px 9px; font-size:0;} #zoomWrap {position:relative; width:81px; height:61px; font-size:0;} #zoomWrap .zoomIn {position:absolute; left:19px; top:8px;} #zoomWrap .zoomOut {position:absolute; left:44px; top:8px;} #zoomWrap .zoomInitialization {position:absolute; left:19px; top:38px;} #quick {width:81px; text-align:center;} #quick li {padding:9px 0 8px 0; font-size:0; line-height:0; background:url('../images/common/bg_quick_line.gif') no-repeat center 0;} #quick li.pad {padding:7px 0 5px 0;} #quick li.nobg {padding:4px 0 2px 0; background:none;} #quick li.last {padding:5px 0; background:url('../images/common/bg_quick_last_line.gif') no-repeat 1px 0;} #quickMenu2 p {width:81px; padding-top:9px; font-size:0; text-align:center;} /*메인리스트 공지사항 보도자료등 */ .main_list { width:420px; height:300px; position:relative; background:url(../images/main/main_tab_line.gif) 0 top repeat-x ; } .main_list h3{float:left; height:24px;margin-right:1px; } .main_list div{line-height:130%; position:absolute; top:20px; left:0px; text-align:right; width:420px; height:270px; padding:10px 0 0 0; font-size:100%; } .main_list div.on{} .main_list div.off{visibility:hidden;} .main_list div ul{padding-top:0px;} .main_list div li{height:19px; vertical-align:top; background:url(../images/main/bu_gray_dot.gif) no-repeat 3px 5px; text-indent:12px; clear:both; } .main_list div li a{float:left; width:340px; height:19px; text-align:left; overflow:hidden; font-size:1.0em;} .main_list div li span{float:right; width:70px; height:19px; font-size:1.0em; color:#767676;} .main_list .more{position:absolute; top:-15px; right:0px; height:20px; z-index:999; } .main_list2 { width:420px; height:135px; position:relative; background:url(../images/main/main_tab_line.gif) 0 top repeat-x ; } .main_list2 h3{float:left; height:24px;margin-right:1px; } .main_list2 div{line-height:130%; position:absolute; top:20px; left:0px; text-align:right; width:420px; height:270px; padding:10px 0 0 0; font-size:100%; } .main_list2 div.on{} .main_list2 div.off{visibility:hidden;} .main_list2 div ul{padding-top:0px;} .main_list2 div li{height:19px; vertical-align:top; background:url(../images/main/bu_gray_dot.gif) no-repeat 3px 5px; text-indent:12px; clear:both; } .main_list2 div li a{float:left; width:340px; height:19px; text-align:left; overflow:hidden; font-size:1.0em;} .main_list2 div li span{float:right; width:70px; height:19px; font-size:1.0em; color:#767676;} .main_list2 .more{position:absolute; top:-15px; right:0px; height:20px; z-index:999; } .nibrnews_tit {clear:both;width:420px;height:23px;} .nibrnews_tit h3 {float:left;} .nibrnews_tit span {float:right;} .nibrnews { width:420px; height:183px; position:relative; background:url(../images/main/bgmain_nibrnews.gif) 0 top no-repeat;margin:0 0 10px 0;} .nibrnews dl {padding:0 5px 0px 0; } .nibrnews dl dt { float:right;font-weight:bold;color:#5d9c3a;width:235px;margin:5px 0 5px 10px;background:url(../images/main/bu_gray_dot.gif) no-repeat 5px 5px;padding:0px 0 0 10px;} .nibrnews dl dt a {font-weight:bold;color:#5d9c3a;} .nibrnews dl dt span {font-weight:normal;color:#666666;font-size:9pt;line-height:100%;} .nibrnews dl dd { float:right;width:235px;margin:0 0 5px 0;} .nibrnews dl dd.img {float:left;width:180px;height:115px;margin-top:-32px;line-height:0} .nibrnews dl dd.img span {display:inline-block;padding:0;margin:0px 0 0 9px;vertical-align:top;line-height:0;height:110px;} .nibrnews ul {clear:both;float:none;margin:5px 10px 0px 10px;height:10px;border-top:1px dotted #a2a2a2;padding:5px 0 0 0;vertical-align:top;} .nibrnews ul li{height:17px; vertical-align:top; background:url(../images/main/bu_gray_dot.gif) no-repeat 3px 5px; text-indent:10px; clear:both;padding:1px 0;} .nibrnews ul li a{float:left; width:330px; height:17px; text-align:left; overflow:hidden; font-size:1.0em;} .nibrnews ul li span{float:right; width:70px; height:17px; font-size:1.0em; color:#767676;} .maindata {width:420px; margin:0 0 10px 0;position:relative;} .maindata .movie {float:left;width:197px;} .maindata .movie .title {border-bottom:1px solid #dddbdb;padding:0 0 5px 0;height:20px;} .maindata .movie .title h3 {float:left;display:inline;} .maindata .movie .title span {float:right;padding:3px 0 5px 0;height:20px;display:inline;} .maindata .movie p {background:url(../images/main/bgmain_movie.gif) 0 top no-repeat;width:196px; height:112px;margin:8px 0 0 0;} .maindata .movie p img {margin:1px 0 0 2px;} .maindata .movie p span {position:absolute; top:83px; left:65px; } .maindata .movie dl dt {color:#5d9c3a;font-weight:bold;border-bottom:1px dotted #a2a2a2;padding:5px 0 4px 0;} .maindata .movie dl dt a {color:#5d9c3a;font-weight:bold;} .maindata .movie dl dd {padding:5px 0 0px 5px;background:url(../images/main/bu_gray_dot.gif) no-repeat 0px 11px;} .maindata .photo {float:right;} .maindata .photo .title {border-bottom:1px solid #dddbdb;padding:0 0 5px 0;height:20px;} .maindata .photo .title h3 {float:left;display:inline;} .maindata .photo .title span {float:right;padding:3px 0 5px 0;height:20px;display:inline;} .maindata .photo p {background:url(../images/main/bgmain_photoact.gif) 0 top no-repeat;width:194px; height:112px;margin:8px 0 0 0;} .maindata .photo p img {margin:1px 0 0 2px;} .maindata .photo dl dt {color:#5d9c3a;font-weight:bold;border-bottom:1px dotted #a2a2a2;padding:5px 0 4px 0;} .maindata .photo dl dt a {color:#5d9c3a;font-weight:bold;} .maindata .photo dl dd {padding:5px 0 0px 5px;background:url(../images/main/bu_gray_dot.gif) no-repeat 0px 11px;} /*전체메뉴보기*/ #top_allmenu { position: absolute; left:430px; top:0px; height :28px;/*background:url(../images/main/bg_allmenuopen.gif) no-repeat 0 0;*/} #top_allmenu img {vertical-align:top; position: relative; left: 0px; top:0px;} #top_allmenu_z { position: absolute; left: 0px;top: 0px; width : 940px;height : 290px;padding: 15px 0px 0 0;background: url(../images/main/bg_allmenu.gif) repeat-x 0 0; overflow: hidden; } #top_allmenu_z .close { position: absolute; left: 435px; bottom: 0px; } #top_allmenu_z ul {display: inline; float: left; height: auto;margin: 0 0px 0 0; padding: 0 0px 0 0;} #top_allmenu_z ul li { display: inline;float : left;width : 130px; height: auto;margin: 0; padding: 0 0 0 10px;} #top_allmenu_z ul li a {display: block; } #top_allmenu_z ul li.second { display: inline;float : left;width : 120px; height: auto;margin: 0; padding: 0 0 0 5px;} #top_allmenu_z ul li.three { display: inline;float : left;width : 120px; height: auto;margin: 0; padding: 0 0 0 15px;} #top_allmenu_z ul li.last { display: inline;float : left;width : 118px; height: auto;margin: 0; padding: 0 0 0 12px;} #top_allmenu_z ul ol {padding : 0; margin : 10px 0;} #top_allmenu_z ul li ol li {float : left;padding : 4px 0px 3px 0px;border-bottom:1px solid #e4e4e4;width:108px;} #top_allmenu_z ul li ol li a:link {font-weight : normal;color:#000;} #top_allmenu_z ul li ol li a:visited {font-weight : normal;color:#000;} #top_allmenu_z ul li ol li a:hover {color:#5467B8;font-weight : normal;text-decoration:underline; } #top_allmenu_z ul li ol li a:active {font-weight : normal;color:#000;} #top_allmenu_z ul span.menu01 {padding:6px 0 0 0;background:url(../images/main/bg_allmenubox.gif) no-repeat 0 0;width:108px;height:21px;display:inline-block;text-align:center;color:#2d9f04;font-weight:bold;} #top_allmenu_z ul span.menu02 {padding:6px 0 0 0;background:url(../images/main/bg_allmenubox2.gif) no-repeat 0 0;width:108px;height:21px;display:inline-block;text-align:center;color:#000000;font-weight:bold;} #sectionLeft .main_sns {clear:both;position:relative; float:left; width:228px; height:137px; background:url('../images/main/box_social.gif') no-repeat;margin:10px 0 5px 0;padding:0 0 0 14px; } #sectionLeft .main_sns h3{float:left; height:17px;margin:4px 2px 0 0;} #sectionLeft .main_sns div{line-height:130%; position:absolute; top:10px; left:0px; text-align:left; width:200px; height:120px; padding:0px 10px; font-size:100%; } #sectionLeft .main_sns div.on{} #sectionLeft .main_sns div.off{visibility:hidden;} #sectionLeft .main_sns .sns_cont {clear:both;width:100%;height:60px;margin:0;} #sectionLeft .main_sns .sns_cont .iconimg {float:left;width:50px;height:60px;display:inline-block;} #sectionLeft .main_sns .sns_cont .sns_text {float:right;width:155px;margin:0 0 0 50px;} #sectionLeft .main_sns .sns_cont .sns_bold {color:#5d9c3a;font-weight:bold;} #sectionLeft .main_sns .sns_cont .wdate {color:#949393;font-size:0.95em;letter-spacing:-1px;} #sectionLeft .main_sns .sns_counter {clear:both;width:210px;margin:75px 0 0 10px;padding:5px 0 0 0px;border-top:1px solid #dedcdc;} #sectionLeft .main_sns .sns_counter dl {width:100%;} #sectionLeft .main_sns .sns_counter dl dt {float:left;display:inline;color:#5d9c3a;font-size:0.95em;background:url(../images/main/bu_gray_dot.gif) no-repeat 0px 4px;padding:0 0 0 4px;} #sectionLeft .main_sns .sns_counter dl dd {float:left;display:inline;color:#949393;font-size:0.95em;width:60px;}