@charset "utf-8";
.hidden {display:none;}
.colorG {color:#1b70b8;}
.sub_visual {width:100%; position:relative; top: 101px;margin-bottom: 6%; border-top:3px solid #1b70b8;}
.sub_visual a {position:absolute; display:block; width:7.8125%; top:25%}
.sub_visual a.sub_visual_left { left:2%; }
.sub_visual a.sub_visual_right { right:2%; }
.sub_visual img {width:100%;}

.sub {position: relative;width:93.75%; margin:0 auto 46px;top: 101px;}
.sub .tab {width:100%; height:54px; overflow:hidden; margin-bottom: 8%;    position: relative;}
.sub .tab ul li{float:left; width: 25%;    overflow:hidden;  }
.sub .tab ul li a{display:block; font-size:16px; color:#868686;}

.sub .tab ul li.on {background:#fff url("/img/m_jw_tab_bg.gif") repeat-x; font-weight:bold; border-bottom:1px solid #fff;}
.sub .tab ul li.on a{ color:#1b70b8; }

.sub .map {width:100%; margin-bottom:40px; overflow:hidden;}
.sub .con {width:100%; position:relative; overflow:hidden;}
.sub .con > img {margin-bottom:18px;}
.sub .con table {width:100%; color:#606060; border-top:2px solid #5e5e5e;}

.sub .con table tr {border-bottom:1px solid #d7d6d3;}
.sub .con table tr td {padding:11px 3%;border-left: 1px solid #dddddd;}
.sub .con table tr td:first-child{border-left:0;}
.sub .con table tr td span {font-weight:bold;}
.sub .con table .tit {background:#f7f5f0;text-align: center;}
.sub .con table .tit img { margin:0 auto; width: 80%;}
.sub .con .map_tit1 {width:8%;}
.sub .con .map_tit2 {width:15%;}

/* 4.홍보센터 */

.sub.prcenter .tab ul li{width: 33.33333333333333%;}

.sub.prcenter p.tit {width:40%;}
.sub.prcenter .pr_notice{width:100%; height:100%; overflow:hidden;}
.sub.prcenter  .pr_notice dl {width:48.8%; float:left; margin-right:2.4%; margin-bottom:32px; }
.sub.prcenter dl dt {width:100%; margin-bottom:19px;}
.sub.prcenter dl dt a {display:block; width:100%; height: 220px; overflow:hidden;}
.sub.prcenter dl dt img{width:100%; height: 100%;}
.sub.prcenter dl dd.tit {font-size:16px;}
.sub.prcenter dl dd.tit  a{ color:#332515;}
.sub.prcenter dl dd.notice_data {font-size:15px; font-weight:bold; color:#b29676;}

/* 상세정보 관련url 깨지는거 수정 
.sub.mboard .tab ul li{width: 33.33333333333333%;}

.sub.mboard p.tit {width:40%;}
.sub.mboard .pr_notice{width:100%; height:100%; overflow:hidden;}
.sub.mboard  .pr_notice dl {width:48.8%; float:left; margin-right:2.4%; margin-bottom:32px; }
.sub.mboard dl dt {width:100%; margin-bottom:19px;}
.sub.mboard dl dt a {display:block; width:90%; height: 100%; overflow:hidden;}
.sub.mboard dl dt img{width:18px; height: 18px; float:left;}
.sub.mboard dl dd.tit {font-size:16px;}
.sub.mboard dl dd.tit  a{ color:#332515;}
.sub.mboard dl dd.notice_data {font-size:15px; font-weight:bold; color:#b29676;}*/

/*탭이 깨져서 추가햇음*/
.sub.hr .tab ul li{width:33.169%;}
/*탭이 깨져서 추가햇음*/

.sub.hr{width:93.75%; margin:0 auto;}
.sub.hr img {width:100%;}
.sub.hr p.tit{margin-bottom:20px;}
.sub.hr p.tit img {width:inherit;}
.sub.hr table{width:100%; margin-bottom:46px; text-align:center;}
.sub.hr table thead { background:#e5edf4; border-top:2px solid #5e5e5e; width:100%;}
.sub.hr table thead tr td {border-left:1px solid #c1c5bf; border-bottom:1px solid #dbdbdb;}
.sub.hr table tbody { background:#fefefe; width:100%;}
.sub.hr table tbody tr td { background:#fefefe; border-left:1px solid #c1c5bf; border-bottom:1px solid #dbdbdb;}
.sub.hr table td {padding:12px 0;}
.sub.hr table td img{width:inherit;}
.sub.hr table td.bl_0 {border-left:0;}
.sub.hr table td.ta_l {text-align:left; text-indent:2%}
.sub.hr .apply_img{margin-bottom:46px; width:100%;}
.sub.hr .pasing {margin-bottom:46px;}
.hr_tit img{width:inherit;}
.sub .inquiry {font-size:16px; color:}
.sub.contractors .tab ul li{width:19.835%;}
.sub.contractors dl {position:relative; width: 43%; float:left; border:1px solid #cccccc; overflow:hidden; padding:3%;margin: 0 1% 15px 0;}
.sub.contractors dl dt{width:100%;overflow:hidden; margin-bottom:17px;}
.sub.contractors dl dt img{width:100%; height:137px;}
.sub.contractors dl dt span {float:left; text-align:center; font-size:16px; color:#fff; font-weight:bold; padding:10px 0;height: 19px;}
.sub.contractors dl dt span.location {width:30%; height:13px; background:#1b70b8; font-size:9px;}
.sub.contractors dl dt span.tit {width:70%; height:13px; background:#555555;  font-size:9px;}
.sub.contractors dl dd {width:100%; margin-bottom:9px;height: 15px;}
.sub.contractors dl dd img {width:27%;}

.sub.contractors dl a.move {position:absolute; display:block; width:100%; height:80%; top:40px; left:0; z-index:2; }
.sub.contractors dl .selection {position:absolute; width:40%; height:100%; padding-top: 8px;top: 3%; right: 3%; background:url("/img/m_jw_contractors_bg.png") 100% 0 no-repeat; color:#fff; text-indent: 16%; font-weight:bold;}

.sub.enforcement .tab ul li{width:19.835%;}
.sub.enforcement .enforce_tit {font-size:24px; font-weight:bold; text-indent:3%; background:url("/img/jw_text_bulet_img.jpg") 0 8px no-repeat; margin-bottom:22px; }
.sub.enforcement dl {position:relative; width:100%; margin-bottom:46px;}
.sub.enforcement dl a.move {position:absolute; display:block; width:100%; height:100%; top:0; z-index:2; }
.sub.enforcement dl dt {position:relative; width:100%;}
.sub.enforcement dl dd {position:absolute; bottom:0; z-index:3;}
.sub.enforcement dl dd.data {width:68%; float:left; padding:18px 0 18px 2%;}
.sub.enforcement dl dd.data span {color:#d5d5d5; display:block;}
.sub.enforcement dl dd.data span.enforce_data {font-size:15px;}
.sub.enforcement dl dd.data span.enforce_location {font-size:18px;}
.sub.enforcement dl dd.btn {width:28%; margin-left:70%; margin-right:2%;}
.block{text-indent:-99999px; display:block; background:#000; opacity:0.75; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)"; filter: alpha(opacity=75); -moz-opacity: 0.75; -khtml-opacity: 0.75; position:absolute; bottom:0; width:100%; height:60px; z-index:2;}


.sub.view .tab ul li {width:19.835%;}
.sub.view .con_top {width:83.75%; /*height:700px; */margin:0 auto; padding:30px 5%; background:url("/img/m_jw_con_bg.jpg") no-repeat; background-size:100% 100%; overflow:hidden;}
.sub.view .con_top .gallery {margin-bottom:28px; overflow:hidden;}
.sub.view .con_top .gallery .current{width:100%; height: 100%; background:#006; margin-bottom:6px;}
.sub.view .con_top .gallery ul li{float:left; width:24.25%; height:93px; margin-right:1%;}
.sub.view .con_top .gallery ul li.last {margin-right:0;}
.sub.view .con_top .gallery ul li  img{width: 100%;height: 100%;}
.sub.view .con_top .gallery ul li a{display:block;width: 100%;height: 100%;}
.sub.view .con_top .gallery ul li.on { border: 4px solid #1b70b8; box-sizing: border-box; width: 23.9%; height: 93px;}
.sub.view .con_top .gallery ul li.on img {width: 100%;height: 100%;}
.sub.view .con_top table {text-align:center; border-top:2px solid #5e5e5e; overflow:hidden;}
.sub.view .con_top table img {width:15%;}
.sub.view .con_top table thead {background:#e5edf4; font-size:}
.sub.view .con_top .enforce_tit {width:17%; margin-bottom:22px;}

.sub.view .con_bottom {width:100%;}
.sub.view .con_bottom a {display:inline-block;}
.sub.view .con_bottom .btn_box1 {display:inline-block; float:left; width:38.75%}
.sub.view .con_bottom .btn_box1 a {display:block; width:22.36559139784946%;}
.sub.view .con_bottom .btn_box2 {display:inline-block; float:left; width:22.5%}
.sub.view .con_bottom .btn_box2 a {display:block; width:100%;}
.sub.view .con_bottom .btn_box3 {display:inline-block; float:left; width:38.75%}
.sub.view .con_bottom .btn_box3 a {display:block;  width:22.36559139784946%; float:right;}
/*.sub.view .con_bottom a.btn {width:8.67%}
.sub.view .con_bottom a.btn2 {width:22.5%; margin:0 29.40%;}*/

.sub .pasing{width:100% !important; height: 36px;overflow:hidden; margin:0 auto; text-align:center;}
.sub .pasing a {display:inline-block; }
.sub .pasing a img{width:100%;margin-top: -22px;}
.sub .pasing a.num {border:1px solid #e1e1e1; color:#626262; font-weight:bold; font-size:16px; text-align:center; line-height: 32px; width:37px; margin: 0 2px;}
.sub .pasing a.num.on {border:1px solid #8dbae1; background:#8dbae1; color:#fff; text-align:center;}
/* 태블릿: 1024 이하 */
@media handheld, only screen and (max-width: 1023px) {
	
}
/* 스마트 폰: 767px 이하 */
@media handheld, only screen and (max-width: 767px) {
	.sub.view .tab ul li, .sub.enforcement .tab ul li, .sub.contractors .tab ul li {width:19.81%}
	.sub.contractors dl dt span {font-size:11px;}
	.sub .tab ul li {width: 25%;}
	.sub.prcenter .tab ul li {width: 33.33333333333333%;}
	.sub .tab ul li a{font-size:10px;}
	.sub.contractors dl {width:42.8%}
	.sub.contractors dl dd {font-size:9px;}
	.sub.contractors dl .selection, .sub.enforcement dl .selection {text-indent: 60%; width: 100%;font-size:9px; padding-top:10px;}
	.sub .con table {font-size:12px;}
	.sub.view .con_top table {font-size:9px;}
	.sub.enforcement .enforce_tit {font-size:14px; text-indent:6%; background:url("/img/jw_text_bulet_img.jpg") 0 3px no-repeat;}
	.sub.enforcement dl dd.data span.enforce_data {font-size:9px;}
	.sub.enforcement dl dd.data span.enforce_location{font-size:11px;}
	.sub.prcenter dl dd.tit{font-size:13px;}
	.sub.prcenter dl dd.notice_data{font-size:11px;}
}
/* 스마트 폰: 480px 이하 */
@media handheld, only screen and (max-width: 480px) {
	.sub.view .tab ul li, .sub.enforcement .tab ul li, .sub.contractors .tab ul li {width:19.67%}
	.sub .tab ul li {width:24.66%}
	.sub.prcenter .tab ul li {width:33.01%;}
	.block {height:40px;}
	.sub.contractors dl dt img {height:90px;}
	.sub.prcenter dl dt a {height:130px;}
	.sub.hr table td {font-size:11px;}
	.sub.hr p.tit img, .sub.hr table td img {width:60%;}
	.sub.hr .hr_tit img {width:13%;}
}

/* 아이폰 4 */
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
  
}


/*20211210 css추가*/

.map_box{width:100%; height:400px; margin-bottom:50px}
.map_box .root_daum_roughmap{width:100%; height:100%}
.map_box .root_daum_roughmap .wrap_map{width:100%; height:100%;}