/* 메인페이지 양쪽 날개를 달았을 때 아래 css사용 Start (모바일에서 틀어지지 않음) #contents {width:980px; margin:0 auto;} #mtop_wrap {width:100%; background-color:#fff;} #main_top {width:1446px; margin:0 auto; padding-top:24px; } #main_board {width:980px; margin:0 auto;} #main_footer {clear:both; width:100%; background:url(/KOR/img/main/main_footer_bg.gif) repeat-x;margin-top:20px} #mblue_wrap {width:1446px; margin:0 auto; background:url(/KOR/img/main/mblue_bg.jpg) repeat-x #056ecc;} #main_blue {width:980px; height:98px; margin:0 auto;} #mmiddle_wrap {width:980px; margin:0 auto; background-color:#f0f0f0;} #main_middle {width:980px; height:320px; margin:0 auto; padding:24px 0 0 0;} #mbottom_wrap {width:980px; margin:0 auto; background-color:#fff; border-top:1px solid #cdcdcd;} #main_bottom {width:980px; height:200px; margin:0 auto; padding:35px 0 0 0;} 메인페이지 양쪽 날개를 달았을 때 아래 css사용 End */ /* 메인페이지 양쪽 날개가 없을때 아래 css사용 Start */ #contents {width:980px; margin:0 auto;} #mtop_wrap {width:100%; background-color:#fff;} #main_top {width:980px; margin:0 auto; padding-top:24px; } #main_board {width:980px; margin:0 auto;} #main_footer {clear:both; width:100%;} #mblue_wrap {width:100%; margin:0 auto; background:url(/KOR/img/main/mblue_bg.jpg) repeat-x #056ecc;} #main_blue {width:980px; height:98px; margin:0 auto;} #mmiddle_wrap {width:100%; margin:0 auto; background-color:#f0f0f0;} #main_middle {width:980px; height:150px; margin:0 auto; padding:24px 0 0 0;} #mbottom_wrap {width:100%; margin:0 auto; background-color:#fff; margin-top:20px;background:url(../KOR/img/main/mem_title.png) no-repeat 10px 0;} #main_bottom {width:980px; height:200px; margin:0 auto; padding:25px 0 0 0;} /* 메인페이지 양쪽 날개가 없을때 아래 css사용 End */ #b_popupzone {float:left; position:relative; width:640px; height:227px; overflow:hidden; margin-right:20px;} /* margin-top:20px;background:url(../KOR/img/main/mem_title.png) no-repeat 10px 10px; #main_top .leftwing_weather {position:relative;} #main_top .leftwing_banner {float:left; width:225px; height:227px; margin-right:8px;} #main_top .leftwing_banner dl.weather_air {border-right:1px solid #ddd;} #main_top .rightwing_banner {float:right; width:225px; height:227px;} */ .r_quickmenu {float:left; position:relative; width:280px; padding-left:20px; padding-top:20px; padding-bottom:3px; } .r_quickmenu li {float:left;} .quick_btn {position:absolute; top:5px; right:0; } .quick_banner {clear:left; padding-top:6px;} #m_content_notice {float:left; width:640px; padding-top:15px; margin-right:20px;} #m_content_mayor {float:left; width:320px; padding-top:15px;} #m_content_left {float:left; width:640px; padding-top:15px; margin-right:20px;} #m_content_right {float:left; width:320px; padding-top:15px;} .rel_banner {width:320px; height:123px;} .rel_banner li {float:left; padding-bottom:10px;} #m_content_left .m_infobanner {float:left; width:360px; height:275px; position:relative;} #m_content_left .m_infobanner_list { border-top:1px solid #d6d6d6; padding-top:15px;} #m_content_left .m_infobanner_list li {float:left;} #m_content_left .citizenstory {clear:both; position:relative; width:640px; height:210px;} #m_content_left .citizenstory h3 {float:left;} #m_content_left div#news_tab2 { position:relative; } #m_content_left .citizenstory h4.citizenTab { } #m_content_left .citizenstory h4#citizenTab1{ position:absolute; top:0px; right:195px; padding-top:2px;} #m_content_left .citizenstory h4#citizenTab2{ position:absolute; top:0px; right:119px; padding-top:2px;} #m_content_left .citizenstory h4#citizenTab3{ position:absolute; top:0px; right:43px; padding-top:2px;} #m_content_left .citizen_tablist .cate_select {font-weight:bold;} #m_content_left .citizen_tablist .selected {font-weight:bold;} #m_content_left .citizen_con_list {clear:both;} #m_content_left .citizen_btn {position:absolute; top:12px; right:0; } #m_content_left .citizen_btn li {float:left;} /* 본문 페이지 높이*/ #mb_contents {margin-top:18px;height: auto; width:100%; min-height: 300px;} /*바로가기메뉴*/ #m_quicklist {clear:both;} /* 공지사항 */ #board_list {position:relative;width:638px; height:177px; border:1px solid #c3c3c3; background-color:#fff; margin-bottom:18px;} #board_list h3 {float:left;height: 39px; width:638px; } #board_list h3 a {display: block; height: 39px; overflow: hidden; position: absolute;} #board_list h3.js_section { } #board_list h3.js_section a { width: 140px;}/*원래 64px이었음*/ #board_list h3.js_section a:focus { border: 0px;} #board_list h3.js_section a img { position: absolute; top: 0px; left: 0; } #board_list h3.js_section a.menu_on img {top: -39px;} #board_list .article_wrap { position: absolute; top:50px; left:0; width:620px; height:110px; } #board_list h3#js_article_section1 { float:left; width:140px; top: 0; left: 0;} #board_list h3#js_article_section2 { float:left; width:140px; top: 0; left: 140px; } #board_list h3#js_article_section3 { float:left; width:140px; top: 0; left: 280px; } #board_list h3#js_article_section4 { float:left; width:140px; top: 0; left: 360px; } #board_list div.article_wrap ul.article { position:absolute; left:15px; height: 110px; width: 610px; line-height:24px; } #board_list div.article_wrap ul.article li {float:left; width:610px; border-bottom:1px dotted #999; height:24px;} #board_list div.article_wrap ul.article li a {/*float:left;*/ width:610px;} #board_list div.article_wrap .more {position:absolute; top:-50px; left:560px;} /* 바로가기 메뉴 */ /*#m_center_quick {clear:both; position:relative; height:96px; border-top:1px solid #bbb; border-bottom:1px solid #bbb;} */ #m_center_quick {clear:both; position:relative; height:1px; } #m_center_quick .btn_left {position:absolute; top:33px; left:0; } #m_center_quick .btn_right {position:absolute; top:33px; right:0;} #m_center_quick ul {padding-left:33px; width:918px; height:96px; overflow:hidden;} #m_center_quick ul li {float:left; width:102px;} #m_center_quick ul li a {display:block; overflow:hidden; height:96px;} #m_center_quick ul li a:focus {border: 1px dotted #333;} #m_center_quick ul li a img {vertical-align:top;} #m_center_quick ul li a:hover {background-position:0 0;} #m_center_quick ul li a:hover img {margin-top:-96px;} /*이시각주요뉴스*/ #main_top .news_tab {position:relative; width:638px; height:182px; border:1px solid #c3c3c3; background:url(../img/main/news_tabbg.gif) repeat-x #fff; margin-bottom:30px;} #main_top .news_tab h3 { /*float:left;*/} #main_top .news_tab h4 { position:absolute; top:0; font-weight:normal;} #main_top .news_tab h4 a {padding:10px 0 0 5px; font-size:12px;} #main_top .news_tab h4#newTabBtn1 { right:458px; top:12px; } #main_top .news_tab h4#newTabBtn2 { right:410px; top:12px; } #main_top .news_tab h4#newTabBtn3 { right:368px;top:12px;} #main_top .news_tab h4#newTabBtn4 { right:320px;top:12px; } #main_top .news_tab h4#newTabBtn5 { right:272px;top:12px; } #main_top .news_tab h4#newTabBtn6 { right:223px;top:12px;} #main_top .news_tab h4#newTabBtn7 { right:173px;top:12px; } #main_top .news_tab h4#newTabBtn8 { right:125px;top:12px; } #main_top .news_tab h4#newTabBtn9 { right:80px;top:12px; } #main_top .news_tab h4#newTabBtn10 { right:40px;top:12px; } #main_top .news_tablist {} #main_top .news_tablist h4 a { color:#535353;} #main_top .news_tablist h4 span {color:#dcdcdc; margin-left:8px;} #main_top .news_tablist .cate_select {font-weight:bold;} #main_top .news_tablist .selected {font-weight:bold;} #main_top .news_tab_btn {position:absolute; top:12px; right:5px; } #main_top .news_tab_btn li {float:left;} #main_top .news_con_list {width:580px; height:110px; padding:0 0 0 25px;} #main_top .news_con_list1{clear:both;float:left; border-top:1px solid #d6d6d6; padding-top:15px;width:120px} #main_top .news_con_list .text_box {float:left; padding:15px 0 0 0; width:590px; height:110px;} #main_top .news_con_list .text_box li {float:left; width:582px; background:url(/KOR/img/main/login_key.png) no-repeat 0 5px; padding-left:10px; height:20px;} /* 포토소식 */ #photoboard {clear:both; width:1020px; height:677px;} #photoboard .pb_box {float:left; background:url(/KOR/img/main/photoboard_boxbg.gif) no-repeat top left; width:340px; height:316px; margin-bottom:30px;} #photoboard .pb_box .pb_photo {padding:1px 0 0 1px;} #photoboard .pb_box .pb_text dl {padding:10px 18px; width:264px; height:115px;} #photoboard .pb_box .pb_text dt {margin-bottom:5px; height:30px;} #photoboard .pb_box .pb_text dt a {font-size:14px; font-weight:bold; padding:4px 0 0 5px;color:#333;} #photoboard .pb_box .pb_text dd a {font-size:12px; color:#666;} #photoboard .pb_box .pb_text dd {line-height:160%;} #m_content_right .paperview {position:relative; padding-top:13px;} #m_content_right .paperview_list {/*border:1px solid #d6d6d6;*/ width:280px; height:210px; padding:0px 0px 0px 0px;} #m_content_right .paperview_list li {float:left; padding-right:10px;} #m_content_right .paperview_list li img {border:1px solid #d6d6d6;} #m_content_right .paperview_list li p {text-align:center; padding-top:5px;} #m_content_right .paperview div.more {position:absolute; top:22px; left:80px; } #m_content_right .paperview div.enewsgo {position:absolute; top:17px; right:0; } #main_bottom #user_tab {width:139px; position:relative; } #main_bottom .user_tab h3 {} #main_bottom .user_tab div {} #main_bottom .user_tab_list {position:absolute; top:0; left:139px; width:800px; height:77px; padding:13px 20px;} #main_bottom .user_tab_list li {float:left; width:190px; height:20px; background:url(../img/main/left_tab_icon.gif) no-repeat 0 5px; padding-left:10px;} #main_bottom .user_tab_list li.pointtext a {color:#fff;} #main_bottom .user_tab_list2 {position:absolute; top:0; left:139px; width:800px; height:77px; padding:13px 20px;} #main_bottom .user_tab_list2 li {float:left; width:190px; height:20px; background:url(../img/main/left_tab_icon.gif) no-repeat 0 5px; padding-left:10px;} #main_bottom .user_tab_list2 li.pointtext a {color:#fff;} #main_bottom .user_tab_list3 {position:absolute; top:0; left:139px; width:800px; height:77px; padding:13px 20px;} #main_bottom .user_tab_list3 li {float:left; width:190px; height:20px; background:url(../img/main/left_tab_icon.gif) no-repeat 0 5px; padding-left:10px;} #main_bottom .user_tab_list3 li.pointtext a {color:#fff;} #main_bottom .user_tab_list li a, #main_bottom .user_tab_list2 li a, #main_bottom .user_tab_list3 li a {color:#fff;} /*메인 하단 탭메뉴 배경색상*/ #main_bottom .user_tab_list_bg01 {background-color:#fe7e00; border-right:1px solid #fe9b00; border-top:1px solid #fe9b00; border-bottom:1px solid #fe9b00;} #main_bottom .user_tab_list_bg02 {background-color:#1883f5; border-right:1px solid #3893f4; border-top:1px solid #3893f4; border-bottom:1px solid #3893f4;} #main_bottom .user_tab_list_bg03 {background-color:#699c07; border-right:1px solid #88bd23; border-top:1px solid #88bd23; border-bottom:1px solid #88bd23;} /*메인 하단 전문가*/ #main_bottom .bannerbox {position:relative; width:980px; height:174px; padding:0px 0 9px 0; border:1px solid #3893f4;} #main_bottom .bannerlist { width:920px; height:161px; margin-top:10px; position:relative; overflow:hidden; float: left;} #main_bottom .bannerlist ul { position:absolute; } #main_bottom .bannerlist li{ float:left; padding:0 15px; margin-top:0px; display: inline-block; text-align:center} #main_bottom .bannerlist li a { height: 161px; } #main_bottom .bannerlist img{ margin-bottom:3px;} /* #main_bottom .bannerbox {position:relative; width:980px; height:51px; padding:0px 0 9px 0; margin-top:20px;} #main_bottom .bannerlist { width:880px; height:40px; margin-top:10px; position:relative; overflow:hidden; float: left;} #main_bottom .bannerlist ul { position:absolute; } #main_bottom .bannerlist li{ float:left; padding-right: 10px; margin-top:0px; display: inline-block; } #main_bottom .bannerlist li a { height: 40px; } */ #main_bottom .bannerbtn {float:right; width:53px; margin-top:15px; } #main_bottom .bannerbtn ul {float:left; width:27px;} #main_bottom .bannerbtn div.bannerall {float:left; padding:13px 0 0 0; width:66px;} #main_bottom .bannerSkip {position:absolute; top:0; right:0; display:none;} #footer_wrap {clear:both; width:100%; height:180px; margin-top:12px; border-top:1px solid #a3a3a3; background-color:#f6f6f6;} #footer {width:100%; margin:0 auto;background-color:#808080;} #footer .copyright {position:relative; width:930px; margin:0 auto; padding:5px; height:20px; } #footer .copyright li {float:left; padding:0 3px;} #footer .copyright li a {font-size:11px; color:#fff;font-family:'Malgun Gothic', '맑은 고딕', dotum, '돋움', "나눔고딕", "NanumGothic", "굴림","Gulim","sans-serif";} #footer .copyright li span {font-size:11px; color:#dcdcdc; margin-left:6px;} #footer .connect {width:930px; margin-top:-10px; padding:10px; height:20px; } #footer .connect li {float:right; padding:0 3px; color:#fff;font-family:'Malgun Gothic', '맑은 고딕', dotum, '돋움', "나눔고딕", "NanumGothic", "굴림","Gulim","sans-serif";} #footer2 {width:100%; margin:0 auto;background-color:#606060;height:120px;} #footer2 .addr {position:relative; width:930px; margin:0 auto; padding:10px; height:120px; } #footer2 .addr address {float:left; color:#fff; font-size:11px; padding-top:30px; text-align:center; width:930px; font-family:'Malgun Gothic', '맑은 고딕', dotum, '돋움', "나눔고딕", "NanumGothic", "굴림","Gulim","sans-serif";} #footer2 .addr address p {padding:5px 0;} /* #footer .open_text {clear:both; color:#999; text-align:left; font-size:11px; padding:10px 0 0 0; width:680px; line-height:140%;} #footer .open_text a {font-weight:bold; color:#666;} #footer .footer_wa {position:absolute; top:10px; right:0;} #footer .footer_open {position:absolute; top:80px; right:5px;} */ /* 팝업존 별도 파일로 분해 한다. */ /* popupzone1 */ li{list-style:none;} img{border:0px;} /* popupzone */ div.popupZon {width:640px; height:230px; padding:0px; position:relative; } div.popupZon div.popWrap {width:640px; height:230px; margin:0px; overflow:hidden; top:0px; } div.popupZon div.popWrap ul.popBody {width:640px; height:230px; margin:0px; display:inline-block; position:relative; } div.popupZon div.popWrap ul.popBody li {position:absolute; left:0; top:0px; padding:0px; } /* 20150609 수정 원본 복귀 웹표준끝나면 div.popupZon ul.popTopbox {padding:0px; overflow:hidden; position:absolute; left:8px; top:80px;width:620px;} div.popupZon ul.popTopbox li.btns {font-size:0px;} div.popupZon ul.popTopbox li.btns a {margin:0px;padding:0px;} */ ul.popTopbox li.btns #popBtnPlay{padding-left:3px;} div.popupZon ul.popTopbox {padding:0px; overflow:hidden; position:absolute; right:12px; top:9px;width:75px;} div.popupZon ul.popTopbox li.btns {font-size:0px;} div.popupZon ul.popTopbox li.btns a {margin:0px;padding:0px;} /* popupzone2 */ #s_popupzone {float:left; position:relative; width:980px; height:260px; overflow:hidden;} div.popupZonA {width:980px; height:260px; padding:0px; position:relative; } div.popupZonA div.popWrapA {width:980px; height:260px; margin:0px; overflow:hidden; } div.popupZonA div.popupCountA { position:absolute; top:203px; left:204px; font-size:10px; } div.popupZonA div.popupCountA span.popupACurrent { color:#000; } div.popupZonA div.popWrapA ul.popBodyA {width:980px; height:260px; margin:0px; display:inline-block; position:relative; } div.popupZonA div.popWrapA ul.popBodyA li {position:absolute; left:0; top:0px; padding:0px; } div.popupZonA ul.popTopboxA {position:absolute; left:870px; top:10px;} div.popupZonA ul.popTopboxA li.btnsA {font-size:0px; } div.popupZonA ul.popTopboxA li.btnsA a {margin:0px;padding-right:4px;} /*팝업존 버튼*/ ul.popTopbox li.btns #popBtnLeft{float:left} ul.popTopbox li.btns #popBtnRight{float:right;} /* ul.popTopbox li.btns #popBtnPlay{float:left;visibility:hidden} 20150619 원본 */ ul.popTopbox li.btns #popBtnPlay{float:left;} /*전체사이트*/ #fullsite_wrap{width:570px;color:#464646;} #fullsite_wrap h1{width:570px;height:65px;background:url(/KOR/img/sub/h1.gif) no-repeat left top;} #fullsite_wrap h1 span{display:none;} ul.fullsite {width:530px;margin:5px 0 0 30px;} ul.fullsite li {float:left;width:100%;margin-top:15px;} ul.fullsite li:first-child {margin-top:0;} ul.fullsite li a {color:#464646;} ul.fullsite li a:hover {text-decoration:underline;} ul.fullsite_list {width:100%;overflow: hidden;margin-bottom:20px;} ul.fullsite_list li {float:left;width:175px;height:20px; line-height:23px;letter-spacing:-1px;margin-top:0;} ul.fullsite_list li a {color:#464646;} ul.fullsite_list li img {vertical-align: middle;} ul.fullsite_list2 {margin-top:10px;width:531px;overflow: hidden;margin-bottom:20px;} ul.fullsite_list2 li {float:left;width:171px;height:20px; line-height:23px;letter-spacing:-1px;margin-top:0;} ul.fullsite_list2 li a {color:#464646;} ul.fullsite_list2 li img {vertical-align: middle;} ul.fullsite_list3 {margin-top:10px;width:531px;overflow: hidden;margin-bottom:20px;} ul.fullsite_list3 li {float:left;width:100px;height:20px; line-height:23px;letter-spacing:-1px;margin-top:0;} ul.fullsite_list3 li a {color:#464646;} ul.fullsite_list3 li img {vertical-align: middle;} ul.fullsite_list li.width_min {width:160px;} ul.fullsite_list li.width_max {width:200px;}