/* 일자리 현황판 */
#jbd_container {background:#f0f6fd url('/site/www/images/job/jbd_bg.jpg') no-repeat center top; border-top:1px solid #a3a3a3;}
#jbd_container > .wrap {position:relative; width:100%;margin:0 auto; word-wrap:break-word; min-height:856px;}
.jbd {position:relative;}
.jbd .j_header {text-align:center; position:relative; padding:0 0 20px; border-bottom:1px solid #1c2351;}
.jbd .j_header p {text-align:center; margin:10px auto; font-size:16px; background-color:#17447a; color:#fff; font-weight:bold; display:inline-block; padding:3px 10px;}
.jbd h2 {text-align:center; margin:20px auto 0; width:100%; }
.jbd h3 {text-align:center; margin:20px 0; font-size:25px; color:#00337f;line-height:30px;}
.jbd ul.jbd_list {display:inline-block;}
.jbd ul.jbd_list li {position:relative; background:#fff; border:1px solid #aaafd3; box-sizing:border-box; width:calc(50% - 24px); display: inline-block;;}
.jbd ul.jbd_list li {margin:20px 10px;}
/*
.jbd ul.jbd_list li + li {margin:2% 0 2% 0;}
.jbd ul.jbd_list li + li + li {margin:0 0 0 0;}
.jbd ul.jbd_list li + li + li + li {margin:0 0 2% 2%;}
.jbd ul.jbd_list li + li + li + li + li {margin:0 2% 0 0;}
.jbd ul.jbd_list li + li + li + li + li + li {margin:0;}
*/
.jbd ul.jbd_list li img {height:100%; width:100%; border-bottom:1px solid #ced0d0; box-sizing:border-box;}
.jbd ul.jbd_list li p {padding:20px;}
.jbd ul.jbd_list li .jbd_title {display:block; font-size:25px; font-weight:bold; color:#000;}
.jbd ul.jbd_list li .jbd_date {display:block; margin:15px 0 0;}
.jbd ul.jbd_list li a:hover {text-decoration:none;}
.jbd ul.jbd_list li span.jbd_bg {background: rgba(0, 0, 0, 0.3) none repeat scroll 0 0; display: none; left: 0; position: absolute; top: 0; width:100%; height:100%;}
.jbd ul.jbd_list li a:hover span.jbd_bg {color: #fff; display: block;}
.jbd_contents #silde {text-align:center;position:relative;}
.jbd_contents #silde > div > a > img {width:100%;height:100%;}
.jbd_control .jbd_prev {position:absolute;top:40%;left:10px;}
.jbd_control .jbd_next {position:absolute;top:40%;right:10px;}
.jbd_control .jbd_num2 {background:#57abf9;color:#fff;padding:9px 10px;margin:20px 0;border:0;display:inline-block; line-height:18px; font-size:14px;}
.jbd_control > a {display:inline-block;} 
.jbd_num {background:#17447a;color:#fff;padding:8px 10px;margin:20px 0;}
.brd_list {border-top:2px solid #17447a;border-bottom:2px solid #17447a;}
.brd_list li {padding:10px;color:#000;}
.brd_list .next_brd {border-bottom:1px solid #ccc;}
.brd_list li .ti {font-weight:600;padding-right:10px;}

.jbd_control{line-height:0; font-size:0;}
.jbd_control .thumbnailbox{display:inline-block; vertical-align:top;}
.jbd_control .thumbnailbox ul li{display:inline-block; margin-right:4px; vertical-align:top;}
.jbd_control .thumbnailbox ul li button{line-height:18px; font-size:14px;}

.map_img_p p {display:none;}
	/* 모바일 */
	@media only screen and (max-width:767px){
		.map_img_p p {display:block;line-height:40px;margin-top:5px;font-size:18px;font-weight:700;font-size:14px;color:#000;letter-spacing:-0.9px;}
		.map_img_i {width:40px;height:40px;margin-right:5px;}
	}
	/* 태블릿 */
	@media only screen and (max-width:1024px){
		#jbd_container > .wrap {width:100%;overflow: hidden;}
		.jbd ul.jbd_list li {display:inline-block;}
		.jbd ul.jbd_list li img {width:100%;}
		.jbd {padding:0 20px;}
		.jbd > a {padding-right:20px;}
		.jbd_control .jbd_prev {position:static;width:5%;}
		.jbd_control .jbd_next {position:static;width:5%;}
		.jbd ul.jbd_list li .jbd_title {font-size:18px;}
	}
	/* 모바일 */
	@media only screen and (max-width:767px){
		.jbd_control .jbd_prev {position:static;width:10%;}
		.jbd_control .jbd_next {position:static;width:10%;}
		.jbd_control .jbd_prev img {width:70%;}
		.jbd_control .jbd_next img {width:70%;}
		.jbd ul.jbd_list li {width:100%;}
		.jbd ul.jbd_list li {margin:5px 0;}
		.jbd ul.jbd_list li + li {margin:5px 0;}
		.jbd ul.jbd_list li + li + li {margin:5px 0;}
		.jbd ul.jbd_list li + li + li + li {margin:5px 0;}
		.jbd ul.jbd_list li + li + li + li + li {margin:5px 0;}
		.jbd ul.jbd_list li + li + li + li + li + li {margin:5px 0;}
	}


