/***서브슬라이더*s***/


.svmc-w {
    background-position: center top;
    background-repeat: no-repeat;
    background-size: auto;
    width: 100%;
    height: 229px;
    cursor: auto !important;
    background-color: #fff;
}
/*텍스트*s*/
.slider-taxt-s {
    text-align: right;
    line-height: 1;
}
.stxx-1,
.stxx-2 {
    display: inline-block;
    vertical-align: top;
    line-height: 1;
}
.stxx-1 {
    font-family: ngb, sans-serif;
    font-size: 35px;
    color: #ffffff;
	text-shadow: 0 0px 6px #606060;
    margin: 142px 0 0 0;
    letter-spacing: -1px;
}
.stxx-2 {
    font-family: ngeb, sans-serif;
    font-size: 17px;
    margin: 9px 3px 0 0;
    color: rgba(255, 255, 255, 0.8);
}
.slider-taxt-s .slide-caption_h1 {
    -webkit-animation: 1s .2s fadeInRight both;
    -moz-animation: 1s .2s fadeInRight both;
    -ms-animation: 1s .2s fadeInRight both;
    -o-animation: 1s .2s fadeInRight both;
    animation: 1s .2s fadeInRight both;
}
.slider-taxt-s .slide-caption_h2 {
    -webkit-animation: 1s .5s fadeInLeft both;
    -moz-animation: 1s .5s fadeInLeft both;
    -ms-animation: 1s .5s fadeInLeft both;
    -o-animation: 1s .5s fadeInLeft both;
    animation: 1s .5s fadeInLeft both;
}
/***서브레이아웃*s***/
#s5sc-1 {
    padding: 0 0 100px;
}
.ctw-vpa:after {
    content: "";
    display: block;
    clear: both;
}
.s5sc-1-1 {
    width: 23%;
    float: left;
    padding: 0 65px 0 0;
}
.s5sc-1-2 {
    width: 77%;
    min-height: 200px;
}
.s5sc-1-2-2in-w {
    padding: 0 10px;
}


