/* ========================================================
 * 기관안내
======================================================== */

/* ******************  기관안내 :: 인사말 ********************** */
@media all and (max-width:1680px){
	.overview-bottom-con .tit {font-size:13.8810vw;}
}
@media all and (max-width:1280px){
	.overview-top-con{background-attachment:initial; background-size:cover;}
}
@media all and (max-width:800px){
	.overview-top-con {height:auto; padding:100px 0;}
	.overview-top-con .txt-box span {font-size: 16px;}
	.overview-top-con .txt-box .tit {margin-top: 20px;}
	.overview-bottom-con{margin-top:100px;}
	.overview-top-con .txt-box,
	.overview-bottom-con .txt01{font-size:24px;}
}


/* ******************  기관안내 :: 기관소개 ********************** */



@media screen and (max-width: 1280px) {
}


@media screen and (max-width: 1280px) {	
	.corporate-cont .conts-wrap .conts-box {
		padding-right: 30px;
	}
}

@media screen and (max-width: 1024px) {

	.corporate-cont .cont-top .tit{
		font-size: 28px;
	}

	.corporate-cont .conts-wrap {
		flex-direction: column;
		margin-top: 40px;
		gap: 20px;
	}

	.corporate-cont .conts-wrap .conts-box {
		width: 100%;
		padding-right: 0;
		font-size: 16px;
	}

	.corporate-cont .conts-wrap .img-box {
		width: 75%;
		margin: 0 auto;
	}



}


@media screen and (max-width:767px) {
	
	.corporate-cont .cont-top{
		padding-bottom: 50px;
	}
	
	.corporate-cont .conts-wrap .img-box {
		width: 100%;
	}

	.corporate-cont table td {font-size: 17px;}

	.corporate-cont .page-btn a{padding: 6px 14px; font-size: 15px;}

}

@media screen and (max-width: 480px) {	
	.corporate-cont .conts-wrap .conts-box > .img-box {
		width: 100%;
		padding: 0;
		padding: 0 0 14px 0;
	}
}

/* ******************  기관안내 :: 기관 미션&비전 ********************** */

@media screen and (max-width:1280px) {
	.vision .title-h3 {
        font-size: 22px;
    }

	.vision .value li p {font-size: 18px; }
	.vision .value li strong{font-size: 38px; }

}

@media screen and (max-width:1024px) {
	
	.vision .explanBox .conts-box{
		margin-top: 40px;
	}
	
	.vision .explanBox .conts-box > * {
		width: 100%;
	}

	.vision .explanBox .conts-box .txt-box{
		margin-top: 14px;
		padding: 0 30px;
	}

	.vision .explanBox .conts-box .txt-box em{
		font-size:  22px;
	}

	.vision .explanBox .conts-box .img-box,
	.vision .explanBox .conts-box:nth-child(even) .img-box {
		padding: 0;
	}

	.vision .explanBox .conts-box:nth-child(even) .txt-box {
		text-align: right;
	}
}

@media screen and (max-width: 969px){
	/* vision */
	.vision .title-h3 {
		font-size: 30px;
		font-weight: 700;
	}
	.vision .valueBox{padding:60px 0; margin:60px 0 0;}
	.vision .mission{margin:0 0 40px;}
	.vision .value{margin:20px 0;}
	.vision .mission > li{font-size: 16px; flex-wrap: wrap;   gap: 10px;}
	.vision .value{    flex-direction: column;}
	.vision .value li{padding:40px 20px; border-radius:10px;}
	.vision .value li p{font-size: 16px;}
	.vision .value li strong{margin-bottom: 10px; font-size: 20px;}

	.vision .mission-vision li{width: 48%;}
}


@media screen and (max-width: 600px) {
	.vision .explanBox .conts-box{gap: 40px 0;}
	.vision .explanBox .conts-box .img-box {
		flex-wrap: wrap;
	}
	.vision .explanBox .conts-box .img-box > * {
		width: 100%;
	}
	.vision .explanBox .conts-box .img-box .txt {
		writing-mode: horizontal-tb;
	}
	.vision .explanBox .conts-box .img-box .txt,
	.vision .explanBox .conts-box:nth-child(even) .img-box .txt {
		margin:0;
	}
	.vision .explanBox .conts-box .img-box .img {
		margin-top: 5px;
	}
	.vision .explanBox .conts-box .txt-box, 
	.ceo .conts-2 .ceo-box {
		padding: 0;
	}
	.vision .explanBox .conts-box:nth-child(even) .txt-box {
		text-align: left;
	}

	.vision .mission-vision li{width: 100%;}

	.vision .mission-vision li div h3 {font-size: 32px;margin-bottom: 10px;}
	.vision .mission-vision li div p{font-size: 18px;}
}

	


