/* 노희영 수정 20160206 */ #container_wrap{position:relative;overflow:hidden;width:100%;margin-top:10px;/*20141204*/background:url('/_HWASUN_KOR/img/main/main-bg.png') no-repeat 0 bottom; } .main-area{width:1000px;margin:0 auto; } .main-area > div{float:left; } #containerF{margin:0 auto;position:relative;width:1000px/*;margin-top:65px*//*20141107수정*/} #containerF > div{float:left} .main_content{margin:0 auto;width:1000px;} /* main_slide 노희영 수정 20160206 */ .clear{clear:both} #sliderWrap{display:none} #content_inner{position:relative;overflow:hidden;width:700px;height:250px} #slides1{overflow:hidden;width:700px;height:250px} #slides1 li img{float:left} #slides1 .content{float:left;width:200px;height:220px;padding:15px;background:#40485a;/*font-size:0.923em;*/text-align:justify;color:#999fad} #slides1 p{margin-bottom:5px;font-size:1.231em;color:#fff} .slides1_wrap .prev{position:absolute;left:1px;top:1px;outline:0;text-indent:-9999px; } .slides1_wrap .next{position:absolute;right:1px;top:1px;outline:0;text-indent:-9999px} .bx_pager{position:absolute;right:15px;bottom:15px} .bx_pager a{float:left;background:url('/_HWASUN_KOR/img/main/bg_pager.png') no-repeat 0 -13px;width:13px;height:13px;color:#fff;font-size:11px;text-indent:-9999px;margin-right:5px; } .bx_pager a:hover, .bx_pager a.active{background-position:0 0;text-decoration:none; color:#fff} .auto_controls{position:absolute;right:130px;bottom:13px; } .auto_controls a{font-size:0.917em;color:#fff !important; font-weight:bold;} /* 군수실 노희영 수정 20160206 */ .mob_mayor{display:none} .mayor {display:block;width:255px;height:220px;padding:15px;background:url('/_HWASUN_KOR/img/main/mayor_bg2.jpg') no-repeat;} .mayor h5{margin-bottom:5px;font-size:1.077em;color:#666} .mayor p{font-size:1.385em;color:#000;font-weight:bold;line-height:24px} .mayor p span{color:#007bc7} .mayor input[type='submit']{cursor:pointer;display:block;width:110px;height:20px;margin-top:8px;border:0;background:#75b954;font-size:0.923em;color:#fff;text-align:center;line-height:20px;} .mayor ul{margin-top:38px; width:285px; margin-left:-15px; border:0px solid #f00} .mayor ul li{width:112px; padding-left:30px; height:25px; float:left; line-height:18px; background:url('/_HWASUN_KOR/img/common/bul_arrow_r.gif') no-repeat 18px 5px } .mayor ul li a:hover{color:#018fcf; font-weight:bold;} /* 최근게시글 노희영 수정 20160206*/ .m_news{width:100%; display:inline-block;font-size:16px;} .m_news strong{display:inline-block; float:left } .m_news a{display:inline-block; float:right; margin-top:7px;} .board_wrap01{position:relative;overflow:hidden;width:335px;margin-top:5px;margin-bottom:10px; border:0px solid #f00; float:left} .board_wrap02{position:relative;overflow:hidden;width:335px;margin-top:5px;margin-bottom:10px; margin-left:30px; float:left} #mob_board, #mob2_board{display:none} /*#board{position:relative;height:200px;margin-top:15px} */ #board{position:relative;height:195px; } #board ul{width:700px} #board ul li{float:left;} #board4{position:relative;height:195px; } #board4 ul{width:700px} #board4 ul li{float:left;} .tabcontent{display:none;position:absolute;top:55px;left:0px;padding:0; } .tabcontent ul.tabcon2{float:left;width:335px;/*padding:0 15px*/} .tabcontent ul.tabcon2 li{clear:both;overflow:hidden;width:325px;font-size:12px; line-height:27px;padding-left:7px;background:url('/_HWASUN_KOR/img/main/icon_dot.gif') no-repeat 0px 13px} .tabcontent ul.tabcon2 li a{float:left;color:#777} .tabcontent ul.tabcon2 li span{float:right;color:#999} .tab1more {position:absolute;right:0;top:12px} /* 민원24,화순백신, 쇼핑몰 노희영 추가 20160207 */ .banner_right3{width:285px; overflow:hidden; border:0px solid #f00; float:left;} .banner_right3 a{display:inline-block;height:55px;margin-bottom:5px; margin-top:2px; padding:0px; font-size:0px; float:left;} /* 알림배너 노희영 수정 20160206*/ .banner-area{float:left;width:285px;height:173px; } .banner-area1{float:left;width:285px;height:103px; } .banner_title{height:20px;padding:0 10px;background:#333;font-size:0.923em;color:#fff;line-height:20px} .banner_title a img{vertical-align:middle} .banner_title strong{float:left} .banner_title span{float:right} .popimg{border-top:#ccc 1px solid;border-left:#ccc 1px solid;border-right:#ccc 1px solid;height:120px;overflow:hidden; } .popimg1{border-top:#ccc 1px solid;border-left:#ccc 1px solid;border-right:#ccc 1px solid;height:120px;overflow:hidden} .banner-area{display:block;float:left;width:283px;height:141px;margin-top:0 !important; border:0px solid #f00} /* 슬라이드 배너 */ .rollbanner{position:relative;overflow:hidden;top:15px;/*20141204*//*<--top 안넣으면 안됨*/width:100%;height:113px;background:url('/_HWASUN_KOR/img/main/main-roll.gif') repeat-x center top} .rolling_box{clear:both;display:block;margin:0 auto;position:relative;width:1000px} .rolling_box span.roll_prev{position:absolute;left:0;top:15px} .rolling_box span.roll_prev a{display:block} .rolling_box span.roll_next{position:absolute;right:0;top:15px} .rolling_box span.roll_next a{display:block} .rollbanner #bannerlist_box{position:absolute;left:25px;top:0} .rollbanner #bannerlist_box ul{overflow:hidden;width:970px} .rollbanner #bannerlist_box ul li{float:left;width:180px;padding:0 0 0 10px} .rollbanner #bannerlist_box ul li a{display:block;font-size:1em;color:#fff;text-align:center} .rollbanner #bannerlist_box ul li a img{float:left;vertical-align:middle;margin-top:1px} .rollbanner #bannerlist_box ul li span{display:block;padding-right:18px;line-height:80px;/*text-align:right;*/background:url('/_HWASUN_KOR/img/main/roll-arr.png') no-repeat right 32px} /* 슬라이드 배너2 */ .rollbanner2{position:relative;overflow:hidden;width:700px;height:90px;margin-top:5px;background-color:#f7f7f7;border-top:1px solid #dadada;border-bottom:1px solid #dadada;} .rolling_box2{width:700px;text-align:center;} .rolling_box2 span.roll_prev{position:absolute;left:0;top:0px} .rolling_box2 span.roll_prev a{display:block} .rolling_box2 span.roll_next{position:absolute;right:0;top:0px} .rolling_box2 span.roll_next a{display:block} #bannerlist_box2{position:absolute;left:30px;top:0;} #bannerlist_box2 ul{overflow:hidden;width:640px;} #bannerlist_box2 ul li{float:left;padding:0 0 0 0px;margin:0} #bannerlist_box2 ul li a img{float:left;vertical-align:middle;margin-top:0px} /*개편 #board2{position:relative;overflow:hidden;width:350px;height:110px;margin-top:15px;} .focus2{position:relative;overflow:hidden;} .focus2 dl{width:340px;overflow:hidden;height:110px;float:left;} .focus2 dl dt{overflow:hidden;float:left;width:190px;} .focus2 dl dd{overflow:hidden;float:left;width:150px;} .focus2 dl dt a img{width:180px;height:105px;} .focus2 dl dd a{font-size:1em;color:#888;line-height:18px} .focus2 dl dd a:hover{text-decoration:underline} .focus2 dl dd strong{display:block;margin:3px 0} .focus2 dl dd strong a{font-size:1.0em;color:#333;font-weight:bold} .focus2 dl dd small{display:block;font-size:0.917em;color:#ccc} .shop2 a{display:block;height:55px;margin-bottom:8px;margin-left:14px; margin-top: 10px;} .potal2 a{display:block;height:55px;margin-bottom:8px;margin-left:14px;} .blog2 a{display:block;height:25px;margin-bottom:8px; float: left;} */ /* 노희영 수정 20160206*/ #board2{position:relative;overflow:hidden;width:335px;margin-top:10px;margin-bottom:10px; } #board3{position:relative;overflow:hidden;width:335px;margin-top:10px;margin-bottom:10px; margin-left:30px;} .focus2 dl{clear:both;overflow:hidden} .focus2 dl dt{overflow:hidden;float:left;width:190px} .focus2 dl dt a img{width:170px;height:115px} .focus2 dl dd a{font-size:1em;color:#888;line-height:18px} .focus2 dl dd a:hover{text-decoration:underline} .focus2 dl dd strong{display:block;margin:3px 0} .focus2 dl dd strong a{font-size:1.0em;color:#333;font-weight:bold} .focus2 dl dd small{display:block;font-size:0.917em;color:#ccc} .shop2 a{display:block;height:55px;margin-bottom:3px;margin-left:14px; margin-top: 10px;} .potal2 a{display:block;height:55px;margin-bottom:3px;margin-left:14px;} /**** 20151102 수정 */ .potal3 a{display:block;height:55px;margin-bottom:8px;margin-left:14px;margin-top:35px;} .blog23 a{display:block;height:25px;margin-bottom:8px; float: left;} /**** 20151102 수정 */ .blog2 a{display:block;height:25px;margin-bottom:5px; float: left;} /* 화순포커스 */ .focus{position:relative;overflow:hidden;width:450px} .focus dl{clear:both;overflow:hidden} .focus dl dt{overflow:hidden;float:left;width:190px} .focus dl dt a img{width:180px;height:105px} .focus dl dd a{font-size:1em;color:#888;line-height:18px} .focus dl dd a:hover{text-decoration:underline} .focus dl dd strong{display:block;margin:3px 0} .focus dl dd strong a{font-size:1.077em;color:#333;font-weight:bold} .focus dl dd small{display:block;font-size:0.917em;color:#ccc} /* 안내 .guideForm{position:relative;overflow:hidden;width:235px} .guide{position:relative;overflow:hidden;width:205px;height:140px;padding:14px;border:1px solid #ddd} .guide h4{margin-bottom:10px;font-size:1.333em;color:#000;font-weight:normal} .guide ul li{float:left;width:50%} .guide ul li a{display:inline-block;font-size:0.923em;color:#888;line-height:46px} .guide ul li.guide01 a{margin-bottom:20px;padding-left:50px;background:url('/_HWASUN_KOR/img/main/guide01.jpg') no-repeat} .guide ul li.guide02 a{margin-bottom:20px;padding-left:50px;background:url('/_HWASUN_KOR/img/main/guide02.jpg') no-repeat} .guide ul li.guide03 a{padding-left:50px;background:url('/_HWASUN_KOR/img/main/guide03.jpg') no-repeat} .guide ul li.guide04 a{padding-left:50px;background:url('/_HWASUN_KOR/img/main/guide04.jpg') no-repeat}*/ /*.council a{display:block;width:233px;height:58px;margin-top:11px;border:1px solid #dac169;background:url('/_HWASUN_KOR/img/main/council.jpg') center top no-repeat #fad550}*/ /*링크 가이드*/ .link_guide{position:relative;overflow:hidden;width:235px;/*height:240px;*/} .link_guide ul li{float:left;width:233px; height:55px;/*border:1px solid #ddd;*/ margin-bottom:6px;} .link_guide ul li a{display:inline-block;line-height:55px;} .link_guide ul li.guide01 a{width:233px;height:50px; background:url('/_HWASUN_KOR/img/main/guide01.gif') no-repeat 0 0} .link_guide ul li.guide01 a:hover{width:233px;height:50px;background:url('/_HWASUN_KOR/img/main/guide01_1.gif') no-repeat 0 0} .link_guide ul li.guide02 a{width:233px; height:50px; background:url('/_HWASUN_KOR/img/main/guide02.gif') no-repeat 0 0} .link_guide ul li.guide02 a:hover{width:233px; height:50px; background:url('/_HWASUN_KOR/img/main/guide02_1.gif') no-repeat 0 0} .link_guide ul li.guide03 a{width:233px; height:50px; background:url('/_HWASUN_KOR/img/main/guide03.gif') no-repeat 0 0} .link_guide ul li.guide03 a:hover{width:233px; height:50px; background:url('/_HWASUN_KOR/img/main/guide03_1.gif') no-repeat 0 0} /* 자연속애 */ .grid{position:relative;overflow:hidden;width:285px} .shop a{display:block;height:55px;margin-bottom:8px;} .shop a h4{margin-bottom:5px;font-size:1.230em;color:#000;font-weight:normal} .shop a p{font-size:0.923em;color:#999} .shop a input[type='submit']{cursor:pointer;display:block;width:90px;height:20px;margin-top:7px;border:0;background:#418ec0;font-size:0.917em;color:#fff;line-height:20px;text-align:center} /* 화순축제포털 */ .potal a{display:block;height:55px;margin-bottom:8px;} .potal a h4{margin-bottom:5px;font-size:1.230em;color:#000;font-weight:normal} .patal a p{font-size:0.923em;color:#999} .patal a input[type='submit']{cursor:pointer;display:block;width:90px;height:20px;margin-top:7px;border:0;background:#418ec0;font-size:0.917em;color:#fff;line-height:20px;text-align:center} /* 메신저 노희영 수정 20160206 */ .messenger{position:relative; margin-top:5px;/*height:36px;padding:11px 9px;border:1px solid #eee;font-size:0.923em;color:#999;line-height:36px*/} .messenger a{float:left;/*margin-right:13px*/} .messenger a.twitter{display:block;/*height:36px;padding-left:40px*/margin-bottom:6px} .messenger a.facebook{display:block;/*height:36px;padding-left:40px;*/margin-bottom:6px} .messenger a.blug{display:block;height:36px;padding-left:40px;background:url('/_HWASUN_KOR/img/main/icon_blug.gif') no-repeat} /* bookmarkBox */ .bookmarkBox{clear:both;position:relative;overflow:hidden;width:100%;border-top:1px solid #ddd;border-bottom:1px solid #fff} .bookmarkBox ul{float:left;width:25%;/*height:335px;*/padding-bottom:15px;background:url('/_HWASUN_KOR/img/main/bookmark_line.gif') right top repeat-y} .bookmarkBox ul li p{height:30px;padding-left:10px;border-right:1px dotted #ddd;border-bottom:1px solid #ddd;font-size:1.167em;color:#fff;line-height:30px} .bookmarkBox ul li p.markTab01{background:#82a032} .bookmarkBox ul li p.markTab02{background:#41aac0} .bookmarkBox ul li p.markTab03{background:#474747} .bookmarkBox ul li p.markTab04{background:#ba6237;border-right:none} .bookmarkBox ul li a{margin:0 10px;padding-left:7px;background:url('/_HWASUN_KOR/img/main/icon_dot.gif') left 6px no-repeat;font-size:1em;color:#888;line-height:24px} .bookmarkBox ul li a:hover{color:#333} /* 배너모음 */ .banner{clear:both;margin:0 auto;position:relative;overflow:hidden;width:1000px;padding:10px 0} .banner .wrap{overflow:hidden;width:900px;height:42px;margin-bottom:10px;padding-left:120px} .banner h2{position:absolute;left:25px;top:12px;width:100px;font-size:1.231em;color:#000;font-weight:bold} .banner .img_frame{overflow:hidden} .banner .img_frame .banner_img{position:relative;/*width:100000px*/} .banner .img_frame li{float:left;} .banner .img_frame li img{width:136px;height:40px;margin:0 3px 20px 3px;border:#ddd 1px solid} .banner .banner_control{position:absolute;left:25px;top:35px} .banner .banner_control li{float:left;margin-right:2px}