@charset "utf-8";
.introArea{}
.introArea .st{font-size: 1.5em;margin-bottom: 20px;}
.introArea img{max-width: 100%;margin-bottom: 20px;}
.introArea p{font-size: 20px;line-height: 1.4;font-weight: 300;margin-bottom: 15px;}
.introArea p b,.introArea p strong{font-weight: 700;}
.introArea .introTop p{font-size: 36px;}
.introArea ul,
.introArea ul li {list-style-type: none;padding: 0;margin: 0;}
.introArea .list p{position: relative;line-height: 145%;padding: 0 0 5px 11px;margin-bottom: 0;}
.introArea .list p:before{display: block;content: '';position: absolute;top: 10px;left: 0;width:5px;height: 5px;background-color: var(--prime-hover-color);border-radius:50%}
.introArea #map{border: 1px solid #ddd;overflow: hidden;border-radius:10px;margin-bottom: 40px;height: 400px;}

@media (max-width:780px) {
.introArea .introTop p{font-size: 24px;}
/* .introArea .introTop .br{display: none;} */
}
@media (max-width:450px) {
.introArea #map{margin-bottom: 30px;height: 320px;}
.introArea p{line-height: 1.5;font-size: calc(17px + (20 - 17) * ((100vw - 320px) / (450 - 320)))}
.introArea .list p:before{top: calc(12/500 * 100vw);}
}