/* ******************  기관안내 :: 기관 미션&비전 ********************** */


/* ******************  기관안내 :: 연혁 ********************** */


@media all and (max-width:969px){

	/* history */
	.history-cont .title-h2{font-size:50px;}
	.history-cont .title-h2 p{font-size: 18px;}
	.history-cont .cont ul li{padding:10px 0;     padding-left:100px;}
	.history-cont .cont ul li strong{top:20px; font-size:17px;}
	.history-cont .image{height:200px;}
	
}



/* ******************  기관안내 :: 연혁 ********************** */




/* ******************  기관안내 :: 찾아오시는 길 ********************** */

@media screen and (max-width:1280px) {
	.location_cont .title{ font-size: 32px; }
	.location_in .location_info dt{font-size: 18px;}

	.location_cont .route-list li{font-size: 20px;}
}

@media screen and (max-width:768px) {
	.location_cont{}
	.location_cont .title{ font-size: 26px; }
	.location_in{margin: 10px 0 25px; padding: 0;}
	.location_in .location_info{}
	.location_in .location_info dt{padding:0 0 0 25px; margin: 0 0 6px; font-size: 16px;}
	.location_in .location_info dt:before{width:22px; height:22px; font-size:22px; line-height: 22px;}
	.location_in .location_info dd{padding:0 15px 0 0;}
	.location_in .location_info dd .fs18 b{margin:0 5px 0 0;}
	.location_in .location_btn{bottom: -80px; right: 10px; z-index: 9;}
	.location_in .location_btn li{margin:0 4px 0 0;}
	.location_in .location_btn li a{width:45px; height:45px;}
	.location_in .location_btn li.print{display: none;}
	.location_map .wrap_map{height: 300px !important;}
	
	.loca-page .sub-tab-list-style ul li.selected a em {color: var(--main-color);}
	.location_cont .info-inner-con {flex-direction: column; padding: 32px 0;}
	.location_cont .map-info-tit {width: 100%; margin-bottom: 35px; font-size:25px;}
	.location_cont .map-link-btn {width: 60px; height: 60px; right: 30px; bottom: -30px;}
	.location_cont .map-link-btn i {font-size:22px;}
	.location_cont .navi {border-radius: 10px;}

	.location_cont .route-list li{font-size: 18px;}

	.location_cont .map-info-con .m-info-title{
		margin-bottom: 20px;
	}
	
	.location_cont .map-info-con .m-info-title h2 {
		font-size: 24px;
	}

}


@media all and (max-width:480px){
	.location_cont .map-info-tbl > li {flex-wrap:wrap;}
	.location_cont .map-info-tbl > li > span {width: 100%;}
	.location_cont .map-info-tbl li .txt {width: 100%; margin-top: 15px;}
	.location_cont .route-list {margin-top: 15px; width: 100%;}
	.location_cont .navi {width: 100%; flex-direction:column; height: auto; padding: 10px 15px; margin-top: 15px;}
	.location_cont .navi p {margin-left: 0; margin-top: 15px;}
}


/* ******************  기관안내 :: 찾아오시는 길 ********************** */


/* ========================================================
 * 기관안내
======================================================== */

/* ========================================================
 * 일자리 참여 안내
======================================================== */

/* ******************  일자리 참여 안내 :: 일자리 참여 안내 ********************** */


