body {overflow-x: hidden;} #utile_box{ max-width:800px; margin:0 auto;} #utile_box .last2 {display:none;} /* 로고 */ #logo{position: relative; clear:both; max-width:800px; height:70px; margin:0 auto;} #logo h1 {width:128px; height:32px; margin-top:12px; float:left;} #logo h1 a {display:block; width:224px; height:50px; background:url('/images/www/main/logo.png') no-repeat; text-indent:-4000px; overflow:hidden;} #search { position:relative; float:right; right:5px; top:30px; margin:0 0 0 27%; max-width:270px; z-index:5;} .search_area { position:relative; border:1px solid #b8b8b8; height:26px; z-index:5;} #searchCate { position:absolute; left:3px; top:4px; padding-top:1px; margin:0; width:80px; height:18px; border:0; font-family:NanumBarunGothic;} .search_area .total_btn {position:absolute; top:3px; right:0; height:19px; font-size:0; line-height: 0; z-index:5;} .searchInput {margin:0 46px 0 90px;} .searchQuery { width:100%; border:0; height:18px; margin-top:2px; color:#afaeb1;} .searchQuery:focus {color:#323232;} .invisible { display:none;} .favword { clear:both; margin-top:5px; height:18px; overflow:hidden;} .favword h3 { float:left; font-family:NanumBarunGothicBold; font-size:12px; color:#5f5f5f; font-weight:normal; margin:0; padding:0; background:none;} .favword ul li {float:left; color:#888; font-size:11px;} .favword ul li a { color:#888; display:inline-block; padding:0 10px; font-size:12px;} #menu_box{position:relative; width:100%; height:40px; border-top:1px solid #e8e8e8; border-bottom:3px solid #10b190; z-index:1} #gnb_menu {position:relative; top:0; height:43px; width:800px; margin:0 auto; z-index:3000; } /* 콘텐츠 */ #container{position:relative; max-width:780px; clear:both; margin:0 auto; margin-top:30px; z-index:0} #con_layer01{clear:both; width:100%; margin:0 auto;} .visualBn {float:left; position:relative; width:100%; height:260px; padding-bottom:20px; border:1px solid #efefef;} .visualBn .visual {width:100%; height:258px;} .visualBn .visualBtn {overflow:hidden; position:absolute; bottom:10px; left:26px;z-index:9999;} .visualBn .visualBtn .bnPagin {float:left; margin-top:3px;} .visualBn .visualBtn .bnPagin a {width:10px; height:10px; margin-left:2px; font-size:0; line-height:0; background:url("/images/www/main/btn_pagin_off.png") no-repeat 0 0;} .visualBn .visualBtn .bnPagin a:first-child {margin-left:0;} .visualBn .visualBtn .bnPagin a:hover, .visualBn .visualBtn .bnPagin a.activeSlide { width:30px; background:url("/images/www/main/btn_pagin_on.png") no-repeat 0 0;} .visualBn .visualBtn .btnPause {float:left; margin-left:3px;} img {display:inline-block;border:0;vertical-align:top; } a, label, span, strong, button {display:inline-block;vertical-align:middle;} #main_icon{ position:relative; clear:both; width:98.6%; top:20px; left:0; height:75px; padding:2px 0 5px 0; border-top:2px solid #6e7d9a; border-bottom:1px solid #6e7d9a; font-family:NanumBarunGothic;} #main_icon li{width:12.5%; text-align:center; float:left; } #main_icon li a { font-weight:bold; color:#383737; } #main_icon p{ text-align:center;} /* 공지사항 */ #notice_pos{ position:relative; padding-bottom:8px; margin-top:40px; height:150px; clear:both; width:98.6%; border:1px solid #dad9d5;} #notice_Con2 {color:#333; clear:both; margin:15px 0 0 5px; padding-top:0; width:100%; border:0; float:left; display:block} #notice_tab {width:100%; padding:0 15px 15px 0; margin:0;width:auto; height:auto; } #notice_tab ul {width:47%; float:left; margin:0 40px 0 0; line-height:14pt; } #notice_tab li { padding:2px 0 2px 10px; margin-left:10px; background:url('/images/www/main/notice_icon.gif') no-repeat 0 40%; overflow:hidden; color:#6a6a6a;} #notice_tab li a{color:#6a6a6a;} #notice_tab .notice_st{float:left; } #notice_tab .notice_day{float:right} #notice_pos .more{ position:absolute;top:7px;right:10px;background:none} #Navigation {margin-top:0; padding:0; color:#333333; position:relative; height:33px; display:block; width:auto} /* top level list "primary" */ ul#primary {width:100%; margin:0;padding:0;position:absolute; background:#f2f2f2;} ul#primary li { display:inline; list-style: none; font-family:"NanumBarunGothic"; } ul#primary a,ul#primary a.active { display:block; font-size:15px; float:left; text-align:center; text-decoration:none; letter-spacing:.1em; margin:0; padding:7px 0 10px 0; } ul#primary a.active,ul#primary a.active:hover { border-bottom:0; margin:0; padding:6px 0 10px 0; text-align:center; height:20px; background:#2953B3; color:#FFF;font-weight:bold} ul#primary a { width:22%; margin:0; padding:7px 0 10px 0; text-align:center; height:20px; color:#5d5d5d; font-weight:bold;} ul#primary a:hover {margin-top:0;border:0;color:#5d5d5d; margin:0; padding:6px 0 10px 0; font-weight:bold;} #con_layer02{position:relative; width:100%; padding-top:20px; clear:both; } #con_layer02_01{float:left; } /* 열린군수실 */ #mayor_box{ position:relative; width:240px; height:165px; font-family:"NanumBarunGothic";} .mayor_img{ position:relative; width:210px; height:89px; background:url('/images/www/main/mayor_bg.jpg') left no-repeat; padding:30px 0 0 30px;} .mayor_t{font-family:NanumBarunGothic; font-size:19px; font-weight:bold; color:#6b6a6b; letter-spacing:-1px;} .mayor_st{margin-top:10px; color:#6b6a6b; font-size:13px; font-weight:bold;} .mayor_name{ color:#328de8; font-size:18px; vertical-align:top; } .mayor_img .more{position:absolute; padding:0; margin:0; top:0px; right:0px; } #mayor_box .mayor_btn{} #mayor_box .mayor_btn a{color:#FFF;} #mayor_box .mayor_btn01{padding:3px 0 0 10px; float:left; width:110px; height:29px; background:url('/images/www/main/mayor_btn01.gif') right no-repeat;} #mayor_box .mayor_btn02{padding:3px 0 0 10px; float:left; width:110px; height:29px; background:url('/images/www/main/mayor_btn02.gif') right no-repeat;} /* 군청안내 */ #gun_group{ clear:both; width:230px; height:83px; padding:7px 0 0 10px; background:url('/images/www/main/gun_bg.jpg') no-repeat; border-top:2px solid #6e7d9a; border-bottom:1px solid #6e7d9a;} #gun_group .gun_n {font-family:NanumBarunGothicBold; font-size:13px; color:#6e7d9a; font-weight:bold; } .gun_btn ul{ } .gun_btn li{float:left; width:93px; height:23px; background:url('/images/www/main/gun_btn.gif') no-repeat; padding:0 0 0 12px; margin:3px 5px 0 0;} #con_layer02_02{float:left; margin-left:15px;} /* 팝업존 */ #popup{position:relative; float:left; width:250px; height:184px; margin-bottom:15px; border:1px solid #efefef; } .pop_img{width:100%; height:155px; margin:0 0 0 0; padding:0;} .pop_btn{background:#efefef; height:30px;} .pop_btn li{float:left;} .pop_icon {float:right; padding:9px 0 0 5px;} .pop_icon li{padding:0 2px} .pop_paly{ float:right; padding:6px 5px 0 0;} #slides .slidesjs-pagination{width:170px; height:13px; overflow:hidden; } /* 트위터 */ #twitter{ position:relative; clear:both; width:190px; height:35px; margin-bottom:18px; padding:10px 0 10px 60px; border-top:2px solid #6e7d9a; border-bottom:1px solid #6e7d9a; background: url("/images/www/main/twitter_logo2.png") no-repeat 0 -2px;} #page {height:17px;margin:-6px 0 6px 0} .ticker2 {width: 180px;height: 45px;overflow: hidden;border: 0;margin: 0;padding: 0;list-style: none;} #ticker_02 {height: 43px;} .ticker2 li {height: 17px;border-bottom: 1px dotted #DDD;padding: 0 5px 5px 0;margin: 0 5px;} #page2 {border-top:1px solid #6e7d9a;height:19px;margin:0 0 6px 0} .ticker3 {width: 180px;height: 19px;overflow: hidden;border: 0;margin: 0;padding: 0;list-style: none;} #ticker_03 {height: 19px;} .ticker3 li {height: 19px;border-bottom: 1px dotted #DDD;padding: 0 5px 0 0;margin: 0 5px;} .bolg_btn{position:absolute; bottom:0; left:7px;} .bolg_btn li{display:inline-block; float:left;} #con_layer02_03{float:left; width:31.5%; margin-left:15px;} /* 문화관광 */ #tour_box{ float:left; position:relative; width:100%; height:200px; } #tour_box h3{font-family:NanumBarunGothic; font-size:16px; font-weight:700; color:#4e4e50; } #tour_box .tour_more{position:absolute; top:0; right:0px; } .tour_list{ height:160px; margin-top:5px; padding:5px; border-top:2px solid #6e7d9a; border-bottom:1px solid #6e7d9a;} .tour_img{clear:both; width:100%; height:91px; margin:0; background: url("/images/www/main/tour_img01.jpg") left no-repeat;} .tour_n ul{ width:100%; line-height:13pt; padding:0;} .tour_n li{ width:50%; float:left; } .tour_n li a{color:#666;} /* 사이트바로가기 */ #site_select{clear:both; width:230px; height:65px; margin-top:15px; padding:5px;} #site_select h3{display:none;} .jump_site{clear:both; width:230px; margin:3px 0 0px 0px; position:relative; } form#family_site1 {clear:both; display:block; margin:0 0px 0 0; height:22px; } form#family_site1 * {vertical-align:top;} form#family_site1 label {display:none;} form#family_site1 select {width:189px; height:20px; text-align:center; color:#606E79; margin:5px 0 0 0; padding:0; font-family:NanumBarunGothic;} form#family_site2 {clear:both; display:block; padding:0; margin:0; height:22px; } form#family_site2 * {vertical-align:top;} form#family_site2 label {display:none;} form#family_site2 select {width:189px; height:20px; text-align:center; color:#606E79; margin:5px 0 0 0; padding:0; font-family:NanumBarunGothic;} form#family_site3 {display:none;} form#family_site4 {display:none;} .move_icon{ margin-top:5px;} /* 배너모음 */ #banner_box{display:none;} #con_layer03{clear:both; width:98.5%; position:relative; } /* 포토뉴스 */ #focus_box{ position:relative; width:48.5%; height:175px; margin:0; padding:0; float:left;} #focus_box h3{width:100%; font-family:NanumBarunGothic; font-size:16px; font-weight:700; color:#4e4e50;} #focus_box .focus_more{position:absolute; top:-5px; right:0px; } .focus_n{clear:both; padding:25px 5px 5px 10px; height:130px; margin-top:0px; border-top:2px solid #6e7d9a; border-bottom:1px solid #6e7d9a;} .focus_n dt{float:left; width:107px; height:108px; border:1px solid #ffffff;} .focus_n dd{float:left; width:220px; padding:0 10px 0 15px; color:#848383; line-height:14pt; } .focus_st{font-weight:bold; font-size:14px; margin-bottom:5px; color:#000;} .ticker {width: 100%;height: 110px;overflow: hidden;margin: 0;padding: 0;list-style: none;} .ticker li {margin: 0 auto;overflow: hidden;} #focus_box .banner_control {position:absolute;top:-5px;right:22px} #focus_box .banner_control ul li {float:left} /* 정보공개 */ #gov_box{position:relative; width:48.5%; height:175px; margin-left:20px; margin:0; padding:0; float:left; } #gov_box h3{font-family:NanumBarunGothic; font-size:16px; font-weight:700; color:#4e4e50;} #gov_box .gov_more{position:absolute; top:-5px; right:0px; } #gov_box .gov_list{ padding:5px; height:150px; border-top:2px solid #6e7d9a; border-bottom:1px solid #6e7d9a;} #gov_box .gov_text{margin:5px 0 0 0; font-family:'Nanum Gothic'; font-weight:bold; color:#5b5b5b; line-height:15pt; font-size:14px;} #gov_box .gov_st01{color:#2878ca;} #gov_box .gov_st02{color:#f16d0c; font-size:17px;} .gov_n{ width:98.5%; height:80px; background: url("/images/www/main/gov30_180118.jpg") left bottom no-repeat;} .gov_n ul{ margin:10px 0 0 130px; width:235px; } .gov_n li{float:left; width:93px; height:23px; background:url('/images/www/main/gun_btn.gif') no-repeat; padding:0 0 0 13px; margin:3px 10px 0 0; color:#5a5959;} .gov_n li > a{color:#5a5959;} #con_layer04{clear:both; width:98%; padding-top:30px; padding-bottom:30px; } /* 분야별정보 */ #hot_data_list{ position:relative; width:48.3%; float:left; padding-bottom:30px;} #hot_data_list h3{font-family:NanumBarunGothic; font-size:16px; font-weight:700; color:#4e4e50;} #hot_data { position:relative; display:block; margin-top:5px; width:100%; height:159px; background:url('/images/www/main/hot_data_bg.jpg') no-repeat; border:1px solid #d9d9d9;} #hot_data > ul > li > a { display:block; width:71px; font-family:'NanumGothic'; font-size:14px; font-weight:600; text-align:center; padding:17px 0 13px 0; font-weight:bold; color:#FFF; } #hot_data > ul > li > a .on { border:1px solid} .hot_data_box { position:absolute; left:160px; top:21px; display:block ;} .hot_data_box1 { width:80%; position:absolute; left:71px; top:0; height:157px; padding-left:20px; background:url('/images/www/main/hot_data_arrow01.gif') no-repeat 0 14%; } .hot_data_box1 li{ width:25%; text-align:center; float:left; margin:8px 5px 0 5px;} .hot_data_box1 li >a { color:#6a6a6a;} .hot_data_box2 { width:80%; position:absolute; left:71px; top:0; height:157px; padding-left:20px; background:url('/images/www/main/hot_data_arrow02.gif') no-repeat 0 50%; } .hot_data_box2 li{ width:25%; text-align:center; float:left; margin:8px 5px 0 5px; } .hot_data_box2 li >a { color:#6a6a6a;} .hot_data_box3 {width:80%; position:absolute; left:71px; top:0; height:157px; padding-left:20px; background:url('/images/www/main/hot_data_arrow03.gif') no-repeat 0 85%; } .hot_data_box3 li{ width:25%; letter-spacing:-2px; text-align:center; float:left; margin:8px 5px 0 5px; } .hot_data_box3 li >a { color:#6a6a6a;} /* 민원신고센터 */ #singo_box{position:relative; width:48.3%; height:159px; float:left; margin-left:20px;} #singo_box h3{font-family:NanumBarunGothic; font-size:16px; font-weight:700; color:#4e4e50;} #singo_box .singo_more{position:absolute; top:0; right:0px; } #singo_box .singo_n{ width:98%; height:138px; background:url('/images/www/main/singo_img.png') left top no-repeat; margin-top:5px; padding:20px 10px 0 0; text-align:right; border-top:2px solid #6e7d9a; border-bottom:1px solid #6e7d9a;} #singo_box .singo_st{ font-family:NanumBarunGothic; font-size:16px; font-weight:700; color:#515051; margin-top:10px;} /*#singo_box .singo_text{ margin-top:10px; font-family:NanumBarunGothic; font-size:12px; color:#858485; line-height:13pt;} */ #singo_box .singo_text{margin-top:10px; font-family:NanumBarunGothic; line-height:13pt; width:175px; float:right;} #singo_box .singo_text a{font-size: 14px; font-weight:bold; text-align:center; display:block; padding:10px; background:#FFBA15; border: 1px solid #E2A106;} #singo_box .singo_text a:hover{color:#fff;} #footer{position:relative; clear:both; margin:15px 0 0 0; width:100%; min-height:100px; border-top:1px solid #ccc; background:#f3f3f3;} #footer_box{ position:relative; width:800px; margin:auto; clear:both; } .footer_logo{float:left; margin:15px 20px 0 0px;} .footer_util{margin:10px 10px 0 10px;} .footer_util li{float:left; margin-right:20px; font-size:13px;} .footer_util li a{color: #666666;} .footer_copy{clear:both; width:100%; padding:5px 10px 0 10px; font-size:13px; line-height:14px; } .footer_copy span{font-weight:bold; color:#598614;} .wa_mark{position:absolute; right:80px;} #qr_mark{display:none;} .openpop{position:absolute; width:100%; top:-19px; height:650px; /*background:url("../images/openpop_bg.jpg") repeat-x;*/} .openpop_btn{cursor:pointer; background:#009fe0; border:1px solid #009fe0 !important; color:#fff !important;} #section0{height:650px !important; position:relative; padding-top:0; color:#fff;} .oknw a{display:block; color:#67787D;} .oknw a:hover{color:#009FE0;} /*#logo_box{height:112px; box-shadow:0 1px 2px rgba(0,0,0,.2); -webkit-box-shadow:0 1px 2px rgba(0,0,0,.2); -ms-box-shadow:0 1px 2px rgba(0,0,0,.2); -o-box-shadow:0 1px 2px rgba(0,0,0,.2)}*/ #gnb{background:#009FE0; width:100%; height:46px} #gnb ul li{float:left; font-size:18px; font-weight:bold; width:14%; padding:10px 0;} #gnb ul li a{display:block; color:#fff} #gnb ul li a:hover{color:#ffff00} #myVideo{position:absolute; /*top:0x;*/ width:100%; min-width:1920px; z-index:-1; } .sound_btn{position:absolute; float:right; bottom:100px; right:50px; height:53px;} .sound_btn .off_btn{display:none;} .sound_btn .on_btn{display:block;} .sound_btn.vol_on .off_btn{display:block !important;} .sound_btn.vol_on .on_btn{display:none !important;} .sound_btn01{/*position:absolute;*/ float:right; bottom:100px; /*right:50px;*/ height:53px;} .sound_btn01 .off_btn{display:none;} .sound_btn01 .on_btn{display:block;} .sound_btn01.vol_on .off_btn{display:block !important;} .sound_btn01.vol_on .on_btn{display:none !important;} #section0 .con_box{position:absolute; width:100%; height:417px; bottom:0px; overflow:hidden;} .con_hide{position:relative; width:1236px; left:-66px; margin:auto;} .weather{width:128px; height:287px} .festival{width:732px; height:417px;} .quick_box{width:356px; height:202px; cursor:pointer} .favorite{display:none; position:absolute !important; z-index:99} .favorite.set_on{display:block} .quick{z-index:0 !important} .mayor{width:356px; height:202px; margin-top:13px;} .mayor img{z-index:0 !important} .con_onoff{/*position:absolute; width:100%; bottom:45px;*/ display:block} .con_onoff img{cursor:pointer; } .festival_pager{position:absolute; width:100%; bottom:-8px; background:url("../images/festival_pager_bg.png") repeat-x;} #guide_box .wrap_cen{margin-top:-149px} .con_hide{position:relative;} .con_onoff{/*position:absolute; bottom:0; left:44%; */line-height:1.2;} .con_onoff img{cursor:pointer; } .sound_btn .off_btn{display:none;} .sound_btn .on_btn{display:block;} .sound_btn.vol_on .off_btn{display:block;} .sound_btn.vol_on .on_btn{display:none;} .main_txt{position:relative; margin: 0 auto; max-width:700px; text-align:center; padding-top:220px;} .main_txt p{text-align:center; font-size:28px; color:#fff; line-height:140%; margin-top:10px; padding-left:30px;} .main_visual1 p, .main_visual2 p{margin-top:20px; color:#000; font-size:21px; line-height:150%;}