@charset "utf-8";
.guide-wrap{}
.ht41{height: 41px !important;}
.center-inline{display: inline-block; vertical-align: middle;}
.submoit-btn{width:60px; height: 41px; border: none; cursor: pointer;}
/*행정구역지도*/
.con_box{width:100%; padding: 40px 20px ; border:solid 1px #bbb; overflow: hidden; position: relative; box-sizing: border-box;}
.map-left{padding:0 0 0 150px;}
.map-ps-ab{position: absolute; top:14px; right:120px;}
.map-ps-ab-mb{display: none;}
.txt-ps-ab{position: absolute; bottom:20px; right:20px;}

/*긴급재난지원금 신청*/
.Emer-write-tit{font-family: 'SCDream4'; font-size:35px; text-align: right; color:#111111; line-height: 130%;}
.Emer-write-tit span{ font-size:18px; color:#d50000; display:block; padding: 10px 10px 0 0; text-align: right; line-height: 120%;}

.contents .tb-box{border:solid 1px #d1d1d1; border-top:solid 2px #333353; padding: 25px; font-family: 'Noto Sans KR','Malgun Gothic',sans-serif;}
.contents .tb-box .ft-txt{font-size:16px; color:#555555; }
.contents .tb-box .join-bx{padding: 10px 0 0 0;}
.contents .tb-box .join-bx .txt{ display: inline-block; vertical-align: middle; font-size:16px; color:#ff0000 !important;}


.contents .bottom-gray-bx{ background: #7a7a7a; color: #fff; text-align: center; padding: 20px 10px; font-size:16px; margin:30px 0 0 0;}
.big-btn{background: #fcc741; width:280px;  padding: 10px 0; color:#000000; text-align: center; display: block; font-size:18px; border-radius: 10px; font-weight: bold; margin: 0 auto;}
.flex-wrap{display: flex; justify-content: center;}

.submit-btn{ width: 100px; padding: 10px 0 10px 0; background: #393d7c; color: #fff; text-align: center; border: none; cursor: pointer; font-size: 16px;}
.p-auto{display: block; width:430px; margin: 0 auto;}
span.c-red{color: #e30000;}
a.search-btn{display: inline-block; background:url("/images/Potal_/content/search-icon02.png") no-repeat #0b56a2; width: 100px; color: #fff;  background-position: 7px 8px; padding: 7px 0 9px 35px;}
span.impor-txt{font-size:16px; font-weight: bold; padding:10px 0 0 60px; color: #e30000; display: inline-block;}
.impor-list{position: relative; font-size: 17px; padding:10px 0 10px 20px; text-align: left; border-bottom:solid 1px #b1b1b1;}
.impor-list:before{content: "※"; position: absolute; top:10px; left:0;}

.type-th-c{background: #ff0000; color: #fff !important; border:solid 1px #ff0000 !important;}
.type-td-c{background: #f2faff !important; padding: 25px !important; border:solid 1px #ff0000 !important;}
.type-td-c-top{background: #f2faff !important; padding: 15px !important; border:solid 1px #ff0000 !important;}


/*연혁*/
.sub-his-bn{width:100%; height:268px; background: url("/images/Potal_/content/history-t-bn.jpg") no-repeat; padding: 20px; box-sizing: border-box; }
.sub-his-bn .sub-his-bnwrap{ border:solid 1px #89868f; height: 100%; padding: 0px 0 0 408px;}
.sub-his-bn .sub-his-bnwrap .his-tit{font-size:24px; padding: 60px 0px 10px 400px; color:#fff;}
.sub-his-bn .sub-his-bnwrap .his-tit span{color:#ffd06b;}
.sub-his-bn .sub-his-bnwrap p{color:#fff; font-size:15px; line-height: 150%; padding-left:400px}
.his-tab{width:100%; overflow: hidden; box-sizing: border-box;}
ul.tabs {display: flex;  justify-content: space-between;  width: 100%;}
ul.tabs li {float: left;  text-align:center;  cursor: pointer;  font-weight: bold;  position: relative;  font-size:26px;  font-family: 'SCDream6';  padding: 0 20px;}
ul.tabs li.active:before{content: ""; width:17px; height: 10px; background: url("/images/Potal_/content/his-dwn-act.png") no-repeat; position: absolute; bottom:-27px; left:50%; transform: translate(-50%, -50%);}
ul.tabs li:after{content: ""; width:118px; height: 1px; background: #d7d7d7; position: absolute; top:50%; right:-142px; display: inline-block;}
ul.tabs li:last-child:after{content: none;}
ul.tabs li.active {background: #FFFFFF;  color:#e22a29;}
.tab_container {clear: both;  float: left;  width: 100%;  background: #FFFFFF;}
.tab_content {padding: 50px 0 0 30px; display: none;}
.tab_content .his-txtwrap li{width:100%; padding-bottom: 15px; }
.tab_content .his-txtwrap li span.tit{width:130px; display:inline-block; font-family: 'SCDream6'; font-size: 16px; color:#333333;}
.tab_content .his-txtwrap li span:last-child{display: inline-block; width: 65%; vertical-align: middle;}

/*찾아오시는 길*/
.bd-box{border:solid 1px #d7d7d7; padding: 30px; background-color:#f7f7f7;}
.bd-box span{font-size:20px; color:#595959; position: relative;}
.bd-box span:before{content: ""; width:20px; height: 28px; background: url("/images/Potal_/content/lct-ico.png")no-repeat; position: absolute; top:0; left:-26px; display: block;}
.location-txt-wrap{width: 100%; border-top:solid 2px #333; padding: 20px 10px; box-sizing:border-box;}
.location-txt-wrap li{width: 100%; border-bottom:dashed 1px #d1d1d1; padding-bottom: 20px;}
.location-txt-wrap li h5.tit{font-size:18px; color:#373777; padding:20px 0 20px 15px; position: relative;}
.location-txt-wrap li h5.tit:before{content: ""; width: 12px; height: 3px; background: #333353; position: absolute; top:30px; left:-5px;}
.location-txt-wrap li ul.sub-list{}
.location-txt-wrap li ul.sub-list li{padding-bottom: 30px; border-bottom:none;}
.location-txt-wrap li ul.sub-list li dl{position: relative; padding: 0 0 0 80px;}
.location-txt-wrap li ul.sub-list li dl:before{content: ""; width:64px; height: 64px; background: url("/images/Potal_/content/bus-ico.png")no-repeat; position: absolute; top:0; left:0; display: block;}
.location-txt-wrap li ul.sub-list li:nth-child(2) dl:before{content: ""; background: url("/images/Potal_/content/subway-ico.png")no-repeat; }
.location-txt-wrap li ul.sub-list li dl dt{padding: 10px 0 5px 0; font-size:16px; color: #373789; font-weight: bold;}
.location-txt-wrap li ul.sub-list li dl dd{ font-size:16px; color: #333; font-family:'Noto Sans KR Light','Malgun Gothic',sans-serif; }



/*청사안내*/
.guchung-box{width:800px; position: absolute; bottom:-46px; left:50%; transform: translate(-50%, -50%); background: #f1f8ff; opacity: 0.8; padding: 20px 10px 20px 10px; box-sizing: border-box;}
.guchung-box span{display: block; text-align: center;}
.guchung-box span.tit{font-size:24px; color:#4d5bbc; font-weight:600; }
.guchung-box span.txt{font-size:18px; color:#555555; padding: 10px 0 0 0;}
a.f_black{color:#0566D1;}
span.f_red{color:#E80005;}

/*직원안내*/
.top-search-box{ background: #f7f8fc; border:solid 1px #d6d6dd;padding: 20px;}

/*옛모습과 현재모습*/
.old-fsh-box{display: flex; justify-content: space-between; overflow: hidden;}
.old-fsh-box li{width:45%; }
.old-fsh-box li p{position: relative;}
.old-fsh-box li:first-child{overflow: hidden;}
.old-fsh-box li:last-child p.p-wrap:before{content: ""; width:49px; height: 46px; background: url("/images/Potal_/content/r-arrorw.png"); display: inline-block; position: absolute; top:40%; left:-16%;}
.old-fsh-box li img{width:100%;}
.old-fsh-box li .txt-box{width:100%; position: absolute; bottom:0; left: 0; background: #34302f; opacity: 0.8; padding: 15px 0px;}
.old-fsh-box li .txt-box .tit{display: block; text-align: center; color:#fff; font-size:16px;}
.old-fsh-box li .bt-txt{width:100%; padding: 20px 10px; background: #f7f7f7; box-sizing: border-box; }

/*부서안내*/
.dpMember{width:100%;  margin:0 auto;}
.dpMember .dpTeam{width:80%; margin:0 auto; padding-bottom:35px; position: relative;text-align: center;}
.dpMember .dpTeam.dpTeam2 > p{background-color:#44449a}
.dpMember .dpTeam:before{content: ""; display: block; width:1px; height:70%; background-color:#d1d1d1; position: absolute; bottom:0; left:50%; z-index: -1;}
.dpMember .dpTeam:not(.dpTeam1):after{content: ""; display: block; width:100%; height:1px; background-color:#d1d1d1; position: absolute; bottom:0; left:0;}
.dpMember .dpTeam > p{display: inline-block; background-color:#333333; color:#fff; padding:7px 30px; font-size:16px;}
.dpMember > ul {width:100%; display:flex; margin:0 auto}
.dpMember > ul > li {display: inline-block; text-align: center; position: relative; padding-top:35px; }
.dpMember > ul > li:before {position:absolute; content: ''; display: block; width:1px; height:70%; background-color:#d1d1d1;  top:0; left:50%; z-index: -1; }
.dpMember > ul > li > p{ display:inline-block; background-color:#169faf; color:#fff; padding:7px 30px; font-size:16px;}
.dpMember.dpTeam1 .dpTeam:after {display: none;}
.dpMember.dpTeam2 {width:320px;}
.dpMember.dpTeam2 .dpTeam{width:160px;}
.dpMember.dpTeam2 > ul > li{width:50%;}
.dpMember.dpTeam3 {width:500px;}
.dpMember.dpTeam3 .dpTeam{width:333px;}
.dpMember.dpTeam3 > ul > li{width:33.33%;}
.dpMember.dpTeam4 > ul > li {width:25%;}
.dpMember.dpTeam4 .dpTeam{width:75%;}
.dpMember.dpTeam5 > ul > li {width:20%;}
.dpMember.dpTeam5 > ul, .dpMember.dpTeam6 > ul{display: flex;}
.dpMember.dpTeam6 > ul > li {width:16.6666%;}
.dpMember.dpTeam6 .dpTeam{width:83%;}
.adms-wrap .left_1{text-align: left !important;}

/*예산서*/
.contin-flex{display:flex; justify-content:space-between;}
.txt-yeesan{padding:10px 0; display:block;}

/*부조리 신고*/
.bujori-img{position:absolute; top:40px; right:60px; max-width:100%;}

/*공개된 정보*/
.calinder-box{width:100%; background: #f7f7f7; float: left; position: relative; margin:20px 0 20px 0;}
.calinder-box .cal-tit{width:104px; background: #333353; color:#fff; text-align: center; padding: 20px 0 20px 0; font-family:'SCDream3'; font-size:18px; float: left; }
.calinder-box .left-wrap{display: flex;}
.calinder-box .left-wrap .btn-box{ margin: 0 0 0 30px; padding: 12px 0 0 0;}
.calinder-box .left-wrap .btn-box a{padding: 7px 20px 7px 20px; height: 20px; color:#111111; text-align: center; background: none; border: solid 1px #373789; display: inline-block; vertical-align: middle; margin-left:5px; background: #fff;}
.calinder-box .left-wrap .btn-box a:hover{background: #373789; color: #fff;}
.calinder-box .left-wrap .btn-box a.on{background: #373789; color: #fff;}
.calinder-box .left-wrap .input-box{float: left; padding: 12px 0 0 20px; position: relative; display:flex; width:35%;}
.calinder-box .left-wrap .input-box p{position: relative; display: inline-block;}
.calinder-box .left-wrap .input-box #calendarFrm{width: 100%; position: absolute; top:50px; left:21px; display: none; z-index: 20;}

.calinder-box .left-wrap .input-box #calendarFrm .calender{width:100%; height: 311px; padding:10px; background: #fff; box-sizing:border-box; box-shadow:0px 3px 1px #d1d1d2; }
.calinder-box .left-wrap .input-box #calendarFrm .calender .calender-wrap{ padding: 20px;}
.calinder-box .left-wrap .input-box #calendarFrm .calender .top{position:relative;}
.calinder-box .left-wrap .input-box #calendarFrm .calender .top h4{text-align:center; font-size:21px; padding: 0 0 20px 0px; font-weight:400; color:#111111; font-family: 'NotoKrL';}
.calinder-box .left-wrap .input-box #calendarFrm .calender .top h4 span{}
.calinder-box .left-wrap .input-box #calendarFrm .calender .top .btn a{position:absolute; top:3px; width:10px; height:18px; font-size:0; text-indent: -999em; background-repeat:no-repeat; background-position:0 0;}
.calinder-box .left-wrap .input-box #calendarFrm .calender .top .btn a.prev{background-image:url('/Busanjin_/Culture_/_Img/main/calendar-prev.jpg'); left:30px;}
.calinder-box .left-wrap .input-box #calendarFrm .calender .top .btn a.next{background-image:url('/Busanjin_/Culture_/_Img/main/calendar-next.jpg'); right:30px;}
.calinder-box .left-wrap .input-box #calendarFrm .calender table{width: 100%;border-spacing: 0; border-collapse: collapse; font-family: 'NotoKrL';}
.calinder-box .left-wrap .input-box #calendarFrm .calender thead th{ font-size:21px; font-weight: 500; color:#7e8da3;  padding:7px 5px; text-align: center; font-family: 'NotoKrL'; }
.calinder-box .left-wrap .input-box #calendarFrm .calender thead th.sun-red{color:#ff0000;}
.calinder-box .left-wrap .input-box #calendarFrm .calender tbody td{ text-align:center; font-size:21px;  padding:5px; position:relative; text-align: center;}
.calinder-box .left-wrap .input-box #calendarFrm .calender tbody td a{color: #555555; font-family: 'NotoKrL'; font-weight: 200;}
.calinder-box .left-wrap .input-box #calendarFrm .calender tbody td a.c-blue{background: #a6c0e3; border-radius: 30px; color: #fff; display: inline-block; width: 34px; height: auto; vertical-align: middle; padding: 7px 0 7px 0; }
.calinder-box .left-wrap .input-box #calendarFrm .calender tbody td a.c-red{background: #ef7f7f; border-radius: 30px; color: #fff; display: inline-block; width: 34px; height: auto; vertical-align: middle; padding: 7px 0 7px 0; }
.calinder-box .left-wrap .input-box #calendarFrm .calender tbody td a.c-yw{background: #f6ab3f; border-radius: 30px; color: #fff; display: inline-block; width: 34px; height: auto; vertical-align: middle; padding: 7px 0 7px 0; }
.calinder-box .left-wrap .input-box #calendarFrm .calender tbody td a.rain{top:5px; left:50%; margin-left:-20px; position:absolute; display:block; width:40px; height:40px; background:url('/2018/images/01.potal/program/06/icon-rain1.png'); font-size:0; text-indent: -999em; }
.calinder-box .left-wrap .input-box #calendarFrm .calender tbody td.sat{color:#2244c2}
.calinder-box .left-wrap .input-box #calendarFrm .calender tbody td.sun{color:#d40f14}
.calinder-box .left-wrap .input-box #calendarFrm .calender tbody td.today{background:#f1f1f1}
.mg-select{width: 15%;  margin:11px 0px 11px 16px; }
.mg-input{width:36%; margin:11px 0px 11px 16px;}
.and-txt{display: inline-block; padding: 6px 10px;}


/*상징물*/
.imginfo-list-new{}
.imginfo-list-new .list01{}/*수정*/
.imginfo-list-new .list01 .thead{border-bottom:1px solid #999999; background:#f1f4fa; overflow:hidden; display:flex; font-family:'Noto Sans KR','Malgun Gothic',sans-serif;}
.imginfo-list-new .list01 .thead .btxt{float:left; font-size:16px; color:#111; padding:12px 0px; line-height:120%; text-align:center; }
.imginfo-list-new .list01 .thead .btxt.img{width:245px;}
.imginfo-list-new .list01 .thead .btxt.info{flex:auto;}

.imginfo-list-new .list01 .items{}
.imginfo-list-new .list01 .items .item{position:relative; border:1px solid #d1d1d1; margin-bottom:40px; padding:20px 20px 20px 245px; min-height:135px;}/*수정*/
.imginfo-list-new .list01 .items .item:hover{background:#f2f7fb;}
.imginfo-list-new .list01 .items .item .img{position:absolute; top:20px; left:30px; width:180px; height:191px; overflow:hidden;}/*수정*/
.imginfo-list-new .list01 .items .item .img img{width:100%; height:auto;}
.ps-inline{position:absolute; top:-14px; left:409px;}


.calinder-box .left-wrap .input-box p input[type="text"]{width:100%;padding: 7px 20px;display: inline-block; height: 36px;cursor: pointer;background: url("/images/Potal_/content/calinder-ico.jpg") no-repeat;background-position: 100%;position: relative;/* z-index: 10; */}


.calinder-box .right-group{position: absolute; top:12px; right:20px;}
.calinder-box .right-group a{padding: 7px 20px 7px 20px; height: 20px; background: #373789; color: #fff; margin-right: 10px; display: inline-block; font-family: 'NotoKrL'; font-size: 14px;}
.calinder-box .right-group a.reset{background: #333333;}

/*비공개 세부기준*/
.openDiv01-04{width:100%; overflow: hidden;}
.openDiv01-04 ul.list-box-noopen{width:100%; overflow: hidden;}
.openDiv01-04 ul.list-box-noopen li{width:49.5%; display: inline-block; float: left; border-top:solid 1px #d1d1d1; border-left:solid 1px #d1d1d1;}
.openDiv01-04 ul.list-box-noopen li:nth-child(2n){ border-right:solid 1px #d1d1d1;  }
.openDiv01-04 ul.list-box-noopen li:nth-child(7){border-bottom:solid 1px #d1d1d1;}
.openDiv01-04 ul.list-box-noopen li:nth-child(8){border-bottom:solid 1px #d1d1d1;}
.openDiv01-04 ul.list-box-noopen li a{padding: 10px 10px; display: inline-block; position: relative; width: 100%; float: left; box-sizing: border-box;}
.openDiv01-04 ul.list-box-noopen li a:after{position:absolute;top:10px;right:30px;width:20px;height:20px;content:'';background:url('/images/Potal_/content/com_img.png') no-repeat -280px -336px;border:1px solid #b2b2b2}
.openDiv01-04 ul.list-box-noopen li a:hover{color:#fff;font-weight:bold;background:#373789;}

/*처리체계도*/
.Garbage-wrap{width:1250px; margin: 0 auto; position: relative; font-family: 'Noto Sans KR Light','Malgun Gothic',sans-serif;}
.box-top{position: relative; padding-left:200px;}
.box-top:before{content: "생활쓰레기"; color:#373789; font-size:16px; padding-top:50px; text-align: center; width:128px; height: 128px; background: url("/images/Potal_/content/rancle-bg.png") no-repeat; position: absolute; top:0; left:0; display: inline-block; transform: translate(20%, 32%);}

.box-top:after{content: ""; width:1px; height: 201px; background: #d1d1d1; position: absolute; top:20px; left:196px; display: inline-block;}

.box-top li{width:100%; padding-bottom: 30px;}
.box-top li > ul.common{display: flex; justify-content: space-around;}
.box-top li ul.one-line{}
.box-top li ul.one-line li{width:25%; position: relative;}
.box-top li ul.one-line li span{width:170px; color:#fff; background: #156b8f; display: block; text-align: center; padding:10px 0; margin:0 auto; position: relative;}
.box-top li ul.one-line li:first-child span:before{content: ""; width:50px; height: 1px; background: #d1d1d1; position: absolute; top:50%; left: -50px;}
.box-top li ul.one-line li span:after{content: ""; width:41px; height: 15px; background: url("/images/Potal_/content/right-arrorw.png") no-repeat; position: absolute; top:50%; right:-50%; display: inline-block; transform:translate(-42%, -50%); }
.box-top li ul.one-line li:last-child span:after{content: none;}



.box-top li ul.two-line{display: flex; justify-content: flex-start;}
.box-top li ul.two-line li{width:25%;}
.box-top li ul.two-line li span{width:170px; color:#fff; background: #d63b49; display: block; text-align: center; padding:10px 0; margin:0 auto; position: relative;}
.box-top li ul.two-line li:first-child span:before{content: ""; width:92px; height: 1px; background: #d1d1d1; position: absolute; top:50%; left: -92px;}
.box-top li ul.two-line li span:after{content: ""; width:41px; height: 15px; background: url("/images/Potal_/content/right-arrorw.png") no-repeat; position: absolute; top:50%; right:-50%; display: inline-block; transform:translate(-42%, -50%); }
.box-top li ul.two-line li:last-child span:after{content: none;}

.box-top li ul.three-line{display: flex; justify-content: flex-start;}
.box-top li ul.three-line li{width:25%;}
.box-top li ul.three-line li span{width:170px; color:#fff; background: #6666cc; display: block; text-align: center; padding:10px 0; margin:0 auto; position: relative;}
.box-top li ul.three-line li:first-child span:before{content: ""; width:50px; height: 1px; background: #d1d1d1; position: absolute; top:50%; left: -50px;}

/*bottom*/
.box-bottom{position: relative; padding-left: 356px; height: 230px;}
.box-bottom:before{content: ""; width:1px; height: 232px; background: #d1d1d1; position: absolute; top:0; left:332px; display: inline-block; transform: translate(0, -60px);}
.box-bottom li{width:100%; padding-bottom: 30px;}
.box-bottom li > ul.common{display: flex; justify-content: space-around;}
.box-bottom li ul.one-line{}
.box-bottom li ul.one-line li{width:25%; position: relative;}
.box-bottom li ul.one-line li span{width:170px; color:#fff; background: #6666cc; display: block; text-align: center; padding:10px 0; margin:0 auto; position: relative;}
.box-bottom li ul.one-line li:first-child span:before{content: ""; width:50px; height: 1px; background: #d1d1d1; position: absolute; top:50%; left: -50px;}
.box-bottom li ul.one-line li span:after{content: ""; width:41px; height: 15px; background: url("/images/Potal_/content/right-arrorw.png") no-repeat; position: absolute; top:50%; right:-38%; display: inline-block; transform:translate(-40%, -50%); }
.box-bottom li ul.one-line li:last-child span:after{content: none;}

.box-bottom li.bottom-list{}

.box-bottom li.bottom-list ul{display: block; float: left; margin:51px 0 0 27px;}
.box-bottom li.bottom-list ul.one-line li{position: relative;}
.box-bottom li.bottom-list ul.one-line li span:after{content: none;}
.box-bottom li.bottom-list ul.one-line li:first-child:after{content: ""; width: 50px; height: 1px; background: #d1d1d1; position: absolute; top:30%; right:-177px; display: inline-block;}
.box-bottom li.bottom-list ul.one-line li:first-child:before{content: ""; width: 1px; height: 72px; background: #d1d1d1; position: absolute; top:-18%; right:-178px; display: inline-block;}

.box-bottom li.bottom-list ul.lv2{padding-left: 110px; margin:21px 0 0 0px; float: left;}
.box-bottom li.bottom-list ul.lv2 li{position: relative;}
.box-bottom li.bottom-list ul.lv2 li:before{content: ""; width:41px; height: 15px; background: url("/images/Potal_/content/right-arrorw.png") no-repeat; position: absolute; top:19px; left:-43px; display: inline-block; transform:translate(-42%, -50%);}
.box-bottom li.bottom-list ul.lv2 li span{width:270px; color:#fff; background: #6666cc; display: block; text-align: center; padding:10px 0; margin:0 auto; position: relative;}

.box-bottom li ul.two-line{display: flex; justify-content: flex-start;}
.box-bottom li ul.two-line li{width:25%;}
.box-bottom li ul.two-line li span{width:170px; color:#fff; background: #d63b49; display: block; text-align: center; padding:10px 0; margin:0 auto; position: relative;}
.box-bottom li ul.two-line li:first-child span:before{content: ""; width:92px; height: 1px; background: #d1d1d1; position: absolute; top:50%; left: -92px;}
.box-bottom li ul.two-line li span:after{content: ""; width:41px; height: 15px; background: url("/images/Potal_/content/right-arrorw.png") no-repeat; position: absolute; top:50%; right:-50%; display: inline-block; transform:translate(-42%, -50%); }
.box-bottom li ul.two-line li:last-child span:after{content: none;}

.box-bottom li ul.three-line{display: flex; justify-content: flex-start;}
.box-bottom li ul.three-line li{width:25%; position: relative;}
.box-bottom li ul.three-line li span{width:170px; color:#fff; background: #6666cc; display: block; text-align: center; padding:10px 0; margin:0 auto; position: relative;}
.box-bottom li ul.three-line li:first-child span:before{content: ""; width:50px; height: 1px; background: #d1d1d1; position: absolute; top:50%; left: -50px;}

/*사업장폐기물배출신고*/
.bunis-box-process{width:100%; overflow: hidden; display: flex; justify-content: space-between; font-family: 'Noto Sans KR Light','Malgun Gothic',sans-serif; font-weight: bold; color: #333333;}
.bunis-box-process li{width:18%; padding: 25px 10px; border:solid 1px #6666cc; position: relative;}
.bunis-box-process li span{display: inline-block; font-size:16px; text-align: center; padding: 10px 0 0 0; width:100%; letter-spacing:-0.5px;}
.bunis-box-process li:first-child span{display: inline-block; font-size:16px; padding: 0px 0 0 0; text-align: center; width:100%; letter-spacing:-0.5px;}
.bunis-box-process li:before{content: "1"; position: absolute; top:0; left:0; width:45px; height: 45px; background: url("/images/Potal_/content/semo-bg01.png") no-repeat; display: block; color:#fff; padding: 3px 0 0 9px;}
.bunis-box-process li:after{content: ""; position: absolute; top:50%; right:-31px; width:30px; height: 15px; background: url("/images/Potal_/content/semo-arrorw.png") no-repeat; display: block; transform: translate(0,-50%);}

.bunis-box-process li:nth-child(2):before{content: "2"; background: url("/images/Potal_/content/semo-bg02.png") no-repeat;}
.bunis-box-process li:nth-child(3):before{content: "3"; }
.bunis-box-process li:nth-child(4):before{content: "4"; background: url("/images/Potal_/content/semo-bg02.png") no-repeat; }

.bunis-box-process.nth5 li{width: 15%; padding: 25px 10px 50px 10px;}
.bunis-box-process.nth5 li span{font-size: 14px; letter-spacing:-1.5px;}
.bunis-box-process.nth5 li span b.sub-tit{display: block;font-weight: bold;padding: 5px 0;border-top: solid 1px #6666cc; position: absolute;bottom: 0;left: 0;width: 100%;box-sizing: border-box;background: #6666cc;color: #fff;}
.bunis-box-process li:nth-child(5):before{content: "5"; }

/*청년 임차사업자 비상금 신청*/
.bunis-box-002 .bunis-box-process li:before{content: "1단계"; position: absolute; top:0; left:0; width:100%; height: auto; background: #373789; display: block; text-align: center; color:#fff; padding: 5px; box-sizing: border-box;}
.bunis-box-002 .bunis-box-process li:nth-child(2):before{content: "2단계";}
.bunis-box-002 .bunis-box-process li:nth-child(3):before{content: "3단계";}
.bunis-box-002 .bunis-box-process li:nth-child(4):before{content: "4단계";}
.bunis-box-002 .bunis-box-process li:first-child span{padding: 20px 0 0 0;}
.bunis-box-002 .bunis-box-process li span{padding: 20px 0 0 0;}
.bunis-box-002 .bunis-box-process li .btn-wrap a{display: flex; justify-content: center; padding: 5px 10px;}
.bunis-box-002 .bunis-box-process li .btn-wrap a span{padding: 0px 0 0 0; font-size:14px;}
.bunis-box-002 .bunis-box-process li span.txt{font-size: 14px; padding: 10px 0 0 0;}

/*청소년복지정책*/
.Welfare-con03-03{width:100%;  overflow: hidden;  font-family: 'Noto Sans KR Light','Malgun Gothic',sans-serif; font-size:16px;}
.Welfare-con03-03 li{width:100%; box-sizing: border-box; border:solid 1px #6666cc; margin-bottom: 50px; position: relative;}

.Welfare-con03-03 li:after{content: ""; width: 30px; height: 15px; background: url("/images/Potal_/content/semo-arrorw.png") no-repeat; position: absolute; bottom:-24px; left:84px; transform: rotate(90deg);}
.Welfare-con03-03 li:last-child:after{content: none;}

.Welfare-con03-03 li ul.lev02{height: 60px;}
.Welfare-con03-03 li ul.lev02 li{width:70%; float: left; border: none; padding: 0px 0px; margin-bottom: 0px; display: inline-block; padding: 20px 0 0 30px;}
.Welfare-con03-03 li ul.lev02 li:first-child{ width: 200px; height: 100%; background: #6666cc; color: #fff; text-align: center; padding: 20px 0px 0px 0px; }
.Welfare-con03-03 li ul.lev02 li:nth-child(2){display: flex; justify-content: start; color:#333333;}
.Welfare-con03-03 li:nth-child(3) ul.lev02 li{padding: 10px 0 0 30px;}
.Welfare-con03-03 li:nth-child(3) ul.lev02 li:first-child{padding: 20px 0 0 0px;}
.Welfare-con03-03 li:nth-child(5) ul.lev02 li{padding: 10px 0 0 30px;}
.Welfare-con03-03 li:nth-child(5) ul.lev02 li:first-child{padding: 20px 0 0 0px;}


.Welfare-con03-03 li ul.lev02 li:before{content: none;}
.Welfare-con03-03 li ul.lev02 li:after{content: none;}
.Welfare-con03-03 li ul.lev02 li span{display: inline-block; padding-left: 20px;}
.Welfare-con03-03 li ul.lev02 li span a{display: block;}

/*아동친화도시*/
ul.child-box{width: 100%; border:solid 1px #b1b1b1; display: flex; justify-content: flex-start;}
ul.child-box li{}
ul.child-box li:last-child{padding:30px;}
ul.child-box li:last-child h5{font-size:20px; color: #111111;}
ul.child-box li:last-child span.con{font-size:15px; color: #666666; display: block; padding: 15px 0 0 0; line-height:160%;}

.child-st01{width: 100%; height: 1132px; background: url("/images/Potal_/content/child-bg01.png") no-repeat center #fde1e1; padding: 50px 0;}
.child-st01 h5.tit{text-align: center; font-size:28px; color: #362a2a; font-weight: 400; position: relative; z-index: 1;}
.child-st01 h5.tit:before{content: ""; width: 485px; height: 25px; background: #fff8d0; position: absolute; bottom:-15px; left:50%; transform: translate(-50%,0); border-radius: 20px; z-index: -1;}
.child-st01 h5.tit span.bold{font-weight: 600;}
.child-st01 ul.list{width: 1102px; margin: 0 auto; padding:235px 0px 0 0px;}
.child-st01 ul.list li{position: relative; padding: 0 20px 30px 140px;}
.child-st01 ul.list li:before{content: ""; width: 1px; height: 60px; background: #000000; position: absolute; top:-3px; left:120px; }
.child-st01 ul.list li:after{content: "01"; font-size:15px; color: #000000; position: absolute; top:0; left:83px; display: block; font-weight: bold;}
.child-st01 ul.list li:nth-child(2):after{content: "02";}
.child-st01 ul.list li:nth-child(3):after{content: "03";}
.child-st01 ul.list li:nth-child(4):after{content: "04";}
.child-st01 ul.list li:nth-child(5):after{content: "05";}
.child-st01 ul.list li:nth-child(6):after{content: "06";}
.child-st01 ul.list li:nth-child(7):after{content: "07";}
.child-st01 ul.list li:nth-child(8):after{content: "08";}
.child-st01 ul.list li:nth-child(9):after{content: "09";}
.child-st01 ul.list li:nth-child(10):after{content: "10";}
.child-st01 ul.list li span{display: block; color: #000000;}
.child-st01 ul.list li span.tit{font-size:20px; font-weight:bold; }
.child-st01 ul.list li span.con{font-size:16px; padding: 10px 0 0 0;}

/*아동의권리*/
div.child-boxwrap{width: 100%; height:317px; background: url("/images/Potal_/content/child-bg02.jpg") no-repeat; background-position: center; position: relative;}
div.child-boxwrap span.l-img{width: 130px; height: 181px; background: url("/images/Potal_/content/child-l-img.png") no-repeat; position: absolute; top:0; left:0; display: block;}
div.child-boxwrap span.r-img{width: 245px; height: 259px; background: url("/images/Potal_/content/child-r-img.png") no-repeat; position: absolute; bottom:0; right:0; display: block;}

div.child-boxwrap ul.childbox02{display: flex; justify-content: center; flex-flow: wrap; padding-top:73px; width: 86%; margin: 0 auto; }
div.child-boxwrap ul.childbox02 li{width: 45%; border-left: solid 1px #b1b1b1; border-bottom: solid 1px #b1b1b1; padding: 10px 9px;}
div.child-boxwrap ul.childbox02 li:first-child{border-left: none;}
div.child-boxwrap ul.childbox02 li:nth-child(3){border-left: none; border-bottom:none;}
div.child-boxwrap ul.childbox02 li:nth-child(4){ border-bottom:none;}
div.child-boxwrap ul.childbox02 li .child-2depth{display: flex; justify-content: space-around;}
div.child-boxwrap ul.childbox02 li .child-2depth li{width: 100%; border: none;}
div.child-boxwrap ul.childbox02 li .child-2depth li:last-child{width:45%; text-align: right;}
div.child-boxwrap ul.childbox02 li .child-2depth li span{display: block;}
div.child-boxwrap ul.childbox02 li .child-2depth li span.tit{font-size:18px; font-weight: bold; padding-bottom: 5px; color: #111111;}
div.child-boxwrap ul.childbox02 li .child-2depth li span.con{font-size:15px; color: #666666;}

/*지역사회보장협의체 소개*/
h5.daum-jingu-logo img{max-width: 100%;}
ul.daum-jingu-list{display: flex; justify-content: space-between; margin-top: 20px;}
ul.daum-jingu-list li{width: 18%; position: relative;}
ul.daum-jingu-list li:after{content: ""; width: 50px; height: 42px; background: url("/images/Potal_/content/new/daumps-icon.png") no-repeat; position: absolute; top:55%; right:-83px;}
ul.daum-jingu-list li:last-child:after{content: none;}
ul.daum-jingu-list li span{display: block;}
ul.daum-jingu-list li span.top-tit{width:100%; background: #3c3c98; font-size:18px; color: #fff; padding: 15px; text-align: center; margin-bottom: 15px; border-radius: 25px; display: block; box-sizing: border-box;}
ul.daum-jingu-list li div.txt-box{width: 100%; height: 260px; background: #f4f4f4; padding: 15px; border-radius: 25px; box-sizing: border-box;}
ul.daum-jingu-list li div.txt-box span.sub-tit{font-style: inherit; display: block; font-size:16px; font-weight: bold; color: #3c3c98; background: #ffffff; text-align: center; padding: 7px; margin-bottom: 10px; border-radius: 25px; box-sizing: border-box;}
ul.daum-jingu-list li div.txt-box dl.list dd{position: relative; padding: 0 0 0 12px; box-sizing: border-box;}
ul.daum-jingu-list li div.txt-box dl.list dd:before{content: ""; width: 5px; height: 5px; background: #333; border-radius: 100%; position: absolute; top:7px; left:0;}

/*본인서명사실확인제도*/
.pcimg-link{display: block;}
 .mbimg-link{display: none;}

.line{display:inline-block; padding:8px 0 0 10px;}

/*new img layer box*/
.box-show{width: 500px; background: #fff; box-shadow: 2px 2px 2px #b1b1b1; position: absolute; top:0%; left:50%; transform: translate(-50%, -20%); display: none; padding: 50px 50px; box-sizing: border-box; transition-duration:3s; z-index: 10;}
.box-show img{width: 100%;}
.mask-wrap{display:none; position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.3);transition:all .3s ease;-o-transition:all .3s ease;-ms-transition:all .3s ease;-moz-transition:all .3s ease;-webkit-transition:all .3s ease;z-index:10}
.imginfo-list .list01 .items .item.ht{height: 255px;}
.box-show a.close-btn{background: url("/images/Potal_/content/mobile-close-btn.png") no-repeat center #626262; width: 35px; height: 35px; border-radius: 100%; position: absolute; top:10px; right:10px; text-indent: -9999px;}

.Exhibi-box{display: flex; justify-content: space-between; flex-flow: wrap; border-bottom: solid 1px #b1b1b1; padding: 20px 0 20px 0;}
.Exhibi-box li{width: 48%; padding-top: 20px}

.Exhibi-box li ul.Exhibi-flex{display: flex; justify-content: space-around;}

.Exhibi-box li ul.Exhibi-flex li:first-child{width: 35%;}
.Exhibi-box li ul.Exhibi-flex li:last-child{padding-top:60px;}
.Exhibi-box li ul.Exhibi-flex li{width: 65%; padding: 0 0 0 20px;}
.Exhibi-box li ul.Exhibi-flex li img{width: 100%; height:170px; border:solid 1px #b1b1b1; padding: 3px; box-sizing: border-box;}
.Exhibi-box li ul.Exhibi-flex li img.ht{height:240px;}
.Exhibi-box li ul.Exhibi-flex li span.txt{display: block; position: relative; padding: 0 0 0 15px;}
.Exhibi-box li ul.Exhibi-flex li span.txt:before{content: ""; width: 5px; height: 5px; background: #333; border-radius: 100%; position: absolute; top:7px; left:0;}

/* 컬처 슬라이드 */
.subSlider{border-bottom:1px solid #999; overflow: hidden;}
.subSlider .culSlider{width:900px; float: right;}
.subSlider .slick-slide .slidTit{width:100%; background-color: rgba(29,29,27,0.5); position: absolute; bottom:0; left:0; padding:4% 2%; font-size:20px; font-family:'NotoKrR'; text-align: left; color:#fff;}
.subSlider .culSliderNav{width:300px; float: left; background-color:#f6f4e9; box-sizing: border-box; padding:39px 20px 40px;}
.subSlider .culSliderNav .slick-list{padding:0 !important; height:590px !important;}
.subSlider .culSliderNav .slick-slide{width:260px !important; margin:10px 0; position: relative; height:173px; /*overflow: hidden;*/ box-sizing: border-box;}
.subSlider .culSliderNav .slick-slide.slick-current{border:5px solid #ffc501; box-sizing: border-box;}
.subSlider .culSliderNav .slick-slide:not(.slick-current):before{content:""; display: block; position:absolute; left:0; top:0; width:100%; height:100%; background:#000; opacity: 0.5;}
.subSlider .culSliderNav .slick-slide img{width:100%; }
.subSlider .culSliderNav {text-align: center; position: relative;}
.subSlider .culSliderNav button.slick-arrow{border: none; background:none;  font-size:0; width:21px; height:12px; position: absolute;left:50%; margin-left:-15px;}
.subSlider .culSliderNav button.slick-prev{background: url("/images/Potal_/content/slideTop.png") center center no-repeat;top:20px;}
.subSlider .culSliderNav button.slick-next{background: url("/images/Potal_/content/slideBot.png") center center no-repeat; bottom:20px;}
.subSlider .slick-slide img{width: 100%; height: 100%;}
.subSlider .culSliderNav .slick-slide a:focus{border: 4px solid #ff0000;}

/*청년 임차사업자 비상금 신청*/
.contin-box .list-box{border-top:solid 1px #333; border-bottom:solid 1px #333; padding: 20px 10px; box-sizing: border-box;}
.contin-box .list-box ul.cont-list{position: relative;}
.contin-box .list-box ul.cont-list li div.check-box{position: absolute; top:0; right:0;}
.bg-no{background: none;}
a.Link-btn{padding: 10px 50px 10px 10px; background: #333353; display: inline-block; font-size: 13px; color: #fff; position:relative;}
a.Link-btn:before{position:absolute; top:0px; right:0px; width:44px; height:44px; background:url("/images/Potal_/layout/bbtn-att.png") no-repeat center; content:""; z-index:1;}


/*SNS홍보*/
div.sns-box-wrap{border:solid 1px #b1b1b1; padding: 20px 20px;}
div.sns-box-wrap ul.sns-box.infor{display: flex; justify-content: flex-start;}
div.sns-box-wrap ul.sns-box.infor li:nth-child(2){padding-left: 20px;}
div.sns-box-wrap ul.sns-box.infor li .cont-list.step01 li{width: 100%;}
div.sns-box-wrap ul.sns-box.infor li .cont-list.step01 li:nth-child(2){padding-left: 15px;}

div.sns-box-wrap02{border:solid 1px #d1d1d1; padding: 20px 20px;}
ul.sns-box.type01{display: flex; justify-content: space-between; flex-flow: wrap;}
ul.sns-box.type01 li{width: 31%; padding-top: 30px;}
ul.sns-box.type01 li:first-child{padding-top: 0px;}
ul.sns-box.type01 li:nth-child(2){padding-top: 0px;}
ul.sns-box.type01 li:nth-child(3){padding-top: 0px;}
ul.sns-box.type01 li img{width:100px; height: 100px; display: block; margin: 0 auto; padding-bottom: 20px;}
ul.sns-box.type01 li .btn-wrap.btn-type p a{width:184px; display: block; margin: 0 auto;}

div.sns-box-wrap03{border:solid 1px #b1b1b1; }
div.sns-box-wrap03 ul.sns-box.type03{display: flex; justify-content: flex-start; padding: 20px 20px;}
div.sns-box-wrap03 ul.sns-box.type03 li{width: 25%;}
div.sns-box-wrap03 ul.sns-box.type03 li img{max-width: 100%; display: block; margin: 0 auto;}
div.sns-box-wrap03 ul.sns-box.type03 li .btn-wrap.btn-type{margin-top: 20px;}
div.sns-box-wrap03 ul.sns-box.type03 li .btn-wrap.btn-type p a{width:200px; display: block; margin: 0 auto; box-sizing: border-box;}

div.opentype-box{width:100%; border:solid 1px #b1b1b1; padding: 20px 20px; display: flex; justify-content: flex-start; box-sizing: border-box;}
div.opentype-box span.opentype-img img{width: 220px; margin-right: 20px;}
div.opentype-box span.opentype-txt{padding: 20px 0 0 0;}

/*부산진구 (공공·민간) 복지 서비스 찾기*/
@font-face {
    font-family: 'GmarketSansMedium';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff');
    font-weight: normal;
    font-style: normal;
  }
 a.bokji-ico{display: block; position: relative; padding: 20px 0 20px 75px; text-align: left; font-weight:bold;}
  a.bokji-ico:before{content: ""; width: 58px; height: 58px; background: url("/images/Potal_/content/new/bokji-ico01.jpg") no-repeat; position: absolute; top:0; left:0;}
  a.bokji-ico.list-05:before{background: url("/images/Potal_/content/new/bokji-ico02.jpg") no-repeat;}
  a.bokji-ico.list-02:before{background: url("/images/Potal_/content/new/bokji-ico03.jpg") no-repeat;}
  a.bokji-ico.list-06:before{background: url("/images/Potal_/content/new/bokji-ico04.jpg") no-repeat;}
  a.bokji-ico.list-03:before{background: url("/images/Potal_/content/new/bokji-ico05.jpg") no-repeat; top: 10px;}
  a.bokji-ico.list-07:before{background: url("/images/Potal_/content/new/bokji-ico06.jpg") no-repeat;}
  a.bokji-ico.list-04:before{background: url("/images/Potal_/content/new/bokji-ico07.jpg") no-repeat;}
  a.bokji-ico.list-08:before{background: url("/images/Potal_/content/new/bokji-ico08.jpg") no-repeat;}
  a.bokji-ico.list-09:before{background: url("/images/Potal_/content/new/bokji-ico09.jpg") no-repeat;}

div.bokji-topbn{width: 100%; height: 142px; background: url("/images/Potal_/content/new/bokji-bg0912.png") no-repeat center; padding: 45px 30px; box-sizing: border-box;}
  div.bokji-topbn span.tit{font-family: 'GmarketSansMedium'; font-size:24px; color: #fff; font-weight: 300;}
  div.bokji-topbn span.con{font-size:16px; color: #fff; display: block; padding: 15px 0 0 0; font-weight: 300;}


  @media all and (max-width:680px){
    div.bokji-topbn{background-image: none; background-color:#e56767; padding:25px 25px; height: auto; }
    div.bokji-topbn span.tit{font-size:18px; line-height: 126%;}
    div.bokji-topbn span.con{padding: 10px 0 0 0; font-size:15px;}
  }



@media screen and (max-width:1600px){
  .subSlider{display: flex; justify-content: space-around;}
  .subSlider .culSliderNav{width: 30%;}
  .subSlider .culSlider{width: 70%; margin-left: 20px;}
}



@media screen and (max-width:1300px){
  /*지역사회보장협의체 소개*/
  ul.daum-jingu-list li:after{background-size: 30px; width: 30px; right:-48px;}
  ul.daum-jingu-list li div.txt-box{height: 375px;}

  /* 컬처 슬라이드 */
  .subSlider .culSlider .slick-slide img{width:120%;}
  .subSlider .culSliderNav{width:250px;  padding:37px 20px 42px;}
  .subSlider .culSliderNav .slick-list{height: 486px !important;}
  .subSlider .culSliderNav .slick-slide{width:100% !important; margin:10px 0;}
  .subSlider .culSliderNav .slick-slide img{width:100%; min-height:133px;}


}


@media screen and (max-width:1000px){
	 /* 컬처 슬라이드 */
  .subSlider{width:100%; margin:0 auto;}
  .subSlider .culSlider{width:90%; margin:0 auto; float: none}
  .subSlider .culSlider .slick-slide img{width:100%;}
  .subSlider .culSlider button.slick-arrow{border: none; background:none;  font-size:0; width:30px; height:58px; position: absolute;top:50%; margin-top:-32px;z-index: 10;}
  .subSlider .culSlider button.slick-prev{background: url("../_Img/layout/slideLeft3.png") center center no-repeat; left:20px}
  .subSlider .culSlider button.slick-next{background: url("../_Img/layout/slideRight3.png") center center no-repeat; right:20px;}
  .subSlider .culSliderNav{display: none;}
  .subSlider .slick-dots {text-align: center; margin:10px 0 10px 0; font-size:0; line-height: 0;}
  .subSlider .slick-dots > li{display: inline-block; margin:0 5px; font-size:0; line-height: 0;}
  .subSlider .slick-dots > li > button {background:#ffae01; opacity: 0.5; width:10px; height:10px; border-radius: 50%; border:none; font-size:0;}
  .subSlider .slick-dots > li.slick-active > button {opacity: 1;}

 /*SNS홍보*/
  ul.sns-box.type01 li .btn-wrap.btn-type p a{width:auto;}
  div.sns-box-wrap03 ul.sns-box.type03 li .btn-wrap.btn-type p a{width: auto;}
  div.sns-box-wrap03 ul.sns-box.type03 li:first-child{margin: 0 0 0 0px;}
  div.sns-box-wrap03 ul.sns-box.type03 li{margin: 0 0 0 20px;}

  div.opentype-box span.opentype-txt{padding: 0px 0 0 0;}
}


@media all and (max-width:1600px){
    .guide-wrap{padding:0px 20px;}
   
     /*아동권리*/
    div.child-boxwrap span.l-img{background-size: 90px; width: 90px; height: 90px;}
    div.child-boxwrap span.r-img{background-size: 200px; width: 200px; height: 200px;}
    div.child-boxwrap ul.childbox02 li .child-2depth li:last-child{width: 82%;}
}

/* 순서도 박스 */
.levelBox{width:100%; overflow: hidden; padding:20px; box-sizing: border-box; border:1px dashed #cccccc; background:#f7f7f7; position: relative;}
.levelBox.levelNoBg{padding: 0; border:none; background: none;}
.levelBox > ol{overflow: hidden; border:1px solid #d6d6d6; height:max-content;}
.levelBox li.lbBox{float: left; transition: all .3s ease-in-out;  box-sizing: border-box; background:#fff; position:relative; padding:20px 30px; text-align: center; letter-spacing: -0.5px; color:#555555;}
.levelBox li.lbBox.line1{padding-top:50px;}
.levelBox li.lbArr:before{content:''; display: block; position: absolute; right:0; top:0;  width:1px; height:100%; background:#b3b3b3;}
.levelBox li.lbArr:after{content:''; display: block; position: absolute; right:0; top:22px;  margin-right:-11px; width:22px; height:22px; background:url("/images/Potal_/content/listArrow.png") center no-repeat; z-index: 2;}
.levelBox li.lbArr:last-child:after{content:none;}
.levelBox li.lbArr:last-child:before{content:none;}


.levelBox.type02 li.lbArr:after{top:50%; margin-top:-11px;}
.levelBox.lb3 li.lbBox{width:33.333%;}
.levelBox.lb4 li.lbBox{width:25%;}
.levelBox.lbH200 li.lbBox{height:200px;}
.levelBox.lbH120 li.lbBox{height:150px;}
.levelBox.lbH150 li.lbBox{height:150px;}
.levelBox.lb4.twoLineLevel li.lbBox{height:155px;}
.levelBox.lb5 li.lbBox{width:20%;}
.levelBox.lb6 li.lbBox{width:16.66666%;height:200px;}
.levelBox.lb7 li.lbBox{width:25%;}
.levelBox li.lbBox dt{font-size:14px; color:#fff;  text-align: center; background: #1659c7; width: 100%; height: auto; margin-bottom: 10px; border-radius: 50px; padding: 10px; box-sizing: border-box; letter-spacing:-1px;}
.levelBox li.lbBox dd{color:#555; border-top:1px dashed #d7d7d7; padding:15px 0 ; text-align: center; font-size:15px; letter-spacing: -1px;}
.levelBox li.lbBox dd:last-child{padding-bottom: 0;}

@media screen and (max-width:1000px){

  /* 순서도 박스 */
  /*.levelBox li.lbBox{padding:40px 5px 10px;}*/
  .levelBox.lb3 li.lbBox{width:27%;}
  .levelBox.lb6 li.lbBox{width:27%;height:250px;}
  .levelBox.lb7 li.lbBox{width:20%;}

  /*지역사회보장협의체 소개*/
  ul.daum-jingu-list{flex-flow: wrap;}
  ul.daum-jingu-list li{width: 48%;}
  ul.daum-jingu-list li:nth-child(3){margin-top: 20px;}
  ul.daum-jingu-list li:nth-child(4){margin-top: 20px;}
  ul.daum-jingu-list li:after{content: none;}
  ul.daum-jingu-list li span.top-tit{font-size:16px; padding: 10px;}
  ul.daum-jingu-list li div.txt-box{padding: 10px;}
  ul.daum-jingu-list li div.txt-box span.sub-tit{font-size:14px; padding: 5px;}

}

@media screen and (max-width:768px) {
  .levelBox li.lbBox{padding:15px 20px;}
  .levelBox li.lbArr:after{top:17px;}
}

@media screen and (max-width:640px) {
  /* 순서도 박스 */
  .levelBox li.lbBox{width:100% !important; height:auto !important; padding:20px !important;}
  .levelBox li.lbArr:before{width:100%; height:1px; top:auto; bottom:0; left:0;}
  .levelBox li.lbArr:after{transform: rotate(90deg);left:50%; margin-left:-11px; top:auto; bottom:-11px;}
  .levelBox.type02 li.lbArr:after{top:auto; margin-top:0; bottom:-11px;}
  
    /*지역사회보장협의체 소개*/
  ul.daum-jingu-list li{width: 100%;}
  ul.daum-jingu-list li:nth-child(2){margin-top: 20px;}
  ul.daum-jingu-list li div.txt-box{height: auto;}

   /*본인서명사실확인제도*/
    .pcimg-link{display: none;}
    .mbimg-link{position: relative; display: block; margin-top: 30px;}
    .mbimg-link:after{content: "이미지를 클릭하시면 확대하셔서 보실수 있습니다."; width: 100%; background: #4e70a5; color: #fff; font-size:14px; text-align: center; padding: 5px 5px; position: absolute; top:-40px; left:0; }

.line{display:block; padding:10px 0 0 0px;}

/* 컬처 슬라이드 */
  .subSlider .culSlider button.slick-arrow{width:20px; height:42px; background-size: 100%; }

  /*new img layer box*/
  .imginfo-list .list01 .items .item.ht{height: 185px;}
   .Exhibi-box li{width: 100%;}
  .Exhibi-box li:first-child{padding-bottom: 20px;}
  .Exhibi-box li ul.Exhibi-flex li span.txt{font-size:12px;}
  .Exhibi-box li ul.Exhibi-flex li span.txt:before{top:8px;}
}
@media all and (max-width:1280px){
    .calinder-box{background: #e1e1e1; padding-bottom: 15px;}
    .calinder-box .cal-tit{width:100%; clear: both; float: none;}
    .calinder-box .left-wrap{box-sizing: border-box; padding: 0 20px; display: block;}
    .calinder-box .left-wrap .btn-box{width:50%; margin:0 0 0 0px;}
    .calinder-box .left-wrap .btn-box a{width: 15%;}
    .calinder-box .left-wrap .btn-box a:first-child{margin-left:0px;}
    .calinder-box .left-wrap .input-box{width: 100%; padding: 12px 0 0 0px; display: flex;}
    .calinder-box .left-wrap .input-box span{padding: 7px 10px;}
    .calinder-box .left-wrap .input-box p{width: 46.2%;}
    .calinder-box .right-group{width:100%; margin:0 auto; position: relative; top:0; right:0; padding: 10px 20px; box-sizing: border-box;}
    .calinder-box .right-group a{width: 100%; text-align: center; margin-right:0px; padding: 7px 0px 7px 0px; display: block;}
    .calinder-box .right-group a.search{float: left;}
    .calinder-box .right-group a.reset{float: right;}

    .mg-input{width:100%; margin:10px 0px;}
    .mg-select{width:100%; margin:10px 0;}
}

@media all and (max-width:1200px){
    /*행정구역지도*/
    .map-ps-ab-mb{display: block; margin: 0 auto;}
    .map-left{padding: 0 0 0 0px; display: block; margin: 0 auto;}
    .map-ps-ab{display: none;}
}

@media all and (max-width:1000px){
    /*연혁*/
    .sub-his-bn{padding: 10px;}
    .sub-his-bn .sub-his-bnwrap{padding: 0 20px 0 20px;}

    /*긴급재난지원금 신청*/
    .big-btn{font-size:16px;}
    .Emer-write-tit{font-size:28px;}
    .Emer-write-tit span{text-align: left;}



    /*청사안내*/
    .guchung-box{width:100%; padding: 10px 0 10px 0; bottom:-37px;}
    .guchung-box span.tit{font-size:18px; color:#4d5bbc;}
    .guchung-box span.txt{font-size:14px; color:#555555; padding: 5px 10px 7px 10px; letter-spacing: -0.7px;}

    /*옛모습과 현재모습*/
    .old-fsh-box li .txt-box{padding: 5px 0;}
    .old-fsh-box li .txt-box .tit{font-size:14px;}
    .old-fsh-box li .bt-txt{font-size:13px;}

    ul.tabs li{font-size:20px;}
    ul.tabs li:after{content: none;}

    /*부조리 신고*/
    .bujori-img{display:none;}

    /*연혁*/
    .sub-his-bn .sub-his-bnwrap .his-tit{padding: 60px 0px 10px 20px;}
    .sub-his-bn .sub-his-bnwrap p{padding-left:20px;}

    /*공개된 정보*/
    .chk-select select{background-position: 98% 14px; background-size: 10px;}

    /*상징물*/
    .imginfo-list-new .list01 .thead .btxt{font-size:15px; padding:10px 0px;}
    .imginfo-list-new .list01 .thead .btxt.img{width:200px;}

    .imginfo-list-new .list01 .items .item{padding:15px 15px 15px 200px; min-height:120px;}
    .imginfo-list-new .list01 .items .item .img{top:15px; left:15px; width:160px; height:120px;}

    .openDiv01-04 ul.list-box-noopen li{width:100%;border-right:solid 1px #d1d1d1; box-sizing: border-box;}
    .openDiv01-04 ul.list-box-noopen li:nth-child(7){border-bottom:none;}
    .ps-inline{position:relative; top:auto; left:auto; padding-top:10px;}

    /*처리체계도*/
    .Garbage-wrap{width:100%; padding-top: 200px; overflow: hidden;}
    .box-top{padding-left: 0px;}
    .box-top li{padding-bottom: 10px;}
    .box-top:before{top:-238px; left:50%; transform: translate(-50%, 30%);}
    .box-top:after{content: none;}
    .box-top li > ul.common{justify-content: space-between;}
    .box-top li ul.two-line{justify-content: space-between;}
    .box-top li ul.one-line li{width:20%;}
    .box-top li ul.two-line li span{width: 100%; font-size:13px; padding: 10px 5px;}
    .box-top li ul.two-line li span:after{background-size: 20px; top: 50%; right: -50%; transform: translate(-42%, -43%);}
    .box-top li ul.one-line li:first-child span:before{content: none;}
    .box-top li ul.two-line li:first-child span:before{content: none;}
    .box-top li ul.three-line li:first-child span:before{content: none;}
    .box-top li ul.one-line li span{width:100%; font-size:13px;}
    .box-top li ul.one-line li span:after{  background-size: 20px; top: 23px; right: -65px;}
    .box-top li ul.three-line li{width:100%; margin-bottom: 35px;}
    .box-top li ul.three-line li span{width:100%; font-size:13px; position: relative;}




    .box-bottom{padding-left: 20px; height: 400px;}
    .box-bottom li{padding-bottom: 0px;}
    .box-bottom:before{content: none;}
    .box-bottom li > ul.common{justify-content: space-between;}
    .box-bottom li ul.one-line li{width: 20%;}
    .box-bottom li ul.one-line li span{width: 100%; font-size:13px;}
    .box-bottom li ul.one-line li:first-child span:before{content: none;}
    .box-bottom li ul.one-line li span{width:100%; padding: 10px 5px;}
    .box-bottom li ul.one-line li span:after{background-size: 20px; top: 23px; right: -65px;}
    .box-bottom li.bottom-list ul{width:100%; margin:30px 0 0 0px;}
    .box-bottom li.bottom-list ul.one-line li{width:20%;}
    .box-bottom li.bottom-list ul.one-line li:first-child:after{content: none;}
    .box-bottom li.bottom-list ul.one-line li:first-child:before{content: none;}
    .box-bottom li.bottom-list ul.lv2{width:100%; clear: both; padding-left: 20px; margin:40px 0 0 0;}
    .box-bottom li.bottom-list ul.lv2 li{width:20%; margin-bottom:20px;}
    .box-bottom li.bottom-list ul.lv2 li:before{content: none;}
    .box-bottom li.bottom-list ul.lv2 li span{width:100%; padding: 10px 5px; font-size: 13px;}

    /*사업장폐기물배출신고*/
    .bunis-box-process li:first-child span{font-size: 14px;}
    .bunis-box-process.nth5 li{width: 12%;}

    /*청소년복지정책*/
    .Welfare-con03-03 li{width: 100%; float: left; font-size:14px;}
    .Welfare-con03-03 li:after{left:48%;}
    .Welfare-con03-03 li:nth-child(3) ul.lev02 li{padding: 10px 0 10px 30px;}
    .Welfare-con03-03 li:nth-child(5) ul.lev02 li{padding: 10px 0 10px 30px;}
    .Welfare-con03-03 li:nth-child(3) ul.lev02 li:first-child{padding:10px 0 10px 0;}
    .Welfare-con03-03 li:nth-child(5) ul.lev02 li:first-child{padding:10px 0 10px 0;}
    .Welfare-con03-03 li ul.lev02{height:auto;}
    .Welfare-con03-03 li ul.lev02 li:first-child{width:100%; padding: 10px 0 10px 0px;}
    .Welfare-con03-03 li ul.lev02 li{padding: 10px 0 10px 0;}
    .Welfare-con03-03 li ul.lev02 li:nth-child(2){width:100%; display: block; padding-left: 20px; text-align: left;}
    .Welfare-con03-03 li ul.lev02 li span{width:100%; padding: 10px 0 0 0;}

     /*아동친화*/
    .child-st01{height: auto; background: url("/images/Potal_/content/child-bg01.png") no-repeat 65% 22% #fff; padding:50px 0 0px 0;}
    .child-st01 ul.list{width: 100%; padding: 200px 0px 0 0px;}
    .child-st01 ul.list li{padding:0 20px 30px 50px; }
    .child-st01 ul.list li:before{left: 35px;}
    .child-st01 ul.list li:after{left: 9px;}
    .child-st01 ul.list li span.tit{font-size:18px;}
    .child-st01 ul.list li span.con{font-size: 14px;}

     /*아동의권리*/
    div.child-boxwrap{width: 100%; height: auto; background: none;}
    div.child-boxwrap ul.childbox02{width: 100%; padding-top: 0px;}
    div.child-boxwrap ul.childbox02 li{width: 100%; border-left: none;}
    div.child-boxwrap ul.childbox02 li:nth-child(3){border-bottom: solid 1px #b1b1b1;}
    div.child-boxwrap span.l-img{display: none;}
    div.child-boxwrap span.r-img{display: none;}
}

@media all and (max-width:680px){
    .guide-wrap{padding:0px 15px;}

  /*청년 임차사업자 비상금 신청*/
  .contin-box .list-box ul.cont-list li{padding-bottom: 15px;}
  .contin-box .list-box ul.cont-list li div.check-box{position: relative;}

    /*연혁*/
    ul.tabs{width:95%; box-sizing: border-box; display: block;}
    ul.tabs li{width:100%; text-align: left; border: solid 1px #d1d1d1; padding: 10px; margin-bottom:35px;}
    ul.tabs li.active:before{bottom:auto; left: auto; right:20px; top:21px;  background: url("/images/Potal_/content/his-dwn-actmb.png") no-repeat; width:10px;
        height: 17px;}


    /*긴급재난지원금 신청*/
    .Emer-write-tit{font-size:25px;}
    .Emer-write-tit span{text-align: left;}
    /*옛모습과 현재모습*/
    .old-fsh-box li:last-child p.p-wrap:before{background-repeat: no-repeat; background-size: 30px; left:-18%;}

    /*예산서*/
    .contin-flex{display:block;}

    /*상징물*/
    .imginfo-list-new .list01 .thead .btxt{font-size:14px;}
    .imginfo-list-new .list01 .thead .btxt.img{width:160px;}

    .imginfo-list-new .list01 .items .item{padding:15px 10px 15px 160px; min-height:100px;}
    .imginfo-list-new .list01 .items .item .img{top:15px; left:10px; width:130px; height:96px;}

    /*처리체계도*/
    .box-top li > ul.common{display: block;}
    .box-top li ul.one-line li{width:100%; margin-bottom:35px;}

    .box-top li ul.one-line li span{padding: 10px 5px; font-size:12px;}
    .box-top li ul.one-line li span:after{top:60px; left:45%; background-size: 28px; transform: rotate(90deg);}

    .box-top li ul.two-line li{width:100%; margin-bottom: 35px;}
    .box-top li ul.two-line li span:after{top:60px; left:45%; background-size: 28px; transform: rotate(90deg);}
    .box-top li ul.two-line li span{font-size:12px;}
    .box-top li ul.three-line li span{font-size:12px; position: relative;}
    .box-top li ul.three-line li span:after{content: "";width:41px;height: 15px;background: url("/images/Potal_/content/right-arrorw.png") no-repeat;position: absolute;top: 60px;left: 45%;display: inline-block; background-size: 28px;transform: rotate(90deg);}

    .box-bottom{padding-left: 0px;}
    .box-bottom li > ul.common{display: block;}
    .box-bottom li ul.one-line li{width:100%; margin-bottom: 35px;}
    .box-bottom li.bottom-list ul.one-line li{width:100%;}
    .box-bottom li ul.one-line li span{font-size: 12px; letter-spacing: -0.5px; position: relative;}
    .box-bottom li ul.one-line li span:after{content: ""; width:41px;height: 15px;background: url("/images/Potal_/content/right-arrorw.png") no-repeat;position: absolute;top: 60px;left: 45%;display: inline-block; background-size: 28px;transform: rotate(90deg);}


    .box-bottom li.bottom-list ul.lv2{margin: 30px 0 0 0; display: flex; justify-content: space-between; padding-left: 0px;}
    .box-bottom li.bottom-list ul.lv2 li{width: 47%; padding-left: 0px;}
    .box-bottom li.bottom-list ul.lv2 li span{padding: 10px 0px;}
    .box-bottom li ul.one-line li span:after{content: none;}
    /*사업장폐기물배출신고*/
    .bunis-box-process{display: block;}
    .bunis-box-process li{width: 100%; box-sizing: border-box; margin-bottom:50px;}
    .bunis-box-process li:after{top:121%; left: 50%; right:auto; transform: rotate(90deg);}
    .bunis-box-process li:nth-child(4):after{content: none;}
    .bunis-box-process li span{padding: 0px 0 0 0;}

      .bunis-box-process.nth5{flex-flow: wrap;}
  .bunis-box-process.nth5 li{width: 100%;}

     /*아동친화*/
    ul.child-box{display: block;}
    ul.child-box li img{max-width: 100%; display: block; margin: 0 auto;}
    ul.child-box li:last-child h5{font-size: 18px;}
    ul.child-box li:last-child span.con{font-size: 14px;}
    .child-st01 h5.tit{font-size: 19px; line-height: 140%;}
    .child-st01 h5.tit:before{width: 100%; bottom: -7px;}

     /*아동의권리*/
    div.child-boxwrap ul.childbox02 li .child-2depth li span.tit{font-size:16px;}
    div.child-boxwrap ul.childbox02 li .child-2depth li span.con{font-size:13px;}

      /*SNS홍보*/
  div.sns-box-wrap ul.sns-box.infor{flex-flow: wrap;}
  div.sns-box-wrap ul.sns-box.infor li{width: 100%;}
  div.sns-box-wrap ul.sns-box.infor li img{padding-bottom: 20px; display: block; margin: 0 auto;}
  div.sns-box-wrap03 ul.sns-box.type03{flex-flow: wrap; justify-content: space-between; padding: 20px;}
  div.sns-box-wrap03 ul.sns-box.type03 li{width: 48%; margin: 0 0 0 0px;}
  div.sns-box-wrap03 ul.sns-box.type03 li:nth-child(3){margin-top: 20px;}
  div.sns-box-wrap03 ul.sns-box.type03 li:nth-child(4){margin-top: 20px;}

  div.opentype-box{flex-flow: wrap; justify-content: center;}
  div.opentype-box span.opentype-img img{display: block;  margin-bottom: 10px;}
  div.opentype-box span.opentype-txt{width: 100%; display: block; text-align: center;}
}

@media all and (max-width:480px){
    /*청사안내*/
    .guchung-box span.tit{display: none;}

    /*옛모습과 현재모습*/
    .old-fsh-box li:last-child p.p-wrap:before{background-size: 20px;}
    .old-fsh-box li .txt-box .tit{font-size:13px; letter-spacing: -1px;}

    /*부서안내*/
    .dpMember .dpTeam:before, .dpMember .dpTeam:after, .dpMember > ul > li:before{display: none;}
    .dpMember .dpTeam{padding-bottom: 10px; width:100%;}
    .dpMember > ul {width:100%; display: block;}
    .dpMember.dpTeam5 > ul > li {width:49%; padding-top: 10px;}
    .dpMember > ul > li > p{width:80%;}

    /*상징물*/
    .imginfo-list-new .list01 .thead{display:none;}
    .imginfo-list-new .list01 .items .item{padding:15px 10px; min-height:auto;}
    .imginfo-list-new .list01 .items .item .img{position:relative; top:0px; left:0px; width:100%; height:auto; margin-bottom:10px;}

    /*new img layer box*/
  .imginfo-list .list01 .items .item.ht{height: 100%;}

    /*SNS홍보*/
  ul.sns-box.type01{flex-flow: wrap;}
  ul.sns-box.type01 li{width: 100%; padding-top: 20px;}
  ul.sns-box.type01 li:first-child{padding-top: 0px;}
  ul.sns-box.type01 li:nth-child(2){padding-top: 20px;}
  ul.sns-box.type01 li:nth-child(3){padding-top: 20px;}
}

/* 연혁 */
.sub-his-bn .sub-his-bnwrap{padding:0 10px;}
.sub-his-bn .sub-his-bnwrap p {font-size:14px;}


.board-wrap{}

@media all and (max-width:1600px){
    .board-wrap{padding:0px 20px;}
}

@media all and (max-width:1000px){

}

@media all and (max-width:680px){
    .board-wrap{padding:0px 15px;}
}

@media all and (max-width:480px){

}

.stCnt{font-weight: bold;}
.imgCen{text-align: center;}
.img100{width:100%;}
.disc .discBoard .board-search .search .input-btn .btn{border: none;}
.ann-img {text-align: center ; position: relative;}
.ann-img img{ max-width:100%;}
.imgVis .vis-ori{display:none}


/* 민원 - 여권민원 - 여권개요 */
.adms-wrap .passport .pap01 {position: relative;}
.adms-wrap .passport .pap01 .linkDiv{position: absolute; top:50%; right:0;}

/* 행정 - 토지부동산 개별공시지가 */
.adms-wrap .officialland .land-cont{overflow: hidden;}
.adms-wrap .officialland .cont-list{overflow: hidden;}
.adms-wrap .officialland .land-cont ul.land03-dnul li{width:33.33%; float: left;}
.adms-wrap .civil .civilDiv .bbtn:nth-child(3){margin-right:20px;}
.adms-wrap .civil .civilLi li{width:24%; display: inline-block; text-align: center; margin:0 0 20px;}
.adms-wrap .civil .civilLi li a{min-width:53px;}
.adms-wrap .cleaning .cleaning04 .cleaningImg{text-align: center;}
.adms-wrap .cleaning .cleaning02 .cleaningDiv {text-align: center;}
.adms-wrap .cleaning .cleaning02 .cleaningDiv img{width:90%; max-width:446px;}

/* 청소 - 생활폐기물 - 음식물쓰레기분리배출요령 */
.adms-wrap .waste .waste02 .waste02-Ul{overflow: hidden;}
.adms-wrap .waste .waste02 .waste02-Ul li {float:left; width:90px; height:90px; border-radius: 50%; background-color:#4d5bbc; color:#fff; border:2px solid #313191; text-align: center; box-sizing: border-box; padding-top:20px; margin-right:60px; position: relative;}
.adms-wrap .waste .waste02 .waste02-Ul li:last-child {margin-right:0;}
.adms-wrap .waste .waste02 .waste02-Ul li:after {content: ''; display: block; position:absolute; right:-40px; top:50%; width:20px; height:1px; background-color: #000;}
.adms-wrap .waste .waste02 .waste02-Ul li:last-child:after {display:none;}

.budgeting .btDiv {text-align: center;}
.budgeting .btDiv a{display: inline-block}

/* 주요통계*/
.adms-wrap .keystat .ksSelect > p{font-size:18px; padding-top:8px;}
.adms-wrap .keystat .ksSelect > p,.adms-wrap .keystat .ksSelect > div{display: inline-block;}

/* 사전정보공표 */
.adms-wrap .disc .discTap{position:relative;}
.adms-wrap .disc .discTap .discTap-Tdiv  {overflow: hidden; margin-bottom:10px;}
.adms-wrap .disc .discTap .discTap-Tdiv > p,
.adms-wrap .disc .discTap .discTap-Tdiv > a{float:left; font-size:16px; color:#333333; background:#f7f7f7; border:1px solid #d1d1d1; width:178px; height:58px; text-align: center; box-sizing: border-box; padding-top:18px; cursor:pointer;}
.adms-wrap .disc .discTap .discTap-Tdiv > p.active,
.adms-wrap .disc .discTap .discTap-Tdiv > a.active{color:#fff; background-color:#4d5bbc; border-color:#4d5bbc; }
.adms-wrap .disc .discTap .discTap-Tdiv > p:last-child,
.adms-wrap .disc .discTap .discTap-Tdiv > a:last-child {border-left:0;}

.adms-wrap .disc .discTap .discTap-Ldiv .dt-List{overflow: hidden; width:100%;}
.adms-wrap .disc .discTap .discTap-Ldiv .dt-List#dt-List1 ul{display: flex;}
.adms-wrap .disc .discTap .discTap-Ldiv .dt-List li.dtList{float: left; box-sizing: border-box; width:14.28%; text-align: center; background-position:center 30%; background-repeat: no-repeat; border:1px solid #d1d1d1; border-right:0;}
.adms-wrap .disc .discTap .discTap-Ldiv .dt-List ul:first-child li.dtList{border-bottom:0;}
.adms-wrap .disc .discTap .discTap-Ldiv .dt-List li.dtList:last-child{border-right:1px solid #d1d1d1;}
.adms-wrap .disc .discTap .discTap-Ldiv .dt-List li.dtList > a{width:100%; display: block; font-size:16px; color:#333333; padding:90px 0 25px;}
.adms-wrap .disc .discTap .discTap-Ldiv .dt-List li.dtList.active {background-color:#4d5bbc; border-color:#4d5bbc;}
.adms-wrap .disc .discTap .discTap-Ldiv .dt-List li.dtList.active > a{color:#fff;}
.adms-wrap .disc .discTap .discTap-Ldiv .dt-List li.dtList-01{background-image: url("/images/Potal_/content/discIcon1.png");}
.adms-wrap .disc .discTap .discTap-Ldiv .dt-List li.dtList-02{background-image: url("/images/Potal_/content/discIcon2.png");}
.adms-wrap .disc .discTap .discTap-Ldiv .dt-List li.dtList-03{background-image: url("/images/Potal_/content/discIcon3.png");}
.adms-wrap .disc .discTap .discTap-Ldiv .dt-List li.dtList-04{background-image: url("/images/Potal_/content/discIcon4.png");}
.adms-wrap .disc .discTap .discTap-Ldiv .dt-List li.dtList-05{background-image: url("/images/Potal_/content/discIcon5.png");}
.adms-wrap .disc .discTap .discTap-Ldiv .dt-List li.dtList-06{background-image: url("/images/Potal_/content/discIcon6.png");}
.adms-wrap .disc .discTap .discTap-Ldiv .dt-List li.dtList-07{background-image: url("/images/Potal_/content/discIcon7.png");}
.adms-wrap .disc .discTap .discTap-Ldiv .dt-List li.dtList-08{background-image: url("/images/Potal_/content/discIcon8.png");}
.adms-wrap .disc .discTap .discTap-Ldiv .dt-List li.dtList-09{background-image: url("/images/Potal_/content/discIcon9.png");}
.adms-wrap .disc .discTap .discTap-Ldiv .dt-List li.dtList-10{background-image: url("/images/Potal_/content/discIcon10.png");}
.adms-wrap .disc .discTap .discTap-Ldiv .dt-List li.dtList-11{background-image: url("/images/Potal_/content/discIcon11.png");}
.adms-wrap .disc .discTap .discTap-Ldiv .dt-List li.dtList-12{background-image: url("/images/Potal_/content/discIcon12.png");}
.adms-wrap .disc .discTap .discTap-Ldiv .dt-List li.dtList-13{background-image: url("/images/Potal_/content/discIcon13.png");}
.adms-wrap .disc .discTap .discTap-Ldiv .dt-List li.dtList-14{background-image: url("/images/Potal_/content/discIcon14.png");}
.adms-wrap .disc .discTap .discTap-Ldiv .dt-List#dt-List2{display: none;}

/* 구정비전*/
.adms-wrap .vision {text-align: center;}
.adms-wrap .vision > .img100{max-width:635px; }
.adms-wrap .vision > .maxImg100{max-width:100%; }


/* 공개 - 전자기록관 - 기록물컬렉센*/
.adms-wrap .archives .archives03 .arh03Ul{overflow: hidden;}
.adms-wrap .archives .archives03 .arh03Ul > li {display: inline-block; text-align: center;}
.adms-wrap .archives .archives03 .arh03Ul > li:nth-child(2) {margin:0 40px;}
.adms-wrap .archives .archives03 .arh03Ul > li > p {width:100%; box-sizing: border-box; padding:10px 5px; background:#4d5bbc; color:#fff; margin-top:10px; font-size:12px;}

@media all and (max-width:1600px){
    .adms-wrap{padding:0px 20px;}
}

@media all and (max-width:1000px){

    /* 행정 - 토지부동산 개별공시지가 */
    .adms-wrap .officialland .land-cont ul.land03-dnul li{width:50%;}
    .adms-wrap .officialland.land03 .land-cont div.table-wrap .scroll-guide{display: block;}
    .adms-wrap .officialland.land03 .land-cont div.table-wrap table{width:1600px;}

    /* 사전정보공표 */
    .adms-wrap .disc .discTap .discTap-Ldiv .dt-List li.dtList{background-size:30%;}
    .adms-wrap .disc .discTap .discTap-Ldiv .dt-List li.dtList > a{font-size:14px; padding-top:70px;}
    .adms-wrap .disc .discTap .discTap-Ldiv .dt-List li.dtList-06{background-position: center 35%;}
    .adms-wrap .disc .discTap .discTap-Ldiv .dt-List li.dtList-07{background-size: 20%;}
    .adms-wrap .disc .discTap .discTap-Ldiv .dt-List li.dtList-09{background-size: 40%;}
}

@media all and (max-width:768px){

    /* 공개 - 전자기록관 - 기록물컬렉센*/
    .adms-wrap .archives .archives03 .arh03Ul{overflow: hidden; display: flex;}
    .adms-wrap .archives .archives03 .arh03Ul > li {display: inline-block; text-align: center; width:32%;}
    .adms-wrap .archives .archives03 .arh03Ul > li:nth-child(2) {margin:0 1.3%;}
    .adms-wrap .archives .archives03 .arh03Ul > li > img{width:100%;}
    .adms-wrap .archives .archives03 .arh03Ul > li > p {width:100%; box-sizing: border-box; padding:10px 5px; background:#4d5bbc; color:#fff; margin-top:10px; font-size:12px;}
    .adms-wrap .archives .archives03 .arh03Ul > li > p > br {display: none;}

    /*부서안내*/
    .dpMember .dpTeam > p, .dpMember > ul > li > p{padding:7px 10px; font-size:14px;}

}

@media all and (max-width:680px){
    .adms-wrap{padding:0px 15px;}

    /* 행정 - 토지부동산 개별공시지가 */
    .adms-wrap .officialland .land-cont ul.land03-dnul li{width:100%;}
    .adms-wrap .officialland .land-cont ul.land03-dnul li:last-child{margin-top:30px;}
    /* 행정 - 토지부동산 개별공시지가 조사 추진일정 */
    .adms-wrap .officialland.land04 .land-cont div.table-wrap table{width:1000px;}

    /* 청소 - 생활폐기물 - 음식물쓰레기분리배출요령 */
    .adms-wrap .waste .waste02 .waste02-Ul li {width:70px; height:70px; padding-top:10px; font-size:12px; margin-right:30px;}
    .adms-wrap .waste .waste02 .waste02-Ul li:after {content: ''; display: block; position:absolute; right:-22px; top:50%; width:10px; height:1px; background-color: #000;}

    .imgVis{ position:relative;}
    .imgVis .vis-ori{display:block; position: absolute;right:0%; top:-4%; }

}

@media all and (max-width:480px){
    .civil .civilLi li{width:49%; }
    .civil .civilLi li a{min-width:50%;}

    /* 민원 - 여권민원 - 여권개요 */
    .adms-wrap .passport .pap01 .linkDiv{position: static; margin-top:10px;}

    /* 사전정보공표 */
    .adms-wrap .disc .discTap .discTap-Ldiv .dt-List li.dtList{background-size:30%; background-position: center 20%;}
    .adms-wrap .disc .discTap .discTap-Ldiv .dt-List li.dtList-09{background-size: 50%;}
    .adms-wrap .disc .discTap .discTap-Ldiv .dt-List li.dtList > a{padding-top:50px;}

    /* 주요통계*/
    .adms-wrap .keystat .ksSelect > p{font-size:14px; padding-top:6px;}

}
@media all and (max-width:410px){
    .ann-btn > a:nth-child(3){ margin:5px 0;}

    /*행정구역지도*/
    .map-ps-ab-mb{width:100%;}
    .map-left{width:100%;}
    .txt-ps-ab{bottom:12px;}
}


.adms-wrap  .blockDiv {width:90%; max-width:200px; text-align: center;}
.adms-wrap  .blockDiv .blockLi{width:100%; margin:10px 0;}
.adms-wrap  .blockDiv .blockLi > p{border:1px solid #d1d1d1;  color:#333; font-size:16px; padding:7px 5px;}
.adms-wrap  .blockDiv .blockLi .blTit{border-top:2px solid #0040D0; background-color:#f1f4fa;}
.adms-wrap  .blockDiv .blockLi .blCnt{border-top:none;}
.adms-wrap  .blockDiv .blockLi .blockImg {position: relative; margin:20px 0 20px;}
.adms-wrap  .blockDiv .blockLi .blockImg img{width:10px;}
.adms-wrap  .blockDiv .blockLi .blockImg p {width:300px; position: absolute; right:-320px; top:50%; transform: translate(0,-50%); font-size:12px; text-align: left;}
.adms-wrap  .blockDiv .blockLi .blockImg p:before {width:110px; content: ''; display: block; height:1px; background-color: #d1d1d1; position:absolute; left:-120px; top:50%;}

@media all and (max-width:680px){
    .adms-wrap  .blockDiv  {max-width: 100%;}
    .adms-wrap  .blockDiv .blockLi .blockImg {margin-bottom:10px;}
    .adms-wrap  .blockDiv .blockLi .blockImg p {position: relative; right:0; transform: translate(0,0); text-align: center; width:auto;}

}



/* 조직운영 5대지표 */
.adms-wrap .fiveList{width:100%; overflow: hidden;}
.adms-wrap .fiveList .fiveTit{width:140px; height:140px; margin:0 auto 50px;  border-radius: 50%; background-color: #19469D; color:#fff; text-align: center; text-align: center; padding-top:50px; font-size:20px; box-sizing: border-box; font-family: 'SCDream5'; line-height: 120%;}
.adms-wrap .fiveList .flUl{width:100%; overflow: hidden; text-align: center;}
.adms-wrap .fiveList .flUl .flLi{display: inline-block; width:19%; border:1px solid #d1d1d1; margin-bottom:10px;}
.adms-wrap .fiveList .flUl .flLi .fllTit{background-color:#4a78c2; color:#fff; padding:15px 0; font-size:18px; line-height: 150%;}
.adms-wrap .fiveList .flUl .flLi .filsTit{padding:15px; box-sizing: border-box;font-size:16px;}

@media screen and (max-width:680px){
    .adms-wrap .fiveList .fiveTit{font-size:18px; margin-bottom:30px;}
    .adms-wrap .fiveList .flUl .flLi{width:31%;}
    .adms-wrap .fiveList .flUl .flLi .fllTit{font-size:16px;}
    .adms-wrap .fiveList .flUl .flLi .filsTit{font-size:14px; padding:8px;}
}

/* 앱카드 */

.appCntTit{font-size:24px; color:#111; font-family:'SCDream5';}
.appCntStit{font-size:16px; color:#111; font-family:'Noto Sans KR Light Light';}
.appTap{overflow: hidden;}
.appTap ul{overflow: hidden;}
.appTap li{float:left;cursor: pointer; font-size:16px; font-family:'Noto Sans KR Light Light'; width:150px; padding:20px 10px; box-sizing: border-box; color:#333; border:1px solid #d1d1d1; background-color:#f7f7f7;text-align: center; }
.appTap li.atActice{border-color:#4d5bbc; background-color:#4d5bbc; color:#fff;}

.appCnt{display: none;}
.appCnt img{max-width:100%;}
.appCnt.appActive{display: block;}


/*동물등록*/
.aniBox .abTable {border-collapse: inherit;}
.aniBox .abTable thead th.clTh{text-align: center; background:#00184f;  box-sizing: border-box; color:#fff; font-size:18px; padding:10px 5px; line-height:120%; font-family:'SCDream4';}
.aniBox .abTable tbody td.anbor{padding:15px; border:1px solid #dcdcdc; box-sizing: border-box;}
.aniBox .abTable tbody td.anbor.anPad > h6{display: block; width:130px; margin:0 auto;}
.aniBox .abTable tbody td.anArrow{text-align: center; font-size:21px; color:#111; font-family:'SCDream5'; vertical-align: middle;}

@media screen and (max-width:680px){

    /*.aniBox {width:100%; overflow-x: scroll;}*/
    .aniBox .abTable thead th.clTh{font-size:16px; }
    .aniBox .abTable tbody td.anbor.anPad > h6{display: inline-block; width:auto;}

}

/*조직도*/
.org{position:relative; width:1250px; margin:0 auto; z-index:0;}
.org:after{display:block; content:''; clear:both;}
.org * {box-sizing:border-box}
.org ul.lev1{position:relative; padding-bottom:30px}
.org ul.lev1:before{position:absolute; top:145px;; left:50%; display:block; content:''; width:1px; height:140px; background:#d1d1d1;  z-index:5}
.org ul.lev1 li.lev1-1 h4{width:164px;height:164px; margin:0 auto; background:url("https://www.busanjin.go.kr/images/Potal_/content/memberBg.png") center center no-repeat; text-align:center; font-size:20px; padding-top:70px; position:relative; z-index:20}
.org ul.lev1 li.lev1-2 h5{width:200px; line-height:50px; background:#2e46b4; color:#fff; font-weight:bold; text-align:center; margin:40px auto 0 auto;position:relative;  z-index:10}
.org ul.lev1 li.lev1-1 ul.biseo-wrap li{width:200px; line-height:50px; background:#f1f4fb; border:1px solid #d1d1d1; text-align:center; position:absolute; top:60px; right:50%; margin-right:-380px; display: inline-block;}
.org ul.lev1 li.lev1-1 ul.biseo-wrap li:before{display:block; content:''; width:100px; height:1px; background:#d1d1d1; position: absolute; top:28px; right:50%; margin-right:99px;}
.org .lev2{position:relative; padding-top:30px;}
.org .lev2:before{display:block; content:''; width:1050px; height:1px; background:#d1d1d1;margin:0 auto}
.org .lev2:after{display:block; content:''; clear:both;}

.org .lev2 > li.lev2-wrap > ul > li{width:15.833%; margin-left:1%; float:left;}
.org .lev2 > li.lev2-wrap > ul > li:before{display:block; content:''; width:1px; height:30px; background:#d1d1d1; margin:0 auto}
.org .lev2 > li.lev2-wrap > ul > li:first-child{margin-left:0}
.org .lev2 > li.lev2-wrap > ul > li:nth-child(7){margin-left:16.888%}
.org .lev2 > li.lev2-wrap > ul > li:nth-child(7), .org .lev2 > ul > li:nth-child(8){margin-top:30px}
.org .lev2 > li.lev2-wrap > ul > li:nth-child(8){position: relative; margin-top:30px;}
.org .lev2 > li.lev2-wrap > ul > li:nth-child(8):before{content: none;}

.org .lev2 > li.lev2-wrap > ul > li:nth-child(7):before, .org .lev2 > ul > li:nth-child(8):before{display:none}
.org .lev2 h6, .org .lev2 h6 a{color:#fff; line-height:50px; text-align:center; margin-bottom:10px}
.org .lev2 h6.lev2-1{background:#6585d8; border:1px solid #4b6bbc; }
.org .lev2 h6.lev2-2{background:#e95959; border:1px solid #d83a3a; }
.org .lev2 h6.lev2-3{background:#885a42; border:1px solid #7c4f37; }
.org .lev2 ul.lev2-4 li{line-height:50px; background:#f1f4fb; border:1px solid #d1d1d1; text-align:center; margin-bottom:10px;}
.org .lev3{margin-top:50px;}
.org .lev3 li.first-tit h6.lev3-1{background:#555; color:#fff;line-height:50px; text-align:center; margin-bottom:10px; }
.org .lev3 li.nth2-wrap ul.lev3-2 li{width:15.833%; margin-left:1%; float:left;  line-height:50px; background:#f1f4fb; border:1px solid #d1d1d1; text-align:center; margin-bottom:10px;}
.org .lev3 li.nth2-wrap ul.lev3-2 li:nth-child(6n-5){margin-left:0}
.org .lev3 li.nth2-wrap ul.lev3-2 li a{display:block;}

@media all and (max-width:1600px){
  .org-wrap{width:900px; overflow-x:scroll;}
  .org-wrap .scroll-guide{display:block; position: relative; padding:10px 20px; background:#f6f6f6; margin-bottom:5px; text-align:center;}
  .org-wrap .scroll-guide:before{position:absolute; top:50%; left:0px; width:20px; height:20px; margin-top:-10px; line-height:20px; font-weight:600; content:"〈";}
  .org-wrap .scroll-guide:after{position:absolute; top:50%; right:0px; width:20px; height:20px; margin-top:-10px; line-height:20px; font-weight:600; content:"〉";}
  .org-wrap .scroll-guide p{ text-align:center;font-weight:600;color:#666;font-size:12px;}
  .org-wrap .scroll-guide p:before{content:"좌우스크롤 하시면 자세한 내용을 확인하실수 있습니다.";}
}

@media all and (max-width:1200px){
  .org-wrap{width:730px;}
}

@media all and (max-width:1000px){
  .org-wrap{width:100%;}
  .org{width:100%}
  .org .lev1:before{height:110px;}
  .org .lev2:before, .org .lev2 > ul > li:before{display:none;}
  .org .lev2 > li.lev2-wrap > ul > li{width:32.666%}
  .org .lev2 > li.lev2-wrap > ul > li:nth-child(7){margin-left:1%}
  .org .lev2 > li.lev2-wrap > ul > li:nth-child(3n-2){margin-left:0}
  .org .lev3 li.nth2-wrap ul.lev3-2 li{width:32.666%}
  .org .lev3 li.nth2-wrap ul.lev3-2 li:nth-child(6n-5){margin-left:1%}
  .org .lev3 li.nth2-wrap ul.lev3-2 li:nth-child(3n-2){margin-left:0}
}

@media all and (max-width:650px){
  .org .lev1:before{top:130px;}
  .org .lev1 h4.lev1-1{width:130px; height:130px; background-size:100% 100%; padding-top:55px;}
  .org .lev1 h5.lev1-2{margin-top:20px}
  .org ul.lev1 li.lev1-1 h4{width: auto;}
  .org ul.lev1 h4 span{top:50%; right:0; margin-right:0; width:90px; z-index:10; transform:translate(0px, -50%);}
  .org ul.lev1 h4 span:before{right:0; margin-right:90px; z-index:5; width:100%}
  .org .lev2 > li.lev2-wrap > ul > li{width:49.5%}
  .org .lev2 > li.lev2-wrap > ul > li:before{content: none;}
  .org .lev2 > li.lev2-wrap > ul > li:nth-child(3n-2){margin-left:1%}
  .org .lev2 > li.lev2-wrap > ul > li:nth-child(2n-1){margin-left:0}
  .org .lev3 li.nth2-wrap ul.lev3-2 li{width:49.5%}
  .org .lev3 li.nth2-wrap ul.lev3-2 li:nth-child(3n-2){margin-left:1%}
  .org .lev3 li.nth2-wrap ul.lev3-2 li:nth-child(2n-1){margin-left:0}
  .org .lev2 > li.lev2-wrap > ul > li:nth-child(8){margin-top:0px;}
  .org .lev2 > li.lev2-wrap > ul > li:nth-child(7), .org .lev2 > ul > li:nth-child(8){margin-top:0px;}
}



/*조직도-2025*/
.org-2025{position:relative; margin:0 auto; z-index:0;}
.org-2025:after{display:block; content:''; clear:both;}
.org-2025 * {box-sizing:border-box}
.org-2025 ul.lev1{position:relative; padding-bottom:30px}
.org-2025 ul.lev1:before{position:absolute; top:145px;; left:50%; display:block; content:''; width:1px; height:140px; background:#d1d1d1;  z-index:5}
.org-2025 ul.lev1 li.lev1-1 h4{width:164px;height:164px; margin:0 auto; background:url("https://www.busanjin.go.kr/images/Potal_/content/memberBg.png") center center no-repeat; text-align:center; font-size:20px; padding-top:70px; position:relative; z-index:20}
.org-2025 ul.lev1 li.lev1-2 h5{width:200px; line-height:50px; background:#2e46b4; color:#fff; font-weight:bold; text-align:center; margin:40px auto 0 auto;position:relative;  z-index:10}
.org-2025 ul.lev1 li.lev1-1 ul.biseo-wrap li{width:200px; line-height:50px; background:#f1f4fb; border:1px solid #d1d1d1; text-align:center; position:absolute; top:60px; right:50%; margin-right:-380px; display: inline-block;}
.org-2025 ul.lev1 li.lev1-1 ul.biseo-wrap li:before{display:block; content:''; width:100px; height:1px; background:#d1d1d1; position: absolute; top:28px; right:50%; margin-right:99px;}
.org-2025 .lev2{position:relative; padding-top:30px;}
.org-2025 .lev2:before{display:block; content:''; width:calc(100% - 13.5%); height:1px; background:#d1d1d1;margin:0 auto}
.org-2025 .lev2:after{display:block; content:''; clear:both;}

.org-2025 .lev2 > li.lev2-wrap > ul {display:flex; flex-wrap:wrap;}
.org-2025 .lev2 > li.lev2-wrap > ul > li{width:13.4285%; margin-left:1%; }
.org-2025 .lev2 > li.lev2-wrap > ul > li:before{display:block; content:''; width:1px; height:30px; background:#d1d1d1; margin:0 auto}
.org-2025 .lev2 > li.lev2-wrap > ul > li:first-child{margin-left:0}

.org-2025 .lev2 > li.lev2-wrap > ul > li:nth-child(8){margin-left:14.4285%}
.org-2025 .lev2 > li.lev2-wrap > ul > li:nth-child(8), 
.org-2025 .lev2 > ul > li:nth-child(8){margin-top:30px}
.org-2025 .lev2 > li.lev2-wrap > ul > li:nth-child(9){position: relative; margin-top:30px;}
.org-2025 .lev2 > li.lev2-wrap > ul > li:nth-child(9):before{content: none;}

.org-2025 .lev2 > li.lev2-wrap > ul > li:nth-child(8):before, 
.org-2025 .lev2 > ul > li:nth-child(9):before{display:none}
.org-2025 .lev2 h6, 
.org-2025 .lev2 h6 a{color:#fff; line-height:50px; text-align:center; margin-bottom:5px}
.org-2025 .lev2 h6.lev2-1{background:#6585d8; border:1px solid #4b6bbc; }
.org-2025 .lev2 h6.lev2-2{background:#e95959; border:1px solid #d83a3a; }
.org-2025 .lev2 h6.lev2-3{background:#885a42; border:1px solid #7c4f37; }
.org-2025 .lev2 ul.lev2-4 li{line-height:50px; background:#f1f4fb; border:1px solid #d1d1d1; text-align:center; margin-bottom:5px;}
.org-2025 .lev3{margin-top:50px;}
.org-2025 .lev3 li.first-tit h6.lev3-1{background:#555; color:#fff;line-height:50px; text-align:center; margin-bottom:10px; }
.org-2025 .lev3 li.nth2-wrap ul.lev3-2 li{width:15.833%; margin-left:1%; float:left;  line-height:50px; background:#f1f4fb; border:1px solid #d1d1d1; text-align:center; margin-bottom:10px;}
.org-2025 .lev3 li.nth2-wrap ul.lev3-2 li:nth-child(6n-5){margin-left:0}
.org-2025 .lev3 li.nth2-wrap ul.lev3-2 li a{display:block;}

@media all and (max-width:1600px){
  .org-wrap2{ overflow-x:scroll; }
  .org-wrap2 .scroll-guide{display:block; position: relative; padding:10px 20px; background:#f6f6f6; margin-bottom:5px; text-align:center;}
  .org-wrap2 .scroll-guide:before{position:absolute; top:50%; left:0px; width:20px; height:20px; margin-top:-10px; line-height:20px; font-weight:600; content:"〈";}
  .org-wrap2 .scroll-guide:after{position:absolute; top:50%; right:0px; width:20px; height:20px; margin-top:-10px; line-height:20px; font-weight:600; content:"〉";}
  .org-wrap2 .scroll-guide p{ text-align:center;font-weight:600;color:#666;font-size:12px;}
  .org-wrap2 .scroll-guide p:before{content:"좌우스크롤 하시면 자세한 내용을 확인하실수 있습니다.";}
}


@media all and (max-width:1000px){
  .org-wrap2{width:calc(100% - 20px); margin:0 10px;}
  .org-2025{width:100%}
  .org-2025 .lev1:before{height:110px;}
  .org-2025 .lev2:before, 
  .org-2025 .lev2 > ul > li:before{display:none;}
  .org-2025 .lev2 > li.lev2-wrap > ul > li{width:32.666%; margin-bottom:30px;}
  .org-2025 .lev2 > li.lev2-wrap > ul > li:nth-child(7){margin-left:1%}
  .org-2025 .lev2 > li.lev2-wrap > ul > li:nth-child(3n-2){margin-left:0}
  .org-2025 .lev3 li.nth2-wrap ul.lev3-2 li{width:32.666%}
  .org-2025 .lev3 li.nth2-wrap ul.lev3-2 li:nth-child(6n-5){margin-left:1%}
  .org-2025 .lev3 li.nth2-wrap ul.lev3-2 li:nth-child(3n-2){margin-left:0}

  .org-2025 .lev2 > li.lev2-wrap > ul > li:nth-child(8){margin-left:1%; margin-top:0;}
  .org-2025 .lev2 > li.lev2-wrap > ul > li:nth-child(9){margin-top:0;}
  .org-2025 .lev2 > li.lev2-wrap > ul > li:before {display:none;}

}

@media all and (max-width:650px){
  .org-2025 .lev1:before{top:130px;}
  .org-2025 .lev1 h4.lev1-1{width:130px; height:130px; background-size:100% 100%; padding-top:55px;}
  .org-2025 .lev1 h5.lev1-2{margin-top:20px}
  .org-2025 ul.lev1 li.lev1-1 h4{width: auto;}
  .org-2025 ul.lev1 h4 span{top:50%; right:0; margin-right:0; width:90px; z-index:10; transform:translate(0px, -50%);}
  .org-2025 ul.lev1 h4 span:before{right:0; margin-right:90px; z-index:5; width:100%}
  .org-2025 .lev2 > li.lev2-wrap > ul > li{width:49.5%}
  .org-2025 .lev2 > li.lev2-wrap > ul > li:before{content: none;}
  .org-2025 .lev2 > li.lev2-wrap > ul > li:nth-child(3n-2){margin-left:1%}
  .org-2025 .lev2 > li.lev2-wrap > ul > li:nth-child(2n-1){margin-left:0}
  .org-2025 .lev3 li.nth2-wrap ul.lev3-2 li{width:49.5%}
  .org-2025 .lev3 li.nth2-wrap ul.lev3-2 li:nth-child(3n-2){margin-left:1%}
  .org-2025 .lev3 li.nth2-wrap ul.lev3-2 li:nth-child(2n-1){margin-left:0}
  .org-2025 .lev2 > li.lev2-wrap > ul > li:nth-child(8){margin-top:0px;}
  .org-2025 .lev2 > li.lev2-wrap > ul > li:nth-child(7), .org .lev2 > ul > li:nth-child(8){margin-top:0px;}
  .biseo-wrap {display:none;}
}






/*동물등록대행*/
.animal-step:after{display:block; content:''; clear:both;}
.animal-step > ol > li{width:35%; float:left;}
.animal-step > ol > li:last-child{width:30%}
.animal-step > ol > li dl {width:90%; border:1px solid #ddd; height:350px; }
.animal-step > ol > li:last-child dl{width:100%}
.animal-step > ol > li dl dt{background:#00184f; color:#fff; text-align:center; font-size:18px; padding:10px 5px; font-family:'SCDream4'}
.animal-step > ol > li dl dd{ box-sizing:border-box; padding:25px; border-top:1px solid #ddd; position:relative;}
.animal-step > ol > li dl dd.box1{height:185px;}
.animal-step > ol > li dl dd:after{display:block; content:'▶'; position:absolute; top:45%; right:-27px; font-size:15px; color:#000}
.animal-step > ol > li:last-child dl dd:after{display:none}
.animal-step > ol > li dl dd ul.cont-list.step01{margin:10px 0 0 10px}

@media all and (max-width:1000px){
    .animal-step > ol > li{width:100% !important; float:none; padding-bottom:25px;}
    .animal-step > ol > li:last-child{padding-bottom:0}
    .animal-step > ol > li dl{width:100%; height:auto;}
    .animal-step > ol > li dl dd{padding:15px;}
    .animal-step > ol > li dl dd.box1{height:auto;}
    .animal-step > ol > li dl dd:after{content:'▼'; top:95%; right:50%}
    .animal-step > ol > li dl dd.box1:after{display:none;}

}

/*구정비전*/
.vision {width:900px; margin:0 auto}
.vision > div {margin-bottom:50px;}
.vision *{box-sizing:border-box;}
.vision .title{overflow:hidden; background:url('/images/Potal_/content/img-vision-bg3.gif') repeat-x 0 45%; text-align:center; }
.vision .title h4{display:inline-block; position:relative; background:#fff; text-align:center; padding:40px 20px;}
.vision .title h4 strong{color:#222; font-size:35px; position:relative;}
.vision .title h4 span{position:absolute; color:#f1f4fa; font-size:60px; width:100%; text-align:center; top:20px; left:0; font-weight:bold;}

.vision .box1 .in{position:relative; width:100%; box-sizing:border-box;}
.vision .box1 .in img {position: relative; z-index: 1;}
.vision .box1 .in:before {content:''; display:block; width:50px; border:18px solid #f1f4fa; height:100%; border-right:0; position:absolute; top:0; left:0; box-sizing:border-box; z-index:0;}
.vision .box1 .in:after {content:''; display:block; width:50px; border:18px solid #f1f4fa; height:100%; border-left:0; position:absolute; top:0; right:0; box-sizing:border-box; z-index:0;}

.vision .box3 ul {display:flex; flex-flow: row wrap; justify-content: space-around;}
.vision .box3 ul li{width:49.5%; background:#f1f4fa; padding:20px; font-size:19px; margin-bottom:10px}
.vision .box3 ul li:nth-child(2n){float:right;}

.vision .in img {max-width:calc(100% - 30px);}


@media all and (max-width:1000px){
    .vision {width:100%; margin:0 auto;}
}
@media all and (max-width:800px){
    .vision .title h4 span{font-size:35px;}
    .vision .title h4 strong{font-size:27px;}
    .vision .box3 ul li{width:100%; padding:10px; font-size:15px;}
}    

/*7월26일 추가*/                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                   
.shoes_intro{display:flex; margin:30px -0.5% 0 -0.5%; flex-wrap: wrap; padding:0 15px;}
.shoes_intro li{width:32.3%; margin:0 0.5% 1% 0.5%;}
.shoes_intro li img {width:100%;}

.shoes_intro.type01{ margin:0 -0.5%; padding:0;}
.shoes_intro.type01 li span{padding:10px; font-size:18px; background:#3082e7; color:#fff; font-family: 'SCDream3','Malgun Gothic',sans-serif; font-weight: 600; letter-spacing: -1px; height: 40px;display: flex;  justify-content: center; align-items: center; margin-bottom: 5px;}

@media (max-width: 1000px){
	.shoes_intro{ padding:0 10px;}
}

@media (max-width: 768px){
	.shoes_intro li{width:49%; }

	.shoes_intro.type01 li{width:100%; margin:0; margin-bottom:3%;}
	.shoes_intro.type01 li span{font-size:16px; height:auto; margin-bottom: 5px;}
}

/*대표 추진사업*/
.Business { overflow:hidden; margin-bottom:40px; padding-bottom:40px; border-bottom:1px solid #e4e4e4; box-sizing: border-box; }
.Business .img { float:right; width:30%; margin:0; text-align:center; }
.Business .img img{ width:100%; border-radius:20px;}
.Business .txt { float:left; width:65%; margin:0;   font-family: 'Noto Sans KR Light','Malgun Gothic',sans-serif; font-size: 16px; line-height: 140%;}
.Business .txt p { margin-bottom:10px; }
.Business .txt div { margin-top:30px; }

.Business ul{ margin: 0 0 30px 0; }
.Business ul li { overflow:hidden; position:relative; line-height:26px; margin:8px 0; padding-left:30px; font-size:15px; color:#000; background:url(/images/Potal_/content/c_icon_04.png) no-repeat 0 0;}
.Business ul li span.tit{ float:left; font-weight:bold; width:10%; display:inline-block; }
.Business ul li span.con{ float:right; width:90%; display:inline-block; }



.Business h3 { float:left; margin:10px 0 15px 0; padding:0; letter-spacing:0; font-size: 20px; color: #373777; font-weight: 600;  width:65%;}
.Business:nth-child(2n) h3 { float:right; width:65%; }
.Business:nth-child(2n) .img{ float:left; }
.Business:nth-child(2n) .txt{ float:right; }
.Business:last-child { padding-bottom:0; border:none; }


@media only screen and (max-width:1024px) {
	.Business ul li span.tit{ width:16%; }
	.Business ul li span.con{ width:84%; }
	.Business ul li span.tit_s{ width:10%; }
	.Business ul li span.con_s{ width:90%; }
}

@media only screen and (max-width:768px) {
	.Business .img { float:none; width:100%; }
	.Business .img img{border-radius:0;}
	.Business .txt { float:none; width:100%; margin-top:20px; }
	.Business .txt div { text-align:center; }
	.Business h3{ margin:0 0 20px 0; width:100%; }
	.Business:nth-child(2n) h3{ float:none; width:100%;}
	.Business ul li span.tit{ width:21%; }
	.Business ul li span.con{ width:79%;}

}

.gray_box{background:#f8f8fb; padding:64px 45px; display:flex; flex-wrap: wrap;}
.gray_box li{width:33.3%; text-align: center;     position: relative;}
.gray_box li:after{content: ''; display: block;  position: absolute;  right: 0;  top: 0;  height: 110%; border-right: 1px dashed #ddd;}
.gray_box li .img{height:66px; display: flex;  align-items: center; justify-content: center; }
.gray_box li .text{font-size:18px; line-height:25px; }
.gray_box li .text span{color:#373789; font-weight: bold; }
.gray_box li:last-child:after{display:none;}

@media only screen and (max-width:640px) {
	.gray_box{padding:15px 30px; }
	.gray_box li{width:100%; padding:20px 0;}
	.gray_box li:after{ right: 0;  top: auto; bottom:0;  height: 1px;  border-bottom: 1px dashed #ddd; border-right:none; width: 100%;}
}


.line_box{border:1px solid #ddd; padding:40px; margin-top:10px;}
.line_box ul{display:flex; flex-wrap: wrap; justify-content: center;  align-items: center;}
.line_box ul li{margin:0 10px 10px 0;}



.org_pic{ display: flex;  align-items: center; justify-content: center;  margin:0 -0.5%; flex-wrap: wrap;}
.org_pic li{width:24%; margin:0 0.5%;}
.org_pic li img{width: 100%;}

@media only screen and (max-width:640px) {
	.org_pic li{width:49%; margin-bottom:10px;}
}

.num_cont-title{position: relative; font-size: 20px;  color: #3c3c98;  font-weight: 600; border:1px solid #3c3c98; padding:10px 0; width:400px;}
.num_cont-title span.num{color:#fff; width:40px; display:inline-block; margin-right:10px;  z-index:1; position: relative; text-align: center;}
.num_cont-title:before{content:''; position: absolute; left:0; top:0; background:#5959a7;  width:40px; height:100%; z-index:0;}


@media only screen and (max-width:430px) {

	.num_cont-title{font-size:16px; width:100%;}
	.num_cont-title span.num{width:25px;}
	.num_cont-title:before{width:25px;}
}

.board-list table.list01.type01 td.moile_img{display:none;}
.board-list table.list01.type01 td.pc_img img{width:160px;}
.board-list table.list01.type01 td span.shoe_shop_title{display:none;}


@media only screen and (max-width:1000px) {
	.board-list table.list01.type01 tbody tr{padding: 5px 10px 10px 10px;}
	.board-list table.list01.type01 td{font-size: 15px; line-height: 140%; display: block;}
	.board-list table.list01.type01 td:after{display:none;}
	.board-list table.list01.type01 td.moile_img{display:block; margin: 10px 0;}
	.board-list table.list01.type01 td.moile_img img{width:100%;}
	.board-list table.list01.type01 td.pc_img{display:none;}
	.board-list table.list01.type01 td span.shoe_shop_title{padding-left:10px; display: inline-block; position: relative;  font-weight: 600;  color: #000; margin-right: 10px;}
	.board-list table.list01.type01 td span.shoe_shop_title:before{ position: absolute; top: 8px; left: 0px; width: 4px; height: 4px;  background: #727294; content: ""; border-radius: 50%;}
	.board-list table.list01.type01 td:last-child{margin-bottom:10px;}
}


.oga_shoes {position:relative; text-align:center; width:100%; margin-top:50px!important; margin-bottom:50px; padding:0 5%; box-sizing:border-box; font-family: 'Noto Sans KR Light','Malgun Gothic',sans-serif;}
.oga_shoes li { box-sizing:border-box; position:relative;}
.oga_shoes ul {margin-top:50px;}
.oga_shoes>li:before {content:''; width:1px; height:50px; background:#ccc; position:absolute; top:166px; left:50%; display:block;}
.oga_shoes>li:after{content:''; width:5px; height:5px; background:#373789; position:absolute; top:213px; left:50%; display:block; border:2px solid #fff; border-radius:50%;  transform: translate(-50%, 0);}
.oga_shoes li.ch01>div{position:relative; color:#373789; font-size:24px; font-weight:600;width:146px; margin:0 auto;line-height: 168px;}
.oga_shoes li.ch01>div:before{content:''; width:146px; height:168px; background:url(/images/Potal_/content/polygons.png) no-repeat 0 0; position: absolute; left: 0; top: 0;}
.oga_shoes li.ch02>div{background:#373789; color:#fff; font-size:18px; line-height: 60px; font-weight:600;width:244px; margin:0 auto; border-radius:30px;}
.oga_shoes li.ch02>div span {font-weight:400;}
.oga_shoes li.ch02>div:before {content:''; width:1px; height:40px; background:#ccc; position:absolute; top:61px; left:50%; display:block;}

.oga_shoes ul.ot{margin-top:40px;}
.oga_shoes ul.ot:before {content:''; width:80.1%; height:1px; background:#ccc; position:absolute; top:99px; left:50%; display:block; margin-left:-40%}
.oga_shoes ul.ot>li {float:left; width:calc(20% - 42px); display:block; margin:0 21px; margin-top:40px; position:relative; }
.oga_shoes ul.ot>li:before {content:''; width:1px; height:40px; background:#ccc; position:absolute; top:-40px; left:50%; display:block;}
.oga_shoes ul.ot>li:after{content:''; width:5px; height:5px; background:#373789; position:absolute; top:-4px; left:50%; display:block; border:2px solid #fff; border-radius:50%;  transform: translate(-50%, 0);}
.oga_shoes ul.ot>li:last-child {margin-right:0;}

.oga_shoes ul.ot>li dl dt {color:#373789; font-size:16px; font-weight: 600; line-height: 60px; background:#ebebf3; border-radius:30px; margin-bottom:15px;}

.oga_shoes ul.ot>li dl dd {min-height: 100px; padding: 20px; box-sizing: border-box; border: 5px solid #ebebf3; border-radius: 30px; font-size: 16px; display: flex; align-items: center;  justify-content: center;}

.oga_shoes2 {position:relative; width:100%; padding-top:30px!important; margin-bottom:30px; border-top:1px dashed #dedede;}
.oga_shoes2 dt {background:#5350a6; color:#fff; padding:8px 0px; float:left; width:25%; text-align:center; box-sizing:border-box;}
.oga_shoes2 dt span {font-size:13px; display:inline-block; font-weight:200; opacity:1;}
.oga_shoes2 dt span:before {content:''; width:1px; height:10px; background:rgba(255,255,255,0.5);  display:inline-block; margin:0 10px;}



@media only screen and (max-width:1360px) {
	.oga_shoes{padding:0;}
	.oga_shoes ul.ot>li{width: calc(20% - 20px); margin: 40px 10px 0 10px;}

}

@media only screen and (max-width:870px) {
	
	.oga_shoes ul.ot>li{width: 100%; margin: 20px 0;}
	.oga_shoes ul.ot:before{display:none;}
}


	.shoes_history{border:1px solid #ddd; padding:50px 10px; position: relative; border-radius:5px; font-family: 'Noto Sans KR Light','Malgun Gothic',sans-serif;}
	.shoes_history:before{content:''; display:block; left:50%; height:100%; width:1px; background:#ddd; position: absolute;top:0;}
	.shoes_history li{display: flex;  width: 100%;}
	.shoes_history li.h_right{justify-content: flex-end;}

	.shoes_history dl{width:50%; padding-left:90px; box-sizing:border-box; position: relative;}
	.shoes_history dl:before{content:''; display:block; left:0; height:1px; width:80px; background:#ddd; position: absolute;top:12px;}
	.shoes_history dl:after{content:''; display:block; left:-13px; height:27px; width:27px; background:rgba(55,55,137,10%); position: absolute;top:0px; border-radius:50%;}
	.shoes_history dl dt{color:#373789; font-size:32px; font-weight: 600; position: relative; margin-bottom: 30px;}
	.shoes_history dl dt:after{content:''; display:block; left:-96px; height:13px; width:13px; background:rgba(55,55,137,100%); position: absolute;top:6px; border-radius:50%; }

	.shoes_history li.h_left{text-align: right;}
	.shoes_history li.h_left dl{padding:0 90px 0 0;}
	.shoes_history li.h_left dl:before{left:auto ; right:0;}
	.shoes_history li.h_left dl:after{left:auto ; right:-13px;}
	.shoes_history li.h_left dl dt:after{left:auto; right:-96px;}
	.shoes_history li.h_left dl dd ul li{flex-direction: row-reverse;}

	.shoes_history dl dd ul li{font-size:16px; margin-bottom:15px;}
	.shoes_history dl dd ul li span.tit{font-weight: 600; width:60px; color:#000; }
	.shoes_history dl dd ul li span.con{width:calc(100% - 60px); }

	@media only screen and (max-width:790px) {

		.shoes_history {border:0; padding: 30px 10px;}
		.shoes_history:before{left:13px;}
		.shoes_history li{ margin-bottom: 20px;}
		.shoes_history li.h_right{justify-content: flex-start;}
		.shoes_history dl{width:100%; padding-left: 50px;}
		.shoes_history dl:before{width: 30px; left:2px;}
		.shoes_history dl:after{left:-10px;}
		.shoes_history dl dt{font-size: 20px;  margin-bottom: 15px;}
		.shoes_history dl dt:after{left: -54px;}


		.shoes_history li.h_left{text-align: left;}
		.shoes_history li.h_left dl{padding:0 0 0 50px;}
		.shoes_history li.h_left dl:before{left:2px ; right:auto;}
		.shoes_history li.h_left dl:after{left:-10px ; right:auto;}
		.shoes_history li.h_left dl dt:after{left:-54px; right:auto}
		.shoes_history li.h_left dl dd ul li{flex-direction: row;}

	}

  
.perbox {position:relative; margin-top:50px;}
.perbox ul {display:flex; justify-content: space-between; flex-wrap:wrap;}
.perbox ul li {width:15%;  border-radius:5px; border:1px solid #dedede;}
.perbox ul li a {display:block; text-align:center; padding:20px 10px;}
.perbox ul li a:before {content:''; display:block; width:70px; height:70px; background:#ff0000; margin:0 auto 10px; background-size:auto 100%!important;}

.perbox ul li a.p01:before {background:url(/images/Potal_/content/personal_icon/pi_collect.png) no-repeat 50% 50%; }
.perbox ul li a.p02:before {background:url(/images/Potal_/content/personal_icon/pi_object.png) no-repeat 50% 50%; }
.perbox ul li a.p03:before {background:url(/images/Potal_/content/personal_icon/pi_period.png) no-repeat 50% 50%; }
.perbox ul li a.p04:before {background:url(/images/Potal_/content/personal_icon/pi_supply.png) no-repeat 50% 50%; }
.perbox ul li a.p05:before {background:url(/images/Potal_/content/personal_icon/pi_consignment.png) no-repeat 50% 50%; }
.perbox ul li a.p06:before {background:url(/images/Potal_/content/personal_icon/pi_voc.png) no-repeat 50% 50%; }


.perlist {position:relative; margin-top:50px;}
.perlist ul {display:flex; justify-content: space-between; flex-wrap:wrap; padding:20px; border:1px solid #dedede; border-radius:10px;}
.perlist ul li {width:50%; padding:5px 10px; box-sizing:border-box;}
.perlist ul li a img {width:25px; height:25px;}

@media (max-width:768px) {
  .perbox ul li {width:30%; margin-bottom:10px}
  .perlist ul li {width:100%;}
}         

/*기부금*/
.donation_wrap{padding:15px 0;}
	.donation_list{display: flex; flex-wrap: wrap; align-items: center; margin-left: -15px;}
	.donation_list li{margin:32px 15px; width:calc(33.33% - 30px);}
	.donation_list li a{display:block; box-shadow: 5px 10px 20px rgb(0 0 0 / 5%); position: relative; color:#000; background:url(/images/Potal_/content/donation_bg.jpg) no-repeat 0px 0px; background-size:cover; border-radius:0 30px 0 0;}
	.donation_list li a .donation_info{ background:url(/images/Potal_/content/betsey.png) no-repeat 35px 50px; padding:50px 35px 32px 100px; }
	.donation_list li a span{display:block;}	
	.donation_list li a span.donation_naem{font-size:24px; font-weight: bold; padding-bottom:15px;  }

	.donation_list li a span.donation_affiliation{font-size:16px;}
	.donation_list li a span.donation_data{font-size:14px; margin-top:30px; border-radius:30px; border:1px solid #ddd; padding:5px 20px; text-align: center; color:#000;}
	.donation_list li a span.donation_data i{margin-right:10px; font-weight: bold;}

	.donation_list li a .donation_amount{  padding:15px 0; font-size:16px; background: linear-gradient(90deg, rgba(89,14,120,1) 0%, rgba(169,12,88,1) 100%); text-align: center; color:#fff; font-weight: 600;}
	.donation_list li a .donation_amount span{display:inline-block; position: relative; }	
	.donation_list li a .donation_amount span.tit:after{content: '';  display: inline-block; width: 1px;  background: #a05495;  height: 12px; margin: 0 10px;}

	@media screen and (max-width:1100px){

		.donation_list li{width: calc(50% - 30px);}

	}


	@media screen and (max-width:700px){

		.donation_list{margin-left: 0;}
		.donation_list li{width: 100%;     margin: 20px 0px;}
		.donation_list li a .donation_info{background:url(/images/Potal_/content/betsey.png) no-repeat 10px 30px;  padding:30px 35px 32px 80px;}



	}