@charset "utf-8"; #wrap{min-width: 1400px;}
 #container > div{clear: both; position: relative;}
 #container a {transition: ease-in-out 0.3s;}
  .con_top{padding: 88px 0 40px; overflow:hidden; background-color:#deeefa;}
 .con_top .inner{padding-left: 35px; width:1200px;}
 .con_top .participation { float:left; width:500px; height:400px; margin:50px 0 0 37px}
 .con_top .participation h2 { font-size:31px;line-height: 1.3;}
 .con_top .participation h2 strong {background: linear-gradient(to top, #ffe16c 60%, transparent 50%);font-weight: 400;}
 .con_top .participation p { display:block; background: url("/images/citizen/main/main_sp_new.png?build_20251118001") no-repeat 0 0; text-indent:-9999px; width:220px; height:52px; margin-top:39px; margin-bottom:60px;}
 .con_top .participation ul li { float:left; margin-right:25px;}
 .con_top .participation ul li:last-child { margin-right:0;}
 .con_top .participation ul li a { display:block; color:#000;text-align:center;}
 .con_top .participation ul li a:hover {transform:translateY(-5px); color:#046fd9}
 .con_top .participation ul li a:hover span { background-color:#ffe16c;}
 .con_top .participation ul li a span { width:83px; height:83px; border-radius:50%;background:#fff url("/images/citizen/main/main_sp_new.png?build_20251118001") no-repeat 0 0; display:block; margin:0 auto 18px;transition: ease-in-out 0.3s;}
 .con_top .participation ul li.pl_1 a span { background-position:-269px 11px;}
 .con_top .participation ul li.pl_2 a span { background-position:-363px 15px;}
 .con_top .participation ul li.pl_3 a span { background-position:-456px 13px;}
 .con_top .petition {float:left; width:258px; height:398px;margin:50px 0 0 102px; background-color:#ffe16c; border-radius:4px; position:relative;box-shadow: 6px 7px 31px rgba(0,0,0,0.2);}
 .con_top .petition h3 { font-size:21px; margin:40px 0 0 30px;}
 .con_top .petition .petition_div {width:210px; margin:20px 0 0 24px;display: inline-block;}
 .con_top .petition ul { }
 .con_top .petition ul li { width:100%; float:left;}
 .con_top .petition ul li a { display:block;}
 .con_top .petition ul li span.cate { background-color:#fff; border-radius:15px; padding:2px 15px; font-size:14px;display: inline-block }
 .con_top .petition ul li p.tit { font-size:19px; margin-top:14px;transition: ease-in-out 0.3s; min-height: 72px;}
 .con_top .petition ul li a:hover .cate { background-color:#046fd9; color:#fff; display: inline-block }
 .con_top .petition ul li a:hover .tit{ color:#046fd9;}
 .con_top .petition ul li p.tit { position:relative; line-height:23px; max-height:72px; overflow:hidden;}
 .con_top .petition ul li p.tit .newicon {display:inline-block; text-indent:-99999px; width:23px; height:23px; background:url("/images/subsite_common/layout_sp.png?build_20251118001") -177px -46px no-repeat; margin-left:4px;}
 .con_top .petition ul li .pet_info { margin-top:45px; width:100%;font-size: 15px;}
 .con_top .petition ul li .pet_info .info_top { border-bottom:1px solid #000; padding-bottom:10px;}
 .con_top .petition ul li .pet_info .info_top span.date { float:right; padding-right: 3px;}
 .con_top .petition ul li .pet_info .info_bot { margin-top:15px;}
 .con_top .petition ul li .pet_info .info_bot > span { display:inline-block;margin-right:20px;}
 .con_top .petition ul li .pet_info .info_bot > span:last-child {margin-right:0;}
 .con_top .petition ul li .pet_info .info_bot > span .ico {background:url("/images/citizen/main/main_sp_new.png?build_20251118001") no-repeat 0 0;display:inline-block; width:23px; height:21px;vertical-align: middle;}
 .con_top .petition ul li .pet_info .info_bot span.reply .ico { background-position:-789px -4px; margin-right:5px; margin-left:3px}
 .con_top .petition ul li .pet_info .info_bot span.favor .ico { background-position:-829px -4px; margin-right:4px;}
 .con_top .petition ul li .pet_info .info_bot span.oppose .ico { background-position:-866px -4px; margin-right:5px;}
 .con_top .petition .pet_control { text-align:center; margin-top:30px;}
 .con_top .petition .pet_control a { display:inline-block; width:24px; height:24px; background:url("/images/citizen/main/main_sp_new.png?build_20251118001") no-repeat 0 0; text-indent:-9999px; margin:0 2px;}
 .con_top .petition .pet_control a.prev { background-position:-801px -43px;}
 .con_top .petition .pet_control a.stop { background-position:-829px -43px;}
 .con_top .petition .pet_control a.next { background-position:-858px -43px;}
 .con_top .petition .pet_control a.start { background-position:-964px -43px;}
 .con_top .petition:after {content: ""; display: block;width: 85px; height: 85px; position: absolute; right: 11px; top: -22px; background: url("/images/citizen/main/main_sp_new.png?build_20251118001") no-repeat -644px 0;}
 .con_top .proposal {float:left; width:258px; margin-left:52px;}
 .con_top .proposal > div {float:left; width:258px; background-color:#fff;margin-bottom: 34px;border-radius:4px;box-shadow: 6px 7px 31px rgba(0,0,0,0.2);}
 .con_top .proposal .yeosu {border:1px solid #fff; box-sizing:border-box;transition: ease-in-out 0.3s;}
 .con_top .proposal .yeosu a { display:block; padding:35px 23px 30px 30px;}
 .con_top .proposal .yeosu:hover{transform:translate(-3px, -5px); border:1px solid #046fd9;}
 .con_top .proposal h3 { font-size:21px; font-weight:400;}
 .con_top .proposal .yeosu a p { font-size:17px; line-height:1.2; margin:32px 0;}
 .con_top .proposal span.t_btn {color:#046fd9;}
 .con_top .proposal span.t_btn .ico {background:url("/images/citizen/main/main_sp_new.png?build_20251118001") no-repeat -920px -9px; display:inline-block; width:52px; height:10px; margin-right:8px;}
 .con_top .proposal .idea {padding:35px 0 26px;}
 .con_top .proposal .idea h3 { margin-left:30px;}
 .con_top .proposal .idea ul { margin:18px 0 0 34px; width:190px;}
 .con_top .proposal .idea ul li { width:100%; border-bottom:1px solid #bcbcbc;}
 .con_top .proposal .idea ul li:last-child {border-bottom:none;}
 .con_top .proposal .idea ul li a { display:block; padding:5px 0; font-size:17px;}
 .con_top .proposal .idea ul li a:hover {background: linear-gradient(to top, #ffe16c 30%, transparent 60%);color:#046fd9;}
 .con_top .proposal .idea ul li a span.ico {background:url("/images/citizen/main/main_sp_new.png?build_20251118001") no-repeat 0 0 ; display:inline-block; width:31px; height:27px; margin-right:15px; vertical-align:middle}
 .con_top .proposal .idea ul li.ib_1 a span.ico { background-position:0 -82px;}
 .con_top .proposal .idea ul li.ib_2 a span.ico { background-position:0 -124px;}
 .con_top .proposal .idea ul li.ib_3 a span.ico { background-position:0 -164px;}
 /* .con_top .communication {float:left; width:258px;margin:50px 0 0 50px; background-color:#fff; border-radius:4px; position:relative;box-shadow: 6px 7px 31px rgba(0,0,0,0.2);transition: ease-in-out 0.3s;border:1px solid #fff; box-sizing:border-box;}
 .con_top .communication a { display:block; padding:35px 20px 189px 30px;}
 .con_top .communication:hover{transition: ease-in-out 0.3s;transform:translate(-3px, -5px); border:1px solid #046fd9;}
 .con_top .communication a h3 {font-size:21px; font-weight:400; margin-bottom:22px;}
 .con_top .communication a p { font-size:17px; line-height:1.2; margin-bottom:14px;}
 .con_top .communication a span.t_btn {color:#046fd9;font-size: 15px;margin-top: 30px; display: block;}
 .con_top .communication a span.t_btn .ico {background:url("/images/citizen/main/main_sp_new.png?build_20251118001") no-repeat -920px -9px; display:inline-block; width:52px; height:10px; margin-right:8px;}
 .con_top .communication:after {content: ""; display: block;width: 175px; height: 156px; position: absolute; left: 36px; bottom: 0; background: url("/images/citizen/main/main_sp_new.png?build_20251118001") no-repeat -82px -69px;}
 */  .con_top .communication2 {float:left; width:258px;margin:34px 0 0 80px; background-color:#fff; border-radius:4px; position:relative;box-shadow: 6px 7px 31px rgba(0,0,0,0.2);transition: ease-in-out 0.3s;border:1px solid #fff; box-sizing:border-box;}
 .con_top .communication2 a { display:block; padding:30px 20px 65px 30px;}
 .con_top .communication2:hover{transition: ease-in-out 0.3s;transform:translate(-3px, -5px); border:1px solid #046fd9;}
 .con_top .communication2 a h3 {font-size:21px; font-weight:400; margin-bottom:5px;}
 .con_top .communication2 a p { font-size:16px; line-height:1.2; margin-bottom:8px;}
 .con_top .communication2 a span.t_btn {color:#046fd9;font-size: 15px; display: block;}
 .con_top .communication2 a span.t_btn .ico {background:url("/images/citizen/main/main_sp_new.png?build_20251118001") no-repeat -920px -9px; display:inline-block; width:52px; height:10px; margin-right:8px;}
 .con_top .communication2:after {content: ""; display: block;width: 133px; height: 67px; position: absolute; left: 60px; bottom: 0; background: url("/images/citizen/main/main_sp_new.png?build_20251118001") no-repeat 0 -245px;}
 .con_top .minwon {float:left; width:258px;margin:34px 0 0 80px; background-color:#fff; border-radius:4px; position:relative;box-shadow: 6px 7px 31px rgba(0,0,0,0.2);transition: ease-in-out 0.3s;border:1px solid #fff; box-sizing:border-box;}
 .con_top .minwon a { display:block; padding:30px 20px 18px 30px;}
 .con_top .minwon:hover{transition: ease-in-out 0.3s;transform:translate(-3px, -5px); border:1px solid #046fd9;}
 .con_top .minwon a h3 {font-size:21px; font-weight:400; margin-bottom:0px;}
 .con_top .minwon a h3 span{ display:block; font-weight: 400; }
 .con_top .minwon a p { font-size:14px; line-height:1.2; margin-bottom:23px; margin-top: 13px;}
 .con_top .minwon a span.t_btn {color:#046fd9;font-size: 15px; display: block;}
 .con_top .minwon a span.t_btn .ico {background:url("/images/citizen/main/main_sp_new.png?build_20251118001") no-repeat -920px -9px; display:inline-block; width:52px; height:10px; margin-right:8px;}
 .con_top .minwon:after {content: ""; display: block;width:69px; height: 62px; position: absolute; left:170px; bottom: 0; background: url("/images/citizen/main/main_sp_new.png?build_20251118001") no-repeat -242px -288px;}
  .con_link { width:100%; height:458px;background:url("/images/citizen/main/bg_round.png?build_20251118001") no-repeat right top;}
 .con_link .tit { float:right; text-align:center;width: 222px;margin: 165px 170px 0 110px;}
 .con_link .tit h3 { font-size:31px; font-weight:400;}
 .con_link .tit p { font-size:19px; color:#707070;margin-top: 45px; letter-spacing: -1px; line-height:1.5;}
 .con_link ul {float:right; margin:72px 0 0; width:870px;}
 .con_link ul li { float:left; margin-right:55px; margin-bottom:40px;}
 .con_link ul li:nth-child(5n) {margin-right:0;}
 .con_link ul li a { display:block; text-align: center; width:127px; height:127px; border:1px solid #727272; border-radius:15px; font-size:17px; background-color:#fff; position:relative;}
 .con_link ul li a:hover {background-color:#f4f5f9;transition: ease-in-out 0.3s; border:1px solid transparent}
 .con_link ul li a:hover:after{content: ""; width:125px; height:125px;border-radius:15px; border:2px solid #046fd9; position:absolute; top:-1px; left:-1px;}
 .con_link ul li a span.ico {background: url("/images/citizen/main/main_sp_new.png?build_20251118001") no-repeat 0 0; display:block; margin:17px auto 11px; height:62px;}
 .con_link ul li.cl_1 a span.ico { background-position:-496px -118px; width:55px;}
 .con_link ul li.cl_2 a span.ico { background-position:-602px -118px; width:59px;}
 .con_link ul li.cl_3 a span.ico { background-position:-706px -118px; width:59px;}
 .con_link ul li.cl_4 a span.ico { background-position:-807px -118px; width:71px;}
 .con_link ul li.cl_5 a span.ico { background-position:-916px -118px; width:58px;}
 .con_link ul li.cl_6 a span.ico { background-position:-499px -205px; width:50px;}
 .con_link ul li.cl_7 a span.ico { background-position:-608px -205px; width:48px;}
 .con_link ul li.cl_8 a span.ico { background-position:-706px -205px; width:59px;}
 .con_link ul li.cl_9 a span.ico { background-position:-815px -205px; width:55px;}
 .con_link ul li.cl_10 a span.ico { background-position:-916px -205px; width:59px;}
  .con_town { width:100%; padding:97px 0 105px; background-color:#f4f3f1;display: inline-block;}
 .con_town h3 {font-size:31px;font-weight:400; margin-bottom:50px; margin-left:36px;}
 .con_town .inner div {float: left;}
 .con_town .safety { height:335px; width:405px; margin-left:36px; background:#fff url("/images/citizen/main/bg_safety.jpg?build_20251118001") no-repeat 0 0;}
 .con_town .safety h4 {font-size:25px;font-weight:400; text-align:center; color:#fff; padding:76px 0;}
 .con_town .safety ul { width:88%; margin:30px 0 0 6%;}
 .con_town .safety ul li { float:left; width:47.3%; margin-right:5.4%; margin-bottom:10px;}
 .con_town .safety ul li:nth-child(2n){margin-right:0;}
 .con_town .safety ul li a { border:1px solid #b4b4b4; display:block; height:42px; background-color:#fff; line-height:42px; font-size:17px; padding-left:20px;}
 .con_town .safety ul li a:hover {background-color:#046fd9; border-color:#fff; color:#fff;}
 .con_town .public { height:335px; width:405px; margin-left:43px; background:#fff url("/images/citizen/main/bg_public.jpg?build_20251118001") no-repeat 0 0;}
 .con_town .public h4 {font-size:25px;font-weight:400; text-align:center; margin-top:50px;margin-left: 255px; float:left;background: url("/images/citizen/main/main_sp_new.png?build_20251118001") no-repeat -314px -146px; display:block; width:110px; padding-bottom:30px;}
 .con_town .public ul { float:left; margin-left:245px; margin-top:26px;}
 .con_town .public ul li a { display:block; text-align:center;padding: 5px 0; font-size:17px;}
 .con_town .public ul li a:hover { color:#046fd9;background: linear-gradient(to top, #ffe16c 60%, transparent 50%);}
 .con_town .health { height:335px; width:405px; margin-left:43px; background:#fff url("/images/citizen/main/bg_health.jpg?build_20251118001") no-repeat 0 0;}
 .con_town .health h4 {font-size:25px;font-weight:400; text-align:center; padding:114px 0 60px;}
 .con_town .health ul { width:88%; margin:0 0 0 6%;}
 .con_town .health ul li { float:left; width:47.3%; margin-right:5.4%; margin-bottom:10px;}
 .con_town .health ul li:nth-child(2n){margin-right:0;}
 .con_town .health ul li a { border:1px solid #b4b4b4; display:block; height:42px; background-color:#fff; line-height:42px; font-size:17px; padding-left:20px;}
 .con_town .health ul li a:hover {background-color:#046fd9; border-color:#fff; color:#fff;}
  .cityhall {width:100%; height:523px; background: url("/images/citizen/main/bg_cityhall.jpg?build_20251118001") no-repeat 0 0;}
 .cityhall .thumb { width:576px; height:338px; float:left;background: url("/images/citizen/main/bg_cityhall_img.jpg?build_20251118001") no-repeat 0 0; margin:89px 0 0 135px; text-indent:-9999px;}
 .cityhall .giude {float:left; margin:89px 0 0 100px; width:330px;}
 .cityhall .giude h3 {font-size:31px;font-weight:400; color:#fff; margin-top: 33px;}
 .cityhall .giude ul { margin-top: 40px;}
 .cityhall .giude ul li {float:left; margin-right:60px;}
 .cityhall .giude ul li a { display:block; color:#fff; text-align:center; font-size:17px;}
 .cityhall .giude ul li a:hover { transform:translateY(-5px); color:#ffe16c}
 .cityhall .giude ul li a:hover span.ico { background-color:#ffe16c;}
 .cityhall .giude ul li a span.ico {display:block;background:#fff url("/images/citizen/main/main_sp_new.png?build_20251118001") no-repeat 0 0; border-radius:50%; width:102px; height:102px; margin:0 auto 18px;}
 .cityhall .giude ul li.ch_1 a span.ico { background-position:-270px -70px;}
 .cityhall .giude ul li.ch_2 a span.ico { background-position:-355px -70px;}
 .cityhall .giude p {color:#fff; font-size:20px; margin-top:42px; display:inline-block; position:relative;}
 .cityhall .giude p em { font-size:33px; font-style: oblique; font-weight:400; margin-left:27px;}
 .cityhall .giude p span.ico {background:#046fd9 url("/images/citizen/main/main_sp_new.png?build_20251118001") no-repeat 0 -195px; display:inline-block; width:29px; height:29px; margin-right:13px; border-radius:50%; vertical-align:middle;}
 .cityhall .giude p:before {width: 1px;height: 11px;background-color: #fff;position: absolute;left: 131px;top: 11px;content: "";}
  .favorite {padding:48px 0 54px;}
 .favorite h3 { font-size:21px;font-weight:400; float:left; margin-left:54px;margin-top: 35px;}
 .favorite ul {float:left; margin-left:74px;}
 .favorite ul li {float:left; margin-right:47px;}
 .favorite ul li a { display:block; width:172px; height:81px; border:4px solid #cacaca; text-align:center; line-height:81px; font-size:17px;}
 .favorite ul li a:hover { background-color:#e7f0f7; border-color:#046fd9;}