@charset "UTF-8";

/*****************************************************************/
/*채용정보 - Sub Content */
/*2022-09 */
/*****************************************************************/

b { font-weight: 600; }
a.epeople { color: transparent; width: 85px; height: 23px; display: inline-block; background-image: url("../img/img_sub/tel_icon.png"); background-repeat: no-repeat; }
a.thinking { color: transparent; width: 85px; height: 23px; display: inline-block; background-image: url("../img/img_sub/idea_tel_icon.png"); background-repeat: no-repeat; }
.subTitle { color: #ffffff; font-weight: 500; text-align: center; background-color: #023060; border-radius: 15px 15px 0 0; padding: 6px 0; font-size: 18px; margin-bottom: 10px!important; }

/* 공무원되는길 */
.talent_dgm { position: relative; width: 400px; padding: 100px 0 40px; margin: 0 auto; }
.talent_dgm .dgm_inner { width: 400px; height: 400px; margin: 0 auto; background: url('../img/img_sub/talent_bg.png') no-repeat center; }
.talent_dgm .dg_item { position: absolute; z-index: 1; }
.talent_dgm .dg_item .cir { float: left; width: 200px; height: 200px; border-radius: 50%; border: 0; background: #0069c9 url('../img/img_sub/talent_01.png') no-repeat center; font-size: 1px; text-indent: -9999px; }
.talent_dgm .dg_item1 { left: 50%; margin-left: -100px; top: 20px; }
.talent_dgm .dg_item2 { left: -75px; top: 290px; }
.talent_dgm .dg_item2 .cir { background-color: #158122; background-image: url('../img/img_sub/talent_02.png'); }
.talent_dgm .dg_item3 { right: -75px; top: 290px; }
.talent_dgm .dg_item3 .cir { background-color: #dc3504; background-image: url('../img/img_sub/talent_03.png'); }
.talent_dgm .dg_item .dg_txt { position: absolute; top: 0; width: 280px; }
.talent_dgm .dg_item .dg_txt .dg_txt_tit { position: relative; padding-bottom: 15px; font-size: 1.875em; font-weight: 500; color: #0069c9; letter-spacing: -1px; }
.talent_dgm .dg_item .dg_txt .dg_txt_tit:before {content: ''; position: absolute; left: -120px; bottom: 14px; display: block; width: 300px; height: 1px; background: #0069c9; }
.talent_dgm .dg_item .dg_txt .dg_txt_cont { font-size: 15px; color: #555; letter-spacing: -1px; }
.talent_dgm .dg_item1 .dg_txt { top: 20px; left: 280px; }
.talent_dgm .dg_item2 .dg_txt { top: 20px; left: -260px; }
.talent_dgm .dg_item2 .dg_txt .dg_txt_tit { color: #158122; }
.talent_dgm .dg_item2 .dg_txt .dg_txt_tit:before { left: 0; background: #158122; }
.talent_dgm .dg_item3 .dg_txt { top: 100px; left: 260px; }
.talent_dgm .dg_item3 .dg_txt .dg_txt_tit {color: #dc3504; }
.talent_dgm .dg_item3 .dg_txt .dg_txt_tit:before { left: -80px; background: #dc3504; }
.talent_txt { margin: 10px 0 40px; font-size: 15px; }
.talent_title{position:absolute; display:block; width:100%; top:280px; text-align:center; font-size:30px; color:#888; font-weight:600; line-height:35px}

/* 2024.12.03 css 여기부터 추가 */
.wrap_freeline p {
	font-size:18px;
	white-space:pre-line;line-height:1.7
}

.talent_chart {background: url('../img/img_sub/chart_img.png') no-repeat 100% 100%;padding:20px 305px 0 40px}
.chart_txt {font-size:20px;font-weight:500;margin-left:8px;padding-left:18px}
.b01 {color:#348671;background: url('../img/img_sub/bullet1.png') no-repeat 0 6px;}
.b02 {color:#246995;background: url('../img/img_sub/bullet2.png') no-repeat 0 6px;}
.b03 {color:#2b4674;background: url('../img/img_sub/bullet3.png') no-repeat 0 6px;}
.b04 {color:#4d4a7c;background: url('../img/img_sub/bullet4.png') no-repeat 0 6px;}


.talent_chartlist li {margin-bottom:10px;width:100%;padding:0;display:flex}
.chart_title {flex-basis:174px;height:66px;font-size:22px;color:#fff;font-weight:600;text-align:center;padding-top:17px}
.chart_text {flex:1;font-size:20px;height:66px;color:#555;font-weight:500;margin:0;padding-left:20px;padding-top:15px;	background-color:#fff}
.talent_chartlist li.talent_bg1 .chart_title {background: url('../img/img_sub/chart_bg1.png') no-repeat 0 0px;}
.talent_chartlist li.talent_bg2 .chart_title {background: url('../img/img_sub/chart_bg2.png') no-repeat 0 0px;}
.talent_chartlist li.talent_bg3 .chart_title {background: url('../img/img_sub/chart_bg3.png') no-repeat 0 0px;}
.talent_chartlist li.talent_bg4 .chart_title {background: url('../img/img_sub/chart_bg4.png') no-repeat 0 0px;}

.talent_chartlist li.talent_bg1 .chart_text {border:3px #348671 solid;border-left:0;}
.talent_chartlist li.talent_bg2 .chart_text {border:3px #246995 solid;border-left:0;}
.talent_chartlist li.talent_bg3 .chart_text {border:3px #2b4674 solid;border-left:0;}
.talent_chartlist li.talent_bg4 .chart_text {border:3px #4d4a7c solid;border-left:0;}


@media only screen and (max-width: 1640px) {
	.talent_chart {background: url('../img/img_sub/chart_img.png') no-repeat 100% 100%;padding:20px 250px 0 40px;background-size:270px}
	.chart_title {flex-basis:174px;height:66px;font-size:20px;color:#fff;font-weight:600;text-align:center;padding-top:17px}
	.chart_text {flex:1;font-size:18px;height:66px;color:#555;font-weight:500;margin:0;padding-left:20px;padding-top:15px;	background-color:#fff}
}
@media only screen and (max-width: 1200px) {
	.talent_chart {background: url('../img/img_sub/chart_img.png') no-repeat 100% 100%;padding:20px 305px 0 40px}
}
@media only screen and (max-width: 1040px) {
	.talent_chart {background: url('../img/img_sub/chart_img.png') no-repeat 100% 100%;padding:20px 250px 0 20px;background-size:250px}

	.chart_title {font-size:22px;padding-top:20px}
	.chart_text {font-size:20px;padding-left:20px;padding-top:20px}
}

@media only screen and (max-width: 980px) {
	.talent_chartlist{}
	.chart_title {flex-basis:154px;height:56px;font-size:18px;color:#fff;font-weight:600;text-align:center;padding-top:15px}
	.chart_text {flex:1;font-size:16px;height:56px;color:#555;font-weight:500;margin:0;padding-left:20px;padding-top:12px}
	.talent_chartlist li.talent_bg1 .chart_title {background: url('../img/img_sub/chart_bg01.png') no-repeat 0 0px;}
	.talent_chartlist li.talent_bg2 .chart_title {background: url('../img/img_sub/chart_bg02.png') no-repeat 0 0px;}
	.talent_chartlist li.talent_bg3 .chart_title {background: url('../img/img_sub/chart_bg03.png') no-repeat 0 0px;}
	.talent_chartlist li.talent_bg4 .chart_title {background: url('../img/img_sub/chart_bg04.png') no-repeat 0 0px;}
}
@media only screen and (max-width: 860px) {
	.wrap_freeline p {font-size:16px;line-height:1.5}
	.chart_txt {font-size:17px;font-weight:500;margin-left:8px;padding-left:18px}
	.talent_chart {background: url('../img/img_sub/chart_img.png') no-repeat 100% 100%;padding:20px 180px 0 20px;background-size:180px}
	.chart_title {flex-basis:84px;height:36px;font-size:14px;color:#fff;font-weight:600;text-align:center;padding-top:7px}
	.chart_text {flex:1;font-size:14px;height:36px;color:#555;font-weight:500;margin:0;padding-left:20px;padding-top:7px}
	.talent_chartlist li.talent_bg1 .chart_title {background: url('../img/img_sub/chart_bg001.png') no-repeat 0 0px;}
	.talent_chartlist li.talent_bg2 .chart_title {background: url('../img/img_sub/chart_bg002.png') no-repeat 0 0px;}
	.talent_chartlist li.talent_bg3 .chart_title {background: url('../img/img_sub/chart_bg003.png') no-repeat 0 0px;}
	.talent_chartlist li.talent_bg4 .chart_title {background: url('../img/img_sub/chart_bg004.png') no-repeat 0 0px;}
	.talent_chartlist li.talent_bg1 .chart_text {border:2px #348671 solid;border-left:0;}
	.talent_chartlist li.talent_bg2 .chart_text {border:2px #246995 solid;border-left:0;}
	.talent_chartlist li.talent_bg3 .chart_text {border:2px #2b4674 solid;border-left:0;}
	.talent_chartlist li.talent_bg4 .chart_text {border:2px #4d4a7c solid;border-left:0;}
	}
	@media only screen and (max-width: 660px) {
	.wrap_freeline p {font-size:14px;line-height:1.5}
	.chart_txt {font-size:16px;font-weight:500;margin-left:10px;padding-left:14px;background-size:14px}
	.chart_txt:first-child {margin-left:0}
	.talent_chart {background: url('../img/img_sub/chart_img.png') no-repeat 100% 100%;padding:20px 150px 0 0;background-size:150px}
	.chart_title {flex-basis:80px;height:36px;line-height:36px;font-size:14px;color:#fff;font-weight:600;text-align:center;padding-top:0;border-radius:10px 0 0px 0}
	.chart_text {flex:1;font-size:14px;height:36px;line-height:36px;color:#555;font-weight:500;margin:0;padding-left:10px;padding-top:0px;border-radius:0px 0 10px 0}

	.talent_chartlist li.talent_bg1 .chart_title {background-image:none;background-color:#348671;}
	.talent_chartlist li.talent_bg2 .chart_title {background-image:none;background-color:#246995;}
	.talent_chartlist li.talent_bg3 .chart_title {background-image:none;background-color:#2b4674;}
	.talent_chartlist li.talent_bg4 .chart_title {background-image:none;background-color:#4d4a7c;}

	.talent_chartlist li.talent_bg1 .chart_text {border:2px #348671 solid;border-left:0;}
	.talent_chartlist li.talent_bg2 .chart_text {border:2px #246995 solid;border-left:0;}
	.talent_chartlist li.talent_bg3 .chart_text {border:2px #2b4674 solid;border-left:0;}
	.talent_chartlist li.talent_bg4 .chart_text {border:2px #4d4a7c solid;border-left:0;}
 }
@media only screen and (max-width: 600px) {
	.talent_chart {background: url('../img/img_sub/chart_img.png') no-repeat 100% 100%;padding:20px 200px 0 0;background-size:200px}
	.talent_chartlist li {margin-bottom:10px;width:100%;padding:0;display:block}
	.chart_title {display:block;height:36px;line-height:36px;font-size:14px;color:#fff;font-weight:600;text-align:center;padding-top:0px}
	.chart_text {display:block;font-size:14px;height:36px;line-height:36px;padding-top:0px;color:#545454;font-weight:500;margin:0;padding-left:0px;}
	.talent_chartlist li.talent_bg1 .chart_title {background: #348671;border-radius:10px 0px 0 0px}
	.talent_chartlist li.talent_bg2 .chart_title {background: #246995;border-radius:10px 0px 0 0px}
	.talent_chartlist li.talent_bg3 .chart_title {background: #2b4674;border-radius:10px 0px 0 0px}
	.talent_chartlist li.talent_bg4 .chart_title {background: #4d4a7c;border-radius:10px 0px 0 0px}
	.talent_chartlist li.talent_bg1 .chart_text {text-align:center;border:3px #348671 solid;border-top:0;border-radius:0px 0px 10px 0px}
	.talent_chartlist li.talent_bg2 .chart_text {text-align:center;border:3px #246995 solid;border-top:0;border-radius:0px 0px 10px 0px}
	.talent_chartlist li.talent_bg3 .chart_text {text-align:center;border:3px #2b4674 solid;border-top:0;border-radius:0px 0px 10px 0px}
	.talent_chartlist li.talent_bg4 .chart_text {text-align:center;border:3px #4d4a7c solid;border-top:0;border-radius:0px 0px 10px 0px}
}

@media only screen and (max-width:560px) {
	.wrap_freeline p {white-space:normal;font-size:14px;line-height:1.5}
	.chart_txt {font-size:16px;font-weight:500;margin-left:10px;padding-left:14px;background-size:14px}
	.chart_txt:first-child {margin-left:10px}
	.talent_chart {background-img:none;padding:20px 0px 0 0;background-size:0}
	.talent_chartlist li {margin-bottom:5px;width:100%;padding:0;display:block}
	.chart_title {display:block;height:36px;line-height:36px;font-size:16px;color:#fff;font-weight:600;text-align:center;padding-top:0px}
	.chart_text {display:block;font-size:14px;height:40px;line-height:1.4;color:#555;font-weight:500;margin:0;padding:10px;}
}
@media only screen and (max-width:380px) {
	.talent_chartlist li {margin-bottom:5px;width:100%;padding:0;display:block}
	.chart_title {display:block;height:36px;line-height:36px;font-size:14px;color:#fff;font-weight:600;text-align:center;padding-top:0px}
	.chart_text {display:block;font-size:13px;height:60px;line-height:1.4;color:#555;font-weight:500;margin:0;padding:10px;word-break:keep-all}
}
/* 2024.12.03 css 여기까지 추가 */


@media only screen and (max-width: 1640px) {
	.talent_dgm { margin-top: 120px; padding: 60px 0 140px 0; }
	.talent_dgm .dgm_inner { width: 200px; height: 200px; background-size: cover; }
	.talent_dgm .dg_item .cir { width: 110px; height: 110px; background-size: 50px auto; }
	.talent_dgm .dg_item .dg_txt { width: 200px; }
	.talent_dgm .dg_item1 { margin-left: -50px; top: 0; }
	.talent_dgm .dg_item2 { left: 35px; top: 130px; }
	.talent_dgm .dg_item3 { right: 35px; top: 130px; }
	.talent_dgm .dg_item1 .dg_txt { left: -45px; top: -110px; text-align: center; }
	.talent_dgm .dg_item2 .dg_txt { bottom: auto; top: 120px; left: -45px; }
	.talent_dgm .dg_item3 .dg_txt { bottom: auto; top: 120px; left: -45px; }
	.talent_dgm .dg_item .dg_txt .dg_txt_tit:before { width: 100%; left: 0; bottom: 8px; }
	.talent_dgm .dg_item .dg_txt .dg_txt_cont br { display: none; }
	.talent_txt { margin: 30px 0 20px; }
    .talent_title{width:200px; top:135px;  font-size:22px; line-height:28px; font-weight:500}
    .talent_dgm .dg_item .dg_txt .dg_txt_tit {  padding-bottom: 8px; font-size: 1.4em;  }
	.box1 { padding: 15px; }
}

@media only screen and (max-width: 480px) {
	.talent_title { position:relative; top:auto; width:100%; margin-bottom:15px; }
	.talent_title > br { display:none; }
	.talent_dgm { width:100%; margin:0; padding:0; }
	.talent_dgm .dgm_inner { width:100%; height:auto; background:none; }
	.talent_dgm .dg_item { position:relative; margin-bottom:15px; }
	.talent_dgm .dg_item .dg_txt { position:relative; top:auto; left:auto; width:100%; text-align:center; }
	.talent_dgm .dg_item .dg_txt .dg_txt_tit { padding:0; color:#fff; font-size:1.2em; }
	.talent_dgm .dg_item .dg_txt .dg_txt_tit:before { content:none; }
	.talent_dgm .dg_item .cir { display:none; }
	.talent_dgm .dg_item .dg_txt .dg_txt_cont { padding:10px; }
	.talent_dgm .dg_item1,.talent_dgm .dg_item2,.talent_dgm .dg_item3 { top:auto; right:auto; left:auto; margin-left:0; }
	.talent_dgm .dg_item1 { border:1px solid #0069c9; }
	.talent_dgm .dg_item2 { border:1px solid #158122; }
	.talent_dgm .dg_item3 { border:1px solid #dc3504; }
	.talent_dgm .dg_item1 .dg_txt .dg_txt_tit { background:#0069c9; }
	.talent_dgm .dg_item2 .dg_txt .dg_txt_tit { background:#158122; }
	.talent_dgm .dg_item3 .dg_txt .dg_txt_tit { background:#dc3504; }
}



/* 사이트맵 */
.site_map {}
.site_map .site_h2 {margin:0 0 17px 0; padding:0 0 13px 0; font-size:22px; font-weight:500; color:#0064cc; border-bottom:2px solid #444444;}
.site_map ul {font-size:0; padding:0 0 15px 0; margin-bottom:40px; border-bottom:1px solid #e0e0e0; overflow:hidden;}
.site_map > ul > li {font-size:15px; width:25%; vertical-align:top; display:inline-block; font-weight:500; margin:0 0 4px 0;}
.site_map > ul > li > a {color:#222222; display:block; background: #f5f5f5; padding: 10px 0 10px 10px;  width:90%; margin:0 auto;}
.site_map > ul > li > a[target="_blank"] {background:#f5f5f5 url(../img/img_sub/t_blank_icon.png) no-repeat 94% center;}
.site_map > ul > li li > a[target="_blank"]:after {content: ''; position:absolute; width:18px; height:15px; background:#ffffff url(../img/img_sub/t_blank_icon.png) no-repeat 94% center;}
.site_map > ul > li  ul {width:1000%;  border-bottom:none;font-weight:normal; margin:4px 0 16px 5%; padding:0;}
.site_map > ul > li  ul li {font-size:13px; background: url(../img/img_sub/li_bul4.png) no-repeat 1px 6px; padding:0 0 0 10px; margin:9px 0;}
.site_map > ul > li  ul li a {color:#444444;}
.site_map > ul > li  ul li a:hover {color:#111111;}

@media only screen and (max-width: 768px) {
	.site_map > ul > li { width: 100%; background-color: #f5f5f5; }
	.site_map > ul > li > a { background: transparent; width: auto; margin: 0; display: inline-block; }
	.site_map > ul > li > a[target="_blank"] {background:#f5f5f5 url(../img/img_sub/t_blank_icon.png) no-repeat 94% center; padding-right: 20px;}
	.site_map > ul > li li > a[target="_blank"]:after {content: ''; position:absolute; width:18px; height:15px; background:#ffffff url(../img/img_sub/t_blank_icon.png) no-repeat 94% center;}
}

/* 정보연결서비스(RSS) */
.rss_group { margin: 40px 0; }
.all_list {padding:10px 0; margin:0; overflow:hidden; background:#ffffff; }
.all_list dt {font-weight: 500; color: #000000; margin:0 0 5px; }
.all_list dd .rss_btn { background-color: #d7e2ea; font-size: 14px; padding: 5px 25px 5px 12px; border-radius: 15px; float: right; }
.all_list dd a { color: inherit; }
.all_list dd a:hover .rss_btn { color: #053863; font-weight: normal; background-color: #b5cee3; }
.all_list dd a:hover .link_t { color: #005db5; text-decoration: underline; }
.all_list dd .link_t { font-size: 14px; }
.rss_list_g { position: relative; overflow: hidden; }
.rss_list_g li .tab_t { background: #e7e7e6; display: block; border-right: 1px solid #ffffff; padding: 15px 0; font-weight: 500; font-size: 16px; position: absolute; top: 0; text-align: center; color: inherit; }
.rss_list_g li .tab_t:hover {background: #2683d5; color: #ffffff; border-color: #2683d5; }
.rss_list_g li .t_on {background: #11538d; color: #ffffff; border-color: #08457b; }
.rss_list_g li .t_on:hover {background: #11538d; color: #d5f5ff; border-color: #08457b; }
.rss_list_g li .tit01 { left: 0; width: 306px; }
.rss_list_g li .tit02,
.rss_list_g li .tit03,
.rss_list_g li .tit04,
.rss_list_g li .tit05,
.rss_list_g li .tit06,
.rss_list_g li .tit07 {width: 12%;}
.rss_list_g li .tit02 { right: 60%;}
.rss_list_g li .tit03 { right: 48%;}
.rss_list_g li .tit04 { right: 36%;}
.rss_list_g li .tit05 { right: 24%;}
.rss_list_g li .tit06 { right: 12%;}
.rss_list_g li .tit07 { right:0;}
.rss_list_g li dl {margin: 70px 0 0px; padding: 0; overflow: hidden; }
.rss_list_g li dl dt { margin: 0 0 15px 0; color: #000000; font-weight: 500; font-size: 17px; }
.rss_list_g li dl dd ul { border-top: 1px solid #333333; padding:0; margin: 0; }
.rss_list_g li dl dd ul li { border-bottom: 1px solid #e0e0e0; padding: 15px 10px; overflow: hidden; vertical-align: middle; }
.rss_list_g li dl dd ul li .li_tit { float: left; width: 15%; margin: 0; font-weight: 500; color: #000000; padding-top: 5px;}
.rss_list_g li dl dd ul li a { display: block; float: right; width: 85%; color: inherit; }
.rss_list_g li dl dd ul li .link_t { float: left; display: block; font-size: 14px; padding-top: 5px; }
.rss_list_g li dl dd ul li .rss_btn { background: #d7e2ea; font-size: 14px; padding: 5px 10px; border-radius: 15px; float: right; }
.rss_list_g li dl dd ul li a:hover .rss_btn { color: #053863; font-weight: normal; background: #b5cee3; }
.rss_list_g li dl dd ul li a:hover .link_t { color: #005db5; text-decoration: underline; }

@media (min-width: 1200px) and (max-width: 1639px) {
	.rss_group { margin: 20px 0; }
	.rss_list_g li .tab_t { height: 40px; padding: 10px 5px 0; }
	.rss_list_g li .tit01 { left: 0; width: 50%; }
	.rss_list_g li .tit02 { left: 50%; width: 25%; }
	.rss_list_g li .tit03 { left: 75%; width: 25%; }
	.rss_list_g li .tit04 { top: 41px; left: 0; width: 25%; }
	.rss_list_g li .tit05 { top: 41px; left: 25%; width: 25%; }
	.rss_list_g li .tit06 { top: 41px; left: 50%; width: 25%; }
	.rss_list_g li .tit07 { top: 41px; left: 75%; width: 25%; }
	.rss_list_g li dl { margin: 100px 0 0 0; }
	.rss_list_g li dl dd ul li { padding: 10px 10px 15px; }
	.rss_list_g li dl dd ul li .li_tit { width: 100%; font-size: 16px; }
	.rss_list_g li dl dd ul li a { width: 100%; }
	.rss_list_g li dl dd ul li .link_t { width: 100%; }
	.all_list dd .rss_btn { margin-top: 15px; }
}
@media only screen and (max-width: 1040px) {
	.rss_list_g li .tab_t { height: 40px; padding: 7px 5px 0; }
	.rss_list_g li .tit01 { left: 0; width: 100%; }
	.rss_list_g li .tit02 { top: 41px; left: 0; width: 33.3%; }
	.rss_list_g li .tit03 { top: 41px; left: 33.3%; width: 33.3%; }
	.rss_list_g li .tit04 { top: 41px; left: 66.6%; width: 33.3%; }
	.rss_list_g li .tit05 { top: 82px; left: 0; width: 33.3%; }
	.rss_list_g li .tit06 { top: 82px; left: 33.3%; width: 33.3%; }
	.rss_list_g li .tit07 { top: 82px; left: 66.6%; width: 33.3%; }
	.rss_list_g li dl { margin: 185px 0 0 0; }
	.rss_list_g li dl dd ul li { padding: 10px 10px 15px; }
	.rss_list_g li dl dd ul li .li_tit { width: 100%; font-size: 16px; }
	.rss_list_g li dl dd ul li a { width: 100%; }
	.rss_list_g li dl dd ul li .link_t { width: 100%; }
	.all_list dd .rss_btn { margin-top: 15px; }
}
@media only screen and (max-width: 520px) {
	.rss_list_g li .tit02 { top: 41px; left: 0; width: 50%; }
	.rss_list_g li .tit03 { top: 41px; left: 50%; width: 50%; }
	.rss_list_g li .tit04 { top: 82px; left: 0; width: 50%; }
	.rss_list_g li .tit05 { top: 82px; left: 50%; width: 50%; }
	.rss_list_g li .tit06 { top: 123px; left: 0; width: 50%; }
	.rss_list_g li .tit07 { top: 123px; left: 50%; width: 50%; }
}

/* 게시판 B30 검색 	 */
.jobCheck { display: flex; align-items: center; }
.jobCheck > label { padding-right: 10px; padding-left: 3px; }
.jobCheck > input[type="text"] { width: 120px; }
.jobCheck > span.while { padding: 0 4px; }
.jobCheck > span.example { padding-left: 5px; }

.jobCheck.date_sel { flex-wrap: wrap;}
.jobCheck.date_sel .date_wrap{ width: 100%; display: flex; align-items: center; flex-wrap: wrap; }
.jobCheck.date_sel .date_wrap .date_srh {display: flex; align-items: center; width:320px; margin:5px 5px 5px 0; }
.jobCheck.date_sel .date_wrap .date_srh li{flex-grow: 1; flex-shrink: 1; flex-basis: 0%;}
.jobCheck.date_sel .date_wrap .date_srh li.txt_srh{flex-grow: 0; flex-shrink: 1; flex-basis: 0%;margin:0 3px;}

@media (min-width: 1200px) and (max-width: 1639px) {
	.jobCheck > span { padding: 0 2px; font-size: 15px; }
	.jobCheck > input[type="text"] { width: 90px; }
}
@media only screen and (max-width: 950px) {
	.jobCheck > label,
	.jobCheck > span { white-space: nowrap; }
}
@media only screen and (max-width: 500px) {
	.jobCheck.date_sel { justify-content: center; }
	.jobCheck.date_sel .date_wrap{ justify-content: center; }
	.jobCheck.date_sel .date_wrap .date_srh { width:100%; }
}

/* 230221 반응형 수정*/
.ijob .header_new .hn_c > div > div.fl_r {width:auto;}
.ijob .footer_new {padding:20px 0;}
.ijob .footer_new .f_c{padding:0;}

@media screen and (max-width: 500px) {
	.contSrch > table colgroup{display:none;}
	.contSrch > table tr{display:flex;flex-direction:column;}
	.contSrch > table td .jobCheck{flex-wrap: wrap;}
	.contSrch > table td .jobCheck .btnGroup{width:100%;margin:5px 0 0 !important;}
	.contSrch > table select{width:100% !important;}
	.contSrch > .btnGroup input[type="submit"]{width:100%;}
}