#utile_box .sitemap{display:none;} #utile_box .last1 {display:none;} body {overflow-x: hidden;} /* 유틸메뉴 */ #utile_box ul{margin-right:0px;} #utile_box .utile_l{display:none;} #utile_box .utile_r{float:right;} #utile_box li{float:left; color:#7c7c7c; font-weight:bold; height:26px;} #utile_box .utile_tour{background:#4d6cb3; height:26px;} #utile_box li > a{color:#7c7c7c; padding:2px 8px; display:block;} #utile_box li.last{ width:110px; height:26px; background: url('/images/www/main/la_arrow01.png') no-repeat 75px 11px; position:relative;} #utile_box li.last > a{padding:2px 25px 2px 10px; color:#7c7c7c; } #utile_box li.last .lang_box{position:absolute; width:100%; top:26px; left:0; z-index:20;} #utile_box li.last .lang_box li{background:#f5f4f4; width:100%; clear:both; padding-left:0px; border-bottom:1px solid #dedddd; } #utile_box li.last .lang_box li.end{border-bottom:0;} #utile_box li.last .lang_box li > a{border-left:0; color:#7c7c7c; } #utile_box li.last .lang_box li > a:hover{text-decoration:none; color:#FFF; background:#6f95ca;} /* 로고 */ #logo{position: relative; clear:both; width:98.5%; 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 {clear:both; position:relative; right:5px; top:30px; width:100%; margin:0 5px 0 5px; 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{display:none;} #gnb_menu {display:none;} /* 콘텐츠 */ #container{position:relative; width:98.5%; clear:both; margin:0 auto; margin-top:0px; } #con_layer01{clear:both; width:100%; margin:0 auto;} .visualBn {display:none;} 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:50px; left:0; height:65px; padding:2px 0 20px 0px; 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:60px; height:240px; 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:0px;width:auto; height:auto; } #notice_tab ul {width:100%; float:left; margin:0 40px 0 0px; 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;} #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:0px;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{display:none;} /* 군청안내 */ #gun_group{ display:none;} #con_layer02_02{} /* 팝업존 */ #popup{position:relative;float:left;width: 98.6%; height:184px; margin-bottom:15px;border: 1px solid #dad9d5;} .pop_img{/* width: 98%; */ height:155px;margin: 0 10px; padding:0;} .pop_btn{background:#efefef; height:30px;} .pop_btn li{float:left;} .pop_icon {float:left; padding:9px 0 0 5px;} .pop_icon li{padding:0 2px} .pop_paly{ float:right; padding:6px 5px 0 0;} .slidesjs-container{width:250px !important; height:150px !important; margin:auto;} /* 트위터 */ #twitter{display:none;} #con_layer02_03{float:left; width:31.5%; margin-left:15px;} /* 문화관광 */ #tour_box{ display:none;} /* 사이트바로가기 */ #site_select{display:none;} /* 배너모음 */ #banner_box{display:none;} #con_layer03{clear:both; width:99.5%; position:relative; } /* 포토뉴스 */ #focus_box{ position:relative; width:100%; height:195px; float:left;} #focus_box h3{font-family:NanumBarunGothic; font-size:16px; font-weight:700; color:#4e4e50;} #focus_box .focus_more{position:absolute; top:3px; right:0px; } .focus_n{clear:both; padding:25px 5px 5px 10px; height:130px; margin-top:5px; 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:75%; 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:0px;right:22px} #focus_box .banner_control ul li {float:left} /* 정보공개 */ #gov_box{display:none;} #con_layer04{float:left; width:98%; margin-top:10px; padding-bottom:30px; } /* 분야별정보 */ #hot_data_list{ position:relative; width:50%; float:left; } #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 0px 13px 0px; 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 { position:absolute; width:75%; left:71px; top:0; height:157px; padding-left:15px; background:url('/images/www/main/hot_data_arrow01.gif') no-repeat 0 14%; } .hot_data_box1 li{ width:27%; text-align:center; float:left; margin:8px 5px 0 5px; } .hot_data_box1 li >a { color:#6a6a6a;} .hot_data_box2 { width:75%; position:absolute; left:71px; top:0; height:157px; padding-left:15px; background:url('/images/www/main/hot_data_arrow02.gif') no-repeat 0 50%; } .hot_data_box2 li{ width:27%; text-align:center; float:left; margin:8px 5px 0 5px; } .hot_data_box2 li >a { color:#6a6a6a;} .hot_data_box3 {width:75%; position:absolute; left:71px; top:0; height:157px; padding-left:15px; background:url('/images/www/main/hot_data_arrow03.gif') no-repeat 0 85%; } .hot_data_box3 li{ width:27%; 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:right;} #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 0px; width:100%; min-height:100px; border-top:1px solid #ccc; background:#f3f3f3;} #footer_box{ position:relative; width:100%; margin:auto; clear:both;} .footer_logo{display:none;} .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:10px 10px 0 10px; font-size:13px; } .footer_copy span{font-weight:bold; color:#598614;} .wa_mark{position:absolute; right:80px;} #qr_mark{display:none;} /* 로그인폼 ----------------------------------------------------------------------------------*/ #loginFormArea fieldset#memberLogin {width:50%; margin:0 0 0 3px; padding:0; background:url(/_wscms30/img/login_form/bgLoginFormTop.gif) no-repeat left top;} #loginFormArea fieldset#nonMemberLogin {width:50%; margin:0 0 0 0px; padding:0; background:url(/_wscms30/img/login_form/bgLoginFormTop2.gif) no-repeat left top;} /* 동영상부분 ----------------------------------------------------------------------------------*/ .openpop{position:absolute; width:100%; top:-220px; height:650px; /*background:url("../images/openpop_bg.jpg") repeat-x;*/ display:none;} .openpop_btn{cursor:pointer; background:#009fe0; border:1px solid #009fe0 !important; color:#fff !important; display:none;} #section0{height:650px !important; position:relative; padding-top:0; color:#fff; display:none;} .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; display:none;} .sound_btn{position:absolute; float:right; bottom:100px; right:50px; height:53px;display:none;} .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;display:none;} .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; display:none;} .con_hide{position:relative; width:1236px; left:-66px; margin:auto;display:none;} .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; display:none;} .con_hide{position:relative;display:none;} .con_onoff{/*position:absolute; bottom:0; left:44%; */line-height:1.2;} .con_onoff img{cursor:pointer; } .sound_btn .off_btn{display:none; 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; display:none;} .main_txt p{text-align:center; font-size:28px; color:#fff; line-height:140%; margin-top:10px; padding-left:30px; display:none;} .main_visual1 p, .main_visual2 p{margin-top:20px; color:#000; font-size:21px; line-height:150%; display:none;}