.s5sc-1-2-2 .bt a{background: #0099e5; padding: 10px; line-height: 3; border-radius: 5px; color: #fff;}
.s5sc-1-2-2 .bt a:hover{background: #19b3ff}
/***서브메뉴*s***/
.s5sc-1-1-1 {
    text-align: center;
    line-height: 1;
    background-color: #fff;
    border-bottom: 1px solid #595959;
    color: #333;
    height: 87px;
    margin: 12px 0 13px;
}
.s5sc-1-1-1-1 {
    font-family: ngeb, sans-serif;
    font-size: 17px;
    padding: 27px 0 6px;
}
.s5sc-1-1-1-2 {
    font-family: ngeb, sans-serif;
    font-size: 12px;
    letter-spacing: 1px;
    padding-left: 1px;
    color: #999;
}
.sb-btn-w {
    width: 100%;
    display: inline-block;
    vertical-align: top;
    text-align: center;
    background-color: #fff;
    border-bottom: 1px solid #dedede;
    cursor: pointer;
    transition: 0.5s all ease;
    -webkit-transition: 0.5s all ease;
    -moz-transition: 0.5s all ease;
    -ms-transition: 0.5s all ease;
    -o-transition: 0.5s all ease;
}
.sb-btn-w:hover {
    background-color: #f3f3f3;
}
.sb-btn {
    font-size: 13px;
    line-height: 1.2;
    padding: 0 10px;
    height: 46px;
    display: table;
    width: 100%;
    word-break: break-all;
}
.sb-btn-in {
    display: table-cell;
    vertical-align: middle;
}


/***고객센터*s***/
.cs-1s,
.cs-3inws,
.cs-3-1s,
.cs-3-2s,
.cs-3-4s,
.cs-3-5s,
.cs-6-1s {
    display: inline-block;
    vertical-align: top;
}
.cs-ws {
    text-align: center;
    line-height: 1;
    padding: 55px 0;
}
.cs-inws {
    border: 1px solid #dedede;
    border-top: none;
    padding: 0 13px;
    min-height: 189px;
}
/*타이틀*s*/
.cs-2s {
    font-family: ngeb, sans-serif;
    font-size: 17px;
    color: #fff;
    padding: 8px 7px 0 6px;
    background-image: url(../../images/ptn_01.jpg);
    height: 33px;
    letter-spacing: 1px;
}
/*번호*s*/
.cs-3s {
    border-bottom: 1px solid #d9d9d9;
}
.cs-3inws {
    padding: 15px 0 15px;
    font-family: ngeb, sans-serif;
    font-size: 21px;
    color: #111;
    text-align: left;
}
.cs-3-1s,
.cs-3-4s {
    width: 36px;
    padding-top: 2px;
    margin-right: 1px;
    height: 20px;
    font-size: 16px;
    color: #333;
    border-right: 1px solid #ccc;
}
.cs-3-1s {
    letter-spacing: 0
}
.cs-3-4s {
    letter-spacing: -1px
}
.cs-3-2s {
    letter-spacing: -0.5px;
}
.cs-3-5s {
    letter-spacing: -0.5px;
}
.cs-3-3s {
    height: 8px;
}
/*이메일*s*/
.cs-5s {
    padding: 8px 5px 12px;
    margin-bottom: 11px;
    font-size: 15px;
    border-bottom: 1px solid #ccc;
}
/*시간*s*/
.cs-6-1s {
    font-size: 13px;
    line-height: 1.6;
}
/***서브내용*s***/
/*페이지타이틀*/
.s5sc-1-2-1 {
    line-height: 1;
    padding: 64px 3px 0;
    height: 99px;
    border-bottom: 1px solid #d9d9d9;
    margin-bottom: 70px;
}
.s5sc-1-2-1:after {
    content: "";
    display: block;
    clear: both;
}
.s5sc-1-2-1-1 {
    width: 17px;
    height: 17px;
    border: 5px solid #ccc;
    border-radius: 50%;
    margin-right: 4px;
}
.s5sc-1-2-1-2 {
    font-family: ngeb, sans-serif;
    font-size: 17px;
}
.s5sc-1-2-1-3,
.s5sc-1-2-1-5 {
    font-family: ngeb, sans-serif;
    font-size: 17px;
    color: #bfbfbf;
}
.s5sc-1-2-1-3 {
    padding: 0 0 0 10px;
    margin-left: 9px;
    border-left: 1px solid #ccc;
}
.s5sc-1-2-1-5 {
    float: right;
}
/*인사말*/
.s5sc11-1 {
    padding: 60px 15px 0;
}
.s5sc11-1-1 {
    font-family: ngb, sans-serif;
    font-size: 60px;
    color: #C4D1CA;
}
.s5sc11-1-2 {
    text-align: right;
    padding: 10px 6% 0;
}
.s5sc11-1-2-1w {
    text-align: left
}
.s5sc11-1-2-1 {
    width: 2px;
    height: 31px;
    background-color: #666;
}
.s5sc11-1-2-2 {
    font-family: ngeb, sans-serif;
    font-size: 17px;
    padding: 4px 0 0 10px;
}
.s5sc11-1-3 {
    padding: 75px 0 60px;
    line-height: 2.2;
	text-align: justify;
	font-size: 18px;
}

.s5sc11-1-3:after {
    content: "";
    display: block;
    clear: both;
}
.s5sc11-1-3-1 {
    /* font-family: ngeb, sans-serif; */
}
.s5sc11-1-3 img {
    float: right;
    margin: 10px 0 0 5%;
}

.s5sc11-1-3 .txt {color: #2f6ecf;}


.s5sc11-1-5 {
    text-align: right;
    line-height: 1;
    padding-right: 10px;
}
.s5sc11-1-5-1 {
    text-align: center;
}
.s5sc11-1-5-1-1 {
    font-family: ngeb, sans-serif;
    font-size: 17px;
    padding: 0 15px 13px;
    margin-bottom: 7px;
    border-bottom: 1px solid #666;
}
.s5sc11-1-5-1-2-1 {
    font-family: ngeb, sans-serif;
    font-size: 15px;
    padding: 24px 4px 0 0;
    color: #666;
}
.s5sc11-1-5-1-2-2 {
    font-family: nb, serif;
    font-size: 45px;
    letter-spacing: -2px;
}
/*오시는길*/



.dodo{width: 49%; display: inline-grid;}
.dodo iframe{border: 2px solid #000000; width: 100%; height: 450px;}
.dodo .root_daum_roughmap{border: 2px solid #000000; width: 100%; height: 450px;}
.do {margin-top: 17px;}
.dodo .do ul {padding: 0;}
.dodo .do ul li {margin: 0; list-style: none;}
.dodo .do .dat {font-size: 18px; font-weight: bold; padding: 10px 0 0 0; }
.dodo .do .dat1 {font-size: 18px; font-weight: bold; padding: 10px 0 0 0;}
.do ul li {list-style: none; padding: 8px 0 10px 0; margin-left: 20px;}
.dat {margin: 0; padding: 22px 0 0; font-family: ngeb, sans-serif; font-size: 17px;}
.do22 {width: 50%; display: -webkit-box;}
.do2222 {width: 50%; display: -webkit-box;}
.do222 {margin-top: 17px;}
.do222 ul li {list-style: none;
    padding: 8px 0 0px 0;
    margin-left: 0px;}
.s5sc12-322  {padding: 8px 0 0px 0px;}

@media (max-width: 767px){
.do22 {width: 100%; display: block;}
.dodo{width: 100%;}
.do {    margin-top: 20px;}
.do ul {padding: 0;}
.do ul li {padding: 0; margin: 0; text-align: left;}
.s5sc12-w {text-align: center; padding: 5px 5px;}
.s5sc12-3 {padding: 0;}
.s5sc12-2 {border: none; padding: 0;}
}



.s5sc12-w {
    text-align: center; }
.s5sc12-2 {
    text-align: right;
    padding: 22px 0 0;
    font-family: ngeb, sans-serif;
    font-size: 17px;
}


.s5sc12-3 {

    padding: 8px 0 10px 20px;
    margin-left: 20px;

}
.s5sc12-3-1-1-1 {
    width: 5px;
}
.s5sc12-3-2 {
    padding: 16px 0 0;
    line-height: 1;
}
.s5sc12-3-2-2 {
    width: 15px;
    height: 16px;
    margin-right: 13px;
    border-right: 1px solid #ccc;
}
/*사업영역*/
.ntc-s21-3w {
    text-align: center;
    line-height: 1;
    border: 1px solid #d9d9d9;
    padding: 15px 15px 35px;
    margin-top: 60px;
}
.ntc-s21-3-1 {
    min-height: 121px;
    background-color: rgba(0, 0, 0, 0.4);
}
.ntc-s21-3-1-1 {
    border: 1px solid rgba(255, 255, 255, 0.3);
    font-family: ngeb, sans-serif;
    font-size: 15px;
    color: rgba(255, 255, 255, 0.9);
    border-left: none;
    border-right: none;
    margin: 41px 0 0;
    height: 39px;
    padding: 10px 6px 0;
}
.ntc-s21-3-2 {
    padding: 20px 0 20px;
    border-bottom: 1px solid #ccc;
    font-family: ngeb, sans-serif;
    font-size: 15px;
}
.ntc-s21-3-3 {
    padding: 25px 8px 0;
    line-height: 1.8;
    text-align: left;
}
.bis21-1 {
    background-image: url(../../images/si21_2.jpg);
}
.bis21-2 {
    background-image: url(../../images/si21_3.jpg);
}
.bis21-3 {
    background-image: url(../../images/si21_4.jpg);
}
/*사업영역*/
/*사업소개*/
.ntc-s22-1 {
    line-height: 1;
}
.ntc-s22-1-1 {
    font-family: ngb, sans-serif;
    font-size: 48px;
    border-right: 1px solid #d9d9d9;
    color: #ccc;
    padding: 0 15px 1px 0;
}
.ntc-s22-1-2 {
    padding: 5px 0 0 13px;
}
.ntc-s22-1-2-1 {
    font-family: ngeb, sans-serif;
    font-size: 15px;
    color: #ccc;
}
.ntc-s22-1-2-2 {
    font-family: ngeb, sans-serif;
    font-size: 17px;
    color: #999;
    padding: 6px 0 0;
}
.ntc-s22-2 {
    margin: 25px 0 70px;
}
.ntc-s22-3 {
    text-align: center;
    line-height: 1;
    padding: 27px 0 0 0;
}
.ntc-s22-3-1 {
    font-family: ngeb, sans-serif;
    font-size: 17px;
    color: 333;
    padding: 0 0 15px;
}
.ntc-s22-5 {
    border-left: 1px solid #d9d9d9;
    padding-right: 10px;
    padding-left: 40px;
    margin-left: 30px;
}
.ns22-5p-1 {
    padding-top: 5px;
    padding-bottom: 5px;
}
.ns22-5p-2 {
    padding-top: 5px;
    padding-bottom: 5px;
}
.ns22-5p-3 {
    padding-top: 5px;
    padding-bottom: 5px;
}
.ntc-s22-5 table {
    width: 100%;
    font-size: 15px;
    word-break: break-all;
    line-height: 1.8;
    color: #4c4c4c;
}
.ntc-s22-5 td {
    vertical-align: top;
    padding: 18px 0;
}
.ntc-s22-5-1 {
    width: 13px;
}
.ntc-s22-6 {
    border-bottom: solid 1px #d9d9d9;
    margin-bottom: 60px;
    padding-bottom: 60px
}
/**회원**/
.s5s31-1 {
    padding: 0 10px;
}




/************* 사단법인 참 미션 및 비전 *************/
.box .txt11 {margin-top: 60px; margin-bottom: 15px; text-align: center; font-size: 40px; font-weight: bold; color: orange;}

#vision {position: relative; width: 60%;
border: 3px solid transparent; border-radius: 100px; background-image: linear-gradient(#fff, #fff), linear-gradient(to right, red 0%, orange 100%);
background-origin: border-box; background-clip: content-box, border-box; margin: 0 auto;}
#vision p {text-align: center; font-size: 25px; position: unset; font-weight: bold; margin: 0; padding: 30px 0 30px 0; line-height: 1.4;}
#vision p span {color: orange;} 

.box .txt12 {margin-top: 90px; text-align: center;  margin-bottom: 15px; font-size: 40px; font-weight: bold; color: #005e97;}
.mission p {margin: 0; margin-top: 22px; text-align: center; font-size: 22px; color: #005e97;}
.mission p span {font-weight: bold;}

.value {margin-top: 55px; text-align: center;}
.box .txt13 {width: 170px; padding: 8px 0 8px 0; text-align: center; font-size: 20px; font-weight: bold; color: #ffffff;
border-radius: 50px; background: #005e97; margin: 0 auto;}

.box .img1 {margin-top: 50px}


/*---------------------------------------
  MOBILE RESPONSIVE              
-----------------------------------------*/
@media (max-width: 1023px) {
    }
    @media (max-width: 767px) {
    #vision {width: 80%;}
    #vision p {font-size: 16px;}
    .box .img1 img {width: 100%;}
    .bus {text-align: left; padding: 0 5px;}
    .bus-1 {text-align: left; padding: 0 3px 12px; border-bottom: 1px solid #666;}
    .line {margin: 0; padding: 0; border: none;}
    }
    @media (max-width: 640px) {
    }
    @media (max-width: 480px) {
    }
    @media (max-width: 320px) {
    }


/************* 사단법인 참 법인소개 및 연혁 *************/
.establishment {margin-top: 50px;}
.establishment .t3 {margin-top: 150px;}
.establishment h3 {font-size: 30px; font-weight: bold;}
.establishment .txt1 h3 {font-size: 30px;}
.establishment .txt1 p {font-size: 19px; margin-bottom: 70px;}
.establishment .txt1 h3 span {color: #f00;}

.establishment .box {display: flex; justify-content: space-around; align-items: center;}
.establishment .box .con {width: 40%; height: 100%; border-radius: 6px; border-style: solid; min-height: 416px;
    border-width: 1px; border-color: #dee6eb; padding: 40px; overflow: hidden;  box-shadow: 5px 5px 5px 5px #f9f9f9;}


.establishment .box .con .title ul {padding: 0; margin: 0;}
.establishment .box .con .title ul li {list-style-type: none;}
.establishment .box .con .title .txt {margin: 0px;}
.establishment .box .con .title ul li img{width: 40px; float: left; margin-right: 15px; margin-top: 4px;}
.establishment .box .con .title .cnt {display: flex; text-align: center; flex-direction: column; margin-top: 36px}
.establishment .box .con .title .cnt img{width: 45%; margin: 0 auto;}

.establishment .box .con .title .txt { color: #1c75bc; font-size: 29px; text-align: left; font-weight: bold;}
.establishment .box .con .title .tit {font-size: 19px; margin-top: 25px;}
.establishment .box .con .title .tit1 {font-size: 19px; margin: 0;}

.establishment .txt2 {margin-top: 50px;}
.establishment .tit span {font-weight: bold; color: #029901;}


.history {margin-top: 40px;}
.history h2 {position: absolute; color: #0095d8; font-weight: bold; /*position: relative; font-size: 30px; line-height: 1; margin: 0px;*/}
/*
.history h2:before {content: ""; position: absolute; left: -46px; top: 50%; width: 20px; height: 20px;
border-radius: 100%; background: #fff; border: 5px solid #ff5a2b; transform: translateY(-50%); box-sizing: border-box;}*/
.history div {position: relative; padding: 0 0 0 0px;}
/*.history div:before {content: ""; position: absolute; left: 8px; top: 0; width: 2px; height: 100%; background: #ddd;}*/
.history div:first-child:before {top: 10px; height: calc(100% - 10px);}
.history ol {padding: 20px 0 72px 15%; margin: 0px; }
.history li {font-size: 16px; line-height: 29px; list-style: none;}
.history li storng {padding: 0 15px 0 0px;}

/*---------------------------------------
  MOBILE RESPONSIVE              
-----------------------------------------*/
@media (max-width: 1023px) {
	.establishment .box {display: flex;
    justify-content: center;
    align-items: baseline;
    flex-direction: column;}
	.establishment .box .con {min-height: 260px}
	.establishment .box .con .title .cnt {text-align: center; margin: 0;}
	.establishment .box .con .title ul {padding: 0;
    display: flex;
    align-content: center;
    flex-wrap: nowrap;
    flex-direction: column;}
	.establishment .box .con .title .cnt img {margin: 0 auto;}
	.history h2 {    position: inherit;}
	.history ol {padding: 20px 0 72px 0%;}
    }

    @media (max-width: 767px) {
    
    }
    @media (max-width: 640px) {
    }
    @media (max-width: 480px) {
    }
    @media (max-width: 320px) {
    }



/************* 사단법인참 근로지원사업 *************/
.worksupport h3 {margin-top: 70px; font-size: 24px; font-weight: bold;}
.worksupport ul li {list-style: circle;}
.worksupport .txt .txt1 {margin-top:60px; font-size: 18px; font-weight: bold; width: 147px;
    padding: 6px 0 6px 0; text-align: center; background: #707070;
    color: #fff; border-radius: 4px; box-shadow: 1px -2px 7px 0px #a2a2a2;}
.worksupport .txt .txt2 {margin-top:60px; font-size: 18px; font-weight: bold; width: 147px;
    padding: 6px 0 6px 0; text-align: center; background: #707070;
    color: #fff; border-radius: 4px; box-shadow: 1px -2px 7px 0px #a2a2a2;}
.worksupport .txt .txt3 {margin-top:60px; font-size: 18px; font-weight: bold; width: 177px;
    padding: 6px 0 6px 0; text-align: center; background: #707070;
    color: #fff; border-radius: 4px; box-shadow: 1px -2px 7px 0px #a2a2a2;}
.worksupport .txt .txt4 {margin-top:60px; font-size: 18px; font-weight: bold; width: 147px;
    padding: 6px 0 6px 0; text-align: center; background: #707070;
    color: #fff; border-radius: 4px; box-shadow: 1px -2px 7px 0px #a2a2a2;}
.worksupport .txt .txt5 {margin-top:60px; font-size: 18px; font-weight: bold; width: 177px;
    padding: 6px 0 6px 0; text-align: center; background: #707070;
    color: #fff; border-radius: 4px; box-shadow: 1px -2px 7px 0px #a2a2a2;}
.worksupport .txt6 {margin-top:60px; font-size: 18px; font-weight: bold; width: 105px;
    padding: 6px 0 6px 0; text-align: center; background: #707070;
    color: #fff; border-radius: 4px; box-shadow: 1px -2px 7px 0px #a2a2a2;}
.worksupport .txt7 {margin: 0; color: #1f5ecd;}
.worksupport .txt7 a { color: #1f5ecd;}
.worksupport .txt8 {margin: 0;}

.worksupport p {font-size: 19px;}
.worksupport .no {font-size: 30px;}
.worksupport .tit1 {font-size: 19px;}
.worksupport li {line-height: 1.8; font-size: 19px;}
.worksupport table { width: 100%; border-collapse: collapse; margin-top: 20px;}
.worksupport table tr,.worksupport table tr td {border: 1px solid #e2e2e2; padding: 10px 20px; text-align: left;}
.worksupport table .td1 {text-align: center; background: #f7f7f7;}
.worksupport .o1 {text-align: center; font-weight: bold; background-color: #1f5ecd; color: #fff; border: 1px solid #333333;}

/*---------------------------------------
  MOBILE RESPONSIVE              
-----------------------------------------*/
@media (max-width: 1023px) {
    .establishment .t3 {font-size: 24px;}
    .history h2 {font-size: 24px;}
    .history li {font-size: 16px;}
    .establishment .box .con .title .txt {font-size: 24px;}
    .establishment .box .con .title .tit {font-size: 16px;}
	.establishment .txt1 p {font-size: 16px}
    .establishment .box .con .title .tit1 {font-size: 16px}
	.worksupport .o1 {padding: 12px 12px;}
    .worksupport table td {padding: 0;}
	.establishment .box {display: flex; justify-content: center; align-items: baseline; flex-direction: column;}
	.establishment .box .con:nth-child(1) {width: 100%;}
	.establishment .box .con:nth-child(2) {width: 100%; margin-top: 30px;}
	.worksupport li {font-size: 16px;}
	.worksupport h3 {font-size: 24px;}
	.worksupport .no {font-size: 30px;}
	.worksupport .tit1 {font-size: 16px;}
	.worksupport .o2, .worksupport .o3, .worksupport .o4, .worksupport .o5 {font-size: 16px;}
	.worksupport table .td1 {font-size: 16px;}
	.worksupport .txt0 {font-size: 16px;}
	.worksupport p {font-size: 16px;}
	
    }
    @media (max-width: 767px) {
    
    }
    @media (max-width: 640px) {
    }
    @media (max-width: 480px) {
    }
    @media (max-width: 320px) {
    }



/************* 사단법인참 고용사업 *************/
.employment h3 {margin-bottom: 35px; font-size: 30px; font-weight: bold; margin: 0;}
.employment .txt {margin-top: 70px; font-size: 24px; font-weight: bold; margin-bottom: 0;}
.employment .txt00 {font-size: 19px;}
.employment .txt000 {font-size: 24px; font-weight: bold; margin-bottom: 10px;}
.employment .txt1 {margin-top: 30px; font-size: 24px; font-weight: bold; margin-bottom: 0;}
.employment .txt2 {line-height: 1.5;}
.employment .txt4 {margin-top: 30px; font-size: 30px; font-weight: bold;}
.employment  ul {font-size: 19px;}
.employment  ul li {list-style: circle; font-size: 19px;}
.employment .txt5 {color: red; font-size: 19px; margin: 0;}
.employment .txt6 {margin-top: 70px; font-size: 18px; font-weight: bold;}
.employment .txt1 {margin-top: 60px;font-size: 18px; font-weight: bold; width: 75px; padding: 6px 0 6px 0;
    text-align: center; background: #707070; color: #fff; border-radius: 4px; box-shadow: 1px -2px 7px 0px #a2a2a2;}
.employment .txt2 {margin-top: 60px;font-size: 18px; font-weight: bold; width: 66px; padding: 6px 0 6px 0;
    text-align: center; background: #707070; color: #fff; border-radius: 4px; box-shadow: 1px -2px 7px 0px #a2a2a2;}
.employment .txt3 {margin-top: 60px;font-size: 18px; font-weight: bold; width: 151px; padding: 6px 0 6px 0;
    text-align: center; background: #707070; color: #fff; border-radius: 4px; box-shadow: 1px -2px 7px 0px #a2a2a2;}
.employment .txt4 {margin-top: 60px;font-size: 18px; font-weight: bold; width: 75px; padding: 6px 0 6px 0;
    text-align: center; background: #707070; color: #fff; border-radius: 4px; box-shadow: 1px -2px 7px 0px #a2a2a2;}
.employment .txt6 {margin-top: 60px;font-size: 18px; font-weight: bold; width: 95px; padding: 6px 0 6px 0;
    text-align: center; background: #707070; color: #fff; border-radius: 4px; box-shadow: 1px -2px 7px 0px #a2a2a2;}
.employment .txt7 {font-size: 18px; font-weight: bold; width: 95px; padding: 6px 0 6px 0;
    text-align: center; background: #707070; color: #fff; border-radius: 4px; box-shadow: 1px -2px 7px 0px #a2a2a2;}
.employment .txt11 {font-size: 18px; font-weight: bold; width: 95px; padding: 6px 0 6px 0;
    text-align: center; background: #707070; color: #fff; border-radius: 4px; box-shadow: 1px -2px 7px 0px #a2a2a2;}


.business3 {width:100%;}
.business3 div {display: table-cell;}
.business3 .contBox { width:15%; position:relative; margin-bottom:16px;}
.business3 .arrow {background: url(../images/up.png) no-repeat center;  width: 30px;}
.business3 .arrow03 {background: url(../images/00.png) no-repeat center;}
.business3 .arrow01 {width: 100%; text-align: right;    display: inline-table; padding: 0 155px 20px 0;}
.business3 .arrow01 img{}
.business3 .arrow02 {width: 30px; }
.business3 .cont {border:2px solid #ededed; border-radius:10px; padding:0px; min-height:140px;}
.business3 ul li{list-style: none;}
.business3 .cont1, .business3 .cont2  {border:2px solid #ededed; border-radius:10px; padding:0px 10px; min-height:100px;}
.business3 .mint .step { background-color:#75a1bd;}

.business3 .cont .tit01 {font-size: 20px; padding: 10px 10px 10px 10px; border-radius: 7px; text-align: center; background: #ededed;}
.business3 .cont .txt01 {font-size:14px; padding:15px 10px 15px 10px ; text-align:center; font-weight: bold; color: #6e6e6e;}

.business3 .bl .tit01 {background: #ffe8e8;}
.business3 .re .tit01 {background: #d6e7fd;}

.business3 .cont1 {border:2px solid #ededed; border-radius:10px; padding:0px 10px; min-height:100px;}
.business3 .cont1 .txt01 {font-size:14px; padding:15px 10px 15px 10px ; text-align:center; font-weight: bold; color: #6e6e6e;}
.business3 .cont2 .txt01 {font-size:14px; padding:15px 10px 15px 10px ; text-align:center; font-weight: bold; color: #6e6e6e;}

.support ul {margin-bottom: 70px;}

.employment .inquiry {margin-top: 70px; font-size: 30px; font-weight: bold; margin: 0;}
.employment .inquiry1 {font-size: 30px; margin: 0;}


/*---------------------------------------
  MOBILE RESPONSIVE              
-----------------------------------------*/
@media (max-width: 1023px) {
    .business3 .contBox { width:100%; display: block; min-height: auto; }
    .business3 .arrow {display:none;}	
    .business3 .arrow01,.business3 .arrow02 {display:none;}
    .employment .inquiry {font-size: 18px; font-weight: bold;}
    .employment .inquiry1 {font-size: 15px;}
	.employment .txt {font-size: 24px;}
	.employment .txt00 {font-size: 16px;}
	.employment li {font-size: 16px;}
	.employment .txt000 {font-size: 24px;}

    }

    @media (max-width: 767px) {
    }
    @media (max-width: 640px) {
    }
    @media (max-width: 480px) {
    }
    @media (max-width: 320px) {
    }


/************* 사단법인참 목적사업 *************/
.brz {width: 100%;}
.brz-bg {width: 31%; min-height: 434px; float: left; margin: 10px; padding: 15px; border: 1px solid #e7e7e7; border-radius: 20px;}
.brz-bg ul {padding: 0 10px 0 10px;}
.brz-bg ul li {list-style: none;}
.brz .brz-d .ul li {font-size: 20px;}
.brz .brz-dx ul li{font-size: 16px;}
.brz .brz-x ul li {font-size: 16px;}

.goal p {margin-bottom: 30px;}
.goal ul {list-style: decimal-leading-zero;}
.goal ul span {font-weight: bold;}
.goal ul li {margin-bottom: 35px;}
.goal .img1 img {width: 100%;}



/************* 사단법인참 자원봉사 및 후원안내  *************/
.sponsor h3 {margin-bottom: 35px; font-size: 30px;  font-weight: bold;}
.sponsor1 .txt1 {margin-top: 60px; font-size: 18px; font-weight: bold; width: 90px; padding: 6px 0 6px 0; text-align: center;
 background: #707070; color: #fff; border-radius: 4px; box-shadow: 1px -2px 7px 0px #a2a2a2;}
.sponsor1 .txt2 {margin-top: 60px; font-size: 18px; font-weight: bold; width: 140px; padding: 6px 0 6px 0; text-align: center;
 background: #707070; color: #fff; border-radius: 4px; box-shadow: 1px -2px 7px 0px #a2a2a2;}
.sponsor1 .txt3 {margin-top: 60px; font-size: 18px; font-weight: bold; width: 168px; padding: 6px 0 6px 0; text-align: center;
 background: #707070; color: #fff; border-radius: 4px; box-shadow: 1px -2px 7px 0px #a2a2a2;}
.sponsor1 .txt p {font-size: 22px; color: #f44747; margin: 0;}
.sponsor1 .txt .ul {font-size: 16px;}
.sponsor1 .txt .ul1 {margin-top: 20px;}
.sponsor1 ul li {line-height: 1.6; font-size: 16px; list-style: circle;}
.sponsor1 table {width: 100%; text-align: center; margin: 0; font-size: 16px;  border-collapse: collapse;}
.sponsor1 tr td {border: 2px solid #ededed;}
.sponsor1 td {padding: 15px 0 15px 0;}
.sponsor_01 {margin-top: 12px;}
.sponsor_01 div {display: inline-grid;}
.sponsor_01 .txt14 a {padding-top: 20px; font-size: 19px; font-weight: 700; color: #5cb300;  }



/*---------------------------------------
  MOBILE RESPONSIVE              
-----------------------------------------*/
@media (max-width: 1023px) {
	.sponsor p {font-size: 24px;}
    .sponsor .txt p {font-size: 20px;}
	.sponsor ul li {font-size: 16px;}
    .sponsor table {width: 100%; font-size: 16px;}
	.goal .img1 {width: 100%;  overflow-x: scroll;}
	.goal .img1 img {width: 260%; height: 100%;}
    }
    @media (max-width: 767px) {
    }
    @media (max-width: 640px) {
    }
    @media (max-width: 480px) {
    }
    @media (max-width: 320px) {
    }

/************* 광산구보호작업장 *************/

.facility_status {text-align: center;}
.facility_status img {width: 90%}

/* 균형 잡힌 실천 전략 */
.practice h3 {
    margin-top: 100px;
    font-size: 18px;
    font-weight: bold;
    width: 200px;
    padding: 6px 0 6px 0;
    text-align: center;
    background: #707070;
    color: #fff;
    border-radius: 4px;
    box-shadow: 1px -2px 7px 0px #a2a2a2;}

.practice_table {
    width: 100%;
    border-collapse: collapse;
	margin-top: 20px;}

.practice_table table {width: 100%}

.practice_table tr,.practice_table tr td { 
    border: 1px solid;
    padding: 10px 10px;}

.practice_table .txt {
    font-weight: bold;
    text-align: center;
    color: #fff;
    background-color: #1f5ecd;
	border: 1px solid #333333;}

/* 추진전략 */
.practice_img {margin-top: 100px;}


/* 연혁 */
.t4 { margin-top: 100px;
    font-size: 18px;
    font-weight: bold;
    width: 70px;
    padding: 6px 0 6px 0;
    text-align: center;
    background: #707070;
    color: #fff;
    border-radius: 4px;
    box-shadow: 1px -2px 7px 0px #a2a2a2;}
.history_wrap h3 {font-size: 30px; font-weight: bold;}
.history_wrap .txt1 h3 {font-size: 30px;}
.history_wrap .txt1 p {font-size: 19px; margin-bottom: 70px;}
.history_wrap .txt1 h3 span {color: #f00;}

.history_wrap .box {display: flex; justify-content: space-around; align-items: center;}
.history_wrap .box .con {width: 40%; height: 100%; border-radius: 6px; border-style: solid; min-height: 416px;
    border-width: 1px; border-color: #dee6eb; padding: 40px; overflow: hidden;  box-shadow: 5px 5px 5px 5px #f9f9f9;}


.history_wrap .box .con .title ul {padding: 0; margin: 0;}
.history_wrap .box .con .title ul li {list-style-type: none;}
.history_wrap .box .con .title .txt {margin: 0px;}
.history_wrap .box .con .title ul li img{width: 40px; float: left; margin-right: 15px; margin-top: 4px;}
.history_wrap .box .con .title .cnt {display: flex; text-align: center; flex-direction: column; margin-top: 36px}
.history_wrap .box .con .title .cnt img{width: 45%; margin: 0 auto;}

.history_wrap .box .con .title .txt { color: #1c75bc; font-size: 29px; text-align: left; font-weight: bold;}
.history_wrap .box .con .title .tit {font-size: 19px; margin-top: 25px;}
.history_wrap .box .con .title .tit1 {font-size: 19px; margin: 0;}

.history_wrap .txt2 {margin-top: 50px;}
.history_wrap .tit span {font-weight: bold; color: #029901;}


.history_wrap {margin-top: 40px;}
.history_wrap h2 {position: relative; font-size: 30px; line-height: 1; margin: 0px;}
.history_wrap h2:before {content: ""; position: absolute; left: -46px; top: 50%; width: 20px; height: 20px;
border-radius: 100%; background: #fff; border: 5px solid #ff5a2b; transform: translateY(-50%); box-sizing: border-box;}
.history_wrap div {position: relative; padding: 0 0 0 45px;}
.history_wrap div:before {content: ""; position: absolute; left: 8px; top: 0; width: 2px; height: 100%; background: #ddd;}
.history_wrap div:first-child:before {top: 10px; height: calc(100% - 10px);}
.history_wrap ol {padding: 20px 0 74px; margin: 0px;}
.history_wrap li {font-size: 16px; line-height: 29px; list-style: none;}
.history_wrap li storng {padding: 0 15px 0 0px;}

/*---------------------------------------
  MOBILE RESPONSIVE              
-----------------------------------------*/
@media (max-width: 1023px) {
	
	.history_wrap h2 {font-size: 24px;}
	
	.history_wrap .box {display: flex;
    justify-content: center;
    align-items: baseline;
    flex-direction: column;}
	
	.history_wrap .box .con {min-height: 260px}
	
	.history_wrap .box .con .title .cnt {text-align: center; margin: 0;}
	
	.history_wrap .box .con .title ul {padding: 0;
    display: flex;
    align-content: center;
    flex-wrap: nowrap;
    flex-direction: column;}
	
	.history_wrap .box .con .title .cnt img {margin: 0 auto;}

	.facility_status img {width: 100%;}

	.practice_img img {width: 100%;}
	
	.organization_chart_img img {width: 100%;}
	
	.an_employee_table2 {overflow-x: scroll; width: 100%;}
	
}
    @media (max-width: 767px) {
    
    }
    @media (max-width: 640px) {
    }
    @media (max-width: 480px) {
    }
    @media (max-width: 320px) {
    }

/* 조직도 */

.organization_chart_img {
	margin-top: 40px;
	text-align: center;}

.organization_chart_img img {
	width: 80%}


.organization_chart h3 {
    margin-top: 100px;
    font-size: 18px;
    font-weight: bold;
    width: 90px;
    padding: 6px 0 6px 0;
    text-align: center;
    background: #707070;
    color: #fff;
    border-radius: 4px;
    box-shadow: 1px -2px 7px 0px #a2a2a2;}

/* 종사자 현황 */

.an_employee p {
	margin-top: 100px;
    font-size: 18px;
    font-weight: bold;
    width: 120px;
    padding: 6px 0 6px 0;
    text-align: center;
    background: #707070;
    color: #fff;
    border-radius: 4px;
	box-shadow: 1px -2px 7px 0px #a2a2a2;}

.an_employee table{
    width: 100%;
    border-collapse: collapse;}


.an_employee tr,.an_employee tr td {
	border: 1px solid; text-align: center; line-height: 3;}

.an_employee .txt {
    font-weight: bold;
    text-align: center;
    color: #fff;
    background-color: #1f5ecd;
	border: 1px solid #333333;}

/* 이용 현황 */

.an_employee1 p {
	margin-top: 50px;
    font-size: 18px;
    font-weight: bold;
    width: 120px;
    padding: 6px 0 6px 0;
    text-align: center;
    background: #707070;
    color: #fff;
    border-radius: 4px;
	box-shadow: 1px -2px 7px 0px #a2a2a2;}


/* 시설전경 */
.foreground h3 {
    margin-top: 100px;
    font-size: 18px;
    font-weight: bold;
    width: 100px;
    padding: 6px 0 6px 0;
    text-align: center;
    background: #707070;
    color: #fff;
    border-radius: 4px;
    box-shadow: 1px -2px 7px 0px #a2a2a2;}

.foreground table {margin-top: 20px; width: 100%; border-collapse: collapse; text-align: center;}

.haga {padding: 0;}

.foreground .txt {
    font-weight: bold;
    text-align: center;
    color: #fff;
    background-color: #1f5ecd;
	border: 1px solid #333333;}


/* 찾아오시는 길 */

.way {margin-top: 17px;}

.way1 h3 {
    margin-top: 100px;
    font-size: 18px;
    font-weight: bold;
    width: 150px;
    padding: 6px 0 6px 0;
    text-align: center;
    background: #707070;
    color: #fff;
    border-radius: 4px;
    box-shadow: 1px -2px 7px 0px #a2a2a2;}

.way1 ul li {list-style: none;}

.way_ab {
	width: 50%;
    display: -webkit-box;
    float: left;
	margin-top: 20px;}

.way_abc {
	width: 50%;
    display: -webkit-box;
    float: right;
	margin-top: 20px;}

.way_a {
    font-size: 18px;
    font-weight: bold;
    padding: 10px 0 0 0;}

.way_b {
    font-size: 18px;
    font-weight: bold;
    padding: 10px 0 0 0;}

.way_a ul li {
    margin: 0;
    text-align: right;
    padding: 22px 0 0;
    font-size: 17px;}

.way_b ul li {
    margin: 0;
    padding: 8px 0 0px 0;
    margin-left: 0px;}



/* 설립목적 */
.wrap2 h3 {font-size: 30px; font-weight: bold;} 

.wrap2 p {font-size: 19px; margin: 0;}

.wrap2 h4 {font-size: 25px; margin-top: 40px;}

/* 시설현황 */
.target_of_training h3 {
	margin-top: 60px;
    font-size: 18px;
    font-weight: bold;
    width: 100px;
    padding: 6px 0 6px 0;
    text-align: center;
    background: #707070;
    color: #fff;
    border-radius: 4px;
    box-shadow: 1px -2px 7px 0px #a2a2a2;}

.rehabilitation1 .txt_color {
    margin: 0;
    margin-top: 60px;
    font-size: 20px;
    font-weight: bold;
    color: #0099e5;}

.rehabilitation1 .txt {
	margin-top: 10px;
    color: #3ea102;
	list-style: circle;
	font-weight: bold;}

.rehabilitation1 ul li {padding: 0;}


/* 장애인 직업재활 프로그램 안내 */

.rehabilitation_program p {
	margin-top: 60px;
    font-size: 18px;
    font-weight: bold;
    width: 260px;
    padding: 6px 0 6px 0;
    text-align: center;
    background: #707070;
    color: #fff;
    border-radius: 4px;
    box-shadow: 1px -2px 7px 0px #a2a2a2;}

.rehabilitation_program table {margin-top: 20px; width: 100%;}

.rehabilitation_program tr,.rehabilitation_program tr td {border: 1px solid; line-height: 3; padding: 10px 10px;}

.rehabilitation_program .txt1 {
    font-weight: bold;
    text-align: center;
    color: #fff;
	background-color: #1f5ecd;
	border: 1px solid #333333;}

.work_experience .txt {margin-top: 60px;
    font-size: 18px;
    font-weight: bold;
    width: 330px;
    padding: 6px 0 6px 0;
    text-align: center;
    background: #707070;
    color: #fff;
    border-radius: 4px;
    box-shadow: 1px -2px 7px 0px #a2a2a2;}

/* 서비스 과정도 */
.process h3 {
    margin-top: 100px;
    font-size: 18px;
    font-weight: bold;
    width: 140px;
    padding: 6px 0 6px 0;
    text-align: center;
    background: #707070;
    color: #fff;
    border-radius: 4px;
    box-shadow: 1px -2px 7px 0px #a2a2a2;}

.process_img {margin-top: 50px;  text-align: center;}

.process_img img {width: 85%}


/* 직업재활서비스 사진 */
.vrsp {font-size: 19px;}

.vrsp table {width: 100%; margin-top: 20px;}

.vrsp table td {padding: 0;}

.vrsp h3{
    margin-top: 100px;
    font-size: 18px;
    font-weight: bold;
    width: 200px;
    padding: 6px 0 6px 0;
    text-align: center;
    background: #707070;
    color: #fff;
    border-radius: 4px;
    box-shadow: 1px -2px 7px 0px #a2a2a2;}

/* 이용안내 */
.information_on_how_to_use_it h3 {
    margin-top: 100px;
    font-size: 18px;
    font-weight: bold;
    width: 100px;
    padding: 6px 0 6px 0;
    text-align: center;
    background: #707070;
    color: #fff;
    border-radius: 4px;
    box-shadow: 1px -2px 7px 0px #a2a2a2;}

.information_on_how_to_use_it .sub-box {
    width: 55%;
    margin-bottom: 20px;
    background: #ffd9d9;}

.information_on_how_to_use_it .txt {
    margin-top: 60px;
    font-size: 18px;
    font-weight: bold;
    width: 100px;
    padding: 6px 0 6px 0;
    text-align: center;
    background: #707070;
    color: #fff;
    border-radius: 4px;
    box-shadow: 1px -2px 7px 0px #a2a2a2;}

.information_on_how_to_use_it .txt1 {
    width: 26%;
	margin-top: 30px;
    padding: 10px;
    background: #ff8f8f;
    text-align: center;
    font-size: 16px;
    font-weight: bold;}


.import_business .txt_color {
    margin-top: 60px;
    font-size: 20px;
    font-weight: bold;
    color: #0099e5;}

.forestry_business_2 ul {margin-top: 30px; padding: 0;}

.sub-box p {margin-top: 100px;
    font-size: 18px;
    font-weight: bold;
    width: 100px;
    padding: 6px 0 6px 0;
    text-align: center;
    background: #707070;
    color: #fff;
    border-radius: 4px;
    box-shadow: 1px -2px 7px 0px #a2a2a2;}

.sub-box_img {text-align: center;}
.sub-box_img img {width: 80%; margin-top: 30px;}

.forestry_business_1 .txt_color {
    margin-top: 60px;
    font-size: 20px;
    color: #3ea102;}

.forestry_business_2 table {width: 100%; margin-top: 30px;}

.forestry_business_2 .txt_color {
    margin-top: 60px;
    font-size: 20px;
    color: #3ea102;}

.txxx {border: 1px solid #333333;}

.forestry_business_1 table {margin-top: 30px;  width: 100%; border-collapse: collapse;}

.forestry_business_1_table {font-weight: bold;
    text-align: center;
    color: #fff;
    background-color: #1f5ecd;}

.forestry_business_1_table tr,.forestry_business_1_table tr td {
	border: 1px solid;}

.forestry_business_1 .img001 {padding: 0;}

.import_business ul {display: flex;
    padding: 0;
    flex-wrap: wrap;
    justify-content: space-between;
    text-align: center;
	font-size: 19px;}

.import_business ul li {list-style: circle; margin: 20px;}

.tabb {width: 100%; margin-top: 30px;}

.forestry_business_2 table {width: 100%; border-collapse: collapse; width: 100%;}

.forestry_business_2_table {
    border: 1px solid #333333;
    width: 100%;
	background-color: #1f5ecd;
	color: #FFFFFF;
	text-align: center;}

.forestry_business_2 .img001 {padding: 0;}

.forestry_business_3 .txt_color {
    margin-top: 60px;
    font-size: 20px;
    font-weight: bold;
    color: #0099e5;}

.forestry_business_4 .txt1 {
    margin-top: 40px;
    font-size: 18px;
    font-weight: bold;
    width: 300px;
    padding: 6px 0 6px 0;
    text-align: center;
    background: #707070;
    color: #fff;
    border-radius: 4px;
    box-shadow: 1px -2px 7px 0px #a2a2a2;}

.forestry_business_4 table {
    width: 100%;
    border-collapse: collapse;
	margin-top: 30px;}
    
.forestry_business_4 table tr,.forestry_business_4 table tr td { 
    border: 1px solid;
    padding: 10px 10px;}
    
.forestry_business_4 table .txt {
    font-weight: bold;
    text-align: center;
    color: #fff;
    background-color: #1f5ecd;
	border: 1px solid #333333;}

.forestry_business_4_txt {width: 150px; text-align: center;}

/* 자원봉사 및 후원안내 */
.volunteer_and_sponsorship_guidance h3 {
    font-size: 18px;
    font-weight: bold;
    width: 100px;
    padding: 6px 0 6px 0;
    text-align: center;
    background: #707070;
    color: #fff;
    border-radius: 4px;
    box-shadow: 1px -2px 7px 0px #a2a2a2;}

.volunteer_and_sponsorship_guidance p {font-size: 19px;}

.volunteer_and_sponsorship_guidance1 h3 {
    margin-top: 60px;
    font-size: 18px;
    font-weight: bold;
    width: 100px;
    padding: 6px 0 6px 0;
    text-align: center;
    background: #707070;
    color: #fff;
    border-radius: 4px;
    box-shadow: 1px -2px 7px 0px #a2a2a2;}

.how_to_participate1_img {text-align: center; margin-top: 30px;}
	
	

/* 후원안내 */
.volunteer_and_sponsorship_guidance1 p {font-size: 19px; margin: 0;}

.volunteer_and_sponsorship_guidance1_img { margin-top: 30px;}

.volunteer_and_sponsorship_guidance1_img img {width: 90%;}


.wrap3 .principles h3 {
    margin-top: 100px;
    font-size: 18px;
    font-weight: bold;
    width: 180px;
    padding: 6px 0 6px 0;
    text-align: center;
    background: #707070;
    color: #fff;
    border-radius: 4px;
    box-shadow: 1px -2px 7px 0px #a2a2a2;}

.sponsorship_information h3 {
	margin-top: 100px;
    font-size: 18px;
    font-weight: bold;
    width: 180px;
    padding: 6px 0 6px 0;
    text-align: center;
    background: #707070;
    color: #fff;
    border-radius: 4px;
	box-shadow: 1px -2px 7px 0px #a2a2a2;}


.sponsorship_information_img {text-align: center; margin-top: 30px;}


.principles table {
    width: 100%;
    border-collapse: collapse;
	margin-top: 20px;}
        
.principles table tr,.principles table tr td { 
    border: 1px solid;
    padding: 10px 10px;}
        
.principles table .txt {
    font-weight: bold;
    text-align: center;
    color: #fff;
    background-color: #1f5ecd;
	border: 1px solid #333333;}

.how_to_participate1 h3 {
    margin-top: 60px;
    font-size: 18px;
    font-weight: bold;
    width: 100px;
    padding: 6px 0 6px 0;
    text-align: center;
    background: #707070;
    color: #fff;
    border-radius: 4px;
    box-shadow: 1px -2px 7px 0px #a2a2a2;}


.how_to_participate2 h3 {
    margin-top: 100px;
    font-size: 18px;
    font-weight: bold;
    width: 100px;
    padding: 6px 0 6px 0;
    text-align: center;
    background: #707070;
    color: #fff;
    border-radius: 4px;
    box-shadow: 1px -2px 7px 0px #a2a2a2;}

.how_to_participate2 table {
    width: 100%;
    border-collapse: collapse;
	margin-top: 20px;}
        
.how_to_participate2 table tr,.how_to_participate2 table tr td { 
    border: 1px solid;
    padding: 10px 10px;}
        
.how_to_participate2 table .txt {
    font-weight: bold;
    text-align: center;
    color: #fff;
    background-color: #1f5ecd;
	border: 1px solid #333333;}

.how_to_participate3 h3 {
    margin-top: 60px;
    font-size: 18px;
    font-weight: bold;
    width: 100px;
    padding: 6px 0 6px 0;
    text-align: center;
    background: #707070;
    color: #fff;
    border-radius: 4px;
    box-shadow: 1px -2px 7px 0px #a2a2a2;}

.how_to_participate3 table {
    width: 100%;
    border-collapse: collapse;
	margin-top: 20px;}
        
.how_to_participate3 table tr,.how_to_participate3 table tr td { 
    border: 1px solid;
    padding: 10px 10px;}
        
.how_to_participate3 table .txt {
    font-weight: bold;
    text-align: center;
    color: #fff;
    background-color: #1f5ecd;
	border: 1px solid #333333;}

.how_to_participate4 h3 {
    margin-top: 60px;
    font-size: 18px;
    font-weight: bold;
    width: 100px;
    padding: 6px 0 6px 0;
    text-align: center;
    background: #707070;
    color: #fff;
    border-radius: 4px;
    box-shadow: 1px -2px 7px 0px #a2a2a2;}

    .how_to_participate4 p {font-size: 19px;}



/************* 좋은직업재활센터 시설현황  *************/
.facilitystatus h3 {margin-bottom: 35px; font-weight: bold; font-size: 30px;}
.facilitystatus .txt1 {margin-top:60px; font-size: 18px;  font-weight: bold; width: 275px;  padding: 6px 0 6px 0;
    text-align: center; background: #707070; color: #fff; border-radius: 4px; box-shadow: 1px -2px 7px 0px #a2a2a2;}
.facilitystatus .txt2 {font-size: 16px;}
.facilitystatus .txt3 {margin-top:60px; font-size: 18px;  font-weight: bold; width: 90px;  padding: 6px 0 6px 0;
    text-align: center; background: #707070; color: #fff; border-radius: 4px; box-shadow: 1px -2px 7px 0px #a2a2a2;}
.facilitystatus .txt4 {margin-top: 100px; font-size: 18px; font-weight: bold;}
.facilitystatus .txt5 {margin-top:100px; font-size: 18px;  font-weight: bold; width: 90px;  padding: 6px 0 6px 0;
    text-align: center; background: #707070; color: #fff; border-radius: 4px; box-shadow: 1px -2px 7px 0px #a2a2a2;}


.facilitystatus .tab1 {width: 80%; margin-top: 35px; text-align: center;}
.facilitystatus .smo1 tr {border-bottom: 1px solid #ededed;}
.facilitystatus .smo1 td{border-right: 1px solid #ededed; border-left: 1px solid #ededed; padding: 20px 0 20px 0;}
.facilitystatus .tit1, .facilitystatus .tit2, .facilitystatus .tit3,
.facilitystatus .tit4, .facilitystatus .tit5, .facilitystatus .tit6 {padding: 6px 0 6px 0;}
.facilitystatus ul {list-style: circle; font-size: 16px;}
.facilitystatus ul li {line-height: 1.6;}
.facilitystatus .x1, .facilitystatus .x2 {border-right: none;}
.facilitystatus .smo1 tr:nth-child(1) {background: #1f5ecd; color: #fff;}
.smo1 .tab1 {font-size: 16px; width: 100%;}
.smo2 .tab2 {font-size: 15px;}
.facilitystatus .tab2 {width: 80%; margin: 0 auto; text-align: center;}
.facilitystatus .tab2 img {width: 100%;}

.facilitystatus .edd {margin: 0 auto;}
.facilitystatus .smo2 img {width: 100%;}
.facilitystatus .edd img {width: 100%;}

/*---------------------------------------
  MOBILE RESPONSIVE              
-----------------------------------------*/
@media (max-width: 1023px) {
	.facilitystatus .txt1, .facilitystatus .txt3, .facilitystatus .txt4 {font-size: 16px;}
    .facilitystatus .tab1 {width: 100%;}
	.facilitystatus .smo1 ul li {font-size: 16px;}
	.facilitystatus .smo1 td {font-size: 16px;}
	.facilitystatus .smo2 .tr2 {font-size: 16px;}
	.facilitystatus .smo2 .tr1 .td1 {font-size: 16px;}
	.facilitystatus .txt1 {width: 240px;}
	.facilitystatus .txt2 {font-size: 16px;}
	.facilitystatus .txt4 {font-size: 24px;}
	.facilitystatus .tab2 {width: 100%;}
	
    }
    @media (max-width: 767px) {
    }
    @media (max-width: 640px) {
    }
    @media (max-width: 480px) {
    }
    @media (max-width: 320px) {
    }






/************* 좋은직업재활센터 시설소개  *************/
.greeting .txt1 {font-size: 30px; font-weight: bold; margin: 0;}
.greeting .txt2 {margin-top: 100px; font-size: 18px; font-weight: bold; width: 75px; padding: 10px 0 10px 0; text-align: center;
	background: #707070; color: #fff; border-radius: 4px; box-shadow: 1px -2px 7px 0px #a2a2a2;}
.greeting .txt3 {font-size: 18px; font-weight: bold; width: 75px; padding: 6px 0 6px 0; text-align: center;
	background: #707070; color: #fff; border-radius: 4px; box-shadow: 1px -2px 7px 0px #a2a2a2;}
.greeting .tit1 {font-size: 16px; margin: 0;}
.greeting .tit2{font-size: 16px;}
.m-content {  padding: 0px;  max-width: 100%;  margin: 0 auto;}
.m-content h3 {font-size:25px; padding:0 0 30px 16px; position:relative; }
.m-content h3::before {content:""; height:24px; width:4px; background-color:#555; position:absolute; top:8px;  left:0px; }
.m-timeline { position: relative;  list-style: none;  padding: 0;  margin: 0; border-bottom:1px solid #dfdfdf;   color: #333;}
.m-timeline:first-child {border: none;}
.m-timeline > li { position: relative;  padding: 0px 0 0px 30px;  transition: all 100ms;}
.m-timeline > li:first-child::after { top: 15px;}
.m-timeline > li:last-child::after { height: 15px;}
.m-timeline__date {float:left; width:30%; text-align:center; font-size: 30px; margin: 0 0;  color: #0072bc;}
.m-timeline__date span {display:block; color:#bbb; font-size:28px;}
.m-timeline p {margin: 0 0 ;}
 .m-timeline > li {clear:both; overflow:hidden;  height:100%;   padding-left: 0;  border-top:1px solid #dfdfdf;  }
ul.detail {list-style:none; padding:0; margin:0; float:left; width:70%}
ul.detail li {font-size:16px; border-bottom:1px solid #dfdfdf;  padding:12px 18px 12px 20px; background:url("../img/bullet_01.gif") no-repeat 5px center }
ul.detail li:last-child {border-bottom:0;}
ul.detail li span.detailD {color:#111; font-weight: bold;  padding: 0 20px 0 0; }
.m-timeline > li:last-child {border: none;}



ul.detail li div {  display: inline-grid;}

ul.detail li .detailD { width: 15%;}
ul.detail li .detailDD {width: 85%; }

.incorporated .txt11 {margin-top: 60px; margin-bottom: 15px; text-align: center; font-size: 40px; font-weight: bold; color: orange;}

.incorporated #i_vision {position: relative; width: 60%;
border: 3px solid transparent; border-radius: 100px; background-image: linear-gradient(#fff, #fff), linear-gradient(to right, red 0%, orange 100%);
background-origin: border-box; background-clip: content-box, border-box; margin: 0 auto;}
.incorporated #i_vision p {text-align: center; font-size: 25px; position: unset; font-weight: bold; margin: 0; padding: 30px 0 30px 0; line-height: 2;}
.incorporated #i_vision p span {color: orange;} 

.incorporated .txt12 {margin-top: 90px; text-align: center;  margin-bottom: 15px; font-size: 40px; font-weight: bold; color: #005e97;}
.incorporated .i_mission p {margin: 0; margin-top: 22px; text-align: center; font-size: 22px; color: #005e97;}
.incorporated .i_mission p span {font-weight: bold;}

#i_vision {margin-top: 55px; text-align: center;}
.incorporated .txt13 {width: 170px; padding: 8px 0 8px 0; text-align: center; font-size: 20px; font-weight: bold; color: #ffffff;
border-radius: 50px; background: #005e97; margin: 0 auto;}

.incorporated .i_img1 {margin-top: 50px}

.greeting .t3 {font-size: 30px; font-weight: bold; margin-top: 100px;}
.history li strong {padding: 0 7px 0 0; color: #0095d8;}





/*---------------------------------------
  MOBILE RESPONSIVE              
-----------------------------------------*/
@media (max-width: 1023px) {
    .m-timeline__date {font-size: 20px; float: none; width: 100%;}
	ul.detail li {font-size: 14px;}
    .incorporated #i_vision {width: 100%;}
    .incorporated #i_vision p {font-size: 14px;}
    .incorporated .i_img1 img {width: 100%;}
	ul.detail {float: none; width: 100%;}
	ul.detail li .detailD {font-weight: bold;}
    }
    @media (max-width: 767px) {
    }
    @media (max-width: 640px) {
    }
    @media (max-width: 480px) {
    }
    @media (max-width: 320px) {
    }





/************* 좋은직업재활센터 시설현황  *************/
.currentsituation {margin-top: 120px;}
.currentsituation .txt1 {font-size: 18px; font-weight: bold; width: 75px; padding: 6px 0 6px 0; text-align: center;
 background: #707070; color: #fff; border-radius: 4px; box-shadow: 1px -2px 7px 0px #a2a2a2;}
.currentsituation .txt2 {font-size: 18px; font-weight: bold; width: 113px; padding: 6px 0 6px 0; text-align: center;
 background: #707070; color: #fff; border-radius: 4px; box-shadow: 1px -2px 7px 0px #a2a2a2;}
 .currentsituation .txt3 {font-size: 18px; font-weight: bold; width: 105px; padding: 6px 0 6px 0; text-align: center;
background: #707070; color: #fff; border-radius: 4px; box-shadow: 1px -2px 7px 0px #a2a2a2;}
.currentsituation .txt4 {margin-top: 100px; font-size: 18px; font-weight: bold; width: 130px; padding: 6px 0 6px 0; text-align: center;
background: #707070; color: #fff; border-radius: 4px; box-shadow: 1px -2px 7px 0px #a2a2a2;}
.currentsituation .ph1 {text-align: center;}
.currentsituation .ph2 {text-align: center;}
.currentsituation .ph3 {text-align: center;}
.currentsituation img {width: 80%; margin-bottom: 100px;}

.proc_1_box {display: flex; flex-wrap: wrap; flex-direction: row; justify-content: space-around;}
.proc_1_box .proc_1_img img {width: 350px; margin: 0; border-radius: 5%;}

.mama {display: flex; justify-content: center;}

.proc_1_img .txt011 {width: 50%; margin: 0 auto;}
.proc_1_img .txt011 .txt01 {text-align: center; padding: 10px; border: 1px solid #999; border-radius: 5px;}

.image-box {margin-top: 70px;}
.image-box .box1 {width: 46%; height: 500px; margin: 30px 10px; padding: 5px; border: 1px solid #999;
    display: flex; flex-direction: row;}
.image-box p {width: 65px; padding: 10px; border: 1px solid #999; border-radius: 5px;}




/*---------------------------------------
  MOBILE RESPONSIVE              
-----------------------------------------*/
@media (max-width: 1023px) {
    .currentsituation img {width: 100%;}
    .proc_1_box .proc_1_img img {width: 100%;}
    }
    @media (max-width: 767px) {
    }
    @media (max-width: 640px) {
    }
    @media (max-width: 480px) {
    }
    @media (max-width: 320px) {
    }



/************* 좋은직업재활센터 자원봉사 및 후원안내  *************/
.volunteerwork p {font-size: 19px;}
.volunteer ul li .asponsorshipguide ul li {list-style: circle;}
.volunteerwork .txt1 {font-size: 30px; font-weight: bold; margin: 0;}
.volunteerwork .txt2 {margin-top: 100px; font-weight: bold; width: 100px;
    padding: 6px 0 6px 0; text-align: center; background: #707070;
    color: #fff; border-radius: 4px; box-shadow: 1px -2px 7px 0px #a2a2a2;}
.volunteer .tit2 {font-size: 22px; color: #f44747; margin: 0;}
.volunteer ul {font-size: 19px;}
.volunteer ul li {list-style: circle;}
.asponsorshipguide ul {line-height: 1.8;}
.volunteer .tit01 {margin-top: 35px;}
.volunteer .lin {line-height: 0; margin-bottom: 80px; font-size: 19px;}
.asponsorshipguide .lin1 {font-weight: 600; margin: 0;}
.asponsorshipguide .lin2 {font-weight: 600;}
.asponsorshipguide ul {font-size: 16px;}
.volunteerwork .txt3 {
	margin-top: 60px;
    font-size: 18px;
    font-weight: bold;
    width: 130px;
    padding: 6px 0 6px 0;
    text-align: center;
    background: #707070;
    color: #fff;
    border-radius: 4px;
    box-shadow: 1px -2px 7px 0px #a2a2a2;}
.volunteerwork .txt4 {
	margin-top: 60px;
    font-size: 18px;
    font-weight: bold;
    width: 100px;
    padding: 6px 0 6px 0;
    text-align: center;
    background: #707070;
    color: #fff;
    border-radius: 4px;
    box-shadow: 1px -2px 7px 0px #a2a2a2;}
.volunteerwork .txt5 {
	margin-top: 60px;
    font-size: 18px;
    font-weight: bold;
    width: 190px;
    padding: 6px 0 6px 0;
    text-align: center;
    background: #707070;
    color: #fff;
    border-radius: 4px;
    box-shadow: 1px -2px 7px 0px #a2a2a2;}
.volunteerwork .txt6 {
	margin-top: 60px;
    font-size: 18px;
    font-weight: bold;
    width: 100px;
    padding: 6px 0 6px 0;
    text-align: center;
    background: #707070;
    color: #fff;
    border-radius: 4px;
    box-shadow: 1px -2px 7px 0px #a2a2a2;}
.volunteerwork .txt7 {
	margin-top: 60px;
    font-size: 18px;
    font-weight: bold;
    width: 100px;
    padding: 6px 0 6px 0;
    text-align: center;
    background: #707070;
    color: #fff;
    border-radius: 4px;
    box-shadow: 1px -2px 7px 0px #a2a2a2;}
.volunteerwork .txt8 {
	margin-top: 60px;
    font-size: 18px;
    font-weight: bold;
    width: 100px;
    padding: 6px 0 6px 0;
    text-align: center;
    background: #707070;
    color: #fff;
    border-radius: 4px;
    box-shadow: 1px -2px 7px 0px #a2a2a2;}
.volunteerwork .txt9 {
	margin-top: 60px;
    font-size: 18px;
    font-weight: bold;
    width: 100px;
    padding: 6px 0 6px 0;
    text-align: center;
    background: #707070;
    color: #fff;
    border-radius: 4px;
    box-shadow: 1px -2px 7px 0px #a2a2a2;}
.volunteerwork .txt10 {
	margin-top: 60px;
    font-size: 18px;
    font-weight: bold;
    width: 100px;
    padding: 6px 0 6px 0;
    text-align: center;
    background: #707070;
    color: #fff;
    border-radius: 4px;
    box-shadow: 1px -2px 7px 0px #a2a2a2;}

.volunteerwork_img2 {text-align: center;}

.sponsor {margin-top: 100px;}

.sponsor .txt {font-size: 19px;}

.sponsor .txt12 {list-style: none; font-size: 19px;}

.sponsor ul {padding: 0;}

.sponsor table {width: 100%; border-collapse: collapse; text-align: center;}

.sponsor table tr td {border: 1px solid; padding: 10px 10px;}

.sponsor .txt1 {
	margin-top: 60px;
    font-size: 18px;
    font-weight: bold;
    width: 100px;
    padding: 6px 0 6px 0;
    text-align: center;
    background: #707070;
    color: #fff;
    border-radius: 4px;
    box-shadow: 1px -2px 7px 0px #a2a2a2;}

.sponsor .txt00 {
	font-weight: bold;
    text-align: center;
    color: #fff;
    background-color: #1f5ecd;
    border: 1px solid #333333;}

.sponsor .txt2 {
	margin-top: 60px;
    font-size: 18px;
    font-weight: bold;
    width: 140px;
    padding: 6px 0 6px 0;
    text-align: center;
    background: #707070;
    color: #fff;
    border-radius: 4px;
    box-shadow: 1px -2px 7px 0px #a2a2a2;}

.sponsor .txt3 {
	margin-top: 60px;
    font-size: 18px;
    font-weight: bold;
    width: 170px;
    padding: 6px 0 6px 0;
    text-align: center;
    background: #707070;
    color: #fff;
    border-radius: 4px;
    box-shadow: 1px -2px 7px 0px #a2a2a2;}

.asponsorshipguide_img {margin-bottom: 60px;}

/*---------------------------------------
  MOBILE RESPONSIVE              
-----------------------------------------*/
@media (max-width: 1023px) {
    .volunteer .tit2 {font-size: 16px;}
	.volunteerwork .txt3 {font-size: 24px;}
	.volunteerwork .volunteer ul li {font-size: 16px;}
	.volunteer p:nth-child(3) {font-size: 16px;}
	.volunteerwork p {font-size: 16px;}
	.volunteer .lin {font-size: 16px;}
	.volunteerwork .txt2 {margin-top: 100px;}
	.volunteerwork .asponsorshipguide ul li {font-size: 16px;}
	.volunteerwork .txt3:last-child {font-size: 16px;}
	.volunteerwork_img1 img {width: 100%;}
	.volunteerwork_img2 img {width: 100%} 
    }
    @media (max-width: 767px) {
    }
    @media (max-width: 640px) {
    }
    @media (max-width: 480px) {
    }
    @media (max-width: 320px) {
    }

/************* 좋은주간활동센터 시설현황  *************/
.purposeguide .txt1 {margin: 0; font-size: 30px; font-weight: bold;}
.basicdirection .txt1 {margin: 0; font-size: 25px;}
.rehabilitation .txt1 {margin: 0; margin-top: 60px; font-size: 20px; font-weight: bold; color: #0099e5;}
.servicephoto .txt1 {margin-top: 100px; font-size: 18px; font-weight: bold; width: 182px;
    padding: 6px 0 6px 0; text-align: center; background: #707070;
    color: #fff; border-radius: 4px; box-shadow: 1px -2px 7px 0px #a2a2a2;}

.purposeguide .tit1 {font-size: 19px; margin-bottom: 40px;}
.basicdirection .tit1 {font-size: 19px; margin-bottom: 40px;}

.rehabilitation .tit12 {margin-top: 10px; margin-bottom: 0px; color: #3ea102; list-style: circle; font-weight: bold; font-size: 19px; list-style: none;}
.rehabilitation .tit2 {margin: 0; color: #3ea102; list-style: circle; font-weight: bold; font-size: 19px; list-style: none;}
.rehabilitation ul li {padding: 0;}

.servicephoto {margin-top: 60px;}
.photo .txt4 {width: 100%;}
.servicephoto .tit3 {font-size: 16px; float: left; width: 33%;; background: #0068ca; margin-right: 20px; text-align: center; color: #fff; padding: 20px 20px; margin-right: 0.4%;}

.servicephoto .tit4 {font-size: 16px; float: left; width: 33%;; background: #0068ca;
margin-right: 20px; text-align: center; color: #fff; padding: 10px 10px; margin-right: 0.4%;}

.servicephoto .tit5 {font-size: 16px; float: left; width: 33%;; background: #0068ca;
text-align: center; color: #fff; padding: 20px 20px;}

.photo {text-align: center; width: 100%; display: flex;}
.photo_1 {width: 33.3333%;}
.photo_1:nth-child(1) {margin-right: 20px;}
.photo_1:nth-child(2) {margin-right: 20px;}
.photo_1 p {background: #1f5ecd; color: white; border-radius: 7px;}

.photo .photo_1 img {width: 97.3333%; border-radius: 7px;}


.subjecttouse {margin-top: 60px;}
.subjecttouse .txt21 {margin: 0;
    margin-top: 60px;
    font-size: 20px;
    font-weight: bold;
    color: #0099e5;}
.processing_01 ul {padding: 0;}

.subjecttouse .txt1 {margin-top: 100px; font-size: 18px; font-weight: bold; width: 135px;
    padding: 6px 0 6px 0; text-align: center; background: #707070;
    color: #fff; border-radius: 4px; box-shadow: 1px -2px 7px 0px #a2a2a2;}
.subjecttouse .sub-box {width: 55%; margin-top: 30px; margin-bottom: 20px; background: #ffd9d9;}
.subjecttouse .sb {width: 26%; padding: 10px; background: #ff8f8f; text-align: center; font-size: 16px; font-weight: bold;}
.currentsituation .ph4 {text-align: center; margin-top: 100px;}
.businessguide .img-box {margin: 40px 0 60px 0; text-align: center;}
.processing .txt1 {margin: 0; font-size: 20px; font-weight: bold; color: #3ea102;}
.processing .txt2 {font-size: 16px; padding: 0;  margin: 0;}
.processing {margin: 60px 0 60px 0;}
.processing_1 {margin: 0 auto; position: relative; width: 100%;  background: #1f5ecd;
	text-align: center; border-radius: 7px; font-size: 24px; color: #fff; line-height: 3;}
.processing_1_box {display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-around;}
.processing_1_img{ padding: 20px 0;}
.processing_1_img ul li {width: 49%; display: inline-grid;}
.processing_1_img ul {padding: 0px;}
.processing_1_box img {border-radius: 7px; width: 100%; }


.processing_1_txt {width:100%;}
.processing_1_txt ul {width:49%;display: inline-grid; padding: 0;}
.processing_1_txt ul li {list-style: none; font-size:20px; }
.processing_1_txt ul li span{padding: 0 0 0 14px;  background-image: url(../images/ooo0.gif);  background-repeat: no-repeat;  background-position: left;}
.production_product3 ul li {list-style: circle;}
.processing_1_img ul li {list-style: none;}


.manufacturing .txt1 {margin: 0; margin-top: 60px; font-size: 20px; font-weight: bold; color: #a15b02;}
.manufacturing p {font-size: 16px; margin: 0;}
.ricecrackers .txt1 {margin-top: 100px; font-size: 18px; font-weight: bold; width: 132px;
    padding: 6px 0 6px 0; text-align: center; background: #707070;
    color: #fff; border-radius: 4px; box-shadow: 1px -2px 7px 0px #a2a2a2;}
.ricecrackers_1 {display: flex; justify-content: space-around;}
.ricecrackers_1 .tit {font-size: 16px;}
.ricecrackers_2 .titt { margin-bottom: 10px; width: 100%; height: 45px; color: #fff;  background: #1f5ecd; border-radius: 10px;}
.ricecrackers_2 .tit { text-align: center; line-height: 45px; border-radius: 7px;}
.ricecrackers_3 ul {display: flex; padding: 0;}
.ricecrackers_3 ul li {list-style: none; font-size: 18px; text-align: center; font-weight: bold; margin-top: 20px;}
.ricecrackers img {width: 350px; height: 350px; border-radius: 7px;}
.ricecrackers_3 .img_11 img {width: 220px; height: 57px; margin-left: 14px;}
.ricecrackers_3 img {width: 350px; height: 350px; margin-right: 20px;}
.ricecrackers_3 div{display: inline-block;}

.processing_01 li {list-style: none;}
.production_product1 .txt1 {margin: 0; margin-top: 60px; font-size: 20px; font-weight: bold; color: #e3aa02;}
.production_product1 .txt2 {font-size: 16px; margin: 0;}

.production_product2 .txt1 {margin-top: 60px; font-size: 18px; font-weight: bold; width: 360px;
    padding: 6px 0 6px 0; text-align: center; background: #707070; color: #fff; border-radius: 4px; box-shadow: 1px -2px 7px 0px #a2a2a2;}
.production_product2 .txt3 {font-size: 20px; font-weight: bold;}
.production_product2 ul li {font-size: 16px; list-style: circle;}
.production_product2 .tit1 {list-style: inside;}

.production_product4 .txt1 {margin-top: 60px; font-size: 18px; font-weight: bold; width: 280px;
    padding: 6px 0 6px 0; text-align: center; background: #707070; color: #fff; border-radius: 4px; box-shadow: 1px -2px 7px 0px #a2a2a2;}
.production_product4 .tit2 {float: left; list-style: circle;}
.production_product4 .tit3 {list-style: none; padding: 0 0px 0 150px;}
.production_product4 .tit2 .tit3 {font-size: 16px;}

.production_product5 .txt1 {margin-top: 60px; font-size: 18px; font-weight: bold; width: 280px;
    padding: 6px 0 6px 0; text-align: center; background: #707070; color: #fff; border-radius: 4px; box-shadow: 1px -2px 7px 0px #a2a2a2;}

.production_product6 {width:100%;}
.production_product6 .contBox {float:left; width:296px; position:relative; margin-bottom:16px;}
.production_product6 .arrow {float:left; padding:60px 13px 0 13px;}
.production_product6 .arrow01 {width: 100%; text-align: right;}
.production_product6 .arrow01 img{padding: 0 134px 12px 0;}
.production_product6 .arrow02 {width: 30px; float:left; margin:60px 13px 0 13px;}
.production_product6 .cont {border:2px solid #ededed; border-radius:10px; padding:0px 10px; min-height:345px;}
.production_product6 .cont1, .production_product6 .cont2  {border:2px solid #ededed; border-radius:10px; padding:0px 10px; min-height:100px;}
.production_product6 .mint .step { background-color:#75a1bd;}

.production_product6 .cont .tit01 {font-size: 20px; padding: 10px 10px 10px 10px; border-radius: 7px; text-align: center; background: #ededed;}
.production_product6 .cont .txt01 {font-size:14px; padding:15px 10px 15px 10px ; text-align:center; font-weight: bold; color: #6e6e6e;}
.production_product6 .cont1 .tit02 {font-size: 20px; padding: 10px 10px 10px 10px; border-radius: 7px; text-align: center; background: #ffe8e8;}
.production_product6 .cont2 .tit03 {font-size: 20px; padding: 10px 10px 10px 10px; border-radius: 7px; text-align: center; background: #d6e7fd;}
.production_product6 .cont1 {border:2px solid #ededed; border-radius:10px; padding:0px 10px; min-height:100px;}
.production_product6 .cont2 {border:2px solid #ededed; border-radius:10px; padding:0px 10px; min-height:100px;}
.production_product6 .cont1 .txt01 {font-size:14px; padding:15px 10px 15px 10px ; text-align:center; font-weight: bold; color: #6e6e6e;}
.production_product6 .cont2 .txt01 {font-size:14px; padding:15px 10px 15px 10px ; text-align:center; font-weight: bold; color: #6e6e6e;}

.production_product6 .line1 {width: 275px; border: 1px solid #f7f7f7;}
.production_product6 .txt02 {text-align: center; color: #ff3f3f;}



/*---------------------------------------
  MOBILE RESPONSIVE              
-----------------------------------------*/
@media (max-width: 1023px) {
    .servicephoto .tit5 {padding: 52px 20px;}
    .photo img {width: 100%;}
	.subjecttouse .sub-box {width: 100%}
	.businessguide .img-box img {width: 100%}
	.subjecttouse .sb {width: 100%;}
	.production_product6 .arrow {display: none;}
	.production_product6 {display: grid;}
	.production_product6 .contBox {margin: 0 auto; padding: 0 0 16px 0;}
	.production_product4 .tit2 li:nth-child(2) {margin-top: 54px;}
	.production_product4 .tit3 {padding: 0px 0px 0 140px;}
	.production_product4 .tit2 {padding: 0 33px 0 20px;}
	.production_product1 .txt1 {font-size: 16px; width: 274px;}
	.production_product2 .txt1 {font-size: 16px; width: 311px;}
	.production_product4 .txt1 {font-size: 16px; width: 248px;}
	.production_product5 .txt1 {font-size: 16px; width: 253px;}
	.ricecrackers_3 div {display: block;}
	.ricecrackers_3 .img_11 img {margin: 0;}
	.ricecrackers_1 {display: flex; justify-content: space-around; flex-direction: column;}
	.ricecrackers_1 img {width: 100%;}
	.ricecrackers_3 {text-align: center;}
	.ricecrackers_3 img {margin: 0;}
	.ricecrackers_3_txt ul li {font-size: 15px;}
	.photo {display: flex; flex-direction: column; align-items: center;}
	.photo_1 {margin: 0; width: 100%; }
	.photo_1 p {font-size: 15px; line-height: 29px;}
	.photo .photo_1 img {width: 100%;}
	.photo_1:nth-child(1) {margin: 0;}
	.photo_1:nth-child(2) {margin: 0;}
	.processing_1 {width: 100%; line-height: 2;}
	.processing_1_txt ul li::before {height: 20px;}
	.processing_1_txt ul li {font-size: 16px;}
	.processing_1_box img {width: 100%;}
	.processing_1_box {display: flex; flex-direction: column; flex-wrap: wrap; justify-content: space-between;}
	.ricecrackers_3 ul {display: flex; justify-content: space-around; flex-direction: column;}
	.ricecrackers_3 ul li {padding-bottom: 15px;}
    }
    @media (max-width: 767px) {
    }
    @media (max-width: 640px) {
    }
    @media (max-width: 480px) {
    }
    @media (max-width: 320px) {
    }

/************* 좋은주간활동센터 시설현황  *************/
	.facilitystatus h3 {}	
	
	
	
.introduction {width: 100%;}
.introduction .contbox {float: left; width: 296px; position: relative; margin-bottom: 16px;}
.introduction .cent {border:2px solid #ededed; border-radius:10px; padding:0px 10px; min-height:100px;}

.QA h3 {margin-bottom: 35px; font-weight: bold; font-size: 30px;}
.panel004 {margin: 0;}
.panel004 .txt1 {margin-top: 70px; margin-bottom: 18px; font-size: 24px; font-weight: bold;}
.panel004 .txt2 {margin-top: 40px; font-size: 24px; font-weight: bold;}
.panel004 .txt3 {font-size: 16px; color: #f00;}
.panel004 .txt4 {font-size: 16px; margin: 0;}
.panel004 .txt5 {color: #ff6262; font-size: 16px; margin: 0;}
.panel004 .txt6 {color: #f00; font-weight: bold; font-size: 16px; margin: 0;}
.panel004 ul {list-style: circle; line-height: 1.8; font-size: 16px;}


.accordion0001 {
  background-color: #eee; color: #444; cursor: pointer;
  padding: 18px; width: 100%; border: none; text-align: left; outline: none;
  font-size: 15px; transition: 0.4s; font-size: 17px; font-weight: bold;}

.active, .accordion0001:hover {background-color: #ccc;     margin-top: 16px;}

.pa {float: inline-end; font-size: 19px;}
.pa::hover { background-color: #ccc;}

.panel004 {padding: 0 18px;  background-color: white; max-height: 0; overflow: hidden; transition: max-height 0.2s ease-out;}

/*---------------------------------------
  MOBILE RESPONSIVE              
-----------------------------------------*/
@media (max-width: 1023px) {
	.QA h3 {font-size: 38px;}
	.QA .txt1 {font-size: 20px;}
	.QA .txt3 {font-size: 16px;}
	.QA ul li {font-size: 16px;}
	.QA .txt2 {font-size: 20px;}
	.QA .txt4 {font-size: 16px;}
	.QA .txt5 {font-size: 16px;}
	.QA .txt6 {font-size: 16px;}
    }
    @media (max-width: 767px) {
    }
    @media (max-width: 640px) {
    }
    @media (max-width: 480px) {
    }
    @media (max-width: 320px) {
    }


/************* 좋은주간활동센터 프로그램 안내  *************/
.activity .txt0 {font-size: 16px;}
.activity .txt {margin-top: 70px; margin-bottom: 35px; font-size: 30px; font-weight: bold;}
.activity .txt1 {margin-top:60px; font-size: 18px;  font-weight: bold; width: 162px;  padding: 6px 0 6px 0;
    text-align: center; background: #707070; color: #fff; border-radius: 4px; box-shadow: 1px -2px 7px 0px #a2a2a2;}
.activity .txt2 {margin-top:60px; font-size: 18px;  font-weight: bold; width: 162px;  padding: 6px 0 6px 0;
    text-align: center; background: #707070; color: #fff; border-radius: 4px; box-shadow: 1px -2px 7px 0px #a2a2a2;}
.activity .txt3 {margin-top:60px; font-size: 18px;  font-weight: bold; width: 186px;  padding: 6px 0 6px 0;
    text-align: center; background: #707070; color: #fff; border-radius: 4px; box-shadow: 1px -2px 7px 0px #a2a2a2;}
.activity .txt4 {margin-top:60px; font-size: 18px;  font-weight: bold; width: 150px;  padding: 6px 0 6px 0;
    text-align: center; background: #707070; color: #fff; border-radius: 4px; box-shadow: 1px -2px 7px 0px #a2a2a2;}
.activity .txt5 {font-size: 30px; font-weight: bold; margin: 0;}

/*---------------------------------------
  MOBILE RESPONSIVE              
-----------------------------------------*/
@media (max-width: 1023px) {
	
	
	/* 사업안내 */
	
	.wrap1 {width: 100%; height: 100%; overflow-x: scroll;}
		
	.way_ab {width: 100%; float: left;}
	
	.way_ab ul {padding: 0;}
	
	.way_abc {width: 100%; float: left;}
	
	.way_abc ul {padding: 0;}
	
	.wrap2 {width: 100%; height: 100%; overflow-x: scroll;}
	
	.wrap2 p {font-size: 16px;}
	
	.activity {width: 100%; height: 100%; overflow-x: scroll;}
	
	.activity img {width: 700px;}
	
	.activity .txt0 {font-size: 16px;}
	
	.activity .txt {font-size: 30px;}
	
	.activity .txt1 {font-size: 16px;}
	
	.volunteer_and_sponsorship_guidance p {font-size: 16px;}
	
	.volunteer_and_sponsorship_guidance1 p {font-size: 16px;}
	
	.volunteer_and_sponsorship_guidance1_img img {width: 100%}
	
	.volunteer_and_sponsorship_guidance1_img img {width: 100%}
	
	.sponsorship_information_img img {width: 100%}
	
	.process_img {margin-top: 20px; width: 100%;}
	
	.sub-box_img img {width: 100%}
	
	.information_on_how_to_use_it .sub-box {width: 100%}
	
	.import_business ul li {font-size: 16px;}
}
    
	
    @media (max-width: 767px) {
    }
    @media (max-width: 640px) {
    }
    @media (max-width: 480px) {
    }
    @media (max-width: 320px) {
    }

.board_category{padding: 0 0 21px 0;}