@media screen and (max-width:980px) {


	.dot_list{}
	.dot_list > li,
	.dot_list > dd{padding:0 0 7px 11px; font-size: 15px;}

	.target_style dt{width: 74px; background-size:36px auto;}
	.target_style dd{width: calc(100% - 74px); padding:25px;}

	.process_list{grid-template-columns: repeat(2, 1fr); gap:20px;}
	.process_list li{padding: 20px 20px 80px 20px; min-height:150px;}
	.process_list li:after{right:-21px;}
	.process_list li:nth-child(4n):after{display: block;}
	.process_list li:nth-child(3n):after{display: block;}
	.process_list li:nth-child(2n):after{display: none;}
	.process_list li img{right: 15px; bottom: 20px; width: 60px;}

	.process_list .tit {font-size: 18px; margin-top: 10px;}
	.process_list .step {}

	.stock_list{gap:20px;}
	.stock_list li{padding:25px 100px 25px 25px;}
	.stock_list li h5{padding:0 0 6px; font-size: 20px;}
	.stock_list li p.txt{font-size: 16px;}
	.stock_list li img{right: 20px; margin-top: -25px; height: 50px; width: auto;}


	.support_list li{width: 50%;}
}

@media screen and (max-width:680px) {

	.dot_list{}
	.dot_list > li,
	.dot_list > dd{padding:0 0 5px 10px; font-size: 14px;}
	.dot_list > li .btn {font-size: 24px; font-weight: bold;}

	.dot_list > li:before, 
	.dot_list > dd:before{top:9px;}
	

	.target_style dt{width: 51px; background-size:30px auto;}
	.target_style dd{width: calc(100% - 51px); padding:15px;}

	.process_list{grid-template-columns: repeat(1, 1fr); gap:20px;}
	.process_list li{padding: 15px 70px 15px 15px; min-height:92px; display: flex; flex-direction: column; justify-content: center;}
	.process_list li:after{right:50%; margin-right: -11px; margin-top: 0; top:auto; bottom: -21px; transform:rotate(90deg);}
	.process_list li:nth-child(4n):after{display: block;}
	.process_list li:nth-child(2n):after{display: block;}
	.process_list li .pr{padding: 0 0 6px;}
	.process_list li img{right: 15px; bottom: auto; top:50%; margin-top: -20px; width: 40px;}

	.process_list .step span {font-size: 14px;}
	.process_list .tit {font-size: 16px; margin-top: 15px;}

	.stock_list{grid-template-columns: repeat(1, 1fr); gap:5px;}
	.stock_list li{padding:20px 80px 20px 20px;}
	.stock_list li h5{font-size: 16px;}
	.stock_list li p.txt{font-size: 15px;}
	.stock_list li img{right: 15px; margin-top: -20px; height: 40px; width: auto;}

	.support_list li{width: 100%; max-width: none;}


}

@media screen and (max-width:768px) {
	
	.work-cont .work-box > * {width: 100%;}
	.work-cont .work-box .img-box {width: 100%;}
	.work-cont .work-box .txt-box {width: 100%; margin-top:30px; padding: 20px 20px 44px;}


}


@media screen and (max-width:480px){
	.work-cont .work-box .img-box .img{position: absolute; top: 0; right: 0;}
}

@media screen and (max-width:380px){
	.work-cont .work-box .img-box .txt {
		font-size: 20px;
	}

}

/* ========================================================
 * 일자리 참여 안내
======================================================== */



/* ========================================================
 * 사업단 소개
======================================================== */

@media screen and (max-width:1024px){
	.sub-cm-con{flex-direction: column;}
	.sub-cm-con .right-box{width: 100%; margin-top: 30px;}
  }
  

@media screen and (max-width:960px) {
	.list-item-box .list-itemWrap{
		flex-direction: column;
	}

	.list-item-box .list-itemWrap .item {
		width: 100%;
	}

	.list-item-box .list-itemWrap .item.text{
		order: 2;
	}
}

@media screen and (max-width:768px) {
	.list-item-box .list-itemWrap{
		flex-direction: column;
		padding: 50px 0;
	}

	.list-item-box .list-itemWrap .item .title h2{
		font-size: 24px;
	}

	.list-item-box .list-itemWrap .item .title  p {
		font-size: 15px;
	}

	.list-item-box .list-itemWrap .item .txt li {
		font-size: 15px;
	}

	.list-item-box .list-itemWrap .item .txt li + li {
		margin-top: 8px;
	}

	.list-item-box .list-itemWrap .item .txt li{
		font-size: 16px;
	}

	.list-item-box .list-itemWrap .item .txt li b{
		font-size: 18px;
	}


	.quality-policy-con .quality-policy-item{flex-direction:column-reverse;        padding: 20px 10px;text-align:center; width: 100%;}
	.quality-policy-con .quality-policy-item dl{width:auto; margin-top:20px;}
	.quality-policy-con .quality-policy-item dt{display:block; line-height:1.3;}


	.sub-cm-con .left-box .cm-tit{font-size: 26px;}
	.sub-cm-con .left-box .cm-txt{font-size: 16px; margin-top: 10px;}

	.quality-policy-con .quality-policy-item dd{font-size: 16px;}
}

