@charset "utf-8";

.wrap-main .wrap-content{position:relative;max-width:1440px;width:100%;margin:0 auto;padding:0 24px;}
[class*='section']{position:relative;padding:40px 0;z-index:1;}
.more-button{display:block;width:32px;height:32px;border-radius:50%;text-indent:-9999px;transform:rotate(0);transition:all .3s;background-color:#fff;background-image:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.qnrwrba.tb.xe%2Svzntrf%2Sqeu%2Synlbhg%2Sohyyrg%2Sohy_zber.cat');background-repeat:no-repeat;background-position:center;}
.more-button:hover,.more-button:focus{transform:rotate(90deg);}

/** 공통타이틀 **/
.wrap-tit{margin-bottom:24px;}
.wrap-tit .tit{margin-right:10px;color:#222;font-size:26px;font-weight:700;background:none; line-height:30px;}
.wrap-tit b{color:#df1128;font-weight:700;}
.wrap-tit i{display:block;font-weight:400;}
.wrap-tit p{color:#666;font-size:15px;font-weight:500;}

/** 슬라이드 공통 **/
.bx-controls-direction [class*='bx'],.swiper-btn [class*='swiper']{display:block;position:relative;width:11px;height:12px;text-indent:-9999px;background-image:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.qnrwrba.tb.xe%2Svzntrf%2Sqeu%2Synlbhg%2Sohyyrg%2Sohy_ani_02.cat');background-repeat:no-repeat;background-size:auto 100%;}
.bx-controls-direction .bx-prev,.swiper-btn .swiper-prev{background-position:left center;}
.bx-controls-direction .bx-prev:after,.swiper-btn .swiper-prev:after{content:'';position:absolute;top:0;right:-12px;width:1px;height:12px;background:#e9e9e9;}
.bx-controls-direction .bx-next,.swiper-btn .swiper-next{margin:0 21px;background-position:right -36px center;}
.bx-controls-direction .bx-play,.swiper-btn .swiper-stop{background-position:right center;transition:all .2s;}
.bx-controls-direction .bx-play.on,.swiper-btn .swiper-stop.on{background-image:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.qnrwrba.tb.xe%2Svzntrf%2Sqeu%2Synlbhg%2Sohyyrg%2Sohy_cynl.cat');background-position:center;}
.snum,.swiper-box .swiper-pagination{width:auto;color:#767676;font-size:15px;font-weight:400; line-height:15px;}
.swiper-box .swiper-pagination > *{letter-spacing:2px;}
.snum .now-num,.swiper-box .swiper-pagination .swiper-pagination-current{color:#df1128;font-weight:500;}

/** 전체검색 **/
.section-01{padding-bottom:0;}
.wrap-srh{max-width:1000px;width:100%;margin:0 auto 42px;}
.srh-total{overflow:hidden;display:flex;position:relative;height:50px; width:595px; margin:0 auto 11px;border:3px solid #de142a;border-right:none;border-radius:50px;background:#fff;}
.srh-total form{width:100%;}
.srh-total input[type='text']{width:calc(100% - 50px);height:100%;padding:0 10px;border:none;border-radius:50px 0 0 50px;background:transparent; outline:none;}
.srh-total .srh-button{position:absolute;right:0;width:48px;height:48px;margin-top:-1px;text-indent:-9999px;border-radius:50%;background-color:#de142a;background-image:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.qnrwrba.tb.xe%2Svzntrf%2Sqeu%2Synlbhg%2Svpb%2Svpb_feu.cat');background-repeat:no-repeat;background-position:center;}
.srch-recom{display:flex; justify-content:center; flex-wrap:wrap; padding:0 3px;}
.srch-recom strong{display:block;position:relative;padding-left:15px;color:#40444e;font-size:16px;font-weight:700;}
.srch-recom strong:before{content:'';position:absolute;top:calc(50% - 5px);left:0;width:11px;height:11px;background:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.qnrwrba.tb.xe%2Svzntrf%2Sqeu%2Synlbhg%2Svpb%2Svpb_sni.cat') no-repeat;}
.recom-list{display:flex;flex-wrap:wrap;}
.recom-list li{margin-left:30px;}
.recom-list li a{display:block;color:#666;font-size:14px;font-weight:500;}
.recom-list li a:hover{text-decoration:underline;}

.wrap-dream{position:absolute; left:0; top:35px;}

/** 메인슬라이드 **/
.wrap-visual{display:flex;align-items:flex-start;}
.wrap-visual .swiper-box{overflow:hidden;position:relative;width:596px;border-radius:15px 30px 15px 15px;box-shadow:0px 7px 15px 8px rgba(0,0,0,.1);z-index:2;}
.wrap-visual .swiper-box .swiper-slide{height:448px;}
.wrap-visual .swiper-slide a{overflow:hidden;display:block;height:100%;border-radius:15px 30px 15px 15px;}
.wrap-visual .swiper-slide a img{width:100%;height:100%;}
.wrap-visual .swiper-navi{display:flex;align-items:center;justify-content:space-between;position:absolute;right:0;bottom:0;width:215px;height:50px;padding:0 30px 0 20px;border-radius:15px 0 15px 0;background:rgba(255,255,255,0.8);z-index:10;}
.wrap-visual .swiper-btn{display:flex;}
.wrap-visual .swiper-btn [class*='swiper']{height:13px;}
.wrap-visual .swiper-btn .swiper-next{margin:0 30px 0 22px;background-position:right -40px center;}
.wrap-visual .swiper-btn .swiper-alam{height:12px;margin-left:20px;background-image:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.qnrwrba.tb.xe%2Svzntrf%2Sqeu%2Synlbhg%2Sohyyrg%2Sohy_zrah.cat');background-position:center;}

/** 시장소개 **/
.wrap-mayor{flex:1;position:relative;margin-left:80px;padding-bottom:33px;z-index:1;}
.wrap-mayor:before,.wrap-mayor:after{content:'';position:absolute;background-repeat:no-repeat;z-index:-2;animation:rotate-center 15s linear infinite;}
.wrap-mayor:before{bottom:-45px;left:24%;width:194px;height:194px;background-image:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.qnrwrba.tb.xe%2Svzntrf%2Sqeu%2Synlbhg%2Sznva%2Sot_znlbe_o.cat');animation-duration:20s;animation-direction:reverse;}
.wrap-mayor:after{top:0;left:57%;width:63px;height:67px;background-image:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.qnrwrba.tb.xe%2Svzntrf%2Sqeu%2Synlbhg%2Sznva%2Sot_znlbe_f.cat');}
.mayor-top img{display:block;}
.mayor-cont{display:flex;align-items:center;}
.mayor-cont .cont-txt{margin:25px 75px 10px 0;color:#222;}
.mayor-cont .cont-txt p{margin-bottom:10px;line-height:1rem;font-size:20px;font-weight:400;}
.mayor-cont .cont-txt strong{display:block;font-size:32px;font-weight:500;}
.mayor-cont .cont-txt b{display:inline-block;font-weight:900;font-family:'TTTtangsbudaejjigaeB';vertical-align:middle;}
.mayor-cont ul{width:185px;}
.mayor-cont ul li+li{margin-top:8px;}
.mayor-cont ul li a{display:block;position:relative;top:50%;width:100%;padding:8px 30px 8px 15px;font-size:16px;font-weight:500;border-radius:25px;border:1px solid #eaeaee;box-shadow:3px 5px 8px 0px rgba(0,0,0,.1);background:#fff;}
.mayor-cont ul li a:after{content:'';position:absolute;top:calc(50% - 4px);right:12px;width:9px;height:9px;transition:all .2s;background:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.qnrwrba.tb.xe%2Svzntrf%2Sqeu%2Synlbhg%2Sohyyrg%2Sohy_nee_01.cat') no-repeat;}
.mayor-cont ul li a:hover,.mayor-cont ul li a:focus{color:#cd1529;border-color:#cd1529;}
.mayor-cont ul li a:hover:after,.mayor-cont ul li a:focus:after{background:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.qnrwrba.tb.xe%2Svzntrf%2Sqeu%2Synlbhg%2Sohyyrg%2Sohy_nee_07.cat') no-repeat;}
.wrap-mayor .mayor-img{position:absolute;bottom:0;right:26px;width:221px;height:237px;text-indent:-9999px;background:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.qnrwrba.tb.xe%2Svzntrf%2Sqeu%2Synlbhg%2Sznva%2Sznlbe_qernz_nav.tvs') no-repeat center / cover;z-index:-1;}

@keyframes rotate-center{
	0% {
	  -webkit-transform:rotate(0);
			  transform:rotate(0);
	}
	100% {
	  -webkit-transform:rotate(360deg);
			  transform:rotate(360deg);
	}
  }

/** 뉴스 슬라이드 **/
.wrap-news{position:absolute;left:675px;bottom:0;width:calc(100vw - (675px + (100vw - 1400px)));height:280px;padding:30px 0;z-index:1;}
.wrap-news:before{content:'';position:absolute;top:0;left:-90px;width:calc(100vw - (565px + ((100vw - 1400px) / 2)));height:100%;background:#f3f4f5;z-index:-1;}
.wrap-news .tab-menu{overflow-x:auto;overflow-y:hidden;width:calc(100% - 120px);white-space:nowrap;}
.wrap-news .tab-menu > li{display:inline-block;}
.wrap-news .tab-menu > li .tab-tit{display:inline-block;position:relative;padding-bottom:7px;color:#444;font-size:18px;font-weight:400;}
.wrap-news .tab-menu > li .tab-tit:after{content:'';position:absolute;bottom:0;left:0;width:0;height:2px;background:#cd1529;}
.wrap-news .tab-menu > li.is-current .tab-tit{color:#cd1529;font-weight:700;}
.wrap-news .tab-menu > li.is-current .tab-tit:after{width:100%;}
.wrap-news .tab-menu > li+li .tab-tit{margin-left:30px;}
.wrap-news .tab-menu > li+li .tab-tit:hover,.wrap-news .tab-menu > li+li .tab-tit:focus{color:#cd1529;}
.wrap-news .tab-menu > li+li .tab-tit:before{content:'';position:absolute;top:10px;left:-17px;width:3px;height:3px;background:#ceced1;}
.wrap-news .tab-cont{visibility:hidden;position:absolute;top:65px;left:0;width:100%;height:200px;opacity:0;}
.wrap-news .tab-cont:after{content:none;position:absolute;top:0;right:-11px;width:100px;height:100%;background:linear-gradient(90deg, rgba(251,251,251,0) 0%, rgba(243,244,245,1) 100%);}
.wrap-news .tab-cont.is-current{visibility:visible;opacity:1;}
[class*='news-slide'],[class*='news-slide'] .bx-wrapper, [class*='news-slide'] .bx-viewport, [class*='news-slide'] ul, [class*='news-slide'] li{height:100% !important;}
[class*='news-slide'] .bx-wrapper{margin:0 -10px !important;}
[class*='news-slide'] .bx-viewport{padding:0 10px;}
[class*='news-slide'] li{padding-top:10px;}
[class*='news-slide'] li .news-cont{display:block;position:relative;height:165px;border-radius:25px;border:1px solid #e6e8e9;box-shadow:1px 3px 15px 0px rgba(0,0,0,.1);background:#fff;}
[class*='news-slide'] li .cont-tit{position:relative;padding:25px;}
[class*='news-slide'] li .cont-tit:after,[class*='news-slide'] li .cont-tit:before{content:'';position:absolute;transition:all .2s;}
[class*='news-slide'] li .cont-tit:after{top:-1px;left:-1px;width:100%;height:100%;border:1px solid #e6e8e9;border-radius:25px 25px 35px 35px;box-sizing:content-box;}
[class*='news-slide'] li .cont-tit:before{left:calc(50% - 10px);bottom:-9px;width:20px;height:20px;transform:rotate(0);background:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.qnrwrba.tb.xe%2Svzntrf%2Sqeu%2Synlbhg%2Svpb%2Svpb_arjf_bss.cat') no-repeat;}
[class*='news-slide'] li .cont-tit strong{height:2.4em;color:#222;font-size:18px;font-weight:600;text-overflow:ellipsis;white-space:normal; word-break:break-all;}
[class*='news-slide'] li .cont-tit .new{display:inline-block;width:16px;height:16px;text-indent:-9999px; margin-left:3px; background:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.qnrwrba.tb.xe%2Svzntrf%2Sqeu%2Synlbhg%2Svpb%2Svpb_arj.cat') no-repeat;vertical-align:middle;}
[class*='news-slide'] li .date{display:block;position:absolute;bottom:19px;left:28px;padding-left:20px;color:#767676;font-size:14px;font-weight:400;}
[class*='news-slide'] li .date:before{content:'';position:absolute;top:calc(50% - 8px);left:0;width:16px;height:16px;background:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.qnrwrba.tb.xe%2Svzntrf%2Sqeu%2Synlbhg%2Svpb%2Svpb_qngr.cat') no-repeat;}
[class*='news-slide'] li .date span{text-indent:-9999px; padding:0; margin:0; height:0; display:block;}

[class*='news-slide'] li .news-cont:hover,[class*='news-slide'] li .news-cont:focus,
[class*='news-slide'] li .news-cont:hover .cont-tit:after,[class*='news-slide'] li .news-cont:focus .cont-tit:after{border-color:#ed7b87;}
[class*='news-slide'] li .news-cont:hover .cont-tit:before,[class*='news-slide'] li .news-cont:focus .cont-tit:before{transform:rotate(147deg);background:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.qnrwrba.tb.xe%2Svzntrf%2Sqeu%2Synlbhg%2Svpb%2Svpb_arjf_ba.cat') no-repeat;}

/*고시공고*/
[class*='news-slide'] ul.gosi_ul{}
[class*='news-slide'] ul.gosi_ul li{width:224px; float:left; list-style:none; margin-right:25px; position:relative;}

.wrap-news .tab-button{display:flex;position:absolute;top:-40px;right:0;}
.wrap-news .tab-button .slide-control{display:flex;align-items:center;justify-content:center;width:62px;height:32px;margin-right:10px;border-radius:25px;background:#fff;}
.wrap-news .tab-button .slide-control .bx-next{margin-right:0;}

/** 주요서비스 **/
.section-02{display:flex;padding:50px 0;}
.section-02 .wrap-tit{width:210px;margin-top:19px;}
.wrap-service{flex:1;position:relative;min-width:0;}
.service-list{overflow:hidden;display:flex;flex-wrap:wrap;position:relative;max-height:160px;margin-top:-20px;margin-left:-52px; margin-right:135px}
.service-list:after{content:'';position:absolute;top:0;right:-50px;width:80px;height:100%;background:linear-gradient(90deg, rgba(0,0,0,0) 0%, rgba(255,255,255,1) 100%);}
.service-list li{width:85px;margin-top:20px;margin-left:52px;text-align:center;vertical-align:top;}
.service-list li a,.service-btn{display:block;position:relative;text-align:center;}
.service-list li a{width:100%;}
.service-list li a i,.service-btn i{display:block;position:relative;padding-top:98px;line-height:1.3rem;color:#444;font-size:17px;font-weight:500;letter-spacing:-1.1px;}
.service-list li a i:before,.service-btn:before{content:'';position:absolute;top:0;left:50%;width:80px;height:80px;border-radius:15px;transform:translateX(-50%);transition:all .2s;background-color:#31343d;background-repeat:no-repeat;background-position:center;}
.service-list li a i:before{border:1px solid #eaeaee;box-shadow:1px 7px 14px 0px rgba(0,0,0,.1);background-color:#fff;}
.service-list li a:hover i:before,.service-list li a:focus i:before,.service-btn:hover:before,.service-btn:focus:before{background-color:#d5152a;}

.service-btn{position:absolute;top:0;right:10px;width:80px;}
.service-btn:before{background-image:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.qnrwrba.tb.xe%2Svzntrf%2Sqeu%2Synlbhg%2Sohyyrg%2Sohy_zber_j.cat');}

.service-list.active{max-height:100%; margin-right:0;}
.service-list.active:after{content:none;}
.service-list.active+.service-btn:before{background-image:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.qnrwrba.tb.xe%2Svzntrf%2Sqeu%2Synlbhg%2Sohyyrg%2Sohy_pybfr_j.cat');}
.service-list.active li:nth-child(8){margin-right:135px;}

.service-list li .civil-serv i:before{background-image:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.qnrwrba.tb.xe%2Svzntrf%2Sqeu%2Synlbhg%2Svpb%2Svpb_freivpr_01.cat');}
.service-list li .civil-comp i:before{background-image:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.qnrwrba.tb.xe%2Svzntrf%2Sqeu%2Synlbhg%2Svpb%2Svpb_freivpr_02.cat');}
.service-list li .passport-issu i:before{background-image:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.qnrwrba.tb.xe%2Svzntrf%2Sqeu%2Synlbhg%2Svpb%2Svpb_freivpr_03.cat');}
.service-list li .reserv-service i:before{background-image:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.qnrwrba.tb.xe%2Svzntrf%2Sqeu%2Synlbhg%2Svpb%2Svpb_freivpr_04.cat');}
.service-list li .animal-center i:before{background-image:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.qnrwrba.tb.xe%2Svzntrf%2Sqeu%2Synlbhg%2Svpb%2Svpb_freivpr_05.cat');}
.service-list li .youth-portal i:before{background-image:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.qnrwrba.tb.xe%2Svzntrf%2Sqeu%2Synlbhg%2Svpb%2Svpb_freivpr_06.cat');}
.service-list li .staff-info i:before{background-image:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.qnrwrba.tb.xe%2Svzntrf%2Sqeu%2Synlbhg%2Svpb%2Svpb_freivpr_07.cat');}
.service-list li .tour i:before{background-image:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.qnrwrba.tb.xe%2Svzntrf%2Sqeu%2Synlbhg%2Svpb%2Svpb_freivpr_08.cat');}
.service-list li .housing-info i:before{background-image:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.qnrwrba.tb.xe%2Svzntrf%2Sqeu%2Synlbhg%2Svpb%2Svpb_freivpr_09.cat');}
.service-list li .envi-info i:before{background-image:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.qnrwrba.tb.xe%2Svzntrf%2Sqeu%2Synlbhg%2Svpb%2Svpb_freivpr_10.cat');}
.service-list li .seesaw i:before{background-image:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.qnrwrba.tb.xe%2Svzntrf%2Sqeu%2Synlbhg%2Svpb%2Svpb_freivpr_11.cat');}
.service-list li .budget i:before{background-image:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.qnrwrba.tb.xe%2Svzntrf%2Sqeu%2Synlbhg%2Svpb%2Svpb_freivpr_12.cat');}
.service-list li .compliment i:before{background-image:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.qnrwrba.tb.xe%2Svzntrf%2Sqeu%2Synlbhg%2Svpb%2Svpb_freivpr_13.cat');}
.service-list li .audit-committee i:before{background-image:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.qnrwrba.tb.xe%2Svzntrf%2Sqeu%2Synlbhg%2Svpb%2Svpb_freivpr_14.cat');}
.service-list li .survey i:before{background-image:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.qnrwrba.tb.xe%2Svzntrf%2Sqeu%2Synlbhg%2Svpb%2Svpb_freivpr_15.cat');}
.service-list li .statistics i:before{background-image:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.qnrwrba.tb.xe%2Svzntrf%2Sqeu%2Synlbhg%2Svpb%2Svpb_freivpr_16.cat');}
.service-list li .cleaning-ass i:before{background-image:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.qnrwrba.tb.xe%2Svzntrf%2Sqeu%2Synlbhg%2Svpb%2Svpb_freivpr_17.cat');}
.service-list li .call-center i:before{background-image:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.qnrwrba.tb.xe%2Svzntrf%2Sqeu%2Synlbhg%2Svpb%2Svpb_freivpr_18.cat');}
.service-list li .djtram i:before{background-image:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.qnrwrba.tb.xe%2Svzntrf%2Sqeu%2Synlbhg%2Svpb%2Svpb_freivpr_19.cat');}
.service-list li .livelihood i:before{background-image:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.qnrwrba.tb.xe%2Svzntrf%2Sqeu%2Synlbhg%2Svpb%2Svpb_freivpr_20.cat');}

.service-list li .civil-serv:hover i:before,.service-list li .civil-serv:focus i:before{background-image:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.qnrwrba.tb.xe%2Svzntrf%2Sqeu%2Synlbhg%2Svpb%2Svpb_freivpr_01_j.cat');}
.service-list li .civil-comp:hover i:before,.service-list li .civil-comp:focus i:before{background-image:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.qnrwrba.tb.xe%2Svzntrf%2Sqeu%2Synlbhg%2Svpb%2Svpb_freivpr_02_j.cat');}
.service-list li .passport-issu:hover i:before,.service-list li .passport-issu:focus i:before{background-image:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.qnrwrba.tb.xe%2Svzntrf%2Sqeu%2Synlbhg%2Svpb%2Svpb_freivpr_03_j.cat');}
.service-list li .reserv-service:hover i:before,.service-list li .reserv-service:focus i:before{background-image:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.qnrwrba.tb.xe%2Svzntrf%2Sqeu%2Synlbhg%2Svpb%2Svpb_freivpr_04_j.cat');}
.service-list li .animal-center:hover i:before,.service-list li .animal-center:focus i:before{background-image:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.qnrwrba.tb.xe%2Svzntrf%2Sqeu%2Synlbhg%2Svpb%2Svpb_freivpr_05_j.cat');}
.service-list li .youth-portal:hover i:before,.service-list li .youth-portal:focus i:before{background-image:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.qnrwrba.tb.xe%2Svzntrf%2Sqeu%2Synlbhg%2Svpb%2Svpb_freivpr_06_j.cat');}
.service-list li .staff-info:hover i:before,.service-list li .staff-info:focus i:before{background-image:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.qnrwrba.tb.xe%2Svzntrf%2Sqeu%2Synlbhg%2Svpb%2Svpb_freivpr_07_j.cat');}
.service-list li .tour:hover i:before,.service-list li .tour:focus i:before{background-image:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.qnrwrba.tb.xe%2Svzntrf%2Sqeu%2Synlbhg%2Svpb%2Svpb_freivpr_08_j.cat');}
.service-list li .housing-info:hover i:before,.service-list li .housing-info:focus i:before{background-image:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.qnrwrba.tb.xe%2Svzntrf%2Sqeu%2Synlbhg%2Svpb%2Svpb_freivpr_09_j.cat');}
.service-list li .envi-info:hover i:before,.service-list li .envi-info:focus i:before{background-image:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.qnrwrba.tb.xe%2Svzntrf%2Sqeu%2Synlbhg%2Svpb%2Svpb_freivpr_10_j.cat');}
.service-list li .seesaw:hover i:before,.service-list li .seesaw:focus i:before{background-image:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.qnrwrba.tb.xe%2Svzntrf%2Sqeu%2Synlbhg%2Svpb%2Svpb_freivpr_11_j.cat');}
.service-list li .budget:hover i:before,.service-list li .budget:focus i:before{background-image:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.qnrwrba.tb.xe%2Svzntrf%2Sqeu%2Synlbhg%2Svpb%2Svpb_freivpr_12_j.cat');}
.service-list li .compliment:hover i:before,.service-list li .compliment:focus i:before{background-image:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.qnrwrba.tb.xe%2Svzntrf%2Sqeu%2Synlbhg%2Svpb%2Svpb_freivpr_13_j.cat');}
.service-list li .audit-committee:hover i:before,.service-list li .audit-committee:focus i:before{background-image:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.qnrwrba.tb.xe%2Svzntrf%2Sqeu%2Synlbhg%2Svpb%2Svpb_freivpr_14_j.cat');}
.service-list li .survey:hover i:before,.service-list li .survey:focus i:before{background-image:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.qnrwrba.tb.xe%2Svzntrf%2Sqeu%2Synlbhg%2Svpb%2Svpb_freivpr_15_j.cat');}
.service-list li .statistics:hover i:before,.service-list li .statistics:focus i:before{background-image:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.qnrwrba.tb.xe%2Svzntrf%2Sqeu%2Synlbhg%2Svpb%2Svpb_freivpr_16_j.cat');}
.service-list li .cleaning-ass:hover i:before,.service-list li .cleaning-ass:focus i:before{background-image:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.qnrwrba.tb.xe%2Svzntrf%2Sqeu%2Synlbhg%2Svpb%2Svpb_freivpr_17_j.cat');}
.service-list li .call-center:hover i:before,.service-list li .call-center:focus i:before{background-image:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.qnrwrba.tb.xe%2Svzntrf%2Sqeu%2Synlbhg%2Svpb%2Svpb_freivpr_18_j.cat');}
.service-list li .djtram:hover i:before,.service-list li .djtram:focus i:before{background-image:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.qnrwrba.tb.xe%2Svzntrf%2Sqeu%2Synlbhg%2Svpb%2Svpb_freivpr_19_j.cat');}
.service-list li .livelihood:hover i:before,.service-list li .livelihood:focus i:before{background-image:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.qnrwrba.tb.xe%2Svzntrf%2Sqeu%2Synlbhg%2Svpb%2Svpb_freivpr_20_j.cat');}

/** story대전 & 알림창 **/
.section-03{position:relative;padding-bottom:60px;}
.section-03:before{content:'';position:absolute;top:0;left:50%;width:calc(100vw + 40px);height:100%;transform:translateX(-50%);background:linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(245,246,246,1) 100%);z-index:-1;}
.wrap-gallery{display:flex;justify-content:space-between;margin-bottom:80px;}
.wrap-story{position:relative;width:calc(50% - 25px);}
.story-body{display:flex;justify-content:space-between;}
.story-cont{overflow:hidden;display:block;position:relative;width:calc(50% - 14px);border-radius:20px;box-shadow:0px 7px 15px 8px rgba(0,0,0,.1);}
.story-cont .tag{display:inline-block;position:absolute;top:15px;right:15px;padding:5px 12px;color:#ddd;font-size:15px;font-weight:500;border-radius:25px;border:1px solid #ddd;background:#fff;z-index:1;}
.story-cont .tag.ver-01{color:#1C75C5;border-color:#1C75C5;}
.story-cont .tag.ver-02{color:#8d197b;border-color:#8d197b;}
.story-cont .tag.ver-03{color:#c81134;border-color:#c81134;}
.story-cont .tag.ver-04{color:#014c7e;border-color:#014c7e;}
.story-cont .tag.ver-05{color:#1a7c31;border-color:#1a7c31;}
.story-cont .tag.ver-06{color:#31323d;border-color:#31323d;}
.story-cont .story-img{overflow:hidden;width:100%;height:210px;}
.story-cont .story-img img{width:100%;height:100%;transform:scale(1);transition:transform .3s linear;}
.story-cont:hover .story-img img{display:block;transform:scale(1.1);}
.story-cont .story-tit{height:88px;padding:20px 30px 0;background:#fff;}
.story-cont .story-tit strong{overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;height:2.4em;color:#000;font-size:18px;font-weight:600;text-overflow:ellipsis; white-space:normal;}
.wrap-story .more-button{position:absolute;top:7px;right:0;}

.wrap-broadcast{width:calc(25% - 25px);}
.broadcast-body{height:calc(100% - 55px);}
.broadcast-cont{overflow:hidden;display:block;height:100%;border-radius:20px;box-shadow:4px 4px 14px 0px rgba(0,0,0,.2);background:#fff;}
.broadcast-cont .wrap-img{overflow:hidden;height:183px;}
.broadcast-cont .wrap-img img{width:100%;height:100%;transform:scale(1);transition:all .3s linear;}
.broadcast-cont:hover .wrap-img img{transform:scale(1.1);}
.broadcast-cont .wrap-cont{padding:20px 20px 0;text-align:center;}
.broadcast-cont .wrap-cont *{color:#000;font-weight:600;}
.broadcast-cont .wrap-cont span{display:inline-block; position:relative; margin-bottom:14px;padding:6px 13px 6px 36px;font-size:16px;border-radius:25px;background:#fff; border:1px solid #f5658a; color:#E13B6B;}
.broadcast-cont .wrap-cont span:before{content:''; display:block; position:absolute; width:22px; height:22px; left:6px; top:calc(50% - 11px); border-radius:50%; background-color:#f13163; background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.qnrwrba.tb.xe%2Svzntrf%2Sqeu%2Synlbhg%2Sohyyrg%2Sqwgi_vp.cat); background-position:9px center; background-repeat:no-repeat;}
.broadcast-cont .wrap-cont strong{overflow:hidden;display:block;width:100%;font-size:18px;text-overflow:ellipsis;white-space:nowrap;}

.wrap-notice{position:relative;width:calc(25% - 25px);}
.wrap-notice .swiper-title{display:flex;align-items:baseline;}
.wrap-notice .swiper-title *{display:inline-block;}
.wrap-notice .slider-cont{overflow:hidden;border-radius:20px;box-shadow:4px 4px 14px 0px rgba(0,0,0,.2);}
.wrap-notice .swiper-slide{height:298px;}
.wrap-notice .swiper-slide a{overflow:hidden;border-radius:20px;}
.wrap-notice .swiper-slide a img{display:block;width:100%;height:100%;}
.wrap-notice .swiper-navi{display:flex;align-items:center;position:absolute;top:1px;right:0;height:32px;padding:0 13px;border-radius:25px;background:#fff;z-index:10;}
.wrap-notice .swiper-navi .bx-next{margin:0 26px 0 21px;}
.wrap-notice .swiper-navi .swiper-alam{background-image:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.qnrwrba.tb.xe%2Svzntrf%2Sqeu%2Synlbhg%2Sohyyrg%2Sohy_zrah.cat');background-position:center;height:12px;margin-left:20px;}

/** 대전시 소통 **/
.section-04{display:flex;position:relative;padding:0;}
.section-04:before,.section-04:after{content:'';position:absolute;}
.section-04:before{top:0;left:50%;width:calc(100vw + 40px);height:100%;border-bottom:1px solid #eaeaee;box-sizing:content-box;transform:translateX(-50%);background:#f3f4f5;z-index:-1;}
.section-04:after{bottom:0;left:-280px;width:434px;height:499px;background:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.qnrwrba.tb.xe%2Svzntrf%2Sqeu%2Synlbhg%2Sznva%2Sot.cat') no-repeat center / cover;z-index:-1;}
.section-04 .wrap-tit{margin-bottom:64px;}
.wrap-commu{flex:1;position:relative;margin-right:50px;padding:50px 0;}
.commu-sns{display:flex;position:absolute;top:50px;right:0;}
.commu-sns li+li{margin-left:10px;}

[class*='sns-']{display:block;width:34px;height:34px;border-radius:50%;text-indent:-9999px;transform:rotate(0);transition:transform .3s;background-repeat:no-repeat;}
[class*='sns-']:hover,[class*='sns-']:focus{transform:rotate(30deg);}
.sns-youtube{background-image:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.qnrwrba.tb.xe%2Svzntrf%2Sqeu%2Synlbhg%2Svpb%2Svpb_lbhghor.cat');}
.sns-blog{background-image:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.qnrwrba.tb.xe%2Svzntrf%2Sqeu%2Synlbhg%2Svpb%2Svpb_oybt.cat');}
.sns-facebook{background-image:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.qnrwrba.tb.xe%2Svzntrf%2Sqeu%2Synlbhg%2Svpb%2Svpb_snprobbx.cat');}
.sns-instagram{background-image:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.qnrwrba.tb.xe%2Svzntrf%2Sqeu%2Synlbhg%2Svpb%2Svpb_vafgn.cat');}
.sns-kakao{background-image:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.qnrwrba.tb.xe%2Svzntrf%2Sqeu%2Synlbhg%2Svpb%2Svpb_xnxnb.cat');}
.sns-twitter{background-image:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.qnrwrba.tb.xe%2Svzntrf%2Sqeu%2Synlbhg%2Svpb%2Svpb_gjvggre.cat');}
.sns-band{background-image:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.qnrwrba.tb.xe%2Svzntrf%2Sqeu%2Synlbhg%2Svpb%2Svpb_onaq.cat');}
.notice-cont .bx-wrapper{max-width:100% !important;}

.commu-cont{position:relative;}
.commu-cont:after{content:'';position:absolute;top:0;right:-1px;width:100px;height:100%;background:linear-gradient(90deg, rgba(251,251,251,0) 0%, rgba(243,244,245,1) 100%);}
.commu-cont .commu-slide{height:375px;margin-left:-20px;}
.commu-cont .bx-wrapper{max-width:100% !important;}
.commu-cont .bx-viewport{padding-left:20px;}
.commu-cont li{padding-top:25px;}
.commu-cont li:nth-child(2n){transform:translateY(50px);}
.commu-cont li a{overflow:hidden;display:block;border-radius:20px;box-shadow:-2px 6px 9px 8px rgba(0,0,0,.1);}
.commu-cont li a .cont-img{overflow:hidden;height:278px;}
.commu-cont li a .cont-img img{display:block;width:100%;height:100%;transform:scale(1);transition:transform .3s linear;}
.commu-cont li a .cont-tit{position:relative;background:#fff;}
.commu-cont li a strong{overflow:hidden;display:block;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;height:2.4em;color:#000;font-size:18px;font-weight:600;text-overflow:ellipsis;}
.commu-cont li [class*='sns']{position:absolute;top:-38px;right:0;width:45px;height:38px;border-radius:25px 0 0 25px;background-position:right 4px center;}
.commu-cont li [class*='sns']:hover{transform:rotate(0);}
.commu-cont li .sns-youtube{background-color:#dd2e37;}
.commu-cont li .sns-blog{background-color:#22be61;}
.commu-cont li .sns-facebook{background-color:#2570c6;}
.commu-cont li .sns-instagram{background:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.qnrwrba.tb.xe%2Svzntrf%2Sqeu%2Synlbhg%2Svpb%2Svpb_vafgn_ot.cat') left top;}
.commu-cont li .sns-kakao{background-color:#fadb4b;}
.commu-cont li .sns-twitter{background-color:#000;}
.commu-cont li .sns-band{background-color:#68be5e;}
.commu-cont .bx-wrapper, .commu-cont .bx-viewport, .commu-cont ul, .commu-cont li{height:100% !important;}
.commu-controls [class*='bx']{position:absolute;top:50%;width:50px;height:50px;border-radius:50%;transform:translateY(-50%);background-color:rgba(255,255,255,.8);background-position:center;background-size:auto;z-index:10;}
.commu-controls .bx-prev{left:-25px;background-image:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.qnrwrba.tb.xe%2Svzntrf%2Sqeu%2Synlbhg%2Sohyyrg%2Sohy_ceri.cat');}
.commu-controls .bx-prev:after{content:none;}
.commu-controls .bx-next{right:-25px;margin:0;background-image:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.qnrwrba.tb.xe%2Svzntrf%2Sqeu%2Synlbhg%2Sohyyrg%2Sohy_arkg.cat');}
.commu-controls .bx-prev:after{background:transparent;}

.commu-cont li a:focus .cont-img img,.commu-cont li a:hover .cont-img img{transform:scale(1.1);}

.wrap-monthly{width:345px;padding-top:30px;background:#fff;}
.wrap-monthly .wrap-tit{display:flex;align-items:center;justify-content:space-between;width:260px;margin:0 auto 14px;}
.wrap-monthly .wrap-tit .tit{font-size:24px;}
.wrap-monthly .tag-num{display:block;width:64px;height:64px;padding-top:20px;color:#fff;font-size:14px;font-weight:400;text-align:center;border-radius:50%;background:#cd1529;}
.wrap-monthly .tag-num i{display:block;font-size:18px;font-weight:500;}
.monthly-body{position:relative;padding-bottom:65px;z-index:0;}
.monthly-img{max-width:260px;width:100%;max-height:330px;height:80%;margin:0 auto 20px;border-radius:5px;border:1px solid #eee;box-sizing:border-box;}
.monthly-img img{display:block;width:100%;height:100%;}
.monthly-menu{display:flex;justify-content:center;}
.monthly-menu li+li{margin-left:12px;}
.monthly-menu li a{display:inline-block;padding:14px 32px;color:#cd1529;font-size:16px;font-weight:600;border-radius:30px;border:1px solid #cd1529;box-shadow:1px 3px 8px rgba(0,0,0,.1);background:#fff;}
.monthly-menu li a:hover,.monthly-menu li a:focus{color:#fff;background:#cd1529;}

/** 분야별 서비스 **/
.wrap-fservice{position:relative;}
.wrap-fservice:after{content:''; display:block; position:absolute; width:219px; height:96px; right:60px; top:-41px; background-image:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.qnrwrba.tb.xe%2Svzntrf%2Sqeu%2Synlbhg%2Sznva%2Ssvryq_qernz.cat');}
.wrap-field{overflow:hidden;border-radius:20px 20px 0 0;}
.field-head{display:flex;align-items:center;position:relative;padding:0 40px;border:1px solid #eaeaee;border-radius:20px 20px 0 0;background:#fff;}
.field-head:before,.field-head:after{content:'';position:absolute;}
.field-head:before{top:0; left:40px; width:24px; height:calc(100% - 2px); background:linear-gradient(270deg, rgba(0,0,0,0) 0%, rgba(255,255,255,1) 100%); z-index:2;}
.field-head:after{top:100%;left:0;width:100%;height:1px;box-shadow:0px 6px 15px 2px rgba(0,0,0,.1);z-index:1;}
.field-tab{overflow:hidden;flex:1;}
.field-tab .tab-list{white-space:nowrap;}
.field-tab .tab-list li{display:inline-block;width:auto;}
.field-tab .tab-list li a{display:block;position:relative;height:58px;padding:0 26px;line-height:58px;color:#444;font-size:18px;font-weight:500;}
.field-tab .tab-list li a:hover,.field-tab .tab-list li a:focus{color:#cd1529;}
.field-tab .tab-list li a:after{content:'';position:absolute;bottom:-1px;left:0;width:100%;height:0;background:#e5142b;}
.field-tab .tab-list li.is-current a{color:#cd1529;}
.field-tab .tab-list li.is-current a i{font-weight:600;}
.field-tab .tab-list li.is-current a:after{height:3px;}
.field-head .field-button{display:flex;justify-content:flex-end;width:64px;}
.field-head .button-next,.field-head .button-prev{position:relative;width:9px;height:12px;text-indent:-9999px;background-image:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.qnrwrba.tb.xe%2Svzntrf%2Sqeu%2Synlbhg%2Sohyyrg%2Sohy_ani_01.cat');background-repeat:no-repeat;}
.field-head .button-prev{margin-right:21px;background-position:left center;}
.field-head .button-prev:after{content:'';position:absolute;top:0;right:-11px;width:1px;height:12px;background:#e9e9e9;}
.field-head .button-next{background-position:right center;}

.field-body{overflow:hidden;position:relative;height:340px;border:1px solid #f3d6d6;border-top:none;border-radius:0 0 20px 20px;background:#fef3f1;}
.field-cont{display:none;position:absolute;top:0;left:0;width:100%;height:100%;}
.field-cont.is-current{display:block;}

/** 분야별서비스 컨텐츠 **/
[class*='wrap-box']{display:flex;height:100%;padding:37px 40px;}
[class*='wrap-box'] [class*='field-tit']{display:inline-block;position:relative;margin-bottom:12px;padding:0 9px 6px 0;}
[class*='wrap-box'] [class*='field-tit']:before{content:'';position:absolute;bottom:0;left:-5px;width:100%;height:14px;border-radius:25px;background:#fef4f2;}
[class*='wrap-box'] [class*='field-tit'] i{display:block;position:relative;padding-left:34px;color:#222;font-size:20px;font-weight:600;}
[class*='wrap-box'] [class*='field-tit'] i:before{content:'';position:absolute;top:calc(50% - 14px);left:0;width:29px;height:28px;background-repeat:no-repeat;background-position:center;}

[class*='wrap-box'] .field-tit-budget i:before{background-image:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.qnrwrba.tb.xe%2Svzntrf%2Sqeu%2Synlbhg%2Svpb%2Sfreivpr%2Sgvg_01.cat');}
[class*='wrap-box'] .field-tit-sejung i:before{background-image:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.qnrwrba.tb.xe%2Svzntrf%2Sqeu%2Synlbhg%2Svpb%2Sfreivpr%2Sgvg_02.cat');}
[class*='wrap-box'] .field-tit-city i:before{background-image:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.qnrwrba.tb.xe%2Svzntrf%2Sqeu%2Synlbhg%2Svpb%2Sfreivpr%2Sgvg_03.cat');}
[class*='wrap-box'] .field-tit-traffic i:before{background-image:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.qnrwrba.tb.xe%2Svzntrf%2Sqeu%2Synlbhg%2Svpb%2Sfreivpr%2Sgvg_04.cat');}
[class*='wrap-box'] .field-tit-envi i:before{background-image:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.qnrwrba.tb.xe%2Svzntrf%2Sqeu%2Synlbhg%2Svpb%2Sfreivpr%2Sgvg_05.cat');}
[class*='wrap-box'] .field-tit-welfare i:before{background-image:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.qnrwrba.tb.xe%2Svzntrf%2Sqeu%2Synlbhg%2Svpb%2Sfreivpr%2Sgvg_06.cat');}
[class*='wrap-box'] .field-tit-health i:before{background-image:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.qnrwrba.tb.xe%2Svzntrf%2Sqeu%2Synlbhg%2Svpb%2Sfreivpr%2Sgvg_07.cat');}
[class*='wrap-box'] .field-tit-enterprise i:before{background-image:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.qnrwrba.tb.xe%2Svzntrf%2Sqeu%2Synlbhg%2Svpb%2Sfreivpr%2Sgvg_08.cat');}
[class*='wrap-box'] .field-tit-economy i:before{background-image:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.qnrwrba.tb.xe%2Svzntrf%2Sqeu%2Synlbhg%2Svpb%2Sfreivpr%2Sgvg_09.cat');}
[class*='wrap-box'] .field-tit-education i:before{background-image:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.qnrwrba.tb.xe%2Svzntrf%2Sqeu%2Synlbhg%2Svpb%2Sfreivpr%2Sgvg_10.cat');}
[class*='wrap-box'] .field-tit-work i:before{background-image:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.qnrwrba.tb.xe%2Svzntrf%2Sqeu%2Synlbhg%2Svpb%2Sfreivpr%2Sgvg_11.cat');}
[class*='wrap-box'] .field-tit-culture i:before{background-image:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.qnrwrba.tb.xe%2Svzntrf%2Sqeu%2Synlbhg%2Svpb%2Sfreivpr%2Sgvg_12.cat');}
[class*='wrap-box'] .field-tit-athletic i:before{background-image:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.qnrwrba.tb.xe%2Svzntrf%2Sqeu%2Synlbhg%2Svpb%2Sfreivpr%2Sgvg_13.cat');}
[class*='wrap-box'] .field-tit-tour i:before{background-image:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.qnrwrba.tb.xe%2Svzntrf%2Sqeu%2Synlbhg%2Svpb%2Sfreivpr%2Sgvg_14.cat');}
[class*='wrap-box'] .field-tit-adm i:before{background-image:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.qnrwrba.tb.xe%2Svzntrf%2Sqeu%2Synlbhg%2Svpb%2Sfreivpr%2Sgvg_15.cat');}
[class*='wrap-box'] .field-tit-construction i:before{background-image:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.qnrwrba.tb.xe%2Svzntrf%2Sqeu%2Synlbhg%2Svpb%2Sfreivpr%2Sgvg_16.cat');}
[class*='wrap-box'] .field-tit-wedding i:before{background-image:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.qnrwrba.tb.xe%2Svzntrf%2Sqeu%2Synlbhg%2Svpb%2Sfreivpr%2Sgvg_17.cat');}
[class*='wrap-box'] .field-tit-baby i:before{background-image:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.qnrwrba.tb.xe%2Svzntrf%2Sqeu%2Synlbhg%2Svpb%2Sfreivpr%2Sgvg_18.cat');}
[class*='wrap-box'] .field-tit-house i:before{background-image:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.qnrwrba.tb.xe%2Svzntrf%2Sqeu%2Synlbhg%2Svpb%2Sfreivpr%2Sgvg_19.cat');}

[class*='wrap-box'] .l-box{display:flex;flex:1;}
[class*='wrap-box'] .r-box{margin-left:32px;}
[class*='wrap-box'] .wrap-cont{width:100%;padding:23px 25px;border-radius:0.6rem;border:1px solid #e9eaef;background:#fff;}
[class*='wrap-box'] .field-list{}
[class*='wrap-box'] .field-list li{width:100%;border-bottom:1px dotted #c7c7c7;}
[class*='wrap-box'] .field-list li:last-child{border-bottom:none;}
[class*='wrap-box'] .field-list a{display:block;position:relative;padding:10px 0;color:#666;font-size:16px;font-weight:400;transition:all .2s;}
[class*='wrap-box'] .field-list a:after{content:'';position:absolute;top:calc(50% - 4px);right:0;width:10px;height:9px;background-image:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.qnrwrba.tb.xe%2Svzntrf%2Sqeu%2Synlbhg%2Sohyyrg%2Sohy_nee_03.cat');background-repeat:no-repeat;}
[class*='wrap-box'] .field-list a:hover,[class*='wrap-box'] .field-list a:focus{color:#b83e52;font-weight:500;}
[class*='wrap-box'] .field-list a:hover:after{background-image:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.qnrwrba.tb.xe%2Svzntrf%2Sqeu%2Synlbhg%2Sohyyrg%2Sohy_nee_11.cat');}
[class*='wrap-box'] .field-list a.field_outlink:after{width:10px; height:10px; background-image:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.qnrwrba.tb.xe%2Svzntrf%2Sqeu%2Synlbhg%2Sohyyrg%2Sohe_bhgyvax_02.cat'); top:calc(50% - 5px);}
[class*='wrap-box'] .field-list a.field_outlink:hover:after{background-image:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.qnrwrba.tb.xe%2Svzntrf%2Sqeu%2Synlbhg%2Sohyyrg%2Sohe_bhgyvax_01.cat');}

[class*='wrap-box'] .field-list.ver-01{display:flex;flex-wrap:wrap;justify-content:space-between;align-content:space-between;}
[class*='wrap-box'] .field-list.ver-01 li{width:calc(50% - 15px);}
[class*='wrap-box'] .field-list.ver-01 li:nth-last-child(2){border-bottom:none;}

[class*='wrap-box'] [class*='link-list']{display:flex;flex-wrap:wrap;justify-content:space-between;min-width:0;height:100%;}
[class*='wrap-box'] [class*='link-list'] li{width:calc(50% - 10px);}
[class*='wrap-box'] [class*='link-list'] a{display:flex;align-items:center;width:100%;height:100%;padding:0 35px;font-weight:600;border-radius:0.6rem;border-width:1px;border-style:solid;background-color:#fff;}
[class*='wrap-box'] [class*='link-list'] a:hover{transform:translateY(-5px);}
[class*='wrap-box'] [class*='link-list'] a i{display:block;width:100%;position:relative;font-size:18px;}
[class*='wrap-box'] [class*='link-list'] a i:after{content:'';position:absolute;top:calc(50% - 16px);right:0;width:32px;height:32px;border-radius:50%;background-repeat:no-repeat;background-position:center;}
[class*='wrap-box'] [class*='link-list'] a img{min-width:0;}
[class*='wrap-box'] [class*='link-list'] a .logo-pc{display:block;}
[class*='wrap-box'] [class*='link-list'] a .logo-mo{display:none;}

[class*='wrap-box'] [class*='link-list'] .ver-01{color:#433c82;border-color:#b1abe7;}
[class*='wrap-box'] [class*='link-list'] .ver-02{color:#6e2d78;border-color:#b491b9;}
[class*='wrap-box'] [class*='link-list'] .ver-03{color:#b83e52;border-color:#cb7582;}
[class*='wrap-box'] [class*='link-list'] .ver-04{color:#a42677;border-color:#b491b9;}
[class*='wrap-box'] [class*='link-list'] .ver-01.ver-back-01{background-color:#f1effb;}
[class*='wrap-box'] [class*='link-list'] .ver-02.ver-back-02{background-color:#f2eaf4;}
[class*='wrap-box'] [class*='link-list'] .ver-03.ver-back-03{border-color:#f1bcc4; background-color:#ffe9eb;}
[class*='wrap-box'] [class*='link-list'] .ver-04.ver-back-04{border-color: #9ec6c8; color:#476162; background-color:#f0f4f5;}
[class*='wrap-box'] [class*='link-list'] .ver-05{border-color:#9fc5c8;}
[class*='wrap-box'] [class*='link-list'] .ver-06{border-color:#b1abe7;}
[class*='wrap-box'] [class*='link-list'] .ver-07{border-color:#a295da;}
[class*='wrap-box'] [class*='link-list'] .ver-08{color:#433c80;border-color:#433c80;}
[class*='wrap-box'] [class*='link-list'] .ver-09{color:#7a3585;border-color:#7a3585;}
[class*='wrap-box'] [class*='link-list'] .ver-10{border-color:#e39588;}
[class*='wrap-box'] [class*='link-list'] .ver-11{border-color:#9ec6c8;}
[class*='wrap-box'] [class*='link-list'] .ver-12{border-color:#86b2a5;}
[class*='wrap-box'] [class*='link-list'] .ver-13{border-color:#b3abe7;}
[class*='wrap-box'] [class*='link-list'] .ver-14{border-color:#a3b7ed;}
[class*='wrap-box'] [class*='link-list'] .ver-15{border-color:#e39588; color:#c43c25;}
[class*='wrap-box'] [class*='link-list'] .ver-16{color:#b83e52;border-color:#cb7582;}
[class*='wrap-box'] [class*='link-list'] .ver-01 i{color:#6a2774;}
[class*='wrap-box'] [class*='link-list'] .ver-01 i:after{background-color:#f1effc;background-image:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.qnrwrba.tb.xe%2Svzntrf%2Sqeu%2Synlbhg%2Sohyyrg%2Sohy_nee_05.cat');}
[class*='wrap-box'] [class*='link-list'] .ver-02 i{color:#a32576;}
[class*='wrap-box'] [class*='link-list'] .ver-02 i:after{background-color:#f0eaf1;background-image:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.qnrwrba.tb.xe%2Svzntrf%2Sqeu%2Synlbhg%2Sohyyrg%2Sohy_nee_06.cat');}
[class*='wrap-box'] [class*='link-list'] .ver-03 i:after{background-color:#f7ebed;background-image:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.qnrwrba.tb.xe%2Svzntrf%2Sqeu%2Synlbhg%2Sohyyrg%2Sohy_nee_07.cat');}
[class*='wrap-box'] [class*='link-list'] .ver-04 i:after{background-color:#f8ebf4;background-image:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.qnrwrba.tb.xe%2Svzntrf%2Sqeu%2Synlbhg%2Sohyyrg%2Sohy_nee_08.cat');}
[class*='wrap-box'] [class*='link-list'] .ver-11 i{color:#476162;}
[class*='wrap-box'] [class*='link-list'] .ver-11 i:after{background-color:#f0f4f5;background-image:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.qnrwrba.tb.xe%2Svzntrf%2Sqeu%2Synlbhg%2Sohyyrg%2Sohy_nee_10.cat');}
[class*='wrap-box'] [class*='link-list'] .ver-01.ver-back-01 i:after{background-color:#e3dffc;}
[class*='wrap-box'] [class*='link-list'] .ver-02.ver-back-02 i:after{background-color:#ebdbed;}
[class*='wrap-box'] [class*='link-list'] .ver-03.ver-back-03 i:after{background-color:#f7d9db;}
[class*='wrap-box'] [class*='link-list'] .ver-04.ver-back-04 i:after{background-color:#dae7ea;background-image:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.qnrwrba.tb.xe%2Svzntrf%2Sqeu%2Synlbhg%2Sohyyrg%2Sohy_nee_10.cat');}

[class*='wrap-box'] .link-list-type01{align-content:space-between;}
[class*='wrap-box'] .link-list-type01 li{width:100%;}
[class*='wrap-box'] .link-list-type01 li a,[class*='wrap-box'] .link-list-type02 li a{justify-content:center;padding:0 10px;}

[class*='wrap-box'] .link-list-type02{height:calc(50% - 10px);}

[class*='wrap-box'] .quick-list{display:flex;justify-content:space-around;}
[class*='wrap-box'] .quick-list li{}
[class*='wrap-box'] .quick-list a{display:block;text-align:center;}
[class*='wrap-box'] .quick-list i{display:inline-block;color:#666;font-size:16px;font-weight:400;}
[class*='wrap-box'] .quick-list a:hover i,[class*='wrap-box'] .quick-list a:focus i{color:#b83e52;font-weight:500;}
[class*='wrap-box'] .quick-icon{overflow:hidden;display:flex;align-items:center;justify-content:center;position:relative;width:100px;height:100px;margin:0 auto 22px;border-radius:50%;background:#f8f8f8;z-index:1;}
[class*='wrap-box'] .quick-icon:before{content:'';display:block;position:absolute;top:-100%;left:-100%;width:100%;height:100%;transform:rotate(45deg) scale(1);transition:transform .3s linear;background:#f9edef;z-index:-1;}
[class*='wrap-box'] .quick-icon:hover:before{transform:scale(4);}
[class*='wrap-box'] [class*='banner']{overflow:hidden;display:block;border-radius:0.6rem;border-width:1px;border-style:solid;background-repeat:no-repeat;}
[class*='wrap-box'] [class*='banner'] i{display:inline-block;position:relative;padding-bottom:45px;}
[class*='wrap-box'] [class*='banner'] i:after{content:'';position:absolute;bottom:0;left:50%;width:32px;height:32px;border-radius:50%;transform:translateX(-50%);background-repeat:no-repeat;background-position:center;}

[class*='wrap-box'] .quick-link{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;padding:10px;border-radius:0.6rem;border:1px solid #eae9ee;background:#fff;}
[class*='wrap-box'] .quick-link:hover{border-color:#b83e52;}

.wrap-box-budget .wrap-cont,.wrap-box-education .wrap-cont{width:calc(50% - 16px);}

.wrap-box-budget .l-box{justify-content:space-between;min-width:59%;}
.wrap-box-budget [class*='link-list']{height:100%;align-content:space-between;}
.wrap-box-budget [class*='link-list'] li{height:calc(50% - 10px);}
.wrap-box-budget .r-box{width:41%;}

.wrap-box-city .r-box{width:220px;}
.wrap-box-city .city-banner{height:100%;padding-top:33px;text-align:center;border-color:#9ec6c8;background-color:#f1faf5;background-image:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.qnrwrba.tb.xe%2Svzntrf%2Sqeu%2Synlbhg%2Svpb%2Sfreivpr%2Sonaare_01.cat');background-position:bottom center;}
.wrap-box-city .city-banner i:after{background-color:#e3eeea;background-image:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.qnrwrba.tb.xe%2Svzntrf%2Sqeu%2Synlbhg%2Sohyyrg%2Sohy_nee_10.cat');}

.wrap-box-safty .r-box,.wrap-box-traffic .r-box{width:340px;}
.wrap-box-safty [class*='link-list'] li,.wrap-box-traffic [class*='link-list'] li{height:calc(50% - 10px);}

.wrap-box-envi .r-box{display:flex;justify-content:space-between;width:445px;}
.wrap-box-envi .link-list{flex:1;align-content:space-between;}
.wrap-box-envi .link-list li{width:100%;height:calc(50% - 10px);}
.wrap-box-envi .envi-banner{width:210px;margin-left:18px;padding:35px 10px 0;text-align:center;border:1px solid #c7bdef;border-radius:0.6rem;background-color:#e5e8f7;background-image:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.qnrwrba.tb.xe%2Svzntrf%2Sqeu%2Synlbhg%2Svpb%2Sfreivpr%2Sonaare_05.cat');background-position:right bottom;}
.wrap-box-envi .envi-banner i{color:#000;font-size:18px;font-weight:500;}
.wrap-box-envi .envi-banner i:after{background-color:#d4d6eb;background-image:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.qnrwrba.tb.xe%2Svzntrf%2Sqeu%2Synlbhg%2Sohyyrg%2Sohy_nee_09.cat');}

[class*='wrap-box'] .cont-01{flex:1;}
[class*='wrap-box'] .cont-02{width:255px;margin-left:32px;}

.wrap-box-welfare .r-box{width:515px;}
.wrap-box-welfare .find-missing i{padding-left:60px;}
.wrap-box-welfare .find-missing i:before{content:'';position:absolute;top:50%;left:0;width:47px;height:46px;transform:translateY(-50%);background:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.qnrwrba.tb.xe%2Svzntrf%2Sqeu%2Synlbhg%2Svpb%2Sfreivpr%2Svpba_0603.cat') no-repeat center / contain;}
.wrap-box-welfare .link-list{height:auto;margin-bottom:19px;}
.wrap-box-welfare .link-list li:nth-child(1){width:calc(100% - 216px);}
.wrap-box-welfare .link-list li:nth-child(2){width:198px;}
.wrap-box-welfare .link-list li a{padding:25px 20px;}
.wrap-box-welfare .link-list li a i{color:#b93e53;}
.wrap-box-welfare .link-list li a.ver-15{justify-content:center;}
.wrap-box-welfare .b-box{display:flex;height:calc(100% - 94px);}
.wrap-box-welfare .b-box .quick-link{flex:1;margin-right:17px;}
.wrap-box-welfare .b-box .quick-link i{color:#222;font-size:16px;font-weight:600; text-align:center; line-height:19px; height:38px;}
.wrap-box-welfare .b-box .quick-link i.covid{line-height:35px;}
.wrap-box-welfare .b-box .quick-link:hover i{color:#b83e52;}
.wrap-box-welfare .b-box .quick-link .quick-icon{margin-bottom:12px;}
.wrap-box-welfare .b-box .link-list-type01{width:198px;}
.wrap-box-welfare .b-box .link-list-type01 li{height:calc(50% - 10px);}

.wrap-box-economy .r-box{width:430px;}
.wrap-box-economy .link-list-type01{align-content:space-between;}
.wrap-box-economy .link-list-type01 li{width:calc(50% - 10px);height:calc(50% - 10px);}
.wrap-box-economy .link-list-type01{display:flex;}
.wrap-box-economy .link-list-type01 .wrap-logo{display:flex;flex-direction:column;align-items:center;justify-content:space-between;height:58px;}
.wrap-box-economy .link-list-type01 .wrap-logo.ver-01{height:68px;}
.wrap-box-economy .link-list-type01 b{color:#000;font-size:16px;font-weight:600;}
.wrap-box-economy .cont-02{margin:0 32px 0 0;}

.wrap-box-education .l-box{justify-content:space-between;}
.wrap-box-education .r-box{width:550px;}
.wrap-box-education .link-list li{height:110px;}
.wrap-box-education .link-list li:nth-child(3),.wrap-box-education .link-list li:nth-child(4),.wrap-box-education .link-list li:nth-child(5){width:calc((100% / 3) - 8px);height:130px;margin-top:18px;}
.wrap-box-education .link-list a{justify-content:center;padding:0 10px;}

.wrap-box-culture .r-box{display:flex;justify-content:space-between;width:450px;}
.wrap-box-culture .r-box [class*='banner']{width:calc(50% - 12px);text-align:center;padding-top:35px;background-position:bottom center;}
.wrap-box-culture .r-box [class*='banner'] i{color:#000;font-size:18px;font-weight:500;}
.wrap-box-culture .r-box .event-banner{border-color:#c7bdef;background-color:#e5e9f7;background-image:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.qnrwrba.tb.xe%2Svzntrf%2Sqeu%2Synlbhg%2Svpb%2Sfreivpr%2Sonaare_0801.cat');}
.wrap-box-culture .r-box .event-banner i:after{background-color:#d4d6ec;background-image:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.qnrwrba.tb.xe%2Svzntrf%2Sqeu%2Synlbhg%2Sohyyrg%2Sohy_nee_06.cat');}
.wrap-box-culture .r-box .pet-banner{border-color:#f1bcc5;background-color:#ffeaea;background-image:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.qnrwrba.tb.xe%2Svzntrf%2Sqeu%2Synlbhg%2Svpb%2Sfreivpr%2Sonaare_0802.cat');}
.wrap-box-culture .r-box .pet-banner i:after{background-color:#f8d8db;background-image:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.qnrwrba.tb.xe%2Svzntrf%2Sqeu%2Synlbhg%2Sohyyrg%2Sohy_nee_07.cat');}

.wrap-box-tour .r-box{width:290px;}
.wrap-box-tour .link-list-type01 li{height:calc(33.3% - 10px);}
.wrap-box-tour .link-list-type01 .tour-banner{justify-content:flex-end;padding:0 45px;background-image:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.qnrwrba.tb.xe%2Svzntrf%2Sqeu%2Synlbhg%2Svpb%2Sfreivpr%2Svpba_0908.cat');background-position:30px 10px;}
.wrap-box-tour .link-list-type01 .tour-banner b{color:#6c2f74;font-size:16px;font-weight:500;}
.wrap-box-tour .link-list-type01 .daejeontour{background-image:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.qnrwrba.tb.xe%2Svzntrf%2Sqeu%2Synlbhg%2Svpb%2Sfreivpr%2Sqnwrbagbhe_vzt.cat'); padding-left:90px; background-color:#fff; background-size:cover;}
.wrap-box-tour .link-list-type01 .dj-fod{background-image:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.qnrwrba.tb.xe%2Svzntrf%2Sqeu%2Synlbhg%2Svpb%2Sfreivpr%2Sqwsbq_vzt.cat'); padding-left:110px; background-position:30px 1px; background-repeat:no-repeat;}

.wrap-box-adm .r-box{width:445px;}
.wrap-box-adm .link-list{align-content:space-between;}
.wrap-box-adm .link-list li{height:calc(50% - 10px);}
.wrap-box-adm .link-list .mayor{width:100%;}
.wrap-box-adm .link-list .mayor a{padding-left:240px;background-image:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.qnrwrba.tb.xe%2Svzntrf%2Sqeu%2Synlbhg%2Sznva%2Sznlbe_terrgvat_vzt.cat');background-repeat:no-repeat;background-position:left center; background-color:#fff;}

.wrap-box-science .r-box{width:400px;}
.wrap-box-science .link-list{align-content:space-between;}
.wrap-box-science .link-list li{height:calc(50% - 10px);}
.wrap-box-science .link-list li a{justify-content:center;}
.wrap-box-science .science-banner{height:100%;padding-top:30px;text-align:center;border-color:#f1bcc4;background-color:#ffe9eb;background-image:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.qnrwrba.tb.xe%2Svzntrf%2Sqeu%2Synlbhg%2Svpb%2Sfreivpr%2Sonaare_11.cat');background-position:center bottom;}
.wrap-box-science .science-banner i{color:#000;font-size:22px;font-weight:500;}
.wrap-box-science .science-banner i:after{background-color:#f7d9db;background-image:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.qnrwrba.tb.xe%2Svzntrf%2Sqeu%2Synlbhg%2Sohyyrg%2Sohy_nee_07.cat');}

.wrap-box-wedding .r-box{width:170px;}
.wrap-box-wedding .link-list-type01 li{height:calc(25% - 10px);}
.wrap-box-wedding .cont-02{margin-left:0; width:190px;}
.wrap-box-wedding .cont-01{margin-left:32px;}
.wrap-box-wedding .field-list a.letter01{letter-spacing:-2px;}
[class*='wrap-box'] [class*='link-list'] a.find-news i{font-size:16px; line-height:18px;}
.wrap-box-wedding .find-news i{padding-left:50px;}
.wrap-box-wedding .find-news i:before{content:'';position:absolute;top:50%;left:0;width:38px;height:38px;transform:translateY(-50%);background:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.qnrwrba.tb.xe%2Svzntrf%2Sqeu%2Synlbhg%2Svpb%2Sfreivpr%2Svpba_1101.cat') no-repeat center / contain;}

/** 배너모음 **/
.section-05{padding:30px 0;}
.wrap-site{display:flex;align-items:center;}
.site-head{display:flex;align-items:center;justify-content:space-between;width:180px;margin-right:40px;padding-left:20px;}
.site-head b{color:#31323d;font-size:16px;font-weight:700;}
.site-head .bx-controls-direction{display:flex;align-items:center;justify-content:space-between;}
.site-head .bx-controls-direction [class*='Banner']{display:block;position:relative;width:12px;height:12px;text-indent:-9999px;background-image:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.qnrwrba.tb.xe%2Svzntrf%2Sqeu%2Synlbhg%2Sohyyrg%2Sohy_ani_02.cat');background-repeat:no-repeat;}
.site-head .bx-controls-direction .bxPrevBanner{background-position:left center;}
.site-head .bx-controls-direction .bxPrevBanner:after{content:'';position:absolute;top:0;right:-8px;width:1px;height:12px;background:#e9e9e9;}
.site-head .bx-controls-direction .bxNextBanner{background-position:left -29px center;}
.site-head .bx-controls-direction .bxPlayBanner{background-position:right center;}
.site-head .bx-controls-direction .bxPlayBanner.on{background-position:right center;}
.site-body{flex:1;position:relative;}
.site-body:after{content:none;position:absolute;top:0;right:-1px;width:50px;height:100%;background:linear-gradient(90deg, rgba(0,0,0,0) 0%, rgba(255,255,255,1) 100%);}
.site-body .bxslider_banner li a{overflow:hidden;display:block;margin-bottom:1px;border:1px solid #e0e1e5;border-radius:10px;transition:all .2s;}
.site-body .bxslider_banner li a:hover,.site-body .bxslider_banner li a:focus{border-color:#31343d;}
.site-body .bxslider_banner li img{display:block;width:100%;height:auto;}

/** 사이드바 **/
.side-bar{position:fixed;top:50%;right:0;transform:translateY(-50%);z-index:10;}
.side-bar [class*='button']{display:block;width:46px;height:46px;margin:0 auto;border-radius:50%;box-shadow:3px 3px 5px 0px rgba(0,0,0,.2);transition:all .2s;}
.srhtop-button{margin-bottom:12px !important;text-indent:-9999px;background-color:#df142a;background-image:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.qnrwrba.tb.xe%2Svzntrf%2Sqeu%2Synlbhg%2Svpb%2Svpb_feu.cat');background-repeat:no-repeat;background-position:center;}
.srhtop-button:hover{background-color:#31343d;}
.side-sns{width:64px;margin-bottom:11px;padding:25px 0;border-radius:30px 0 0 30px;box-shadow:-3px 3px 6px rgba(0,0,0,.1);background:#fff;}
.side-sns li+li{margin-top:10px;}
.side-sns li [class*='sns-']{margin:0 auto;}
.top-button{padding-top:14px;text-align:center;background:#31343d;}
.top-button:hover{background:#df142a;}
.top-button i{display:inline-block;position:relative;padding-top:8px;color:#fff;font-size:10px;font-weight:500; line-height:10px}
.top-button i:before{content:'';position:absolute;top:0;left:50%;border-right:4px solid transparent;border-bottom:3px solid #fff;border-left:4px solid transparent;transform:translateX(-50%);}

.side-bar.active [class*='button']{margin-right:6px;}

/** 알림전체보기 팝업 **/
.wrap-modal{display:none;}
.wrap-modal .modal-body{display:none;overflow:hidden;position:relative;width:calc(100% - 34px);max-width:1200px;max-height:calc(100vh - 40px);border-radius:20px;z-index:9999;}	
.wrap-modal .modal-body .modal-cont{overflow:auto;height:auto;height:800px;background:#fff;}	
.wrap-modal .modal-body .close{display:block;position:absolute;top:19px;right:25px;width:32px;height:32px;font-size:0;text-indent:-9999px;background:transparent;z-index:10;}
.wrap-modal .modal-body .close:before,.modal-body .close:after{content:'';display:block;position:absolute;top:calc(50% - 13px);left:50%;width:3px;height:26px;transform:rotate(45deg);background:#505050;}
.wrap-modal .modal-body .close:after{transform:rotate(-45deg)}
.wrap-modal.is-current{display:flex;justify-content:center;align-items:center;position:fixed;top:0;left:0;width:100%;height:100vh;z-index:99999;}
.wrap-modal.is-current:before{content:'';display:block;position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.4);}

.notice-tab{position:relative;height:100%;}
.notice-tab:before{content:'';position:absolute;top:70px;left:0;width:100%;height:1px;background:#eaeaea;}
.notice-tab:after{content:'';position:absolute;bottom:0;left:0;width:calc(100% - 17px);height:70px;background:#fff;}
.notice-tab.ver-01:after{height:10px;}
.notice-tab > li{position:absolute;top:0;left:0;width:100%;}
.notice-tab > li .tab-tit{display:flex;align-items:center;justify-content:center;position:absolute;top:0;width:260px;height:70px;color:#232323;font-size:24px;font-weight:600;border-right:1px solid #eaeaea;background:#f3f4f5;}
.notice-tab > li:nth-child(2) .tab-tit{left:260px;}
.notice-tab > li.is-current .tab-tit{color:#fff;border-right-color:#cb1838;background:#cb1838;}
.notice-tab > li .tab-cont{overflow-y:auto;display:none;position:absolute;top:70px;left:0;width:100%;height:730px;padding:40px 38px 70px;}
.notice-tab > li.is-current .tab-cont{display:block;}
.notice-tab > li .tab-cont strong{display:block;margin-bottom:15px;color:#444;font-size:20px;font-weight:600;}
.notice-tab > li .tab-cont strong b{color:#cd1529;font-size:26px;font-weight:700;}
.notice-tab .img-list{display:flex;flex-wrap:wrap;margin-left:-23px;margin-top:-23px;}
.notice-tab .img-list li{width:calc(100% / 3);margin-top:23px;}
.notice-tab .img-list.notice-news li{width:calc(100% / 4);}
.notice-tab .img-list a{display:block;margin-left:23px;}
.notice-tab .img-list .wrap-img{overflow:hidden;border-radius:10px 20px 10px 10px;}
.notice-tab .img-list .wrap-img img{width:100%;height:auto;transform:scale(1);transition:.3s linear;}
.notice-tab .img-list.main-news .wrap-img img{height:265px;}
.notice-tab .img-list.notice-news .wrap-img img{height:216px;}

.notice-tab .notice-news .wrap-img{border-radius:20px;}

.notice-tab .img-list a:hover img{transform:scale(1.1);}


/** 1550px 이상 **/
@media screen and (max-width:1550px){
	.wrap-main .wrap-content{padding:0 60px 0 30px;}

	/** 시장소개 **/
	.mayor-cont .cont-txt{margin:25px 40px 10px 0;}

	/** 뉴스 슬라이드 **/
	.wrap-news{width:45vw;}

	/** 주요서비스 **/
	.service-list{margin-left:-3.7%;}
	.service-list:after{right:0;}
	.service-list li{margin-left:3.7%;}

	/** 대전시 소통 **/
	.wrap-commu{margin-left:15px;}

	/** 배너모음 **/
	.site-head{width:155px;padding:0;}

	.wrap-news .tab-cont:after,.notice-cont:after,.site-body:after{content:'';}

	/** 알림전체보기 팝업 **/
	.notice-tab > li .tab-cont{height:655px}
}
/** 1550px 이상 **/

/** 1455px 이상 **/
@media screen and (max-width:1455px){
	.service-list{margin:0;}
	.service-list li{width:calc((100% / 8) - 16px);margin-left:0;}
	.service-list li:nth-child(8){margin-right:108px;}
	.service-btn{top:22px;right:28px;}
}
/** 1455px 이상 **/

/** 1400px 이상 **/
@media screen and (max-width:1400px){
	/** 메인슬라이드 **/
	.wrap-visual .swiper-box{width:500px;}

	/** 시장소개 **/
	.wrap-mayor{margin-left:50px;}
	.wrap-mayor .mayor-img{width:180px;height:193px;}

	/** 뉴스 슬라이드 **/
	.wrap-news{left:550px;width:calc(100vw - 670px);}
	.wrap-news:before{left:-50px;width:calc(100vw - (500px + ((100vw - 1400px) / 2)));}

	/** 대전시 소통 **/
	.section-04:after{content:none;}
	.wrap-commu{padding:40px 0;}
	.wrap-commu .wrap-tit .tit{display:block;margin-bottom:5px;}
	.commu-sns{right:20px;}

	/** 분야별서비스 컨텐츠 **/
	[class*='wrap-box']{padding:37px 30px;}
	[class*='wrap-box'] .field-list a{font-size:15px;}
	[class*='wrap-box'] .field-list.ver-01 li{width:calc(50% - 10px);}
	.wrap-box-welfare .r-box{width:425px;}
	.wrap-box-welfare .quick-icon{width:80px;height:80px;}
	.wrap-box-welfare .b-box .link-list-type01{width:150px;}
	.wrap-box-welfare .link-list li:nth-child(1){width:calc(100% - 167px);}
	.wrap-box-welfare .link-list li:nth-child(2){width:150px;}
	[class*='wrap-box'] [class*='link-list'] .ver-03 i:after{display:none;}
	.wrap-box-welfare .link-list li a.ver-15{letter-spacing:-1px; text-align:center; line-height:19px}

	.wrap-box-economy .r-box{width:360px;}

	.wrap-box-culture .r-box{width:380px;}

	.wrap-box-tour .r-box{width:220px;}
	.wrap-box-tour .link-list-type01 .tour-banner{padding:0 20px;background-position:20px 10px;background-size:75px auto;}
	.wrap-box-tour .link-list-type01 .dj-fod{background-position:10px 1px; padding-left:90px;}

	.wrap-box-science .r-box{width:220px;}

	.wrap-box-welfare .cont-02{width:225px;}
}
/** 1400px 이상 **/

/** 1280px 이상 **/
@media screen and (max-width:1280px){
	.wrap-main .wrap-content{padding:0 28px;}

	/** 뉴스 슬라이드 **/
	.wrap-news{left:550px;width:calc(100vw - 610px);}

	/** 주요 서비스 **/
	.service-list li{width:calc((100% / 8) - 14px);}
	.service-btn{right:0;}
	.service-btn{right:15px;}
	
	/** story대전 & 알림창 **/
	.wrap-gallery{margin:0 0 50px;}
	.story-cont{width:calc(50% - 10px);}
	.story-cont .story-img{height:190px;}
	.wrap-notice .swiper-slide{height:278px;}
	.wrap-broadcast,.wrap-notice{width:calc(25% - 15px);}
	.broadcast-cont .wrap-img{height:163px;}

	/** 분야별서비스 **/
	.wrap-fservice:after{width:160px; height:70px; background-size:100%; top:-15px; right:30px;}

	/** 대전시 소통 **/
	.commu-sns{top:55px;}

	/** 사이드바 **/
	.side-bar{display:none;}
}
/** 1280px 이상 **/

/** 1200px 이상 **/
@media screen and (max-width:1200px){
	/** 전체검색 **/
	.wrap-srh{margin-top:60px;}
	.wrap-dream{position:relative; width:240px; margin:30px auto 0;}

	/** 메인슬라이드 **/
	.wrap-visual{align-items:stretch;}
	.wrap-visual .swiper-box{width:595px;}

	/** 시장소개 **/
	.wrap-mayor{margin:26px 0 0 70px;}
	.wrap-mayor:before{bottom:10px;}
	.wrap-mayor:after{top:100px;right:20px;left:auto;}
	.mayor-cont{flex-direction:column;align-items:flex-start;}
	.mayor-cont .cont-txt{margin:20px 0;}
	.mayor-cont ul li a{font-size:15px;}
	.wrap-mayor .mayor-img{width:219px;height:235px;}

	/** 뉴스 슬라이드 **/
	.wrap-news{position:relative;left:0;bottom:0;width:100%;}
	.wrap-news:before{left:-28px;width:100vw;}

	/** 주요서비스 **/
	.section-02{flex-direction:column;position:relative;}
	.section-02 .wrap-tit{width:100%;margin:0 0 20px;}
	.section-02 .wrap-tit i{display:inline-block; padding-right:8px;}
	.service-list{display:inherit;margin-left:0;white-space:nowrap;}
	.service-list li{display:inline-block;width:90px;margin:0 25px 30px 0;}
	.service-list li:nth-child(8){margin-right:25px;}
	.service-btn{position:absolute;top:-50px;right:0;width:105px;padding:8px 18px;font-size:14px;border-radius:25px;background:#31343d;}
	.service-btn:before{content:none;}
	.service-btn i{position:relative;padding:0 0 0 20px;color:#fff;font-size:14px;}
	.service-btn i:before{content:'';position:absolute;top:calc(50% - 3px);left:0;width:13px;height:6px;background:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.qnrwrba.tb.xe%2Svzntrf%2Sqeu%2Synlbhg%2Sohyyrg%2Sohy_nee_04.cat') no-repeat;}
	.service-list.active{display:flex;}
	.service-list.active + .service-btn i:before{transform:rotate(180deg);}

	/** story대전 & 알림창 **/
	.story-cont .story-tit{height:80px;padding:20px 20px 0;}
	.story-cont .story-tit strong{height:auto;}
	.story-cont .story-tit strong,.broadcast-cont .wrap-cont strong{font-size:16px;}
	.broadcast-cont .wrap-cont span{padding:5px 10px 5px 32px; font-size:14px;}
	.wrap-notice .swiper-slide{height:270px;}

	/** 분야별서비스 컨텐츠 **/
	[class*='wrap-box']{padding:25px;}
	[class*='wrap-box'] .r-box{margin-left:20px;}
	[class*='wrap-box'] .wrap-cont{padding:18px 20px;}
	[class*='wrap-box'] [class*='link-list'] a{padding:0 20px;}
	[class*='wrap-box'] [class*='link-list'] a:hover{transform:translateY(0);}
	[class*='wrap-box'] .cont-02{margin-left:20px;}

	.wrap-box-budget .wrap-cont{width:calc(50% - 10px);}
	.wrap-box-budget .r-box{margin-left:20px;}
	.wrap-box-budget [class*='link-list'] li{width:calc(50% - 5px);height:calc(50% - 5px);}

	.wrap-box-envi .r-box{flex-wrap:wrap;width:250px;}
	.wrap-box-envi .envi-banner{width:100%;height:calc((100% / 3) - 7px);margin:15px 0 0 0;padding:10px;background-image:none;}
	.wrap-box-envi .link-list{flex:inherit;height:calc(((100% / 3) * 2 ) - 7px);}
	.wrap-box-envi .link-list li{width:100%;height:calc(50% - 7px);}
	.wrap-box-envi .link-list li a{justify-content:center;}

	.wrap-box-welfare .r-box{width:300px;}
	.wrap-box-welfare .find-missing i{padding-left:43px;}
	.wrap-box-welfare .find-missing i:before{width:35px;height:34px;}
	.wrap-box-welfare .link-list{margin-bottom:15px;}
	.wrap-box-welfare .link-list li a{padding:10px 5px;}
	.wrap-box-welfare .b-box{flex-wrap:wrap;}
	.wrap-box-welfare .quick-link{height:auto;}
	.wrap-box-welfare .b-box .quick-link:nth-child(2){margin-right:0;}
	.wrap-box-welfare .b-box .link-list-type01{width:100%;height:auto;margin-top:15px;}
	.wrap-box-welfare .b-box .link-list-type01 li{width:calc(50% - 10px);height:55px;}
	[class*='wrap-box'] [class*='link-list'] .ver-03 i:before{display:none;}
	.wrap-box-welfare .link-list li:nth-child(1),.wrap-box-welfare .link-list li:nth-child(2){width:calc(50% - 10px);}
	.wrap-box-welfare .link-list li a i{font-size:16px; padding-left:0; text-align:center; line-height:19px;}
	.wrap-box-welfare .quick-icon{margin-bottom:12px;}

	.wrap-box-economy .cont-02{margin:0 20px 0 0;}
	.wrap-box-economy .r-box{width:210px}
	.wrap-box-economy .link-list-type01 li{width:100%;height:calc(25% - 10px);}
	.wrap-box-economy .link-list-type01 .wrap-logo{flex-direction:row;height:auto;}
	.wrap-box-economy .link-list-type01 b{margin-left:10px;}

	.wrap-box-education .r-box{width:480px;}
	.wrap-box-education .wrap-cont{width:calc(50% - 10px);}
	.wrap-box-education .link-list{align-content:space-between;}
	.wrap-box-education .link-list li{width:calc(50% - 5px);height:calc(50% - 5px);}
	.wrap-box-education .link-list a{padding:0 14px;}

	.wrap-box-culture .cont-02{width:200px}
	.wrap-box-culture .r-box{flex-wrap:wrap;align-content:space-between;width:200px;}
	.wrap-box-culture .r-box [class*='banner']{width:100%;height:calc(50% - 10px);padding-top:20px;background-position:bottom -70px center;}

	.wrap-box-adm .r-box{width:380px;}
	.wrap-box-adm .link-list .mayor a{background-size:auto 100%;}

	.wrap-box-wedding .cont-01{margin-left:20px;}
	.wrap-box-wedding .cont-02{margin-left:0;}
	.wrap-box-wedding .field-list.ver-01{overflow-y:auto; flex-direction:row; height:210px; padding:0 10px 10px 0;}
	.wrap-box-wedding .field-list.ver-01 li{width:100%;}
}
/** 1200px 이상 **/

/** 1100px 이상 **/
@media screen and (max-width:1100px){
	/** 시장소개 **/
	.mayor-cont .cont-txt{margin:15px 0;}
	.mayor-cont .cont-txt p{font-size:18px;}
	.mayor-cont .cont-txt strong{font-size:27px;}
	.wrap-mayor .mayor-img{width:180px;height:193px;}

	/** 대전시 소통 **/
	.wrap-commu{padding:29px 0;}
	.wrap-commu .wrap-tit{margin-bottom:20px;}
	.commu-sns{position:relative;top:0;right:0;}

	/** 분야별서비스 컨텐츠 **/
	[class*='wrap-box'] [class*='field-tit'] i{font-size:18px;}

	[class*='wrap-box'] .cont-02{width:210px;}
	[class*='wrap-box'] .quick-icon{width:80px;height:80px;}
}
/** 1100px 이상 **/

/** 1024px 이상 **/
@media screen and (max-width:1024px){
	.wrap-main .wrap-content{padding:0 20px;}

	/** 시장소개 **/
	.wrap-mayor .mayor-img{right:auto;left:0;}

	.wrap-news:before{left:-20px;}

	/** story대전 & 알림창 **/
	.wrap-gallery{flex-wrap:wrap;}
	.wrap-story{width:100%;margin-right:0;margin-bottom:50px;}
	.story-cont{width:calc(50% - 10px);}
	.story-cont .tag{font-size:13px;}
	.wrap-broadcast,.wrap-notice{width:calc(50% - 10px);}
	.broadcast-body,.notice-body{padding:0;}
	.wrap-broadcast .broadcast-cont{max-width:325px;margin:0 auto;}
	.wrap-notice .slider-cont{max-width:325px !important;margin:0 auto;}
	.broadcast-body{height:270px;}
	.notice-controls{top:-52px;}

	/** 분야별 서비스 **/
	.field-head{padding:0 25px;}
	.field-head:before{content:none;}
	.field-head .field-button{display:none;}
	.field-tab{overflow-x:auto;}
	.field-tab .tab-list li a{padding:0 15px;}

	/** 분야별서비스 컨텐츠 **/
	[class*='wrap-box']{padding:20px 15px;}
	[class*='wrap-box'] .quick-list{flex-wrap:wrap;justify-content:flex-start;width:100%;}
	[class*='wrap-box'] .quick-list li{width:calc((100% / 3) - 1px);margin-top:30px;}
	[class*='wrap-box'] .quick-list a{display:flex;align-items:center;text-align:left;}
	[class*='wrap-box'] .quick-list i{width:calc(100% - 75px);}
	[class*='wrap-box'] .quick-icon{width:60px;height:60px;margin:0 15px 0 0;}
	[class*='wrap-box'] .quick-icon img{width:35px;height:auto;}

	.wrap-box-budget .l-box{width:450px;}
	.wrap-box-budget [class*='link-list'] li{width:100%;height:calc(25% - 5px);}

	[class*='wrap-box'] .quick-list.ver-01 li{width:50%;}
	.wrap-box-safty .r-box, .wrap-box-traffic .r-box{width:280px;}

	.wrap-box-welfare .r-box{width:240px;}
	.wrap-box-welfare .find-missing i{font-size:16px !important;}
	.wrap-box-welfare .link-list{margin-bottom:10px;}
	.wrap-box-welfare .quick-icon{width:45px;height:45px;}
	.wrap-box-welfare .b-box .quick-link{margin-right:10px;}
	.wrap-box-welfare .b-box .quick-link i{font-size:16px;}
	.wrap-box-welfare .b-box .link-list-type01{margin-top:0;}
	.wrap-box-welfare .b-box .link-list-type01 li{width:100%;height:50px;margin-top:10px;}
	.wrap-box-welfare .quick-icon{margin:0 auto 10px;}
	.wrap-box-welfare .link-list li:nth-child(1), .wrap-box-welfare .link-list li:nth-child(2){width:calc(50% - 5px);}
	.wrap-box-welfare .b-box .quick-link .quick-icon{margin-bottom:5px;}

	.wrap-box-education .r-box{width:270px;}
	.wrap-box-education .link-list{flex-direction:column;}
	.wrap-box-education .link-list li,.wrap-box-education .link-list li:nth-child(4){width:calc(100% - 125px);height:calc((100% / 3) - 10px);margin-right:10px;}
	.wrap-box-education .link-list li:nth-child(3),.wrap-box-education .link-list li:nth-child(5){width:120px;height:calc(50% - 5px);}
	.wrap-box-education .link-list li:nth-child(3), .wrap-box-education .link-list li:nth-child(4), .wrap-box-education .link-list li:nth-child(5){margin:0;}
	.wrap-box-education .link-list li:nth-child(1){order:1;}
	.wrap-box-education .link-list li:nth-child(2){order:2;}
	.wrap-box-education .link-list li:nth-child(3){order:4;}
	.wrap-box-education .link-list li:nth-child(4){order:3;}
	.wrap-box-education .link-list li:nth-child(5){order:5;}
	.wrap-box-education .link-list li img{width:100%;}

	.wrap-box-science .link-list li{width:100%;height:calc(25% - 5px);margin:0;}

	.wrap-box-wedding .cont-02{width:150px;}
}
/** 1024px 이상 **/

/** 920px 이상 **/
@media screen and (max-width:920px){
	.wrap-visual .main_visual_wrap{width:500px;}

	/** 분야별서비스 컨텐츠 **/
	[class*='wrap-box'] .quick-list li{width:50%;margin-top:15px;}
	[class*='wrap-box'] .quick-icon img{width:30px;height:auto;}

	[class*='wrap-box'] .quick-list.ver-01 a{flex-direction:column;text-align:center;}
	[class*='wrap-box'] .quick-list.ver-01 i{width:auto;}
	[class*='wrap-box'] .quick-list.ver-01 .quick-icon{margin:0 auto 15px;}
	[class*='wrap-box'] .field-list.ver-01 li:nth-last-child(2){border-bottom:1px dotted #c7c7c7;}

	.wrap-box-welfare .cont-02,.wrap-box-economy .cont-02,.wrap-box-culture .cont-02{flex:1;}
	.wrap-box-welfare .field-list.ver-01,.wrap-box-economy .field-list.ver-01,.wrap-box-culture .field-list.ver-01{overflow-y:auto;flex-direction:row;height:210px;padding:0 10px 10px 0;}
	.wrap-box-welfare .field-list.ver-01 li,.wrap-box-economy .field-list.ver-01 li,.wrap-box-culture .field-list.ver-01 li{width:100%;}

	/** 알림전체보기 팝업 **/
	.notice-tab:before{top:55px;}
	.notice-tab:after{height:40px;}
	.notice-tab .img-list li{width:50%;}
	.notice-tab .img-list.notice-news li{width:calc(100% / 3);}
	.notice-tab > li .tab-tit{width:200px;height:55px;font-size:20px;}
	.notice-tab > li:nth-child(2) .tab-tit{left:200px;}
	.notice-tab > li .tab-cont{top:55px;padding:20px 18px 40px; height:550px;}
	.notice-tab > li .tab-cont strong{font-size:18px;}
	.notice-tab > li .tab-cont strong b{font-size:24px;}
	.wrap-modal .modal-body .close{top:11px;right:15px;}
}
/** 920px 이상 **/

/** 820px 이상 **/
@media screen and (max-width:820px){
	/** 전체검색 **/
	.recom-list li{margin-left:20px;}

	/** 메인슬라이드 **/
	.wrap-visual{flex-direction:column;}
	.wrap-visual .swiper-box{width:100%;margin-bottom:30px;border-radius:15px;}
	.wrap-visual .swiper-slide a{border-radius:15px;}

	/** 시장소개 **/
	.wrap-mayor{flex:1 0 auto;margin:0;}
	.wrap-mayor:before{bottom:-35px;}
	.wrap-mayor:after{top:0;right:auto;left:57%;}
	.wrap-mayor .mayor-img{right:0;left:auto;width:219px;height:235px;}

	/** 대전시 소통 **/
	.section-04{flex-direction:column;}
	.section-04:before{content:none;}
	.wrap-commu{flex:1 0 auto;margin:0;}
	.wrap-commu:before{content:'';position:absolute;top:0;left:50%;width:100vw;height:100%;transform:translateX(-50%);background:#f3f4f5;z-index:-1;}
	.wrap-commu .wrap-tit{text-align:center;}
	.commu-sns{justify-content:center}
	.commu-controls{display:none;}
	.wrap-monthly{width:100%;}
	.monthly-body{padding-bottom:45px;}

	/** 분야별서비스 컨텐츠 **/
	[class*='wrap-box']{height:auto;}
	[class*='wrap-box'] .wrap-cont{padding:15px;}
	[class*='wrap-box'] [class*='link-list'] a i{font-size:16px;}

	.wrap-box-education{flex-direction:column;}
	.wrap-box-education .wrap-cont{width:calc(50% - 5px);}
	.wrap-box-education .r-box{width:100%;margin:15px 0 0;}
	.wrap-box-education .link-list{flex-direction:row;}
	.wrap-box-education .link-list li{order:0 !important;height:65px;margin:0;}
	.wrap-box-education .link-list li:nth-child(1),.wrap-box-education .link-list li:nth-child(2){width:calc(50% - 5px);margin-bottom:10px;}
	.wrap-box-education .link-list li:nth-child(3),.wrap-box-education .link-list li:nth-child(4),.wrap-box-education .link-list li:nth-child(5){width:calc(33.3% - 5px);height:auto;}
	.wrap-box-education .link-list li img{width:auto;}

	.wrap-box-science .link-list li{height:65px;}
	.wrap-box-science .link-list li+li{margin-top:15px;}
	
	.wrap-box-wedding{flex-direction:column;}
	.wrap-box-wedding .cont-01{margin-left:10px;}
	.wrap-box-wedding .r-box{width:100%; margin:15px 0 0;}
	.wrap-box-wedding .link-list-type01 li{width:calc(50% - 5px);}
	.wrap-box-wedding .link-list-type01 li a{height:50px; padding:10px;}
	.wrap-box-wedding .link-list-type01 li:nth-child(1),.wrap-box-wedding .link-list-type01 li:nth-child(2){margin-bottom:10px;}

	/** 대전시 소통 **/
	.monthly-body:after{content:'';position:absolute;bottom:0;left:50%;width:100vw;height:220px;border-bottom:1px solid #eaeaee;transform:translateX(-50%);background:#f3f4f5;z-index:-1;}
	.monthly-menu li a{padding:10px 18px;}

	/** 배너모음 **/
	.wrap-site{flex-direction:column;}
	.site-head{width:100%;margin:0 0 15px;}
	.site-body{flex:1 0 auto;width:100%;}
}
/** 820px 이상 **/

/** 767px 이상 **/
@media screen and (max-width:767px){
	.wrap-tit{margin-bottom:20px;}
	.wrap-tit .tit{margin-right:5px;}

	/** 전체검색 **/
	.srh-total{width:100%;}
	.srch-recom{justify-content:flex-start;}
	.srch-recom strong:before{top:4px;}
	.recom-list{flex:1;}
	
	/** 메인슬라이드 **/
	.wrap-visual .swiper-navi{width:135px;height:45px;padding:0 25px 0 30px;}
	.wrap-visual .swiper-btn .swiper-prev,.wrap-visual .swiper-btn .swiper-next{display:none;}
	.wrap-visual .swiper-btn .swiper-alam{margin-left:15px;}

	/** 뉴스 슬라이드 **/
	.wrap-news .tab-menu > li .tab-tit{font-size:16px;}
	[class*='news-slide'] li{width:200px !important;margin-right:20px !important;}
	[class*='news-slide'] li .cont-tit{padding:20px;}
	[class*='news-slide'] li .cont-tit strong{font-size:17px;}
	[class*='news-slide'] li .date{left:20px;}

	/** 주요서비스 **/
	.section-02 .wrap-tit{text-align:center;}
	.wrap-service{flex-direction:column;}
	.service-list{margin-bottom:8px;}
	.service-list.active{display:flex;justify-content:center;}
	.service-list li{margin:0 10px 15px !important;}
	.service-list li a i, .service-btn i{font-size:15px;}
	.service-btn{position:relative;top:0;right:0;margin:0 auto;}

	/** 분야별 서비스 **/
	.wrap-fservice .wrap-tit{text-align:center;}
	.wrap-fservice .wrap-tit *.tit{display:block;margin:0 0 5px;}
	.field-head{padding:0 20px 0 15px;}
	.field-head:after{right:20px;}
	.field-tab .tab-list li a{padding:0 10px;font-size:17px;}
	.wrap-fservice:before{content:''; display:block; position:absolute; width:80px; height:70px; top:9px; left:30px; background-image:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.qnrwrba.tb.xe%2Svzntrf%2Sqeu%2Synlbhg%2Sznva%2Ssvryq_qernz01.cat');}
	.wrap-fservice:after{width:75px; top:9px; background-image:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.qnrwrba.tb.xe%2Svzntrf%2Sqeu%2Synlbhg%2Sznva%2Ssvryq_qernz02.cat');}

	/** 분야별서비스 컨텐츠 **/
	[class*='wrap-box']{flex-direction:column;padding:15px;}
	[class*='wrap-box'] .l-box{flex:inherit;width:100%;}
	[class*='wrap-box'] .r-box{width:100%;margin:15px 0 0;}
	[class*='wrap-box'] [class*='link-list'] a{padding:12px 20px;}
	[class*='wrap-box'] .quick-list li{width:calc((100% / 3) - 1px);margin-top:15px;}
	[class*='wrap-box'] .cont-02{margin-left:15px;}
	[class*='wrap-box'] [class*='banner'] i{padding:0 40px 0 0;}
	[class*='wrap-box'] [class*='banner'] i:after{top:50%;left:auto;right:0;transform:translate(0,-50%);}

	.wrap-box-budget .l-box{width:100%;}
	.wrap-box-budget .r-box{margin:0;}
	.wrap-box-budget .wrap-cont{width:calc(50% - 5px);}
	.wrap-box-budget [class*='link-list'] li{width:calc(50% - 5px);height:auto;margin-top:10px;}

	.wrap-box-city .city-banner{padding:20px 10px;background-image:none;}
	[class*='wrap-box'] .quick-list.ver-01 li{width:25%;}
	.wrap-box-safty [class*='link-list'] li, .wrap-box-traffic [class*='link-list'] li{width:calc(50% - 10px);height:auto;}
	[class*='wrap-box'] .link-list-type01 li a, [class*='wrap-box'] .link-list-type02 li a{height:75px;padding:10px;}

	.wrap-box-envi .envi-banner{width:100%;height:auto;padding:20px 10px;text-align:center;}
	.wrap-box-envi .link-list{width:100%;height:auto;}
	.wrap-box-envi .link-list li{width:calc(50% - 7px);height:100%;}

	.wrap-box-welfare .field-list.ver-01,.wrap-box-economy .field-list.ver-01,.wrap-box-culture .field-list.ver-01{height:auto;padding:0;}
	.wrap-box-welfare .b-box .link-list-type01 li{width:calc(50% - 5px);}
	.wrap-box-welfare .b-box .link-list-type01 a{height:100% !important;}
	.wrap-box-welfare .b-box .quick-link i{height:auto;}

	.wrap-box-economy .cont-02{margin:0 10px 0 0;}
	.wrap-box-economy .r-box{margin:0;}
	.wrap-box-economy .link-list-type01 li{width:calc(50% - 5px);height:auto;margin-top:10px;}

	.wrap-box-culture .r-box [class*='banner']{padding:20px 10px;background-image:none;}
	.wrap-box-culture .r-box [class*='banner']+[class*='banner']{margin-top:15px;}

	.wrap-box-tour .link-list-type01 li{width:100%; margin-top:10px; height:auto;}
	.wrap-box-tour .link-list-type01 .daejeontour{padding:0;}

	.wrap-box-adm .r-box{margin:0;}
	.wrap-box-adm .link-list li{width:calc(50% - 5px);height:auto;margin-top:15px;}
	.wrap-box-adm .link-list .mayor{height:100px;}

	.wrap-box-science .link-list li+li{margin-top:15px;}
	.wrap-box-science .science-banner{padding:20px 10px;background-image:none;}

	.wrap-box-wedding .cont-02{margin-left:0;}

	/** 대전시 소통 **/
	.wrap-commu .wrap-tit{text-align:center;}
	.commu-sns{justify-content:center;}

	/** story대전 & 알림창 **/
	.wrap-notice .swiper-navi :is(.swiper-next,.swiper-prev){display:none;}

	/** 배너모음 **/
	.site-head .bx-controls-direction{width:auto;}
	.site-head .bx-controls-direction .bx-prev,.site-head .bx-controls-direction .bx-next{display:none;}
	.site-head .bx-controls-direction .bx-play{width:40px;height:40px;border-radius:50%;box-shadow:0px 0px 13px 0px rgba(0,0,0,.1);background-color:#fff;background-position:right 14px center;background-size:auto;}
	.site-body .bxslider_banner li{width:150px !important;margin-right:8px !important;}
}
/** 767px 이상 **/

/** 680px 이상 **/
@media screen and (max-width:680px){
	.broadcast-body,.wrap-notice .swiper-slide{height:258px;}

	/** 분야별서비스 컨텐츠 **/
	.wrap-box-wedding, .wrap-box-wedding .l-box{flex-direction:column;}
	.wrap-box-wedding .cont-01,.wrap-box-wedding .cont-02{width:100%; flex:1 0 auto; margin:0 0 10px 0;}
	.wrap-box-wedding .field-list.ver-01{height:auto; padding:0;}
	.wrap-box-wedding .r-box{margin:0;}
	.wrap-box-wedding .field-list,.wrap-box-wedding .field-list.ver-01{display: flex; flex-wrap: wrap; justify-content: space-between; align-content: space-between;}
	.wrap-box-wedding .field-list li,.wrap-box-wedding .field-list.ver-01 li{width:calc(50% - 10px);}
	.wrap-box-wedding .field-list li:nth-last-child(2),.wrap-box-wedding .field-list.ver-01 li:nth-last-child(2){border-bottom:none;}
}
/** 680px 이상 **/

/** 620px 이상 **/
@media screen and (max-width:620px){
	/** 메인슬라이드 **/
	.wrap-visual .swiper-box .swiper-slide{height:75vw;}

	/** 뉴스 슬라이드 **/
	.wrap-news .tab-cont:after{width:30px;}
	.wrap-news .tab-menu{width:100%;padding-bottom:10px; padding-right:40px;}
	.wrap-news .tab-menu:after{content:'';position:absolute;top:30px;right:0;width:50px;height:30px;background:linear-gradient(90deg, rgba(0,0,0,0) 0%, rgb(243 244 245) 100%);}
	.wrap-news .tab-menu > li+li > a{margin-left:25px;}
	.wrap-news .tab-menu > li+li > a:before{left:-14px;}
	.wrap-news .tab-button{top:auto;left:50%;bottom:-38px;right:auto;width:40px;height:40px;transform:translateX(-50%);}
	.wrap-news .tab-button .slide-control{display:none;}
	.wrap-news .tab-button .more-button{background-color:#f3f4f5;}

	/** 분야별서비스 컨텐츠 **/
	[class*='wrap-box'] .quick-list li,[class*='wrap-box'] .quick-list.ver-01 li{width:50%;}
	[class*='wrap-box'] [class*='link-list'] li+li{margin-top:10px;}
	[class*='wrap-box'] [class*='link-list'] a .logo-pc{display:none;}
	[class*='wrap-box'] [class*='link-list'] a .logo-mo{display:block;}
	
	.wrap-box-safty [class*='link-list'] li, .wrap-box-traffic [class*='link-list'] li{width:100%;height:auto;}
	.wrap-box-tour .link-list-type01 li{width:100%;}

	.wrap-box-envi .link-list{width:100%;}
	.wrap-box-envi .link-list li{width:100%;height:75px;}
	.wrap-box-envi .envi-banner{margin-top:10px;}

	.wrap-box-tour .link-list-type01 .tour-banner{justify-content:center;}

	.wrap-box-education .link-list li{width:100% !important;margin:10px 0 0 !important;}

	.wrap-box-welfare .link-list li:nth-child(2){margin-top:0;}
	
	.wrap-fservice:before,.wrap-fservice:after{background-size:100%; height:50px; top:29px;}
	.wrap-fservice:before{width:57px; left:20px;}
	.wrap-fservice:after{width:54px; right:20px;}

	.wrap-box-wedding .link-list-type01 li{margin-top:0 !important;}

	/** 알림전체보기 팝업 **/
	.notice-tab > li .tab-tit{width:120px;}
	.notice-tab > li:nth-child(2) .tab-tit{left:120px;}
	.notice-tab .img-list{margin-left:0;}
	.notice-tab .img-list li{width:100%;}
	.notice-tab .img-list.notice-news li{width:50%;}
	.notice-tab .img-list a{margin:0;}
	.notice-tab .img-list.notice-news{margin-left:-23px;}
	.notice-tab .img-list.notice-news a{margin-left:23px;}
	.notice-tab .img-list.main-news .wrap-img img{height:auto;}
}
/** 620px 이상 **/

/** 550px 이상 **/
@media screen and (max-width:550px){
	/** 뉴스 슬라이드 **/
	.wrap-news .tab-menu > li .tab-tit{padding-bottom:4px;}

	/** story대전 & 알림창 **/
	.wrap-story{margin-bottom:40px;}
	.story-body{flex-direction:column;}
	.story-cont{width:100%;}
	.story-cont+.story-cont{margin-top:20px;}
	.story-cont .story-tit{height:auto;padding:15px;}
	.wrap-broadcast,.wrap-notice{width:100%;}
	.wrap-broadcast{margin-bottom:30px;}
	.broadcast-cont .wrap-cont{padding:15px 15px 0;}

	/** 대전시 소통 **/
	.commu-cont:after{width:60px;}
	.commu-cont li a .cont-img{height:263px;}
	.commu-cont li a strong{font-size:16px; height:auto;}

	/** 분야별서비스 컨텐츠 **/
	[class*='wrap-box'] .field-list a{font-size:14px;}
}
/** 550px 이상 **/

/** 520px 이상 **/
@media screen and (max-width:520px){
	/** 분야별서비스 컨텐츠 **/
	[class*='wrap-box'] .cont-01,[class*='wrap-box'] .cont-02{flex:1 0 auto;width:100%;}
	[class*='wrap-box'] .cont-02{margin:15px 0 0 0;}

	.wrap-box-welfare .l-box,.wrap-box-economy .l-box,.wrap-box-culture .l-box,.wrap-box-education .l-box{flex-direction:column;}
	.wrap-box-economy .cont-02{margin:0 0 10px 0;}
	.wrap-box-economy .link-list-type01 li,.wrap-box-education .wrap-cont{width:100%;}
	.wrap-box-education .wrap-cont+.wrap-cont{margin-top:10px;}
	.wrap-box-wedding .cont-02{margin:0 0 10px 0;}
}
/** 520px 이상 **/

/** 480px 이상 **/
@media screen and (max-width:480px){
    .wrap-srh{margin-bottom:30px;}
	.wrap-main .wrap-content{padding:0 16px;}

	/** 시장소개 **/
	.wrap-mayor .mayor-img{width:200px;height:214px;}
	.mayor-cont ul{width:160px;}

	/** 분야별서비스 컨텐츠 **/
	.wrap-box-budget .l-box{flex-direction:column;}
	.wrap-box-budget .wrap-cont{width:100%;}
	.wrap-box-budget .wrap-cont+.wrap-cont{margin-top:10px;}
	.wrap-box-budget [class*='link-list'] li{width:100%;}

	.wrap-box-adm .link-list li{width:100%;}
	.wrap-box-adm .link-list .mayor{height:auto;}
	.wrap-box-adm .link-list .mayor a{padding:12px 20px 12px 180px;background-size:auto 65px;background-position:left 0;}

	.notice-tab .img-list.notice-news li{width:100%;}
	.notice-tab .img-list.notice-news{margin-left:0;}
	.notice-tab .img-list.notice-news a{margin-left:0;}
	.notice-tab .img-list.notice-news .wrap-img img{height:auto;}

	.wrap-fservice:before,.wrap-fservice:after{display:none;}
	
	/** 대전시 소통 **/
	.monthly-menu{flex-wrap:wrap;width:225px;margin:0 auto;}
	.monthly-menu li+li{margin:10px 0 0 0;}
	.monthly-menu li,.monthly-menu li a{width:100%;text-align:center;}

	/** story대전 & 알림창 **/
	.commu-sns li+li{margin-left:5px;}
	.commu-cont .commu-slide{height:320px;}
	.commu-cont li{width:200px !important;margin-right:15px !important;}
	.commu-cont li a .cont-img{height:218px;}
}
/** 480px 이상 **/

/** 414px 이상 **/
@media screen and (max-width:414px){
	/** 분야별서비스 컨텐츠 **/
	.wrap-box-wedding .field-list.ver-01 li{width:100%;}
	.wrap-box-wedding .field-list.ver-01 li:nth-last-child(2){border-bottom:1px dotted #c7c7c7;}
}
/** 414px 이상 **/

/** 400px 이상 **/
@media screen and (max-width:400px){
	/** 전체검색 **/
	.srch-recom{flex-direction:column;}
	.srch-recom strong{margin-bottom:5px;}
	.recom-list{margin-left:-20px;}
	
	/** 메인슬라이드 **/
	.wrap-visual .swiper-navi{width:110px;height:35px;padding:0 15px;}

	/** 시장소개 **/
	.wrap-mayor{padding:0;}
	.wrap-mayor:before{bottom:10px;left:-25px;}
	.wrap-mayor:after{top:50px;right:20px;left:auto;}
	.mayor-top img,.mayor-cont ul{margin:0 auto;}
	.mayor-cont .cont-txt{margin:15px auto;text-align:center;}
	.mayor-cont ul{display:flex;align-items:center;margin-bottom:25px;}
	.mayor-cont ul{width:auto;justify-content:center;}
	.mayor-cont ul li{width:150px;}
	.mayor-cont ul li+li{margin:0 0 0 8px;}
	.wrap-mayor .mayor-img{position:relative;margin:0 auto;}

	/** 주요서비스 **/
	.section-02 .wrap-tit{text-align:center;}
	.service-btn{margin:0 auto;}

	/** 분야별서비스 컨텐츠 **/
	[class*='wrap-box']{padding:10px;}
	[class*='wrap-box'] [class*='link-list'] a{padding:12px;}
	[class*='wrap-box'] .quick-list li,
	[class*='wrap-box'] .quick-list.ver-01 li{width:100%;}
	[class*='wrap-box'] .quick-list.ver-01 a{flex-direction:row;}
	[class*='wrap-box'] .quick-list.ver-01 .quick-icon{margin:0 15px 0 0;}

	.wrap-box-tour .link-list-type01 .tour-banner{background-image:none;}
	.wrap-box-welfare .b-box .quick-link i{font-size:15px;}

	.wrap-box-envi .envi-banner i,
	.wrap-box-science .science-banner i,
	.wrap-box-culture .r-box [class*='banner'] i{font-size:16px;}
	.wrap-box-adm .link-list .mayor a{padding:12px 12px 12px 145px;background-size:120px auto;background-position:15px center;}

	/** story대전 & 알림창 **/
	.broadcast-body, .notice-body{padding:0;background:none;}
	.wrap-broadcast .broadcast-cont,.notice-cont .bx-wrapper{max-width:100% !important;}
	.notice-cont .bx-viewport li{width:100% !important;}
}
/** 400px 이상 **/

/** 350px 이상 **/
@media screen and (max-width:350px){
	/** 전체검색 **/
	.wrap-dream{margin-top:70px; width:auto; text-align:center;}
	.wrap-dream img{max-width:90%;}

	/** 시장소개 **/
	.mayor-cont ul{flex-direction:column;}
	.mayor-cont ul li+li{margin:8px 0 0 0;}

	/** 대전시 소통 **/
	.wrap-monthly .wrap-tit{flex-direction:column;}
	.wrap-monthly .tag-num{display:inline-block;width:auto;height:auto;margin-top:10px;padding:3px 10px;border-radius:35px;}
	.wrap-monthly .tag-num i{display:inline-block;}

	/** 분야별서비스 컨텐츠 **/
	.wrap-box-safty [class*='link-list'] a img,.wrap-box-traffic [class*='link-list'] a img,.wrap-box-science [class*='link-list'] a img{width:90%;}
	.wrap-box-welfare .find-missing i{padding-left:0;}
	.wrap-box-welfare .find-missing i:before{content:none;}
	.wrap-box-welfare .b-box .link-list-type01 li{width:100%;}
	.wrap-box-culture .quick-link{width:100%;height:calc(50% - 5px);}
	.wrap-box-culture .quick-link+.quick-link{margin-top:15px;}

	/** 알림전체보기 팝업 **/
	.notice-tab:after{height:15px;}
	.notice-tab > li .tab-tit{width:100px;font-size:18px;}
	.notice-tab > li:nth-child(2) .tab-tit{left:100px;}
	.notice-tab > li .tab-cont{padding:15px;}
	.notice-tab > li .tab-cont strong{font-size:16px;}
	.notice-tab > li .tab-cont strong b{font-size:22px;}
	.wrap-modal .modal-body .close{right:10px;}
}
/** 350px 이상 **/

/** 330px 이상 **/
@media screen and (max-width:330px){
	.wrap-box-adm .link-list .mayor a{padding:40px 12px 12px 12px;background-position:top 10px left 12px;}
}
/** 330px 이상 **/