@charset "UTF-8"; 

#divmain{/*background-color:#f7f8f9;*/ padding:15px 0px;}
.mainTop {overflow:hidden;}
.mbox{border-radius:8px; overflow:hidden;}

/*메인배너컨트롤*/
.carousel-status {position:absolute; overflow:hidden; z-index:10; right:25px; bottom:15px;}
.carousel-status ul li {display:inline-block;margin:0;}

/*로고*/
/* @media all and (max-width:992px) { */
/* .logo img{width:90%;padding-top:5px;} */
/* } */

/*날씨*/
@media all and (min-width: 1000px) {
#right_top_banner{padding-right:0; padding-left:0}
}
@media all and (max-width: 1000px) {
#right_top_banner{margin-top:15px;}
}
.Weather {
    background-image:url('../images/main/Weather.gif');
	background-repeat:no-repeat;
	background-position:top left;
	background-size:cover;
	padding:15px 25px 15px 25px; color:#fff; width:100%;}
.Weather div{width:49.9%; float:left; text-align:center;}
.Weather div p {font-size:90%;}
.Weather .dust {border-right: 1px solid #b4c0d4;}
.Weather div ul {margin-bottom:0}
.Weather div ul li span {font-size:26px; font-weight:bold;}

/*검사 배너(왼쪽)*/
#right_top_banner .test img{display:inline-block; overflow:hidden; }
#right_top_banner .test {background:#fff; margin:12px 0px; border:1px solid #e5e5e5;}
#right_top_banner .test .test2 { padding:11px 25px;}

@media all and (min-width:992px) and (max-width: 1200px) {
#right_top_banner .test img {display:none;}
#right_top_banner .test .test2 { padding:8px 25px; font-size:90%;}
}
@media all and (max-width: 768px){
.test_t {border-top:1px solid #e5e5e5;}
}

/*오른쪽아이콘배너*/
.mbanner a {color:#fff; text-align:center;font-size:95%;  }
.mbanner div{ text-align:center; padding:10px 0px; }
.mbanner div img{width:36px; margin:0 auto; height:35px;}
.mbanner .micon1 {background: #609913;}
.mbanner .micon2 {background: #007eab;}
.mbanner .micon3 {background:#0064cb;}
.mbanner .micon4 {background: #009790;}

.Bbanner > .bx-wrapper, .Bbanner > .bx-wrapper > .bx-viewport {
    height: 50px !important;
}

.bx-prev , .bx-next{
z-index:98 !important;
}

/*부서별관련사항*/
.information {background-color:#fff; margin-top:15px; padding-bottom:13px;}
.information h3{background-color:#3a73db;  margin:0 0 10px 0; font-size:16px; color:#fff; padding:12px 15px;}
.information {background-color:#fff; overflow:hidden;}
.information div .info_s {font-size:93%; }

@media all and (min-width:992px){
.infoIcon {margin-left:0;}
.information div{text-align:center; padding:4px 10px; font-size:90%; line-height:1.3em; float:left;}
.information div img{padding-bottom:5px; margin:0 auto; width:80%;}
}

@media all and (min-width:992px) and (max-width: 1200px) {
.infoIcon {margin-left:0;}
.information div{text-align:center; padding:3px 2px; font-size:90%; line-height:1.3em; float:left;}
.information .infoIcon div{width:16.6%;}
.information div img{padding-bottom:5px; margin:0 auto; width:50%;}
}
@media all and (max-width:991px){
.infoIcon {margin-left:0;}
.information .infoIcon div{text-align:center; padding:3px 4px; font-size:95%; line-height:1.3em; display:inline-block; width:30%; overflow:hidden;}
.information div img{padding-bottom:5px; margin:0 auto; width:50%;}
}

/*공지사항*/
#notice {background-color:#fff; margin-top:15px; overflow:hidden;}
#notice .notice_tab ul {overflow:hidden;}
#notice .notice_tab ul li {font-size:16px;margin:0;float:left;border-bottom:1px solid #e5e5e5;border-right:1px solid #e5e5e5;width: 28%;text-align: center;padding-top:8px;height:41px;}
#notice .notice_tab .more {width: 15%;border-right:0;text-align: right;}
#notice .notice_tab .on{background: #007eab;}
#notice .notice_tab .on a {color:#fff;}
.tab_content div {margin:18px 25px;}
.tab_content div ul li {line-height:28px;}
.tab_content .tabs {display:none;}


@media all and (max-width:991px){
#notice .notice_tab ul li{font-size:14px;}
}

/*실시간 그래프*/
@media all and (min-width:1200px) {
.right_row {padding:0;}
.mapTxt {width:43%;}
.mapTxt table{margin-top:156px;}
.mapTxt table tr td, .mapTxt table tr th{padding:6px 10px; text-align:center;}
table.map{font-size:85%; border-right:1px solid #ccc;}
table.map caption {overflow:hidden; position:absolute; top:-99999px; width:0; height:0; line-height:0; text-indent:-99999px;}
/* .graph .ulsan_map{background-image:url('../images/main/map.png'); */
/* 	background-repeat:no-repeat; */
/* 	background-position:95% 20%;} */
.map_img{position:absolute; max-width:380px; right:10px; top:70px;}
.map_img img{width:100%;}
.map_img span{display:block; position:absolute; text-align:center; min-width:80px; height:8px; background:url('../images/etc/marker.png')no-repeat 50% bottom;}
.map_img span span{display:none;}
.map_img span:hover, .map_img span:focus{cursor:pointer; font-weight:bold; color:#fff; text-decoration:none;}
/* .map_img a:hover span, .map_img a:focus span{display:block; margin-right:0; margin-left:0; margin-top:-24px; background:#f29400; color:#fff; padding:0 3px; border-radius:10px; font-size:0.95em;} */
.map_img span:hover span, .map_img span span.open{display:block; margin-right:0; margin-left:0; margin-top:-24px; background:#f29400; color:#fff; padding:0 3px; border-radius:10px; font-size:0.95em;}


.map_img span.A238121{top:114px; right:74px;} /*성남동*/
.map_img span.A238125{top:154px; right:44px;} /*삼산동*/
.map_img span.A238376{top:124px; right:64px;}/* 약사동 */
.map_img span.A238127{top:152px; right:82px; z-index:2;}
.map_img span.A238126{top:144px; right:74px; z-index:1;} /*신정로*/
.map_img span.A238126 span{margin-top:-40px;} /*신정로*/
.map_img span.A238126 span b{display:block; font-size:0.5em; font-weight:300;} /*신정로*/
.map_img span.A238124{top:166px; right:64px; z-index:3;} /*야음동*/
.map_img span.A238123{top:172px; right:40px; z-index:4;} /*여천동*/
.map_img span.A238122{top:184px; right:54px; z-index:5;} /*부곡동*/
.map_img span.A238129{top:140px; right:120px;}	/*무거동*/
.map_img span.A238120{top:190px; right:4px; z-index:5;} /*대송동*/
.map_img span.A238381{top:184px; right:-6px;} /*전하동*/
.map_img span.A238130{top:118px; right:40px; z-index:6;} /*효문동*/
.map_img span.A238374{top:94px; right:54px;} /*농소동*/
.map_img span.A238373{top:194px; right:92px;} /*상남리*/
.map_img span.A238371{top:240px; right:48px;} /*화산리*/
.map_img span.A238128{top:244px; right:72px;} /*덕신리*/
.map_img span.A238375{top:132px; left:60px;} /*상남읍*/
.map_img span.A238377{top:220px; left:150px;} /*웅촌면*/
.map_img span.A238378{top:130px; left:160px;} /*범서읍*/
.map_img span.A238379{top:130px; left:190px;} /*북부순환도로*/
.map_img span.A238380{top:106px; right:47px;} /*송정동*/
.map_img span.A238383{top:159px; right:34px;} /*산업로*/
.map_img span.A238384{top:178px; right:10px} /*방어진순환도로*/

.map_img a.map_ulju{top:100px; left:60px;}

.map_img a.map_bukgu{top:100px; right:10px;}

.map_img a.map_donggu{top:176px; right:0px;}

}

@media all and (max-width:1200px){
.mapTxt table tr td, .mapTxt table tr th{padding:8px; text-align:center;}
}

@media all and (min-width:992px) and (max-width: 1200px) {
.right_row {padding:0;}
.mapTxt {width:55%;}
.mapTxt table{margin-top:92px;}
table.map{font-size:80%; border-right:1px solid #ccc;}
/* .graph .ulsan_map{background-image:url('../images/main/map_t.png'); */
/* 	background-repeat:no-repeat; */
/* 	background-position:90% 20%;} */
.map_img{position:absolute; max-width:280px; right:10px; top:70px;}
.map_img img{width:100%;}
.map_img a{display:block; position:absolute; text-align:center; min-width:40px; height:8px; background:url('../images/etc/marker.png')no-repeat 50% bottom;}

.map_img a span{display:none;}
.map_img a:hover, .map_img a:focus{cursor:pointer; font-weight:bold; color:#fff; text-decoration:none;}
.map_img a:hover span, .map_img a:visited span.open{display:block; margin-right:0; margin-left:0; margin-top:-24px; background:#f29400; color:#fff; padding:0 3px; border-radius:10px; font-size:0.95em;}

.map_img span.A238121{top:78px; right:64px;} /*성남동*/
.map_img span.A238125{top:114px; right:44px;} /*삼산동*/
.map_img span.A238376{top:88px; right:60px; z-index:3;}/* 약사동 */
.map_img span.A238127{top:112px; right:72px; z-index:2;} /*신정동*/
.map_img span.A238126{top:104px; right:64px; z-index:1;} /*신정로*/
.map_img span.A238126 span{margin-top:-40px;}	/*신정로*/
.map_img span.A238126 span b{display:block; font-size:0.5em; font-weight:300;} /*신정로*/
.map_img span.A238124{top:126px; right:54px; z-index:3;} /*야음동*/
.map_img span.A238123{top:130px; right:34px; z-index:4;} /*여천동*/
.map_img span.A238122{top:134px; right:44px; z-index:5;} /*부곡동*/
.map_img span.A238129{top:106px; right:100px;} /*무거동*/
.map_img span.A238120{top:138px; right:8px; z-index:5;} /*대송동*/
.map_img span.A238381{top:130px; right:4px;} /*전하동*/
.map_img span.A238130{top:90px; right:32px; z-index:6;} /*효문동*/
.map_img span.A238374{top:72px; right:40px;}   /*농소동*/
.map_img span.A238373{top:144px; right:78px;}  /*상남리*/
.map_img span.A238371{top:180px; right:44px;}  /*화산리*/
.map_img span.A238128{top:184px; right:68px;}  /*덕신리*/
.map_img span.A238375{top:102px; left:62px;}  /*삼남읍*/
.map_img span.A238377{top:162px; left:126px;} /*웅촌면*/
.map_img span.A238378{top:97px; left:121px;} /*범서읍*/
.map_img span.A238379{top:93px; left:151px;} /*북부순환도로*/
.map_img span.A238380{top:80px; right:36px;} /*송정동*/



/* .map_img a:hover, .map_img a:focus{cursor:pointer; font-weight:bold; color:#fff; text-decoration:none;} */
/* .map_img a.map_ulju{top:88px; left:80px;} */
/* .map_img a.map_junggu{top:82px; right:80px;} */
/* .map_img a.map_bukgu{top:56px; right:30px;} */
/* .map_img a.map_namgu{top:116px; right:54px} */
/* .map_img a.map_donggu{top:126px; right:14px;} */

.rightRow0{padding-right:0;}

}

@media all and (max-width:991px){
.mapTxt table{margin-top:15px;}
table.map{font-size:90%; border-right:1px solid #ccc;}
.map_img{display:none;}
.map_tab{display:inline-block; margin-bottom:10px;}
.map_tab a{display:inline-block;text-decoration:none; padding: 6px 8px;margin-bottom:10px; font-size: 14px; font-weight: normal; line-height: 1.42857143; text-align: center; white-space: nowrap;
cursor: pointer; background-image: none; border: 1px solid #bbb;}

.map_tab a.select{background:#f78600; color:#fff; border:1px solid #f78600;}
.map_tab a.sinjeong2 span b{font-weight:100;}

}

.graph {background-color:#fff; margin-top:15px; padding-bottom:10px;}
.graph h3{background-color: #cb7208;margin:0 0 10px 0;font-size:16px;color:#fff;padding:10px 15px;}
.graph .ulsan_map{ padding:10px 25px;}
.graph .ulsan_map .place { font-size:14px; margin:5px 0px;}
.graph .ulsan_map .date_place {font-size:12px;}


/*관련사이트*/
.bxslider_sub li a {display: block;}

@media all and (min-width:992px) {
.rightRow0{padding-right:0; width:100%;}
.rightRow0 .bx-wrapper{overflow:hidden;}
.mainbottom .Bbanner {height:60px; overflow:hidden;}
.mainbottom .Bbanner ul {padding-top:10px;}
.mainbottom .Bbanner ul li {display:inline-block; width:16.5%;}
.map_tab{display:none;}

}
@media all and (max-width:992px) {
.mainbottom .Bbanner {height:30px; overflow:hidden;}
.mainbottom .Bbanner ul {padding-top:10px;}
.mainbottom .Bbanner ul li {display:inline-block; width:30%;margin-bottom:10px;}
.rightRow0 .bx-wrapper{overflow:hidden;}

}

@media all and (max-width: 767px) {
.test > .row{margin-top:0; margin-bottom:0;}
}

@media all and (max-width:580px) {
/* .mainbottom .Bbanner ul li {display:inline-block; width:50%;} */
}
.mainbottom .Bbanner {background-color:#fff; margin-top:15px; padding:0px 20px 0px 20px; height:60px; overflow:hidden;}
.mainbottom .Bbanner h2{font-size:16px;float:left;}
.mainbottom .Bbanner .bn_ctrl{float:left; padding:15px 15px;}
.mainbottom .Bbanner .bn_ctrl button {padding:0px 2px;}
/* .mainbottom .Bbanner ul li img{max-width:110px;} */


/*하단*/
footer .copyright span.tel_uihe {
    font-size:22px;
    font-weight: bold;
    letter-spacing: -0.03em;
    background-color: #f5f5f5;
    padding: 5px 10px;
    border: 1px solid #c8c8c8;
    display: block;
	 color: #527da7;
	 margin:5px 0 
}
@media all and (max-width:1199px) {
footer .copyright span.tel_uihe{font-size:16px;}
}
@media all and (max-width:992px) {
.copyright {padding-top:15px;}
}
@media all and (max-width:400px) {
footer img {width:70%;}
}

/* 가상 키패드 */
#DIV_SECU_KEYPAD > div > div > div[id^="dSecuKpd"] {      
    padding-top:20px;
}

#DIV_SECU_KEYPAD > div > div > div[id^="dSecuKpd"] > div:nth-child(2) {    
    top: -20px !important;
}

#DIV_SECU_KEYPAD div div div div {padding-top:33px !important;}
#DIV_SECU_KEYPAD div div div div:nth-child(1) {padding-top:53px !important;}