@media screen and (max-width:500px){
	.quality-policy-con .quality-policy-item dt{font-style: 12px;}
	.quality-policy-con .quality-policy-item dd{font-size: 16px;}
  }

/* ========================================================
 * 사업단 소개
======================================================== */



/* ========================================================
 * with 강북시니어
======================================================== */



/* ******************  with 강북시니어 :: 후원안내 ********************** */

@media(max-width: 1024px)  {
	.support--01 .thumnail {
	  width: 90%;
	  margin-bottom: 100px;
	}
  
	.support--01 .text-wrap {
	  max-width: 750px;
	  padding: 40px 60px 35px;
	}
	
	.support--01 .title {
	  margin-bottom: 20px;
	  font-size: 30px;
	}
	
	.support--01 .text {
	  font-size: 20px;
	}
}


@media(max-width: 768px)  {
	.support--01 {
	  padding:0;
	}
	
	.support--01 .thumnail {
	  width: 100%;
	  margin-bottom: 0;
	  border-radius: 0;
	}
  
	.support--01 .text-wrap {
	  position: static;
	  max-width: 100%;
	  border-radius: 0;
	  padding: 40px 60px 35px;
	}
  
	.support--01 .text-wrap {
	  padding: 30px 50px 25px;
	}
	
	.support--01 .title {
	  margin-bottom: 15px;
	  font-size: 28px;
	}
  
	.support--01 .text {
	  font-size: 18px;
	}
}

@media(max-width: 500px)  {
	.support--01 .text-wrap {
	  padding: 15px 30px 10px;
	}
	
	.support--01 .title {
	  margin-bottom: 10px;
	  font-size: 26px;
	}
	
	
	.support--01 .text {
	  font-size: 16px;
	}
}





/* ******************  with 강북시니어 :: 자원봉사안내 ********************** */

@media screen and (max-width:960px) {
	.vol_list {
		gap: 20px;
	}

	.vol_list li{
		padding: 10px;
		width: calc(50% - 20px);
	}
	.vol_list li div h3{
		font-size: 20px;
	}

	.vol_list li div p{
		font-size: 16px;
	}

    .biz_step_li li {
        /* margin: 0 30px 20px 0; */
        width: 160px;
    }


   /*  .biz_step_li li:before{
        width: 40px;
        right: -50px;
    } */
}

@media screen and (max-width:768px) {
	.vol_list {
		gap: 20px 2%;
	}

	.vol_list li{
		padding: 5px;
		width: 48%;
	}

}

@media screen and (max-width:480px) {

	.vol_list li {
		width: 100%;
		max-width: 300px;
	}

	.vol_list li div img{
		margin-bottom: 5px;
		width: 80px;
	}

	.vol_list li div h3{
		font-size: 18px;
	}

	.vol_list li div p{
		font-size: 13px;
	}

    .biz_step_li{
        gap: 20px 0;
		justify-content: space-around;
    }
    .biz_step_li li {
        margin: 0;
        width: 100%;
        max-width: 300px;
    }


    .biz_step_li li:before{
        content: none;
    }

	.biz_step_li li div img{width: 80px;}

    .biz_step_li li div p{
        font-size: 18px;
    }
    .biz_step_li li .step_num{
        font-size: 14px;
    }
}

@media screen and (max-width:375px) {
	.vol_list li div img{
		width: 50px;
	}

	.vol_list li div h3{
		font-size: 14px;
		margin-bottom: 3px;
	}

	.vol_list li div p{
		font-size: 12px;
	}

   /*  .biz_step_li li {
        width: 140px;
    } */

}


/* ========================================================
 * with 강북시니어
======================================================== */