/*-------------------------------------
설립목적 */
.missionBox{background:#fbfbfb;padding:70px 45px;border:1px solid #f0f0fa;text-align:center;font-size:1.154em;}
.missionBox h3{font-size:1.667em; margin:0 auto;line-height:51px;height:51px;background-color:#0094d2;color:#FFF;width:460px;}

.missionBox .mis_A,
.missionBox .mis_B,
.missionBox .mis_C{margin:0 auto;border:0px solid #f00;}
.missionBox .mis_B,
.missionBox .mis_C{padding-top:95px;}

.subBoxList{overflow:hidden;margin:0 auto;max-width: 930px;display: flex;justify-content: space-between;gap:10px}
.subBoxList li{text-align:center;line-height:normal;box-sizing: border-box;width:calc(33% - 5px);flex: 0 0 calc(33% - 5px);}
.subBoxList li.first{margin-left:0;}
.subBoxList li h4{background-color:#02518c;color:#fff;height:51px;line-height:51px;font-size:1.33em; }
.subBoxList li .cont{border:solid 1px #DDD;padding:24px 0 ;background:#FFF;text-align:center;}
.mis_A .subBoxList {max-width:458px;}
.mis_A .subBoxList li{width: auto;flex: 0 0 100%; float:none;margin:0 auto;}
.mis_A .subBoxList li h4{background-color:#02bbd0;}
.mis_A .subBoxList li p{font-size:1.2em;}
.mis_A .subBoxList li p.bigText{color:#02bbd0;font-weight:bold;}

.mis_A .subBoxList li p.bigText em{font-size:1.556em;display:block;color:#009aab ;font-weight:bold;font-style:normal;}
.mis_A .subBoxList li .cont{padding-top:200px;padding-bottom:35px;background:#FFF url('../img/ma/con_050200.gif') center  30px no-repeat}

.mis_C  h3{background-color:#7b68ba;}
.mis_C .subBoxList li{width:auto;flex: 1;}
.mis_C .subBoxList li h4{background-color:#903883;}
.mis_C .subBoxList li .cont{text-align:left;padding-left: 20px;}


.pageContent .subBoxList li{line-height:normal;}


.missionBox .lineArea{height:80px;width:560px;margin:0 auto;position:relative;}
.missionBox .lineArea .ln{position:absolute;height:auto;width:1px;background:#CCC;z-index:2;bottom:0px;top:40px;left:0;}
.missionBox .lineArea .ln.last{left:auto;right:0;}
.missionBox .lineArea .ln.top{top:0px;left:50%;bottom:40px;}
.missionBox .lineArea .ln.top2{top:0px;left:50%;bottom:0px;}
.missionBox .lineArea .ln.h{top:40px;width:auto;height:1px;right:0;}
.missionBox .lineArea .ln i{display:block;background: url('../img/ma/aro_dn2.png') center  bottom no-repeat;width:15px;height:14px;position:absolute;bottom:0;left:-7px;}

.missionBox .mis_C .lineArea{height:80px;width:460px;margin:0 auto;position:relative;}

@media only screen  and (max-width:1024px){
.missionBox{background:#fbfbfb;padding:50px 30px;border:1px solid #f0f0fa;text-align:center;font-size:1.0em;}
.missionBox h3{font-size:1.667em; margin:0 auto;line-height:45px;height:45px;background-color:#0094d2;color:#FFF;width:460px;}

.missionBox .mis_A,
.missionBox .mis_B,
.missionBox .mis_C{margin:0 auto;border:0px solid #f00;}
.missionBox .mis_B,
.missionBox .mis_C{padding-top:60px;}

.subBoxList{overflow:hidden;margin:0 auto;border:0px solid #f90;}
.subBoxList li{text-align:center;line-height:normal;}
.subBoxList li.first{margin-left:0;}
.subBoxList li h4{background-color:#02518c;color:#fff;height:45px;line-height:45px;font-size:1.33em; }
.subBoxList li .cont{border:solid 1px #DDD;padding:10px ;background:#FFF;text-align:center;}
.subBoxList li .cont br.m_x{display:block !important;}
.mis_A .subBoxList li h4{background-color:#02bbd0;}
.mis_A .subBoxList li p{font-size:1.2em;}

.mis_A .subBoxList li p.bigText em{font-size:1.556em;display:block;color:#009aab ;font-weight:bold;font-style:normal;}
.mis_A .subBoxList li .cont{padding-top:200px;padding-bottom:35px;background-position:center  30px }
.mis_C .subBoxList li .cont{text-align:left;}
.missionBox .lineArea{height:80px;width:410px;margin:0 auto;position:relative;}
.missionBox .mis_C .lineArea{height:80px;width:340px;margin:0 auto;position:relative;}
}

@media only screen and (max-width:767px){
.missionBox{background:#fbfbfb;padding:20px;border:1px solid #f0f0fa;text-align:center;font-size:1.1em;}
.missionBox h3{font-size:1.1em; line-height:35px;height:35px;background-color:#0094d2;color:#FFF;width:100%;margin-bottom:10px;}
.missionBox .mis_A,
.missionBox .mis_B,
.missionBox .mis_C{margin:0 auto;border:0px solid #f00;}
.missionBox .mis_B,
.missionBox .mis_C{padding-top:30px;}

.subBoxList{overflow:hidden;margin:0 auto;border:0px solid #f90;display: block;}
.subBoxList li{float:none;width:100%;margin-left:0px; margin-bottom:10px;}
.subBoxList li.first{margin-left:0;}
.subBoxList li h4{background-color:#02518c;color:#fff;height:35px;line-height:35px;font-size:1.1em; }
.subBoxList li .cont{border:solid 1px #DDD;padding:7px 2px 7px 5px ;background:#FFF;text-align:center;}
.subBoxList li .cont br.m_x{display:block !important;}
.mis_A .subBoxList li{width:100%;}
.mis_A .subBoxList li p{font-size:1.0em;}
.mis_A .subBoxList li p.bigText{color:#02bbd0;font-weight:bold;padding-top:10px;}
.mis_A .subBoxList li p.bigText em{font-size:1.2em;display:block;color:#009aab ;font-weight:bold;font-style:normal;}
.mis_A .subBoxList li .cont{padding-top:160px;padding-bottom:20px;background-position: center  25px;background-size:170px auto;}
.mis_C .subBoxList li{width:100%;float:none;}
.mis_C .subBoxList li .cont{text-align:left;font-size:1em;}
.missionBox .lineArea{display:none;}
}
/*-------------------------------------
추진사업*/
.lineBox {background: #FFF;	border: 1px solid #d7d7d7;	padding: 13px 10px 15px 22px}
.list2 {list-style-type: none;padding: 0;margin: 0;	padding-top: 10px}
.list2 li {list-style-type: none;padding: 0;margin: 0;	background: url(../img/ma/li_blue.gif) 3px 10px no-repeat;	line-height: 150%;	padding: 0 0 5px 15px}
li.emBul{line-height: 1.7;}
.emBul {color: #000}
.emBul em {	display: inline-block;	font-weight: 600;	color: #146eb4;font-style: normal;	padding-right: 5px}
/* intro */
.intro {font-size:1.154em;}
.intro p{line-height: 1.7;}
h4.st{font-size:1.385em;font-weight:600;height:auto;padding:0 0 10px 0;color:#146eb4;  }
b.st1{font-weight:600;background:url('../img/ma/st_bul_1.png') 0px 3px  no-repeat;padding:0 0 0px 15px;color:#333;}
.intro p b.st1{background-position: 0 7px;}


/****************
일반테이블
*****************/
table.general { border: 0; border-collapse: collapse; border-top: solid 1px #d1d1d1; width: 100%; }
table.general td, table.general th { border: 0; border-bottom: solid 1px #d1d1d1;  border-right: solid 1px #d1d1d1; padding: 10px 0; text-align: center; line-height: 150%; vertical-align: middle; height: auto; color: #252525; font-size: 1em; }
table.general thead th { background: #f9f9f9; font-weight: 600;/* border-left: 0;*/ line-height: normal;padding: 15px 0;  }
table.general thead th.first { border-left: solid 1px #d1d1d1;}
table.general tbody td.first { border-left: solid 1px #d1d1d1;}
table.general tbody th { border-left: solid 1px #d1d1d1;font-weight: 600; background: #FFF;color:#555; }
table.general td.noLine { border-left: none; }
table.general .left { padding-left: 10px; text-align: left }
table.general td.left2, table.general th.left2 { padding-left: 20px; text-align: left }
table.general td.vtop, table.general th.vtop { vertical-align: top; }
table.general thead th.lineL, table.general tbody td.lineL { border-left: solid 1px #d1d1d1; }
table.general .lineR { border-right: solid 1px #dedede; }
table.general thead.multiTh th { line-height: normal; padding: 7px 0; }
table.general tbody th.center { border-left: none; text-align: center; }
table.general.thLine thead th { border-left: solid 1px #d1d1d1; }
table.general ul { padding-left: 12px; margin-bottom: -5px }
table.general li { line-height: normal; padding-bottom: 5px; text-align: left }
table.general.thGray tbody th { background: #f6f7f7; font-weight: 600;text-align: left ; }
table.general.thGray tbody td { border-left: 0; }
table.general.thGray tbody td { text-align: left; padding-left: 25px; }
table.general.thGray tbody th.center { text-align: center; padding: 10px 0; font-weight: 600; }
table.general.thGray.w tbody th { background: #FFF }
table.general.thLeft tbody th { text-align: left; padding-left: 20px; }
table.general.thLeft tbody th { text-align: left; padding-left: 20px; }
table.general.tdLeft tbody td { text-align: left; padding-left: 20px; }
table.general.tdLeft tbody td.center { text-align: center; padding-left: 0; }
table.general td.blank{background:#f4f4f4;}

table.general.yo{border-top: solid 3px #1f78c7;}
table.general.yo tbody th { color:#3c83bf; }

.tableWrap {overflow:hidden;width:100%;}
.tableWrap .flt,.tableWrap .frt{width:49.8%;}
.tableWrap .frt{margin-left:0;}

table.general  th i{display: inline-block;background:url(../img/ma/aro_bul.gif) 0 0 no-repeat;width: 8px;height: 10px;vertical-align: middle;}

table.general  td i{display: inline-block;font-size: 0px;width: 3px;height: 3px;background: #666;vertical-align: middle;text-indent: -999em;line-height: 0;margin:0 2px  2px 0;-webkit-border-radius: 50%;
-moz-border-radius: 50%;border-radius: 50%;}

table.general.thGray.thLeft{margin: 10px 0;}
table.general.thGray.thLeft td{line-height: 180%;}
/********************
biztabs
*********************/

.biztabs{height: 43px;padding-bottom:15px;overflow: hidden;}
.biztabs li{float:left;width: 33.33%;}
.biztabs li a{height:43px;display:block;text-align:center;line-height:43px;font-weight:400;background:#5f5f5f;color:#FFF;margin-left:6px;}
.biztabs li.first a{margin-left:0px;}

.biztabs li.active a,
.biztabs li a:hover{background:#146eb4;}
.biz_cont {display: none;}
@media only screen  and (max-width:1024px){
/*-------------------------------------
추진사업*/

/* intro */
.intro {font-size:1.0em;}
.intro  h4.st{font-size:1.385em;font-weight:600;height:auto;padding:0 0 10px 0;color:#146eb4;  }
.intro p{line-height: 1.5;}
.intro p b.st1{background-position: 2px 5px;}
li.emBul{line-height: 1.4;}

/****************
일반테이블
*****************/
table.general td, table.general th {  padding: 7px 0; line-height: 140%; font-size: 0.95em; }
table.general thead th { padding: 12px 0;  }
table.general .left { padding-left: 10px; text-align: left }

table.general.thGray.thLeft{margin: 5px 0;}
table.general.thGray.thLeft td{line-height: 160%;}

table.general.thGray.thLeft colgroup{display: none !important;}
table.general.thGray.thLeft tbody th{width: 95px;}

/*지원기관근무시간표*/
table.general#support_time colgroup{display: none !important;}
table.general#support_time thead th.first{width: 100px;}

}
@media only screen  and (max-width:767px){
/*-------------------------------------
추진사업*/

/* intro */
.intro {font-size:1em;}
.intro  h4.st{font-size:1.385em;font-weight:600;height:auto;padding:0 0 10px 0;color:#146eb4;  }

.intro p b.st1{background-position: 2px 4px;}

.intro .pl20{padding-left: 0;}
.intro .pb20{padding-bottom: 0;}
/****************
일반테이블
*****************/
table.general td, table.general th {  padding: 8px 0; line-height: 140%; font-size: 1em; }
table.general thead th { padding: 10px 0;  }
table.general .left { padding-left: 10px; text-align: left }

table.general.thGray.thLeft{margin: 5px 0;}
table.general.thGray.thLeft td{line-height: 145%;}

table.general.thGray.thLeft tbody th{width: 66px;padding-left: 5px;}
table.general.thGray.thLeft tbody td.left{padding-left: 10px;}

/*지원기관근무시간표*/
table.general#support_time thead th.first{width: 70px;}
.pageContent table.general#support_time{width:580px !important;display:table;}
.m_scroll {overflow: scroll;    -webkit-overflow-scrolling: touch}
table.general  th i{display: inline-block;background:url(../img/ma/aro_bul.gif) 0 bottom no-repeat;width: 5px;height: 11px;vertical-align: top;}
table.general  td i{display: inline-block;font-size: 0px;width: 3px;height: 3px;background: #666;vertical-align: top;text-indent: -999em;line-height: 0;margin:8px 0px 0;-webkit-border-radius: 50%;
-moz-border-radius: 50%;border-radius: 50%;}

/********************
biztabs
*********************/
.biztabs{height: 50px;padding-bottom:10px;overflow: hidden;margin: 0 -10px;}
/* .biztabs li{float:left;width: 33.33%;} */
.biztabs li a{height:50px;display:flex;flex-direction: column;justify-content: center;align-items: center;text-align:center;line-height:115%;font-weight:400;background:#5f5f5f;color:#FFF;margin-left:1px;font-size: 0.95em;padding-top: 0;}
.biztabs li.first a{margin-left:0px;}
.biztabs li a span.m_br2{display: block;}
}


/**/
/*-------------------------------------
노동상담 */
/* pageTopBox */
.pageTopBox { background: #f9fdfe; border: 1px solid #d1d1d1; padding: 36px 60px; margin-bottom: 10px; font-size:1.154em;}
.pageTopBox b.st1{font-weight:600;background:url('../img/ma/st_bul_1.png') 0px 3px  no-repeat;padding:0 0 0px 15px;color:#333;}
.halfWrap{overflow:hidden;}
.pageTopBox strong.st2{font-weight:600;background:url('../img/ma/st_bul_2.gif') 0px 7px  no-repeat;padding:0 0 0px 10px;color:#333;}
.halfWrap{overflow:hidden;}
.pageTopBox .halfWrap{overflow:hidden;padding:5px 0px 0 5px;}
.pageTopBox ul{padding:10px 0 0 10px;}
.pageTopBox .halfWrap .flt,
.pageTopBox .halfWrap .frt{float:left;width:48%;}
/*-------------------------------------
 농촌일자리전화 */
a.bCall{display:block;background:#146eb4;color:#FFF;width:288px;height:38px;line-height:38px;transition: all 0.15s  ease-out;text-align:center;font-size:22px;font-weight:600;}
a.bCall i{display:inline-block;background: url(../img/ma/call.png) 0 7px no-repeat;width:20px;height:38px;vertical-align:middle;margin-right:10px;}
a.bCall:hover{background-color:#44adde;}
/* 구인이용안내 */
.pageTopBox.guideBg { background: #f8f8f8;  padding: 36px 60px; margin: 20px 0; font-size:1.154em;}
@media only screen  and (max-width:1024px){
/* pageTopBox */
.pageTopBox { background: #f9fdfe; border: 1px solid #d1d1d1; padding: 30px 30px; margin-bottom: 10px; font-size:1.0em;}
.pageTopBox .halfWrap .flt{float:left;width:55%;}
.pageTopBox .halfWrap .frt{float:right;width:44%;}
/*-------------------------------------
 구인이용안내 */
.pageTopBox.guideBg { background: #f8f8f8;  padding: 20px 20px; margin: 10px 0 20px; font-size:1.0em;}
}
@media only screen  and (max-width:767px){
.pageTopBox { background: #f9fdfe; border: 1px solid #d1d1d1; padding: 10px 10px; margin-bottom: 10px; font-size:0.95em;}
.pageTopBox h4.st{font-size:1.275em;font-weight:600;height:auto;padding:0 0 5px 0;color:#146eb4; }
.pageTopBox span.m_br2{display:block;width:100%;height:10px;}
.pageTopBox .halfWrap{overflow:hidden;padding:5px 0px 0 0px;}
.pageTopBox ul{padding:10px 0 0 0px;}
.pageTopBox .halfWrap .flt{float:none;width:99%;}
.pageTopBox .halfWrap .frt{float:none;width:99%;padding-top:10px;}
/*-------------------------------------
 농촌일자리전화 */
a.bCall{width:100%;}
}
/*-------------------------------------
 구인이용안내 */
.pageTopBox.guideBg { background: #f8f8f8;  padding: 10px 10px; margin: 10px 0; font-size:0.95em;}
.pageTopBox.guideBg .lineBox{padding: 10px;}
}