@charset "utf-8";

/* Mobile */
.m_content .wrap {margin: 0 20px;}

.main01 {position: relative;padding: 205px 0 40px;background: url("/upload_data/board_data/BBS_0000008/170589690669256.jpg") no-repeat top center /cover;}
.main01:after {display: block;position: absolute;top: 0;left: 0;right: 0;bottom: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.2);content: "";z-index: 0;}
.main01 .wrap {position: relative;z-index: 1;}

.main_visual {position: relative;margin-bottom: 20px;}
.main_visual .img img {width: 100%;}
.main_visual .control {display: block;position: absolute;right: 10px;bottom: 10px;/* width: 154px; */background: rgba(38,38,38,0.8);border-radius: 50px;text-align: center;padding: 0 10px;}
.main_visual .control span {display: inline-block; margin: 8px 4px 0 8px; color: #fff; font-size: 14px; font-weight: 500;}
.main_visual .control em {font-style: normal;}

.mayor {margin-bottom: 20px; background: #edecf3;}
.mayor .tit {padding-left: 50%; background: url("/images/01_potal/main/mayor.png") left top 32px no-repeat;}
.mayor .tit:after {display: block; clear: both; content: "";}
.mayor .tit h3, .mayor .tit p, .mayor .tit ul {float: right; margin-right: 30px;}
.mayor .tit h3 {padding-top: 46px;}
@media all and (max-width:425px) {
.mayor .tit {padding-left: 30%;}
.mayor .tit h3 img {width: 165px;}
}
.mayor .tit p {padding: 16px 0 20px; font-size: 18px; color: #555; letter-spacing: -0.5px;}
.mayor .tit p strong {font-weight: 600; color: #44238c;}
.mayor .tit ul {margin-bottom: 14px;}
.mayor .tit ul li {margin-bottom: 6px;}
.mayor .tit ul li a {display: block; width: 165px; padding: 8px 15px; background: url("/images/01_potal/main/main_ico.png") no-repeat right -5px top #fff; font-size: 15px; font-weight: 400; border-radius: 50px;box-shadow: 3px 3px 3px rgba(0,0,0,0.1);}
.mayor .link {clear: both; height: 95px; background: #2f2473;}
.mayor .link ul:after {display: block; clear: both; content: "";}
.mayor .link li {float: left; width: calc(100% / 3); border-right: 1px solid rgba(255,255,255,0.1);}
.mayor .link li a {display: block; padding: 20px 0; color: #fff; text-align: center; font-weight: 400;}
.mayor .link li a span {display: block; font-size: 14px; }
.mayor .link li a span:before {display: block; width: 24px; height: 24px; margin: 0 auto 10px; content: ""; background: url("/images/01_potal/main/main_ico.png") no-repeat;}
.mayor .link li:nth-child(1) a span:before {background-position: center -389px;}
.mayor .link li:nth-child(2) a span:before {background-position: center -413px;}
.mayor .link li:nth-child(3) a span:before {background-position: center -437px;}
.mayor .link li:nth-child(4) a span:before { background: url(" /upload_data/board_data/BBS_0000008/167746380652360.png") no-repeat; background-position:0;}

.main_bbs {position: relative; height: 548px; margin: 0 0 20px; background: #eae9f1;}
.main_bbs:after {display: block; clear: both; content: "";}
.main_bbs h3 {float: left; position: relative; width: 20%;}
.main_bbs h3 a {display: block; height: 66px; padding: 23px 0; font-size: 16px; font-weight: 300; text-align: center;}
.main_bbs h3 a:after {display:block;position: absolute;top: 23px;right: 0; width: 1px;height: 20px;background: #d2d1d8; content: "";}
.main_bbs h3.on a {background: #fff; color: #CF4747; font-weight: 500;}
.main_bbs h3.on a:after, .main_bbs h3.last a:after {display: none;}
.main_bbs div {display: none; position: absolute; top: 66px; width: 100%; height: 482px; padding: 20px; background: #fff;}
.main_bbs div.on {display: block;}
.main_bbs div li {margin-bottom: 20px; border: 1px solid #ebebeb;}
.main_bbs div li a {display: block; padding: 20px;}
.main_bbs div li a strong {display: block; width: 100%; font-size: 18px; font-weight: 500; color: #000; height: 3.0em; overflow: hidden; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.main_bbs div li a span {display: block; width: 100%; height: 3.0em; margin: 4px 0 20px; overflow: hidden; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.main_bbs div li a em {font-style: normal; font-weight: 300; font-size: 15px;}
.main_bbs .more {position:absolute;left:0;bottom:0;width:100%;}
.main_bbs .more a {display: block; width: 45px; height: 40px;font-size: 0; padding: 0; margin: 0 auto; overflow: hidden; background: url("/images/01_potal/main/main_ico.png") no-repeat center -56px;}

.info_zone {position: relative; margin: 0 0 20px;}
.info_zone .img img {width: 100%;}
.info_zone .control {position: absolute;top: 10px;right: 10px;/* width: 154px; */border-radius: 50px;background: rgba(38,38,38,0.8);text-align: center;padding: 0 10px;}
.info_zone .control span {display: inline-block; margin: 8px 4px 0 8px; color: #fff; font-size: 14px; font-weight: 500;}
.info_zone .control em {font-style: normal;}

.favorite {position: relative;padding: 20px;background: #CF4747;color: #fff;}
.favorite h3 {font-size: 20px; font-weight: 600;}
.favorite .tit {position: relative;}
.favorite .tit p {margin-top: 10px;}
.favorite .tit button {display: block; position: absolute; right: 0; top: 0; width: 35px; height: 35px;font-size: 0; padding: 0; overflow: hidden; border-radius: 3px; background: url("/images/01_potal/main/main_ico.png") no-repeat center -101px rgba(0,0,0,0.2);}
.favorite .set {display: none; position: absolute; top: 0; bottom: 0; left: 0; width: 100%; padding: 20px; background: #CF4747;}
.favorite .set span {display: block; margin: 10px 0 0;}
.favorite .set form {margin-top: 20px;padding-top: 20px; border-top: 1px solid rgba(255,255,255,0.3);}
.favorite .set li {margin-bottom: 10px;}
.favorite .set input {vertical-align: middle;}
.favorite .set label {display: inline-block; margin-top: 2px; font-size: 15px;}
.favorite .set .btn {margin-top: 10px;}
.favorite .set .btn button {display: inline-block; width: 78px; padding: 8px 0; margin-right: 6px; text-align: center; color: #fff; font-size: 14px; font-weight: 500; border-radius: 50px;}
.favorite .set .btn button:nth-child(1) {background: #382d70;}
.favorite .set .btn button:nth-child(2) {background: #46495a;}
.favorite .set.on {display: block;}
.favorite .list {margin-top: 20px;padding-top: 20px; border-top: 1px solid rgba(255,255,255,0.3);}
.favorite .list ul:after {display: block; clear: both; content: "";}
.favorite .list li {float: left; width: 50%; height: 102px; margin-bottom: 8px; text-align: center;}
.favorite .list li a {display: block;padding-top: 60px;color: #fff;font-size: 15px;background: url("/images/01_potal/main/fv_ico.png") no-repeat;letter-spacing: -1px;}
.favorite .list li.fv01 a {background-position: center 0px;}
.favorite .list li.fv02 a {background-position: center -102px;}
.favorite .list li.fv03 a {background-position: center -204px;}
.favorite .list li.fv04 a {background-position: center -306px;}
.favorite .list li.fv05 a {background-position: center -408px;}
.favorite .list li.fv06 a {background-position: center -510px;}
.favorite .list li.fv07 a {background-position: center -612px;}
.favorite .list li.fv08 a {background-position: center -714px;}
.favorite .list li.fv09 a {background-position: center -816px;}
.favorite .list li.fv10 a {background-position: center -918px;}
.favorite .list li.fv11 a {background-position: center -1020px;}
.favorite .list li.fv12 a {background-position: center -1122px;}
.favorite .list li.fv13 a {background-position: center -1224px;}
.favorite .list li.fv14 a {background-position: center -1326px;}
.favorite .list li.fv15 a {background-position: center -1428px;}
.favorite .list li.fv16 a {background:url("/upload_data/board_data/BBS_0000008/165665651450357.png") no-repeat top center;}
.favorite .list li.fv17 a {background:url("/upload_data/board_data/BBS_0000008/166933733900175.png") no-repeat top center;}

.main02 {padding: 45px 0; background: #f4f4f8;}
.main02 .wrap>div {border-radius: 7px;}

.service {margin-bottom: 20px; background: #fff;}
.service .control_box ul:after, .service .slide_box:after {display: block; clear: both; content: "";}
.service .control_box {padding: 50px 30px 0;}
.service .control_box li:first-child {float: left;}
.service .control_box li:last-child {float: right;}
.service .control_box li.on {display: none;}
.service .control_box li a {display: block; width: 37px; height: 36px;font-size: 0; padding: 0; overflow: hidden; /* background: url("/images/01_potal/main/main_ico.png") no-repeat; */background: url('/upload_data/board_data/BBS_0000008/174182704004671.png')no-repeat;}
.service .control_box li:first-child a {background-position: center -137px;}
.service .control_box li:last-child a {background-position: center -173px;}
.service .slide_box {position: relative;}
.service .slide_box>div {display: none; float: left; width: 100%; padding: 30px 20px;}
.service .slide_box>div.on {display: block;}
.service .slide_box div .tit {position: absolute; top: -40px; left: 50%; transform: translateX(-50%); text-align: center;}
.service .slide_box div .tit h3 {font-size: 30px; font-weight: 500; color: #000; letter-spacing: -1px;}
.service .slide_box div .tit p {display: none;}

.service .welfare li {width: 100%; margin-bottom: 6px; border-radius: 5px; overflow: hidden;}
.service .welfare li a {display: block; width: 100%; height: 120px; padding-left: 60%; background: url("/images/01_potal/main/wf_ico.png") no-repeat #e7eff5; line-height: 120px; color: #252525;}
.service .welfare li.wf02 a {background-position: 0 -120px;}
.service .welfare li.wf03 a {background-position: 0 -240px;}
.service .welfare li.wf04 a {background-position: 0 -360px;}
.service .welfare li.wf05 a {background-position: 0 -480px;}
.service .welfare li.wf06 a {background-position: 0 -600px;}
.service .welfare li.wf07 a {background-position: 0 -720px;}

.service .minwon .list ul:after {display: block; clear: both; content: "";}
.service .minwon .list li {float: left; width: calc(100%/3); height: 130px;}
.service .minwon .list li a {display: block; position: relative; padding-top: 80px;}
.service .minwon .list li a span {display: block; margin-top: 10px; text-align: center; font-size: 14px;}
.service .minwon .list li a span:before {display: block; position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 80px; height: 80px; background: url("/images/01_potal/main/mw_ico.png") no-repeat #f3f3f3; border-radius: 100%; content: "";}
.service .minwon .list li:nth-child(1) a span:before {background-position: center 0;}
.service .minwon .list li:nth-child(2) a span:before {background-position: center -80px;}
.service .minwon .list li:nth-child(3) a span:before {background-position: center -160px;}
.service .minwon .list li:nth-child(4) a span:before {background-position: center -240px;}
.service .minwon .list li:nth-child(5) a span:before {background-position: center -320px;}
.service .minwon .list li:nth-child(6) a span:before {background-position: center -400px;}
.service .minwon .list li:nth-child(7) a span:before {background-position: center -480px;}
.service .minwon .list li:nth-child(8) a span:before {background-position: center -560px;}
.service .minwon .link li a {display: block; padding: 15px 0 12px; margin-top: 3px; border: 1px solid #ebebeb; text-align: center;}
.service .minwon .link li a span {display: block; margin-top: 3px; font-weight: 500; color: #605ca8;}

.service .singo li {margin-bottom: 5px;}
.service .singo li a {display: block; height: 60px; padding: 0 20px; line-height: 60px; border: 1px dashed #c5c3ea; border-radius: 3px; background: url("/images/01_potal/main/main_ico.png") no-repeat right top 12px;}

.tour {position: relative; overflow: hidden; margin-bottom: 20px;}
.tour .img img {width: 100%;}
.tour .img span {display: block; position: absolute; bottom: 0; width: 100%; height: 170px; padding: 60px 20px 20px; background: rgba(0,0,0,0.8); color: #fff;}
.tour .img span strong {display: block; margin-bottom: 10px; font-size: 22px; font-weight: 500;}
.tour .img span em {font-style: normal;}
.tour .control {position: absolute; bottom: 120px; width: 100%; padding: 0 20px; text-align: right;}
.tour .control span {float: left; margin-top: 4px; color: #fff;}
.tour .control span em {font-weight: 600; font-style: normal;}

.sns {padding: 16px 0; margin-bottom: 20px; background: #382d70; font-size: 0; text-align: center;}
.sns li {display: inline-block; margin: 0 7px; font-size: 16px; border-radius: 100%; border: 1px solid rgba(255,255,255,0.5);}
.sns li a {display: block; width: 45px; height: 45px;font-size: 0; padding: 0; overflow: hidden; background: url("/images/01_potal/main/main_ico.png") no-repeat;}
.sns li.fb a {background-position: center -209px;}
.sns li.ka a {background: url(/upload_data/board_data/BBS_0000008/173933270966664.png) no-repeat; background-position: 4px;}
.sns li.ytb a {background-position: center -299px;}
.sns li.ins a {background-position: center -344px;}

.part {padding: 20px; background: #f2e4dc;}
.part h3 {margin-bottom: 10px; font-weight: 200; color: #1f0840; text-align: center;}
.part h3 strong {font-weight: 500;}
.part ul:after {display: block; clear: both; content: "";}
.part li {float: left; width: calc((100% - 12px)/3); margin: 0 2px 4px;}
.part li a {display: block; padding: 6px 0; background: #fff; border-radius: 50px; color: #252525; text-align: center;}
.part li,p05 a {letter-spacing:-1px;}

.info_allpop{position: fixed;top: 129px;left:0;bottom:0;right:0;text-align:center;display:none;padding: 20px;}
.info_allpop.on{display:block;z-index: 9;}
.info_allpop>div:before{content:"";display:block;width:100%;height:100%;background:#0000008a;position:fixed;top:0;left:0;z-index: -1;}
.info_allpop>div{background:#fff;position: relative;max-width: 1200px;margin: 0 auto;}
.info_allpop .visual>div:nth-child(1){background:linear-gradient(to top, #605ca8, #4f57c0);padding:30px;color:#fff;}
.info_allpop .visual>div:nth-child(1) p{text-align:center;margin-top:10px;word-break:keep-all;}
.info_allpop .visual>div:nth-child(1) p .count{font-weight:600;}
.info_allpop .infozone>div:nth-child(1){background:linear-gradient(to top, #605ca8, #4f57c0);padding:30px;color:#fff;}
.info_allpop .infozone>div:nth-child(1) p{text-align:center;margin-top:10px;word-break:keep-all;}
.info_allpop .infozone>div:nth-child(1) p .count{font-weight:600;}
.info_allpop .img_area{padding:30px;}
.info_allpop .img_area ul{display:flex;flex-wrap:wrap;justify-content:space-between;height:450px;overflow-y: scroll;}
.info_allpop .img_area li{width:48%;overflow:hidden;margin-bottom:20px;border:1px solid #f5f5f5;}
.info_allpop .img_area li a{display:block;}
.info_allpop .img_area li img{width:100%;height:auto;}
.info_allpop .all_close{display:block;position:absolute;top: 22px;right: 20px;width: 40px;height: 40px;font-size:0;background: url(/images/common/cmd_ico.png) no-repeat center -325px;border: 1px solid #ffffff45;border-radius: 50%;}
.info_allpop .all_close:hover{border:1px solid #fff;}

/* Tablet */
@media all and (min-width:768px) {
.main01 {padding-top: 246px;}
.main_visual .control {right: 15px; bottom: 15px;}

.mayor:after {display: block; clear: both; content: "";}
.mayor .tit {float: left; width: 60%; padding-left: 30%; padding-bottom: 28px;}
.mayor .link {float: left; width: 40%; height: 290px; clear: none;}
.mayor .link li {width: 100%; height:97px; border-bottom: 1px solid rgba(255,255,255,0.1);}
.mayor .link li a {padding: 40px 0;}
.mayor .link li a span {display: inline-block;}
.mayor .link li a span:before {display: inline-block; margin: 0 10px 0 0; vertical-align: middle;}

.main_bbs {float: left; height: 330px; width: calc(100% - 425px); margin-right: 0;}
.main_bbs div {height: 263px;}
.main_bbs div li {margin-bottom: 12px;}
.main_bbs div li:nth-child(2) {display: none;}

.info_zone {float: right;width: 425px;height: 330px;margin-left: 0;}

.favorite {clear: both;}
.favorite .list li {width: calc(100%/9);}
.favorite .set li {float: left; width: 25%;}

.service .control_box li a {width: auto; height: 36px; padding: 0; line-height: 36px; font-size: 18px;}
.service .control_box li:first-child a {padding-left: 50px;background-position: -3px -137px;}
.service .control_box li:last-child a {padding-right: 50px;background-position: right -5px top -173px;}
.service .slide_box {padding-top: 35px;}
.service .slide_box div.on .tit {width: 50%}
.service .slide_box div.on .tit p {display: block; width: 100%; margin-top: 3px; color: #757575; font-size: 16px; font-weight: 200;}
.service .welfare li {float: left;width: calc(50% - 20px);margin: 0 10px 20px;}
.service .minwon .list li {width: 25%;}
.service .minwon .link li {float: left; width: calc((100% - 44px)/3); margin-right: 22px;}
.service .minwon .link li:last-child {margin-right: 0;}
.service .singo li {float: left;width: calc(50% - 20px);margin: 0 10px 20px;}

.tour .img a {display: block; height: 280px; overflow: hidden;}
.tour .img img {display:block;float: left;width: 350px;}
.tour .img span {float: right;position: static;width: calc(100% - 350px)!important;height: 280px;}
.tour .control {width: calc(100% - 350px);right: 0;bottom: 30px;}

.part li {width: 25%;height: 76px;margin: 0 0 12px;;}
.part li a {padding: 53px 0 0 0; background: url("/images/01_potal/main/part_ico.png") no-repeat;border-radius: 0;}
.part li.p01 a {background-position: center 0;}
.part li.p02 a {background-position: center -76px;}
.part li.p03 a {background-position: center -152px;}
.part li.p04 a {background-position: center -225px;}
.part li.p05 a {background-position: center -304px;}
.part li.p06 a {background-position: center -380px;}
.part li.p07 a {background-position: center -456px;}
.part li.p08 a {background-position: center -532px;}
.part li.p09 a {background-position: center -608px;}
.part li.p10 a {background-position: center -684px;}
.part li.p11 a {background-position: center -760px;}
.part li.p12 a {background-position: center -836px;}

.info_allpop{top: 208px;}
.info_allpop .img_area ul{height:400px;}
.info_allpop .infozone .img_area li{width:31%;}
.info_allpop h3{font-size:32px;}
.info_allpop .all_close{width:50px;height:50px;background-position-y:-320px;}
}

/* Desktop */
@media all and (min-width:1023px) {
.main01 {padding: 325px 0 75px;}

.main_visual, .mayor {margin-bottom: 0;}
.main_visual {width: 775px;height: 365px;float: left;}
.mayor{float: left;width: 425px;}
.mayor .tit, .mayor .link {float: none; width: auto;}
.mayor .tit h3, .mayor .tit p, .mayor .tit ul {margin-right: 42px;}
.mayor .tit {padding-bottom: 30px;}
.mayor .tit p {padding-bottom: 37px;}
.mayor .tit ul {margin-bottom: 0;}
.mayor .tit ul li a:hover, .mayor .tit ul li a:focus {text-decoration: underline;}
.mayor .link {height: 70px;}
.mayor .link ul {padding:0 10px;}
.mayor .link li {position: relative;height: 70px;width: calc(100%/3);border: none;}
.mayor .link li a {padding: 22px 0;}
.mayor .link li a:hover span, .mayor .link li a:focus span {text-decoration: underline;}
.mayor .link li:after {display: block; position: absolute; top: 28px; width: 1px; height: 15px; background: rgba(255,255,255,0.2); content: "";}
.mayor .link li:first-child:after{display: none;}

.main_bbs h3 {width: auto;}
.main_bbs h3 a {padding: 20px 30px; font-size: 18px;}
.main_bbs h3 a:hover, .main_bbs h3 a:focus {text-decoration: underline;}
.main_bbs div {padding: 30px 35px;}
.main_bbs div li {float: left; width: calc((100% - 25px)/2); margin: 0;}
.main_bbs div li:first-child {margin-right: 25px;}
.main_bbs div li:nth-child(2) {display: block;}
.main_bbs div li a {padding: 30px 24px;}
.main_bbs div li a:hover strong, .main_bbs div li a:focus strong {text-decoration: underline;}
.main_bbs div li a span {margin: 0 0 16px;}
.main_bbs .more {position: absolute; top: -66px; right: 18px;left:auto;bottom:auto;width:auto;}
.main_bbs .more a {padding-top: 66px; background-position: center -36px;}

.favorite, .favorite .set.on {padding: 30px;}
.favorite:after {display: block; clear: both; content: "";}
.favorite .tit {float: left;width: 201px;padding-top: 6px;margin-right: 20px;}
.favorite .tit p {font-size: 15px;}
.favorite .list {float: right;width: calc(100% - 225px);margin-top: 0;padding: 0 0 0 10px;border-left: 1px solid rgba(255,255,255,0.3);border-top: none;}
.favorite .list li {margin-bottom: 3px;}
.favorite .list a:hover, .favorite .list a:focus {text-decoration: underline;}
.favorite .set form {position: absolute;top: 30px; left: 277px; width: 887px;height: 105px; margin-top: 0; padding: 0 0 0 30px; border-left: 1px solid rgba(255,255,255,0.3);border-top: none;overflow: auto;}

.main02 {padding: 70px 0; background: url("/images/01_potal/main/bg02.png") no-repeat top center /cover #f4f4f8;}

.service {float: left;width: 825px;height: 545px; margin: 0 25px 25px 0;}
.service .control_box {padding: 60px 60px 0;}
.service .control_box li a:hover, .service .control_box li a:focus {text-decoration: underline;}
.service .slide_box>div {padding: 30px 60px 40px;}
.service .slide_box>div a:hover, .service .slide_box>div a:focus {text-decoration: underline;}
.service .welfare li {width: calc((100% - 60px)/3);}
.service .welfare li a{height: auto;position: relative;padding: 120px 0 0 0; text-align: center;line-height: normal;background: none;}
.service .welfare li a:after {display: block; position: absolute; top: 0;width: 100%; height: 120px; border-radius: 5px; background: url("/images/01_potal/main/wf_ico.png") no-repeat #e7eff5; content: "";}
.service .welfare li a span {display: block;margin: 12px 0 20px;}
.service .welfare li.wf01 a:after {background-position: center 0;}
.service .welfare li.wf02 a:after {background-position: center -120px;}
.service .welfare li.wf03 a:after {background-position: center -240px;}
.service .welfare li.wf04 a:after {background-position: center -360px;}
.service .welfare li.wf05 a:after {background-position: center -480px;}
.service .welfare li.wf06 a:after {background-position: center -600px;}
.service .welfare li.wf07 a:after {background-position: center -720px;}
.service .minwon .link li a {margin-top: 6px;}
.service .slide_box>div.singo {padding: 30px 50px 40px;}
.service .singo li {width: calc((100% - 60px)/3);margin-top: 20px;}
.service .singo li a:hover, .service .singo li a:focus {border-color: #f25252;}

.tour {float: right;width: 350px;}
.tour .img a {display: block;height: auto;}
.tour .img a:hover, .tour .img a:focus {border: 1px solid #CF4747; outline:none; border-radius:10px;}
.tour .img img, .tour .img span {float: none;}
.tour .img span {position: absolute;width: 350px!important;height: auto;padding: 60px 30px 30px;letter-spacing: -1px;}
.tour .img a:hover img, .tour .img a:focus img {transform: scale(1.3); transition: 2s;}
.tour .img a:hover span, .tour .img a:focus span {text-decoration: underline;}
.tour .control {width: 100%;bottom: 120px;padding: 0 30px;}

.sns {float: right;width: 350px;margin-bottom: 25px;}
.sns li a:hover, .sns li a:focus {transform: rotatey(360deg);transition: .8s;}

.part {clear: both;padding: 25px 48px;}
.part:after {display: block; clear: both; content: "";}
.part h3 {float: left; margin: 5px 0 0; text-align: left;font-size: 24px;}
.part h3 strong {display: block;}
.part ul {float: right;width: 970px;}
.part li {width: calc(100%/8);margin-bottom: 0;}
.part li a:hover, .part li a:focus {text-decoration: underline;}

.wa_mark{display: block;}

.info_allpop{top: 167px;}
.info_allpop>div:before{position: fixed;position: fixed;}
}        

/*민원서비스 웹접근성 구조변경*/
.service.new_2025 .con{position: relative;padding: 30px;padding-top: 100px;}
.service.new_2025 .con > ul{width:100%}
.service.new_2025 .con .tab .tit{position: absolute;left: 0;top: 39px;text-align: center;width: 30%;}
.service.new_2025 .con .tab .tit:after{display:block;content:'';width: 24px;height: 24px;background:url(' /upload_data/board_data/BBS_0000008/174183911040083.png') no-repeat;margin: 5px auto 0;background-size: 50px;filter:brightness(0.2);}
.service.new_2025 .con .tab.on .tit:after{display:none;}
.service.new_2025 .con .tab .tit.left{left: 5px;}
.service.new_2025 .con .tab .tit.right{right: 5px;left: auto;}
.service.new_2025 .con .tab.on .tit{width: 40%;left: 50%;transform: translateX(-50%);top: 34px;}
.service.new_2025 .con .tab .tit strong{letter-spacing: -1px;font-weight: 500;}
.service.new_2025 .con .tab.on .tit strong{font-size: 22px;color: #000;}
.service.new_2025 .con .tab .tit em{display: none;width: 100%;margin-top: 3px;color: #757575;font-weight: 200;font-style: normal;font-size: 16px;}
.service.new_2025 .con .tab div{display:none}
.service.new_2025 .con .tab.on div{display:block;}     
.service.new_2025 .con .tab div ul:after{display:block; content:''; clear:both;}

@media all and (min-width:768px) {
.service.new_2025 .con{padding-top: 155px;}
.service.new_2025 .con .tab .tit{top: 67px;width: 25%;}
.service.new_2025 .con .tab .tit.left{left:30px}
.service.new_2025 .con .tab .tit.right{right: 30px;}
.service.new_2025 .con .tab.on .tit{width:50%;top: 51px;}
.service.new_2025 .con .tab .tit strong{font-size: 18px;padding-top: 5px;display: inline-block;}
.service.new_2025 .con .tab .tit:after{width: 39px;height: 40px;background-size: auto;display: inline-block;margin: 0 0 0 5px;}
.service.new_2025 .con .tab.on .tit strong{font-size:30px}
.service.new_2025 .con .tab.on .tit em{display: block;}

}                      



.mayor .tit_2026{min-height: 300px;padding-left: 5%;padding-right: 30%;background: url("/upload_data/board_data/BBS_0000008/178355782505985.png") right bottom -4px no-repeat;background-size: 160px;}
.mayor .tit_2026:after {display: block; clear: both; content: "";}
.mayor .tit_2026 h3{padding-top: 75px;}
.mayor .tit_2026 h3 img{width:auto; max-width:100%;}
.mayor .tit_2026 p{padding: 10px 0 45px;font-size: 17px;font-weight: 500;color: #111;letter-spacing: -0.5px;}
.mayor .tit_2026 p strong {font-weight: 600;font-size: 22px;vertical-align: bottom;}
.mayor .tit_2026 ul {margin-bottom: 14px;}
.mayor .tit_2026 ul li {margin-bottom: 6px;}
.mayor .tit_2026 ul li a {display: block; width: 165px; padding: 8px 15px; background: url("/images/01_potal/main/main_ico.png") no-repeat right -5px top #fff; font-size: 15px; font-weight: 400; border-radius: 50px;box-shadow: 3px 3px 3px rgba(0,0,0,0.1);}

@media all and (min-width:768px) {
.mayor .tit_2026 {float: left;width: 60%;padding-right: 30%;background-size:auto;}
}
@media all and (min-width:1023px) {
.mayor .tit_2026{float: none; width: auto;}
.mayor .tit_2026{min-height: 295px;}
.mayor .tit_2026 p {padding-bottom: 37px;}
.mayor .tit_2026 ul {margin-bottom: 0;}
.mayor .tit_2026 ul li a:hover, .mayor .tit ul li a:focus {text-decoration: underline;}
}