@charset "utf-8";

body{font-size: 14px;font-family:'맑은 고딕','Malgun Gothic','돋움','dotum',serif;font-weight:400;line-height: 1.6em;color: #000;}

input[type=checkbox]:focus, input[type=checkbox]:active{border:1px dotted #333}
button, input, optgroup, select, textarea{vertical-align: middle;}
textarea{padding: 20px;width: 100%;min-height:120px;line-height: normal;}
strong { font-weight:400; }
th{font-weight:400;}
hr{clear: both;width: 100%;margin-top: 30px;margin-bottom: 30px;float: left;}

a{color:#000;}
a:hover, a:focus, a:active { text-decoration:underline;}
caption {position: absolute; top: 0px; left: 0px; overflow: hidden; width: 1px; height: 1px; margin:-1px; line-height: 0;opacity:0}
address{font-style: normal;}
h1, h2, h3, h4, h5{margin: 0;padding: 0;}
h1:before, h2:before, h3:before, h4:before, h5:before{font-family: FontAwesome, 'Noto Sans', serif;}
h1{font-size: 36px;line-height: 60px;font-weight: 400;}
h2{font-size: 22px;line-height: 40px;font-weight: 500;}
h3{font-size: 20px;line-height: 30px;font-weight: 500;}
h4{font-size: 18px;line-height: 30px;font-weight: 400;}
h5{font-size: 17px;line-height: 18px;}
h6{font-size: 16px;line-height: 18px;}

/* button */
input[type=text],input[type=password],input[type=file],select,
textarea{border:1px solid #cccccc;padding:5px;line-height:20px;height:34px;vertical-align:middle;}
input[type=file]{-moz-border:inherit}
input[type=button]{margin:0 1px}
select{font-size: 15px;padding: 5px;vertical-align: middle;height: 38px;}
select,textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"],
input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"],
input[type="search"], input[type="tel"], input[type="color"], .uneditable-input { background-color: #ffffff; border: 1px solid #cccccc;
	-webkit-box-shadow: inset 0 3px 4px rgba(0, 0, 0, 0.075);
	-moz-box-shadow: inset 0 3px 4px rgba(0, 0, 0, 0.075);
	box-shadow: inset 0 3px 4px rgba(0, 0, 0, 0.075);
	-webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
	-moz-transition: border linear 0.2s, box-shadow linear 0.2s;
	-o-transition: border linear 0.2s, box-shadow linear 0.2s;
	transition: border linear 0.2s, box-shadow linear 0.2s;}
input[type="checkbox"],input[type="radio"]{display: inline-block}
select:focus, textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus,
input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus,
input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus,
.uneditable-input:focus { border-color: rgba(82, 168, 236, 0.8); outline: 0;
	-webkit-box-shadow: inset 0 3px 4px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
	-moz-box-shadow: inset 0 3px 4px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
	box-shadow: inset 0 3px 4px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);}
.souceUrl{clear: both;}
.h-a{height: auto !important;}
.w-a{width: auto !important;}
.uline{display: inline-block;border-bottom:1px solid #616160;padding-bottom: 5px;}

img{max-width:100%;}

::-webkit-input-placeholder { color: #000}
::-moz-placeholder { color: #000}
:-ms-input-placeholder { color: #000}
:-moz-placeholder { color: #000}

.bx1, .bx2{-moz-border-radius: 0px;-webkit-border-radius: 0px; border-radius: 0px;}
.m-service h3{font-weight: 700;line-height: 27px;}
#mayor dt,
#mayor .ul03 a,
.mamyerMore li a,
.mayorDesc,
.subSet .dl01 a,
.noticeList .category{font-family: FontAwesome, 'Noto Sans', serif;}

#wrapper{background: none;}
#wrap{max-width: 100%;}
.animated { visibility: hidden; }
.animatedKey { visibility: visible !important; }
.visible {visibility: visible; }
.modal-body{background-color: #fff;width: 100%;}





.container{position: relative;padding-left: 0;padding-right: 0;}

#main h2{font-size:30px;font-weight: 500;letter-spacing: -2px;text-align: center;color:#333;padding-top: 23px;line-height: 50px;text-transform: uppercase;}

#visual{position: relative;float: left;width: 100%;clear: both;z-index: 5; }
#visual .visualSet{position:relative;text-align: center;height: 410px;}
#visual .ctrl{position: relative;max-width: 1300px;margin:0 auto;}
#visual .ctrl button{width: 73px;height:73px;position: absolute;z-index: 50;top:160px;border:none;}
#visual .ctrl .visualPrev{background: url(/static/portal/img/main/visualPrev.png) no-repeat;left:0;background-size: 100% auto;}
#visual .ctrl .visualNext{background: url(/static/portal/img/main/visualNext.png) no-repeat;right:0;background-size: 100% auto;}
#visual .ctrl .visualStop{background-position:0 -34px}
#visual .visualArea{width:100%;clear:both;}
#visual .visualArea .bg{height:100%;background-size: cover;background-repeat: no-repeat; background-position:50% 0}
#visual .visualArea .slick-slide{height: 400px;}
#visual .visualArea .slick-slide a{height:400px}
#visual .visualPaging{bottom: 0;}
.visualPaging li.slick-active button{opacity: 1}
.visualPaging li button{opacity: 0.8}

#mayor{position: relative;text-align:left;clear: both;height:320px;z-index: 1;}
#mayor .container{height: 100%;}
@media (max-width:1380px){
	#mayor .container{padding-top: 10px;}
}
@media (max-width:1200px){
	#mayor .container{padding-top: 20px;}
}
@media (max-width:767px){
	#mayor .container{padding-top: 0;}
}
#mayor h2{float: left;margin-top:40px;padding-top: 0;margin-bottom: 12px;}
.mayorInfo .voteAd{position:absolute;z-index:1;left:0;top:0;}
	@media (min-width:1001px){
		.mayorInfo .voteAd{padding-right: 20px;}
	}
.mayorInfo .voteAd img{width:100%;}
.mayorInfo{position: relative;width:760px;float: left;height: 100%;top: 0;background: url(/static/portal/img/main/mayor_bg.gif) no-repeat;}
.mayorInfo>a{display:inline-block;float:left;width:100%;height:100%;}
@media (max-width:1000px){
	.mayorInfo{height: 153%;}
	.mayorInfo .voteAd{position: static;}
}
@media (max-width:768px){.mayorInfo{height: 103%}}
@media (max-width:425px){.mayorInfo{height: 123%}}
.mayors{position: absolute;left: 16%;top: 96px;z-index: 10;}
.mayorDesc{clear: both;line-height: 27px;letter-spacing: -1px;font-size:20px;padding-top: 140px;position: absolute;z-index: 10;padding-left: 22px;}
.subSet{width:540px;height: 100%;float: left;background:url(/static/portal/img/main/mayor_pat.gif);}
.subSet dl, .subSet ul{display: block;float: left;text-align: left;}
.subSet .dl01 a{width:33.33333%;float: left;display: block;height: 130px; text-align: center;color:#fff; padding-top: 84px; font-size: 17px; }
.subSet .dl01 .dla1{background:#626e97 url(/static/portal/img/main/center_01.png) no-repeat 50% 0;}
.subSet .dl01 .dla2{background:#1f9ed9 url(/static/portal/img/main/center_05.png) no-repeat 50% 17px;}
.subSet .dl01 .dla3{background:#626e97 url(/static/portal/img/main/center_04.png) no-repeat 50% 17px;}
.subSet dl .img{display: block;padding-bottom: 13px;}
.subSet dl dt{font-weight: 500;font-size:20px;letter-spacing: -2px;margin-bottom:5px;padding:25px 0 0 80px;color:#fff;}
.subSet dl dd{font-size: 15px;word-break: keep-all;}
.subSet dl dd a:before{content:'• ';}
.subSet dl dd a{display: block;padding:0 0 0 88px;height:20px;color: #fff;text-indent:-10px;}
.subSet .dl02 dd a{text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.subSet ul{width: 100%;}
.subSet ul li{display: inline-block;width: 32%;font-size: 18px;line-height: 70px;text-align: center;font-weight: 500;font-family:FontAwesome, 'Noto Sans'; }
.subSet ul li a i{font-size:26px;}

.weatherSet{position: absolute;right: -120px;top: 0; background:url(/static/portal/img/main/weatherBg.gif) no-repeat;width: 100px;height: 320px;padding: 20px 0 0 20px;}
.weatherIco{display:block;width: 65px;height: 50px;margin-top: 15px;margin-bottom: 15px;}
.weatherIco.ico_01{background:url(/static/commons/img/weatherIco01.png) no-repeat;}
.weatherIco.ico_02{background:url(/static/commons/img/weatherIco02.png) no-repeat;}
.weatherIco.ico_03{background:url(/static/commons/img/weatherIco03.png) no-repeat;height: 57px;}
.weatherIco.ico_04{background:url(/static/commons/img/weatherIco04.png) no-repeat;height: 63px;}
.weatherIco.ico_05{background:url(/static/commons/img/weatherIco05.png) no-repeat;}
.weatherIco.ico_06{background:url(/static/commons/img/weatherIco06.png) no-repeat;}
.weatherIco.ico_07{background:url(/static/commons/img/weatherIco07.png) no-repeat;}
.weatherIco.ico_08{background:url(/static/commons/img/weatherIco08.png) no-repeat;}
.weatherIco.ico_09{background:url(/static/commons/img/weatherIco09.png) no-repeat;}
.weatherIco.ico_10{background:url(/static/commons/img/weatherIco10.png) no-repeat;}

.airStat a{display: inline-block;text-indent: -10px;margin-left: 10px;margin-bottom: 10px;line-height: 130%;}
.airStat a:before{content:'• '; margin-right: 3px;}

.mamyerMore{position: absolute;z-index:10;right: 0;top: 0;width: 30%;margin-right: 40px;margin-top: 111px;}
.mamyerMore li{border:2px solid #45b5e9;margin-bottom: 10px;font-size:18px;}
.mamyerMore li a{display: block;line-height: 42px;padding-left: 20px;color:#4f4f4f;}
.mamyerMore li a:after{content: '\f054'; float: right;margin-right: 20px;font-size:12px;color:#45b5e9;}

.infobox1{width: 540px;float: left;}
.popupZoneSet{position: relative;float: left;width: 100%;margin-bottom: 10px;z-index: 10;}
.popupZone .Ctrl{position: absolute;left: auto;right: 0;bottom: 0;z-index:10;}
.popupZone .Ctrl button{background:#109fb0;border: none;color:#fff;font-size: 16px;padding: 0;margin: 0;float: left;margin-left: 3px;
	-moz-border-radius: 0;-webkit-border-radius: 0;border-radius: 0;width: 36px;height: 36px;}
.popupZone .Ctrl .prev:before{content: "\f053";}
.popupZone .Ctrl .next:before{content: "\f054";}
.popupZone .Ctrl .play:before{content: "\f04b";}
.popupZone .Ctrl .stop:before{content: "\f04c";}
.popupZone .Ctrl .play{display: none;}
.popupZone .Ctrl .listPopup:before{content: "\f0c9";}
.popupZone{float: left;width: 100%;overflow: hidden;}
.popupZone ul{float: left;}
.popupZone li{float: left;}
.popupZone a{display: inline-block;float: left;width: 100%;}
.popupZone .area img{display: inline-block;width:540px;}



.bizInfo{width: 760px;height: 210px;position: relative;float: left;padding-top: 50px;z-index:100;}
#main .bizInfo h2 {padding-top: 0;margin-bottom: 0;text-align: left;position: absolute;top: -10px;z-index: 10;}
.bizInfo button{width: 40px;height: 100%;position: absolute;top: 20px;border:none;background: none;}
.bizInfo button.bizPrev{left:0;}
.bizInfo button.bizNext{right:20px;}
.bizInfo button i{font-size: 40px;color:#8f9faf;}

.bizInfoArea{text-align: center;width: 660px; margin-left: 50px;overflow: hidden;}
.bizInfoArea .items{display: inline-block;width:145px;float: left;text-align: center;}
.bizInfoArea>div .img{display:block;}
.bizInfoArea>div i{display: inline-block;font-size:38px;width: 90px;height: 90px;line-height: 90px;background-color: #f6f6f6;-moz-border-radius: 90px;-webkit-border-radius: 90px;border-radius: 90px;margin:0 auto  15px auto;}
.bizInfoArea>div a{font-size: 17px;line-height: 20px;white-space: nowrap;letter-spacing: -1px;font-weight: 500; }

.bizInfoArea>div .slick-slide a:focus{float:none;text-align:center;display:inline-block;}
.bizInfo .con1 .textMore{text-align: center;}
.bizInfo .con1 .textMore .uline{font-size: 13px;border-bottom:1px solid #666;}

.information{clear:both;width: 100%;background:#fff;margin-bottom: 10px;}
.information h2{margin-bottom: 8px;}
.information .list{display: block;  width: 100%;float: left;}
.information .list li{display: block;width:25%;float: left;text-align: center;position: relative;}
.information .list li:after{content:"";position: absolute;right: 0;top:0;width: 0;height: 80%;border-right: 1px solid #fff;}
.information .list li:last-child::after{border-right-style: none;}
.information .list li .img{display:block;}
.information .list dl{margin-bottom: 18px;  }
.information .list dt{font-weight: 700;font-size: 17px;line-height: 18px;margin-bottom: 12px;color:#4d79bd;}
.information .list dd{font-size: 15px;}



.svcSns{margin-bottom: 10px;float: left; width: 100%;}
.inforLink{float: left;width: 760px;}
.inforLink a,
.inforLink .infobox1 .listsm li{font-size: 15px; font-weight: 400;color:#000;}
.inforLink h3{color:#000;font-size:19px;letter-spacing:-1px;line-height: 32px;margin-bottom: 10px;}
.inforLink>div{position: relative;float: left;height: 230px;padding:25px;}
.inforLink .infobox1 .listsm li{color:#445361;}
.inforLink>div.infobox1 h3,
.inforLink>div.infobox1 a{}
.inforLink>div.infobox1{width: 225px;background:url(/static/portal/img/main/inforLink_01.gif); color:#445361;margin-right: 10px;}
.inforLink>div.infobox2{width: 245px;background:#9bd6ff;margin-right: 10px;background-size: 90px;}
.inforLink>div.infobox3{width: 250px;background: #45b5e9;}

.inforLink .listsm{clear:both;float: left;width: 100%;}
.inforLink .listsm li{position: relative;display: block;width: 100%;padding-left: 12px;line-height: 25px;}
.inforLink>div.infobox2 .box1{background-color: #9bd6ff;}
.inforLink>div.infobox3{padding: 20px;}
.inforLink>div.infobox3 .listsm{clear:none;}
.inforLink .listsm li:before{content:'•';position: absolute;left:0;font-size: 20px;line-height: 25px;}
.inforLink .box1{clear: both;width: 100%; text-align:center;}
.inforLink .box1 a{display: inline-block;width:138px;padding-left: 15px;line-height: 36px;border:2px solid #445361;}
.inforLink .box1 a:after{content: '\f0a9'; float: right; margin-right: 20px;}


.snsSet{float:left;width: 26%;height: 310px;padding:20px 20px 0;background:#626e97;}
.snsSet h3{font-size: 22px;color:#fff;display: inline-block;float: left;}
.snsSet .ifrFacebook{width: 100% !important;}
.snsSet > ul{position:relative;text-align: right;}
.snsSet > ul > li{display: inline-block;margin: 0 0 10px 0;width: auto;background: none;}
.snsSet > ul > li > a{display:block;width:40px;height: 40px;background: none;color:#fff;}
.snsSet > ul > li > a img{height: 40px;width: auto;}
.snsSet > ul > li > a.on{width: 130px;}
.snsSet > ul > li > .cont{display:none;position:absolute;top:50px;right:0;width: 300px;height: 220px;overflow: hidden;overflow-y:scroll;padding: 0;background-color: #fff;}
.snsSet > ul > li.nv > .cont{padding:10px 20px}
.snsSet > ul > li > .cont > ul > li{position:relative;border-left:1px solid #7b7b7b;padding-top:10px;padding-left:15px;width: 100%;height: auto;}
.snsSet > ul > li > .cont > ul > li:first-child{padding-top:0;}
.snsSet > ul > li > .cont > ul > li > span{position:absolute;top:9px;left:-10px;}
.snsSet > ul > li > .cont > ul > li:first-child > span{top:0;}
.snsSet > ul > li > .cont > ul > li .cont_v{border-bottom:1px dotted #b5b5b5;padding-bottom:15px;}
.snsSet > ul > li > .cont > ul > li .cont_v p{font-size:12px;color:#222222;}
.snsSet > ul > li > .cont > ul > li .cont_v p:first-child{color:#9197a3;margin-bottom:5px;font-weight:bold;}
.snsSet .snsIco1{background-color: #3c5da2;}
.snsSet .snsIco2{background-color: #5ab534;}
.snsSet .snsIco3{background-color: #4bc2f1;}
.snsSet .snsIco4{background-color: #f8e81e;position:relative;}
.snsSet .snsIco4:before {position:absolute;top:-4px;right:0;width:16px;height:16px;content:"";background:url(/static/portal/img/main/link_icon.png) 0 0 no-repeat;}

.mapTraInfo{width: 26%;background: #45b5e9 url(/static/portal/img/main/inforLink_03.png) no-repeat 90% 98%;float: left;padding:25px;c;height: 310px;}
.mapTraInfo .listsm{width: 50%;float: left;}
.mapTraInfo .listsm li{position: relative;display: block;padding-left: 16px;}
.mapTraInfo .listsm li:before{content:'•';position: absolute;left:0;font-size: 20px;line-height: 25px;}

#notices{clear:both;width: 100%;float:left;padding-top:10px; background: url(/static/portal/img/main/noticesPat.gif);}
#notices .container{margin-bottom:10px;}
#notices h2{margin-bottom: 36px;}

.noticeList{position: relative;float: left;width: 74%;text-align: center;}
.noticeList .bx1{border: none;}
.noticeList .titleBx{position: relative;text-align: center;padding: 30px;}
.noticeList h3{color:#4f4f4f;margin-bottom: 23px;font-size: 24px;padding-top: 20px;}
.noticeList select{width: 60%;margin-bottom: 25px; border:2px solid #1f9ed9;}
.noticeList .more{display: block;margin-top: 18px;}
.noticeList .more a{border:2px solid #445361;display: inline-block;line-height: 36px; padding:0 20px;}
.noticeList .more a:after{content:"\f0a9"; margin-left: 10px;}

.noticeList .category{font-size: 15px;color:#fff;line-height: 28px;height: 28px;width: 125px;margin-bottom: 67px;position: relative;z-index:20;}
.noticeList .category.B0000022{background-color: #1f9ed9;}
.noticeList .category.B0000173{background-color: #bb5bc1}
.noticeList .category.B0000731{background-color: #946c5c}
.noticeList .category.B0000171{background-color: #626e97}/*#674217*/
.noticeList .category.B0000946{background-color: #3c750a}
.noticeList .category.B0000861{background-color: #626e97}
.noticeList .category.B0000172{background-color: #02a59a}
.noticeList .txtBx{position: relative;display: table-cell;vertical-align: middle;}
.noticeList .txtBx .category{position: absolute;left: 0px;top: 0px;}
/* .noticeList .txtBx.B0000022{background-color: #f1f7f0;}
.noticeList .txtBx.B0000173{background-color: #fbf4f5}
.noticeList .txtBx.B0000731{background-color: #ebf3f9}
.noticeList .txtBx.B0000171{background-color: #ebf9f5}
.noticeList .txtBx.B0000946{background-color: #eef9eb}
.noticeList .txtBx.B0000172{background-color: #f9ebf4} */
.noticeList li.B0000022{background-color: #c4e7ff;}
.noticeList li.B0000173{background-color: #eaddf3}
.noticeList li.B0000731{background-color: #e9cdd5}
.noticeList li.B0000171{background-color: #ced5ee}/*#674217*/
.noticeList li.B0000946{background-color: #ced5ee}
.noticeList li.B0000172{background-color: #c0f4f1}
.noticeList li.B0000861{background-color: #ced5ee}
.noticeList li.B0000022:nth-child(even) {background-color: #eef8ff;}
.noticeList li.B0000173:nth-child(even) {background-color: #f5e9fd}
.noticeList li.B0000731:nth-child(even) {background-color: #f5e3e8}
.noticeList li.B0000171:nth-child(even) {background-color: #e3e8fa}/*#674217*/
.noticeList li.B0000946:nth-child(even) {background-color: #e3e8fa}
.noticeList li.B0000172:nth-child(even) {background-color: #e3fefc}
.noticeList li.B0000861:nth-child(even) {background-color: #e3e8fa}

.noticeList .bx1,
.noticeList li{width: 33.3333%;height: 310px;float: left;padding: 0;}
.noticeList .bx1{position: relative;}
.noticeList .info{position: absolute;left:0;top: 0;color:#fff;height: 100%;}
.noticeList .bx2{width: 40%;background:#ccc6bf;}
.noticeList li{display: block;background-color: #fff;float: left;}
.noticeList img{display:block; float: left;width: 100%;height: 100%;}
.noticeList span{display: block;text-align: center;}
.noticeList .title{font-size: 18px;letter-spacing: -1px;word-break: keep-all;padding-left: 30px;padding-right: 30px;}
.noticeList .desc{display: block;padding-left: 30px;padding-right: 30px;}
.noticeList .desc{height: 96px;overflow: hidden;}
.noticeList .info{float: left;width: 100%;height: 100%;overflow: hidden;position: relative;z-index: 20;}

/* .noticeList .txtBx .a:hover .info:before,
.noticeList .txtBx .a:focus .info:before,
.noticeList .txtBx .a:active .info:before{color:#fff;background: rgba(0, 0, 0, .7);} */
.noticeList .photo .title{font-size: 16px;height: 45px;overflow: hidden;}
.noticeList a:hover .title, .noticeList a:focus .title, .noticeList a:active .title{ height: 70px;font-size: 18px;}
.noticeList .photo a .category{margin-bottom: 212px;}
.noticeList .photo a:hover .category, .noticeList .photo a:focus .category, .noticeList .photo a:active .category{ margin-bottom:67px; }
.noticeList .photo .info{position: absolute;z-index:10;}
.noticeList .photo .info:before{display: block;position: absolute;z-index:5;width: 100%;height: 72px;bottom: 0;background: rgba(0, 0, 0, .7);}
.noticeList a:hover .info:before,
.noticeList a:focus .info:before,
.noticeList a:active .info:before{height: 100%;}
.noticeList .photo .info .title,.noticeList .photo .info .date{color:#fff;text-shadow: 1px 1px 6px rgba(0, 0, 0, 1);position: relative;z-index: 20;}
.noticeList .txtBx .info .title,.noticeList .txtBx .info .date{color:#333; position: relative;z-index: 20;}
.noticeList .txtBx .title{height: 80px !important;overflow: hidden;margin-top: 70px;line-height: 25px;}
.noticeList .txtBx .title:hover{height:84px;}
.noticeList .txtBx .desc{height: 100px;line-height: 20px;overflow: hidden;margin-bottom: 21px;color: #000;}
.noticeList .txtBx .desc:before{content:'• ';}
.noticeList ul li a:hover .info span,
.noticeList ul li a:focus .info span,
.noticeList ul li a:active .info span{color:#fff !important;}
.noticeList .txtBx a:hover .info,
.noticeList .txtBx a:focus .info
.noticeList .txtBx a:active .info{background: rgba(0, 0, 0, .7);}

.mediaNotice{width: 670px;float: left;}
.mediaNotice h3{text-align: left;margin-bottom: 5px;}
.mediaNotice h3 i{font-size: 18px;color:#605651;margin-left: 5px;}
.mediaNotice li{padding: 0;width: 50%;float: left;}
.mediaNotice li span{display: block;}
.mediaNotice li .desc{width: 100%;display: inline-block;height: 20px; text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.mediaNotice li span.img{width: 258px;height: 152px;background-size: 100% 100%;background-repeat: no-repeat;background-position: 50% 50%;}
.mediaNotice li:nth-child(2) span.img{width:100%}

.fc1{color:#193d12;}
.fc2{color:#680f15;}
.fc3{color:#024564;}


.adListSet{clear: both;margin-bottom:20px;}
.adList{clear: both;display:block;float: left;width: 100%;margin-top:10px;margin-bottom:10px;}
.adList ul{display: block;width: 100%}
.adList li{display: block;float: left;min-width: 16%;padding: 18px 5px;margin-right:0.8%;}
.adList li a{display: block;text-align: center;font-size: 17px;letter-spacing: -1px;color: #fff;}
.adList li a br{display: none;}
.adList li a img{max-width:46px; max-height:25px}
.adIco01{background-color: #02a59a;}
.adIco02{background-color: #268984;}
.adIco03{background-color: #1f9ed9;}
.adIco04{background-color: #626e97;}
.adIco05{background-color: #88626d;}

.serviceSite{color: #fff;clear: both;}
.serviceSite>div{width: 32.8%;margin-right:0.8%;display: inline-block;float: left;padding: 20px 30px;}
.serviceSite>div h3{font-size: 16px;}
.serviceSite01{background: #3f4552 url(/static/portal/img/main/serviceSite01.jpg) no-repeat 100% 0; background-size:auto 100%}
.serviceSite02{background: #369d98 url(/static/portal/img/main/serviceSite02.jpg) no-repeat 100% 0; background-size:auto 100%}
.serviceSite03{background: #1f9ed9 url(/static/portal/img/main/serviceSite03.jpg) no-repeat 100% 0; background-size:auto 100%}
.serviceSite a{color:#fff;}
.serviceSite a:hover ul,
.serviceSite a:focus ul,
.serviceSite a:active ul{text-decoration: none;display: inline-block;}

.schedulerWrap{float: left;padding:0 20px;}
.boxTop{padding:20px 30px 20px 50px;margin: 10px 0 30px 0;border: 2px solid #dadada;text-align: left;float:left;width:100%;clear:both;}
.boxTop .info{float: left;font-family: FontAwesome, 'Noto Sans', serif;position: relative;padding-left: 60px;}
.boxTop .info:before{content:"\f05a";margin-right: 10px;display:inline-block;float:left;height:55px;color:#1f9ed9;font-size: 50px;
	position: absolute;top: 11px;left: 0px;}

.icons{ margin-right: 5px;margin-bottom: 5px;}
.schedulerWrap .icons:last-child{margin-right: 0;}
.icons>.ico{
	width: 40px;
	height: 40px;
	display: inline-block;
	text-align: center;
	vertical-align: middle;
	padding: 7px;
	-moz-border-radius: 30px;
	-webkit-border-radius: 30px;
	/* border-radius: 30px; */
	}
.calendar .icons>.ico{width: 32px;height: 32px;text-align: center;padding: 5px;}

.icons>.ico:before{color:#fff;}
.icoMayor{background: url(/static/commons/img/ico_iday_01.gif) no-repeat;}
.icoOnline{background: url(/static/commons/img/ico_iday_02.gif) no-repeat;}
.icoCulture{background: url(/static/commons/img/ico_iday_03.gif) no-repeat;}
.icoEdu{background: url(/static/commons/img/ico_iday_04.gif) no-repeat;}
.monthSel1{min-width: 70px}


.modal-dialog{max-width: 1190px;width: auto;}
.table{border-top:2px solid #47413e;}
.table th{background-color: #f5f4f2}
.table th,
.table td{border-left:1px solid #dadada;}


h2.bull { margin:0 0 10px 0; position: relative; clear: both;float: left;width: 100%;}
h2.bull:before{content:"";width:3px;height: 20px;background-color: #1f9ed9;display:inline-block;margin-right:12px;}
.calendar.table>thead>tr>th, .calendar.table>tbody>tr>th, .calendar.table>tfoot>tr>th,
.calendar.table>thead>tr>td,
.calendar.table>tbody>tr>td,
.calendar.table>tfoot>tr>td{padding:0 5px; text-align: center;vertical-align: top;}
.calendar.table>tbody>tr>td.today .h3{width:30px;height:30px;background:#8b48dc; text-align:center !important;color:#fff;border-radius:20px;}

/* layerPopup */
#layerPopSet .modal-dialog{max-width: 900px;text-align: center;}
.iLayerConSet,
#layerPopSet .modal-body .row{background-color: #1394cf;}
.iLayerConSet{padding: 0px 50px;}
#layerPopSet h2{color:#f0437d;text-align: center;margin: 9px 0;font-size: 26px;}
#layerPopSet .h3{color:#1394cf;text-align: center;margin-bottom: 50px;font-size: 16px !important;line-height: 22px;}
.layerMenu{ background: #35b5f8;float: left;width: 100%;}
.layerMenu>li{background-color: #1f9ed9; padding:15px 20px;text-align: center;color:#000;font-size: 18px;}
.layerMenu>li.on{color:#fff; background:url(/static/portal/img/main/layer_g1.gif) repeat-x;}
.iLayerHeader0{background-color: #1394cf; text-align: center;min-height: 500px}
.iLayerHeader0.on{min-height: 120px;}
/* .iLayerHeader0 .mTop{display: none;} */
.iLayerHeader0.on .mTop{display: block;margin:auto;}
.iLayerHeader0 .mHead{display: block;margin:auto;padding-top: 150px;}
.iLayerHeader0.on .iLayerMain{display: none;}
.iLayerHeader0.on .mHead{display: none;}
.iLayerCts,
.iLayerCts img{width: 100%;}

.iLayerCts>li{display: none;}
.iLayerCts>li.on{display: block;}

.globalsLink{display: inline-block;margin:0 auto; text-align: left;margin-bottom: 50px;}
.globalsLink strong{display: inline-block;padding: 10px 0;width: 150px;text-align: center;margin-right: 10px;color:#fff;}
.globalsLink1{background:#1f9ed9;}
.globalsLink1 i{display: inline-block;width: 20px;height: 20px;vertical-align: middle;background:url(/static/commons/img/logo_xs.png) no-repeat 50% 50%;}
.globalsLink2{background:#03aaa0;}
.globalsLink3{background:#109fb0;}
.globalsLink4{background:#628196;}
.globalsLink5{background:#626e97;}
.globalsLink6{background:#877395;}
.globalsLink7{background:#88626d;}


/* 재난지역 선포 레이어팝업  */
.popup-conwrap { position:absolute; left:0; top:1%;z-index: 9999; }
.popup-conwrap.center { left:45%; transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); }
.popup-conwrap.whcenter { left:50%; top:50%; transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%);}
.popup-conwrap .popup-image { position:relative; width:100%;}
.popup-conwrap .popup-image .image-wrap { width:100%; height:100%; /*padding-top:calc(700 / 600 * 100%);*/ }
.popup-conwrap .popup-image .image-wrap img { /*position:absolute; left:0; top:0;*/ width:100%; height:100%; }
.popup-conwrap .today-close { display:flex; align-items: center; justify-content: space-between; width:70%; height:50px; text-align:left; background-color:#222; color:#fff; padding:10px; border:1px solid #333; box-sizing: border-box;  }
.popup-conwrap .today-close input[type="checkbox"] { width:15px; height:15px; vertical-align: middle; }
.popup-conwrap .today-close label { font-size:16px; vertical-align: middle; }
.popup-conwrap .today-close .close-imagepop { position:relative; display:block; z-index:1; width:24px; height:24px; overflow:hidden; text-indent:-9999px; }
.popup-conwrap .today-close .close-imagepop:before { content:""; position:absolute; left:0px; right:0px; top:11px; height:2px; background:#fff; transform:translate3D(0,0px,0) rotate(-45deg); }
.popup-conwrap .today-close .close-imagepop:after { content:""; position:absolute; left:0px; right:0px; bottom:11px; height:2px; background:#fff; transform:translate3D(0,0px,0) rotate(45deg); }
/* 재난지역 선포 레이어팝업  */


/* 2022/9/8 구청장 추석 인사 레이어팝업  */
.layer-pp{position: fixed; top: 0; bottom: 0; left: 0; right: 0; z-index: 200;}
.layer-pp > div{display: table; width: 100%; height: 100%; table-layout: fixed; word-break: break-all;}
.layer-pp > div > div{display: table-cell; vertical-align: middle;}
.layer-pp-cbx{width: 96%; max-width: 510px; margin: 0 auto; position: relative;}
.layer-pp-cbx .po1{position: absolute; right: 0; top: 0; background: #b09069; padding: 8px; line-height: 1;color: #fff; }
.layer-pp-cbx .po1 img{vertical-align: top;}
.layer-pp-cbx .po2{position: absolute; left: 0; bottom: 0; padding: 3px 10px; font-family: 'S-CoreDream'; font-size: 15px; color: #fff; line-height: 20px;}
.layer-pp-cbx .po2 input[type="checkbox"]{width: auto; height: auto; margin: 0;}
.layer-pp-cbx .po2 label{margin: 0; vertical-align: middle;}
/* 2022/9/8 구청장 추석 인사 레이어팝업  */


@media all and (max-width:1024px){
	.popup-conwrap { height:auto; }
}
@media all and (max-width:767px){
	.popup-conwrap { width: 100%; margin: 0 auto; padding: 0 20px; box-sizing: border-box; }
	.popup-conwrap .today-close label{margin-top: 0;}
}
/* 레이어팝업  */

@media (max-width:1560px) {
	.weatherSet{display: none;}
}
@media (max-width:1380px) {

	#visual .visualSet{height: 400px;}
	#visual .visualArea .slick-slide{height: 400px;}
	.mamyerMore{margin-right:20px;margin-top: 90px;}
	.mamyerMore li{width: 200px;}
	.mamyerMore li a{padding-left: 10px;}
	.popupZone .area img{width: 100%;}
	.bizInfo,
	.inforLink,
	.mayorInfo{width: 55%;}
	.mayors{left:27%;}
	.infobox1, .subSet{width: 45%;}

	.inforLink>div.infobox1{width: 26%;margin-right: 5px;padding: 10px;}
	.inforLink>div.infobox2{width: 30%;margin-right: 5px;padding: 10px;}
	.inforLink>div.infobox3{width: 40%;margin-right: 5px;padding: 10px;}
	.inforLink>div.infobox1 a,
	.inforLink .box1 a,
	.inforLink>div.infobox2 a{width:80%}
	.inforLink h3{font-size: 16px; line-height:18px;}

	.mamyerMore{width: 32%;}
	.mayorInfo{padding-left: 0;}
	.mayors img{width: 250px;}
	.subSet .dl01,
	.subSet .dl02{background-size: 35px auto;}
	.subSet dl dt{font-size: 18px;padding-left:50px;}
	.subSet dl dd a{font-size: 12px;padding-left: 60px;}

	.bizInfoArea{width: 84%;}

	.adList li a{font-size: 14px;text-overflow:ellipsis;overflow: hidden;white-space: nowrap;}
	.adList li a img{max-width:none;height: 30px;}
/*	.adList li:last-child{width: 20%;}*/
	.serviceSite>div{background-size: 40% 100%}

	.mediaNotice{ width: 100%;}
	.mediaNotice li{padding: 0 10px 0 0;}
	.mediaNotice li:nth-child(2){padding: 0 0 0 0;}
	.mediaNotice li .desc{margin-top: 10px;}
	.mediaNotice li span.img{width: 100%;height: 152px;}

	.noticeList{width: 70%;}
	.snsSet,
	.mapTraInfo{width: 30%;}
	.mayorDesc{width: 30%;/*padding-top: 33px;*/}
}

@media (max-width:1200px) {
	.noticeList{ width: 64%; }
	.snsSet,
	.mapTraInfo{width: 36%;}

	/* visual */
	.visualPaging{bottom:25px;}
	#visual .visualSet{height: 335px;}
	#visual .visualArea .slick-slide{height: 350px;}
	#visual .ctrl button{top: 150px;width: 50px;height: 50px;}
	#visual .ctrl .visualPrev{left: 30px;}
	#visual .ctrl .visualNext{right: 30px;}

	.mainSearchSet{width: 90%;position: relative;padding-top: 0;right: 60px;vertical-align: middle;}

	.bizInfo button.bizNext{right:0;}

	.inforLink a, .inforLink .listsm li,
	.inforLink .infobox1 .listsm li,
	.inforLink .listsm .box1 a {font-size: 12px;}
	.inforLink .box1 a:after{margin-right: 5px;}
	.inforLink .box1{width: 98%;}
	#main .bizInfo h2{top:0px;}

}


@media (max-width:1200px) and (min-width:1000px) {
	.adList li.adIco03,
	.adList li.adIco04{}
	.adList li a{font-size:13px}
	.adList li a img{max-width:25px}
}

@media (max-width:1000px) {
	.noticeList{width: 61%;}
	.snsSet,
	.mapTraInfo{width: 320px;padding: 10px;float: right;}
	.mainSearchSet{width:100%;right:0;}

	.adListSet{margin-bottom:10px;}
	.mamyerMore{bottom: 50px;right: 20px;}
	.mayors{width: 42%;left: 30%;bottom: -12px;z-index:10;}
	.mayors img{width:340px}
	.mamyerMore li a{line-height: 30px;font-size: 12px;}

	#information .list dd{font-size: 15px;line-height: 20px}
	#biz{height: auto;float: left;padding-bottom:30px;}
	#biz .con1{max-width: 55%;margin-right: 5%;}
	#biz .con2{width: 40%;text-align: center;background: #b0a993}
	#biz .con3{display: block !important;width:60%;background:#9b9583;margin-top: 10px;margin-bottom: 30px;}
	#biz .con4{background:#2f69b1;width: 40%;margin-top: 10px;margin-bottom: 30px;text-align: center;}
	#information .inforLeft{width:50%;}
	#information .inforLeft>div{margin-right: 0;width: 25%;}
	#information .inforRight{width: 47%;margin-left: 3%;}
	#information .inforRight .con1 img{width: 100%;}
	.txtLarge{font-size: 30px;}

	#notices .noticeSet{width: 100%;}

	.bizInfo, .inforLink, .mayorInfo, .infobox1, .subSet{width: 100%;}

	#visual .mainMore{bottom: 2%;}
	.serviceSite>div{background-image:none;margin-right: 1%;width: 32%;height: 180px;}
	.serviceSite>div.serviceSite03{width:34%}

	.inforLink>div.infobox1{width:26%; margin-right:1%}
	.inforLink>div.infobox2{width:33%; margin-right:1%}
	.inforLink>div.infobox3{width:39%; margin-right:0}
	.adList li{width: 32%;margin-right: 1%;}
	.adList li:nth-child(3n){width:34%; margin-right: 0;}
	.adList li a{font-size: 15px;margin-right: 0;}
	.adList li a img{display: none;}


	.mediaNotice{width:100%;margin-top: 20px;}
	/* layerPopup */
	#layerPopSet h2{font-size: 22px;line-height: 29px;}
	#layerPopSet .h3{font-size: 18px;}
	.layerMenu img{max-height: 35px}
	.layerMenu>li{padding:15px 5px;font-size: 16px;}
	.iLayerHeader0{min-height: 200px;}
	.iLayerHeader0.on{min-height: 140px}
	.iLayerHeader0 .mHead{padding-top:30px;}

	.mediaNotice li span.img{height: 260px;}

}
.maySet{position: relative;}
.maySet>a{display:inline-block; height:300px; width:100%; }

@media (max-width: 890px){
	.noticeList{width: 55%;}
}
@media (max-width: 767px){
	.snsSet{height:592px}
	.snsSet > ul > li > .cont{height:521px;overflow:hidden; width:100%;}
	.snsSet,
	.mapTraInfo{width: 100%;}
	.mapTraInfo{height:auto;background:#45b5e9;}
	.mayors{bottom:auto;top:110px;width:270px}
	.mamyerMore li{width: 160px;}
	.animated{visibility: visible;}
	.visualPaging{bottom:25px;position: relative;padding-top: 10px}
	#visual {margin-bottom:30px}
	#visual .visualSet{height: 305px;}
	#visual .visualArea .slick-slide{height: 280px;}
	#visual .ctrl button{top: 120px;width: 40px;height: 40px;}
	#visual .ctrl .visualPrev{left: 5px;}
	#visual .ctrl .visualNext{right: 5px;}

	.snsSet .ifrFacebook{width:auto !important;}
	/* layerPopup */
	.iLayerConSet{padding: 0px 5px;}
	#layerPopSet h2{margin: 10px 0;font-size: 22px;line-height: 29px;}
	#layerPopSet .h3{margin-bottom: 20px;font-size: 14px;}
	.layerMenu img{max-height: 35px}
	.layerMenu>li{padding:15px 5px;font-size: 13px;}
	.iLayerHeader0{min-height: 200px;}
	.iLayerHeader0.on{min-height: 140px}
	.iLayerHeader0 .mHead{padding-top:30px;}

	.popupZone .Ctrl button{opacity: 0.6;}

	.container{width:96%;}
	.adList li a{font-size: 13px;}
	.serviceSite{width: 100%;}
	.serviceSite>div,
	.serviceSite>div:last-child{height: auto;padding: 15px;width: 100%; max-width: 100%;margin-bottom: 5px;}

	.serviceSite>div.serviceSite01{background: #3f4552 url(/static/portal/img/main/serviceSite01.jpg) no-repeat 100% 0; background-size:auto 100%}
	.serviceSite>div.serviceSite02{background: #369d98 url(/static/portal/img/main/serviceSite02.jpg) no-repeat 100% 0; background-size:auto 100%}
	.serviceSite>div.serviceSite03{background: #1f9ed9 url(/static/portal/img/main/serviceSite03.jpg) no-repeat 100% 0; background-size:auto 100%}

	.noticeList{width: 100%;}
	.noticeList .bx1, .noticeList li{width: 50%;}
	.mediaNotice{width: 100%;}
	.mediaNotice ul{padding: 2%;}
	.mediaNotice li{width: 50%;float: left;}
	.mediaNotice li span.img{height: 100px;}


	.schedulerWrap{padding:0; max-width: 95%}
	.schedulerWrap h2{font-size: 18px;}
	.schedulerWrap .h3{width: 100%;}
	.boxTop{padding: 10px;}
	.boxTop .row{margin: 0px;}

	.mainBestKeyword li{padding:0 5px;}

	.globalsLink{display: inline-block;margin:0 auto; text-align: left;margin-bottom: 50px;}
	.globalsLink strong{display: block;padding: 10px 0;width: 100%;margin-top: 20px;}
	.globalsLink1{background:#1f9ed9;}
	.globalsLink1 i{display: inline-block;width: 20px;height: 20px;vertical-align: middle;background:url(/static/commons/img/logo_xs.png) no-repeat 50% 50%;}

	.subSet .dl01 a{font-size: 14px;}
	.inforLink>div.infobox1,
	.inforLink>div.infobox2{width: 50%;margin-right: 0}
	.inforLink>div.infobox3{width: 100%;}
	.inforLink>div.infobox2,
	.inforLink>div.infobox3{background-image:none;}
	.inforLink a, .inforLink .listsm li,
	.inforLink .infobox1 .listsm li,
	.inforLink .listsm .box1 a {font-size: 16px;}
	.inforLink .box1 a:after{margin-right: 5px;}
	.inforLink .box1{width: 98%;}

}

@media (max-width: 680px){
	.adList li a br{display: block;}
}
@media (max-width: 459px){

	/* common Size */
	.container{width:96%;}
	.serviceSite>div,
	.adList li,
	.adList li:nth-child(3n),
	.inforLink>div.infobox1,
	.inforLink>div.infobox2,
	.inforLink>div.infobox3{width: 100%;max-width:100%;margin-right: 0;margin-bottom: 5px;height:auto;}
	.serviceSite>div:last-child{width: 100%;}
	.serviceSite>div{padding: 10px;height: auto;}
	.serviceSite>div.serviceSite01{background-image:none;}
	.serviceSite>div.serviceSite02{background-image:none;}
	.serviceSite>div.serviceSite03{background-image:none;}
	.serviceSite01,
	.serviceSite02,
	.serviceSite03{background-size: 150px auto;background-position: 100% 100%;}
	.subSet .dl01, .subSet .dl02,
	.subSet ul li,
	.adList li:last-child{width: 100%;}
	.subSet ul li{text-align: left; padding-left: 30px;line-height: 50px;}


	/* visual */
	.visualPaging{bottom:25px;}
	#visual .visualSet{height: 256px;}
	#visual .visualArea .slick-slide{height: 200px;}
	#visual .ctrl button{top: 50px;}

	/*mayor */
	#mayor{height: 230px;}
	#mayor h2{text-align: left;width:100%;}
	#mayor h2 img{width: 50%;}
	.mayorDesc{line-height: 20px;font-size: 15px;padding-top: 30px;width: 30%;}
	.mayors{bottom: auto;width: 55%;left: 0;top: 86px;}
	.mamyerMore {width: 48%;right: -18px;}
	.mamyerMore li{width: 100%;}
	.mamyerMore li a:after{margin-right:5px;}


	/* sns */
	.snsSet{/* height: 420px; */padding: 10px 0;}
	.snsSet > ul > li > .cont{}
	.snsSet > ul > li:last-child{margin-right: 10px;}
	.snsSet h3{display: block; padding-left: 10px;}
	.snsSet > ul{width: 100%;clear: both;}
	.snsSet > ul > li{margin-right: 0;}
	.noticeList .bx1, .noticeList li{width: 100%;margin-bottom: 5px;}



	.adList li{padding: 8px 0;}
	.adList li a br{display: none;}

	/* biz */
	.bizInfoArea .items{width: 150px;}
	.bizInfoArea{width: 76%;margin-left: 40px;}
	.bizInfo button i{font-size: 30px;}
	.bizInfo button{width: 30px;}


	.schedulerWrap{padding:0;}
}




/* 2018-05-24 메인구청장 변경 */
#noticeNew{float:left;width:740px;margin-right:20px;position:relative;}
#noticeNew .s{position:relative;}
#noticeNew h1{margin-top:30px;margin-bottom:10px;}
#noticeNew .voteAd{position:absolute;z-index:1;left:0;top:0;}
#noticeNew .voteAd img{width:100%;}
#noticeNew ul{}
#noticeNew ul li{border-bottom:1px solid #e1e8ee;padding:7px 0 6px;}
#noticeNew ul li a{overflow:hidden;position:relative;padding-right: 110px;display:block;padding-left:5px;}
#noticeNew ul li a span{display:block;}
#noticeNew ul li a span.txt:before{content: '';width:6px;height:6px;border-radius:6px;background-color:#141414;display:inline-block;vertical-align:middle;margin-right:10px;}
#noticeNew ul li a span.txt{text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
#noticeNew ul li a span.date{position:absolute;right:10px;top:0;text-align:right;}
#noticeNew a.noticeNewmore{
	width: 34px;
    height: 34px;
    position: absolute;
    right: 10px;
    top: -3px;
    background: url(/static/portal/img/main/more.png) 50% 50% no-repeat;
    border:1px solid #e1e8ee;

}
.mainTitle{font-size:29px;color:#141414;line-height:1;margin-bottom:20px;}
@media (max-width: 1380px){
	#noticeNew{width:55%;padding-right:20px;margin:0;}
}
@media (max-width: 1000px){
	#noticeNew{width:100%;padding-right:0;}
	#noticeNew h1{margin-top:15px;}
	.mainTitle{font-size:18px;margin-bottom:10px;}
}

/*신종코로나 팝업관련*/
/* 	.layer_popup{position:absolute;z-index:1000000;top:58%;left:50%;box-sizing:border-box;transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);background:#fff;border-style:solid;border-width:thin;}*/
	.layer_popup{position:absolute;z-index:1000000;max-width: 575px;top:135px;left:50%;box-sizing:border-box;transform:translate(-50%, 0%);-webkit-transform:translate(-50%, 0%);background:#fff;border-style:solid;border-width:thin;}
	.layer_popup2{position:absolute;z-index: 1000001;max-width: 545px;top:135px;left:32%;box-sizing:border-box;transform:translate(-50%, 0%);-webkit-transform:translate(-50%, 0%);background:#fff;border-style:solid;border-width:thin;}
	.layer_popup3{position:absolute;z-index:1000000;max-width: 507px;top:135px;left:33%;box-sizing:border-box;transform:translate(-50%, 0%);-webkit-transform:translate(-50%, 0%);background:#fff;border-style:solid;border-width:thin;
		border-top-left-radius: 5px;
	    border-top-right-radius: 5px;
	    border-bottom-left-radius: 5px;
	    border-bottom-right-radius: 5px;
	    border-color: #b9b9b9;
	    letter-spacing: -1.3px;
	}
	.layer_popup4{position:absolute;z-index:1000000;max-width: 409px;top:135px;left:27.5%;box-sizing:border-box;transform:translate(-50%, 0%);-webkit-transform:translate(-50%, 0%);background:#fff;border-style:solid;border-width:thin;
		border-top-left-radius: 5px;
	    border-top-right-radius: 5px;
	    border-bottom-left-radius: 5px;
	    border-bottom-right-radius: 5px;
	    border-color: #b9b9b9;
	    letter-spacing: -1.3px;
	}

	.layer_popup_bottom{text-align:right;color:#000;font-weight:400;padding-right:10px;}
	.layer_popup_bottom2{text-align:right;color:#000;font-weight:400;padding-right:10px;}

	.corona-status{padding: 10px 20px 0;}
	.corona-status3{padding: 10px 20px 0;overflow-y: scroll;height: 547px;font-size: 16px;line-height: 24px;}

	.status-head{margin-bottom: 5px;}
	.crn-img01{position: relative;}
	.crn-img01 .ci01{position: absolute;right: 30px;top: 85px;}
	.crn-img01 .ci01 .notice{font-weight: bold;font-size: 26px;line-height: 30px;color: #333333;letter-spacing: -1px;}
	.crn-img01 .ci01 .notice span{color: #cc4747;}
	.crn-img01 .ci01 .impt{padding-top: 15px;font-size: 19px;line-height: 23px;color: #cc4747;letter-spacing: -1px;}

	.status-head .sh-tit2{float: left;padding: 1px 0;padding-left: 30px;font-size: 15px;line-height: 21px;color: #010101;background: url(/static/portal/img2019/medical_corona.png) no-repeat left 2px;}
	.status-head .sh-tit2 span{color: #ae0d0d;}

	.status-head .sh-tit{float: left;padding: 1px 0;padding-left: 30px;font-size: 17px;line-height: 21px;color: #010101;background: url(/static/portal/img2019/medical_corona.png) no-repeat left 2px;}
	.status-head .sh-tit span{color: #ae0d0d;}
	.status-head .sh-date{float: right;margin-top: 8px;font-size: 12px;line-height: 16px;color: #000000;}
	.corona-table table{width: 100%; margin-bottom: 10px;}
	.corona-table table thead tr th{text-align: center;padding: 3px;border-top: 1px solid #777777;border-right: 1px solid #777777;border-bottom: 1px solid #777777; font-weight: bold; font-size: 15px;color: #000000;background: #ebebeb;}
	.corona-table table thead tr th:first-child{border-left: 4px solid #f96162;border-top: 4px solid #f96162;border-right: 4px solid #f96162;}
	.corona-table table tbody tr td{text-align: center;padding: 2px;border-right: 1px solid #777777;border-bottom: 1px solid #777777;font-size: 15px;color: #000000;}
	.corona-table table tbody tr td:first-child{border-left: 4px solid #f96162;border-bottom: 4px solid #f96162;border-right: 4px solid #f96162;}

	.corona1-table table{width: 100%; margin-bottom: 20px;}
	.corona1-table table thead tr th{text-align: center;padding: 3px;border-left: 1px solid #777777; border-top: 1px solid #777777;border-right: 1px solid #777777;border-bottom: 1px solid #777777; font-weight: bold; font-size: 15px;color: #000000;background: #ebebeb;}
	.corona1-table table tbody tr td{text-align: center;padding: 3px;border-left: 1px solid #777777; border-right: 1px solid #777777;border-bottom: 1px solid #777777;font-size: 15px;color: #000000;}

	.solution .concept{padding: 5px 30px;}
	.solution .concept p{padding-left: 23px;font-size: 12px;line-height: 16px;color: #000000;background: url(/static/portal/img2019/warn_ico.gif) no-repeat left 5px;}
	.solution .concept p strong{font-weight: bold;}

	.so-way{padding: 15px 17px;background: url(/static/portal/img2019/solution_bg.gif) no-repeat center;background-size: cover;}
	.so-way .sw-tit{margin-bottom: 10px;font-weight: bold;font-size: 23px;line-height: 27px;color: #fff442;}
	.sow-ul > li{padding-left: 20px;font-size: 17px;line-height: 28px;color: #ffffff;background: url(/static/portal/img2019/right_ico.png) no-repeat left 8px;}
	.sow-ul > li > ul > li{padding-left: 12px;background: url(/static/portal/img2019/sow_bg.gif) no-repeat left 16px;}
	.place{text-align: center;padding: 10px;font-weight: bold;font-size: 24px;line-height: 30px;color: #353535;}

	.fight-corona{padding: 8px 6px;background: #fef8ec;}
	.tit-ul{text-align: center;font-size: 0;}
	.tit-ul > li{display: inline-block;vertical-align: middle;margin: 0px 6px; width: 120px;}
	.tit-ul > li a{display: block;padding-top: 80px;font-weight: bold;font-size: 15px;line-height: 22px;color: #333333;letter-spacing: -1px;height: 124px;}
	.tit-ul > li.li01 a{background: url(/static/portal/img2019/corona_ico01.png) no-repeat center top;}
	.tit-ul > li.li02 a{background: url(/static/portal/img2019/corona_ico02.png) no-repeat center top;}
	.tit-ul > li.li03 a{background: url(/static/portal/img2019/corona_ico03.png) no-repeat center top;}
	.tit-ul > li.li04 a{background: url(/static/portal/img2019/corona_ico05.png) no-repeat center top;}

	.tit-ul > li.li1 a{background: url(/static/portal/img2019/corona_iico01.png) no-repeat center top;}
	.tit-ul > li.li2 a{background: url(/static/portal/img2019/corona_iico02.png) no-repeat center top;}
	.tit-ul > li.li3 a{background: url(/static/portal/img2019/corona_iico03.png) no-repeat center top;}
	.tit-ul > li.li4 a{background: url(/static/portal/img2019/corona_iico04.png) no-repeat center top;}
	.tit-ul > li.li5 a{background: url(/static/portal/img2019/corona_iico05.png) no-repeat center top;}
	.tit-ul > li.li6 a{background: url(/static/portal/img2019/corona_iico06.png) no-repeat center top;}
	.tit-ul > li.li7 a{background: url(/static/portal/img2019/corona_iico07.png) no-repeat center top;}
	.tit-ul > li.li8 a{background: url(/static/portal/img2019/corona_iico08.png) no-repeat center top;}
	.tit-ul > li.li9 a{background: url(/static/portal/img2019/corona_iico09.png) no-repeat center top;}
	.tit-ul > li.li10 a{background: url(/static/portal/img2019/corona_iico10.png) no-repeat center top;}

	.shape-tit{text-align: center;border-top: 1px solid #2e2e2e;margin: 30px 0px 6px 0px;}
	.shape-tit p{display: inline-block;vertical-align: middle;padding: 5px 15px;border-radius: 17px;margin-top: -29px;font-size: 20px;line-height: 24px;color: #ffffff;background: #2e2e2e;}
	/* .corona_title{ text-align: center; margin-inline-start: 20px; font-size: 20px; color: red;} */
	.corona_title{
	    position: relative;
	    height: 43px;
	    border-top-left-radius: 5px;
	    border-top-right-radius: 5px;
	    background: #013668;
	    text-align: center;
	    color: #fff;
    	font-weight: bold;
    	font-size: 20px;
    	padding: 10px;
	}

	.corona_title span {
	    color: #ffd200;
	}

	.view {
	    display: block;
	    position: absolute;
	    top: 10px;
	    right: 10px;
	    padding: 2px 11px 2px 11px;
	    border-radius: 30px;
	    background-color: #ffffff;
	    color: #000;
	    font-size: 13px;
	    letter-spacing: -0.08em;
	    font-weight: bold;
	    line-height: 22px;
	}

	.fd-ul > li{padding-left: 18px;font-size: 14px;line-height: 21px;color: #555555;background: url(/static/portal/img2019/fd_ul_bg.png) no-repeat left 5px; letter-spacing: -1px;}
	.fd-fl{float: left;width: calc(50% - 10px);}
	.fd-fr{float: right;width: calc(50% - 10px);}
	.coronaimg {padding: 10px 0px 10px 0px;}
	.corona_bottom{
		height: 47px;
		line-height: 47px;
		text-align: center;
		background: #013668;
		font-size: 24px;
		color: #fff;
		font-weight: bold;
		border-bottom-left-radius: 5px;
	    border-bottom-right-radius: 5px;
	 }
	.corona_detail{
		text-align: center; border-top-width : 1px; border-top-style : dashed; border-top-color : gray;
		border-bottom-width : 1px; border-bottom-style : dashed; border-bottom-color : gray; background-color: #fff;
		font-size: 15px;
	}

	.corona_detail2{
		text-align: center; border-top-width : 1px; border-top-style : solid; border-color : #013668;
		border-bottom-width : 1px; border-bottom-style : solid; border-bottom-color : #013668; background-color: #7acbe6;
		font-size: 15px;
	}

	@media screen and (max-width: 1900px) {
	.layer_popup2{left: 15%;width: calc(48% - 170px);-webkit-transform: translate(0%, 0%);transform: translate(0%, 0%);}
	.layer_popup3{left: 17%;width: 49%;-webkit-transform: translate(0%, 0%);transform: translate(0%, 0%);}
	.layer_popup4{left: 16%;width: 49%;-webkit-transform: translate(0%, 0%);transform: translate(0%, 0%);}
	}

	@media screen and (max-width: 1820px) {
	.layer_popup2{left: 14%;width: calc(48% - 170px);-webkit-transform: translate(0%, 0%);transform: translate(0%, 0%);}
	.layer_popup3{left: 15%;width: 49%;-webkit-transform: translate(0%, 0%);transform: translate(0%, 0%);}
	.layer_popup4{left: 16%;width: 49%;-webkit-transform: translate(0%, 0%);transform: translate(0%, 0%);}
	}

	@media screen and (max-width: 1700px) {
	.layer_popup2{left: 10%;width: calc(48% - 170px);-webkit-transform: translate(0%, 0%);transform: translate(0%, 0%);}
	.layer_popup3{left: 11%;width: 49%;-webkit-transform: translate(0%, 0%);transform: translate(0%, 0%);}
	.layer_popup4{left: 16%;width: 49%;-webkit-transform: translate(0%, 0%);transform: translate(0%, 0%);}
	} */

	@media screen and (max-width: 1645px) {
	.layer_popup2{left: 10%;width: calc(48% - 170px);-webkit-transform: translate(0%, 0%);transform: translate(0%, 0%);}
	.layer_popup3{left: 1%;width: 49%;-webkit-transform: translate(0%, 0%);transform: translate(0%, 0%);}
	.layer_popup4{left: 16%;width: 49%;-webkit-transform: translate(0%, 0%);transform: translate(0%, 0%);}
	}

	@media screen and (max-width: 1580px) {
	.layer_popup2{left: 9%;width: calc(48% - 170px);-webkit-transform: translate(0%, 0%);transform: translate(0%, 0%);}
	.layer_popup3{left: 10%;width: 49%;-webkit-transform: translate(0%, 0%);transform: translate(0%, 0%);}
	.layer_popup4{left: 16%;width: 49%;-webkit-transform: translate(0%, 0%);transform: translate(0%, 0%);}
	}

	@media screen and (max-width: 1510px) {
	.layer_popup2{left: 9%;width: calc(48% - 170px);-webkit-transform: translate(0%, 0%);transform: translate(0%, 0%);}
	.layer_popup3{left: 7%;width: 49%;-webkit-transform: translate(0%, 0%);transform: translate(0%, 0%);}
	.layer_popup4{left: 16%;width: 49%;-webkit-transform: translate(0%, 0%);transform: translate(0%, 0%);}
	}

	@media screen and (max-width: 1430px) {
	.layer_popup2{left: 8%;width: calc(48% - 170px);-webkit-transform: translate(0%, 0%);transform: translate(0%, 0%);}
	.layer_popup3{left: 3%;width: 49%;-webkit-transform: translate(0%, 0%);transform: translate(0%, 0%);}
	.layer_popup4{left: 16%;width: 409px;-webkit-transform: translate(0%, 0%);transform: translate(0%, 0%);}
	}

	@media screen and (max-width: 1300px) {
	.layer_popup2{left: 7%;width: calc(48% - 190px);-webkit-transform: translate(0%, 0%);transform: translate(0%, 0%);}
	.layer_popup3{left: 3%;width: 49%;-webkit-transform: translate(0%, 0%);transform: translate(0%, 0%);}
	.layer_popup4{left: 16%;width: 409px;-webkit-transform: translate(0%, 0%);transform: translate(0%, 0%);}
	}

	@media screen and (max-width: 1023px){
		.layer_popup{width:99%;font-size:12px;top:140px;}
/* 		.layer_popup2{width:99%;font-size:12px;top:140px;left: 50%;}
		.layer_popup3{width:99%;font-size:12px;top: 140px;left: 50%;}
		.layer_popup4{width:99%;font-size:12px;top: 140px;left: 50%;} */
		.layer_popup2{left: 10px;top: 130px;width: 99%;z-index: 1000001;box-shadow: 5px 5px 5px rgba(0,0,0,0.4);}
		.layer_popup3{left: 15px;top: 130px;width: 99%;z-index: 1000002;box-shadow: 5px 5px 5px rgba(0,0,0,0.4);}
		.layer_popup4{left: 20px;top: 160px;width: 99%;box-shadow: 5px 5px 5px rgba(0,0,0,0.4);}
	}

	@media screen and (max-width: 768px) {
		.layer_popup2{left: 1%;width: 98%;}
		.layer_popup3{left: 2%;width: 96%;box-shadow: 5px 5px 5px rgba(0,0,0,0.4);}
		.layer_popup4{left: 3%;width: 94%;box-shadow: 5px 5px 5px rgba(0,0,0,0.4);}
		.popup-conwrap.center{left: 67%; width:116%;}
	}

	@media screen and (max-width: 660px) {
		.corona_title{text-align: left;}
	}

	@media screen and (max-width: 575px){
		.crn-img01 .ci01{right: 20px;}
		.crn-img01 .ci01 .notice{font-size: 18px;line-height: 22px;}
		.crn-img01 .ci01 .impt{padding-top: 10px;font-size: 13px;line-height: 17px;}
		.so-way{padding: 5px;}
		.so-way .sw-tit{font-size: 19px;padding: 2px;}
		.sow-ul > li{font-size: 12px;word-spacing:-3px;padding-left: 17px;}
		.sow-ul > li > ul > li{font-size: 12px;word-spacing:-5px;}
		.corona_title{font-size: 17px;height: 40px; padding-top: 8px;}
		.view{font-size: 12px;padding-top: 0px;}
	}

	@media screen and (max-width: 500px){
		.crn-img01 .ci01{top: 65px;}
		.place{font-size: 18px;line-height: 24px;}
		.shape-tit p{font-size: 14px;}
		.fd-fl{float: none;width: 100%;}
		.fd-fr{float: none;width: 100%;}
		.layer-pp-cbx .po1{padding: 4px;}
		.layer-pp-cbx .po1 img{width: 12px;}
		.layer-pp-cbx .po2{font-size: 12px; line-height: 16px; letter-spacing: -1px;}
	}

	@media screen and (max-width: 400px){
		.crn-img01 .ci01{top: 45px;right: 10px;}
		.crn-img01 .ci01 .notice{font-size: 16px;line-height: 20px;}
		.crn-img01 .ci01 .impt{padding-top: 2px;font-size: 12px;line-height: 16px;}
		.corona_title{font-size: 15px;height: 60px; padding-top: 2px;}
		.view{font-size: 12px;top: 30px;}
		.layer-pp-cbx .po2{ bottom: 0.7%;}
		.m-i-pp .ipp-c{top: 99px; }
	}

/* 20200518 */
.mediaNotice ul.mwt_sl{padding: 0;}
.mwt_sl > li{float: none; width: auto; padding: 0;}
.mwt_sl > li > a > img{  vertical-align: top; height: 137px;  width: 286px;}
.mwt_sl > li .tx{padding-right: 75px;}
.ct0412-3 .right413 .wtbox .mwt_sl > li .tx p.p1{width: auto; white-space: nowrap;}

.ct0412-3 .right413 .wtbox h3.ds_tb{display: table;width: 100%; padding: 0;}
.ct0412-3 .right413 .wtbox h3.ds_tb > span{display: table-cell; vertical-align: bottom; height: 47px; padding-bottom: 10px; padding-right: 30px; letter-spacing:-1px; box-sizing: border-box;}

.mwt_slbk{position: relative; margin-right: 18px;}
.mwt_slbk .bx-controls-direction  a{position: absolute; width: 23px; height: 23px; font-size: 0; bottom: 0;  z-index: 51;}
.mwt_slbk .bx-prev{right: 52px; background: url(/static/commons/img/mwb_sbt1.gif) 0 0 no-repeat;}
.mwt_slbk .bx-next{right: 0; background: url(/static/commons/img/mwb_sbt2.gif) 0 0 no-repeat;}

.mwt_slbk .bx-controls-auto{position: absolute; right: 26px; bottom: 0; z-index: 51;}
.mwt_slbk .bx-controls-auto a{display: block; width: 23px; height: 23px; font-size: 0; }
.mwt_slbk .bx-controls-auto a.active{display: none;}
.mwt_slbk .bx-stop{background: url(/static/commons/img/mwb_sbt3.gif) 0 0 no-repeat;}
.mwt_slbk .bx-start{background: url(/static/commons/img/mwb_sbt4.gif) 0 0 no-repeat;}

@media screen and (max-width: 1300px){
	.mwt_slbk{ margin-right: 0;}
}
@media screen and (max-width: 1160px){
	.mwt_sl > li .tx{padding-right: 0;}
	.ct0412-3 .right413 .wtbox .mwt_sl > li .tx p.p2{left: 2px; bottom: 10px;}
	.mwt_slbk .bx-controls-auto, .mwt_slbk .bx-controls-direction a{bottom: 4px;}
}
@media screen and (max-width: 1024px){
	.ct0412-3 .right413 .wtbox h3.ds_tb > span{font-size: 15px;}
	.m-i-pp .ipp-c{top: 105px; }
}
@media screen and (max-width: 1000px){
	.mwt_sl > li > a > img{width: 100%;}
	.mwt_slbk .bx-controls-auto, .mwt_slbk .bx-controls-direction a{bottom: 0;}
}

/* 2022.11.08 add */
.m-i-pp{position: absolute; left: 0; right: 0; top: 0; z-index: 200; display: none;}
.m-i-pp > div{ width: 96%; max-width: 1300px; margin: 0 auto; position: relative;}
.m-i-pp .ipp-c{position: absolute; left: 0; top: 197px; }
.m-i-pp .close-bx{padding: 5px 10px; background: #fff; text-align: right; line-height: 1; border: 1px solid #ddd; border-bottom: none;}
.m-i-pp .close-bx input{vertical-align: middle; width: 14px; height: 14px; margin: 0;}
.m-i-pp .close-bx label{display: inline-block; vertical-align: middle; font-size: 16px; color: #333; line-height: 22px; margin: 0;}
.m-i-pp .close-bx a{display: inline-block; vertical-align: middle; background: #ddd; font-size: 14px; color: #030402; line-height: 16px; padding: 3px 8px; border-radius: 4px;}

.mo-hd-tx{display: none; position: absolute; bottom: -1px; left: 60px; right: 60px; text-align: center; }
.mo-hd-tx > p{font-size: 20px; font-weight: 600; color: #595656;}
.mo-hd-tx > p > span{display: inline-block;}
.m-service > dt > p > span{display: block;}

@media screen and (max-width: 1024px){
.mo-hd-tx{display: block; display: flex; align-items: center; justify-content: center;  height: 38px;}
}
@media screen and (max-width: 768px){
.sec1-lk{display: block;}
.sec1-lkbx{padding-top: 26px; position: relative;}
.sec1-lkbx .bx-controls{position: absolute; top: 0; right: 0; padding: 0 18px;}
.sec1-lkbx .bx-controls a{display: block; width: 18px; height: 18px; background: center center no-repeat; font-size: 0;}
.sec1-lkbx .bx-controls-direction a{position: absolute; top: 0;}
.sec1-lkbx .bx-controls-direction .bx-prev{left: 0; background-image: url(https://www.dongjak.go.kr/static/portal/img/main/20221122/ms-lf.png);}
.sec1-lkbx .bx-controls-direction .bx-next{right: 0; background-image: url(https://www.dongjak.go.kr/static/portal/img/main/20221122/ms-rt.png);}
.sec1-lkbx .bx-controls-auto .bx-start{background-image: url(https://www.dongjak.go.kr/static/portal/img/main/20221122/ms-pl.png);}
.sec1-lkbx .bx-controls-auto .bx-stop{background-image: url(https://www.dongjak.go.kr/static/portal/img/main/20221122/ms-st.png);}
.sec1-lkbx .bx-controls .bx-controls-auto a.active{display: none;}
.m-service > dt > p > span{display: inline;}
}
@media screen and (max-width: 600px){
.m-service-bk{margin-top: -80px;}
}

@media screen and (max-width: 420px){
.mo-hd-tx{right: 50px;}
.mo-hd-tx > p{font-size: 17px;}
}

@media screen and (max-width: 420px){
.m-service > dt{font-size: 17px;}
.m-srv-bnn2 .slick-slide.m-srv > a > p img{display: inline-block;width: 70%;}
}