@charset "UTF-8";

.sub_banner_wrap{
    width: 100%;
    height: 250px;
    background: url("/web/images/sub/subbanner.png") no-repeat;
    box-sizing: border-box;
    padding-top: 70px;
}
.sub_banner_txt{
    width: 564px;
    height: 100px;
    margin: 0 auto;
}
.sub_banner_txt>p{
    font-size: 32px;
    font-weight: 400;
    color: #333;
    text-align: center;
    line-height: 1.4;
}
.sub_banner_txt>p>.bantxt_span{
    font-size: 36px;
    font-weight: 600;
    color: #333;
    display: inline-block;
    vertical-align: baseline;
    position: relative;
}
.sub_banner_txt>p>.bantxt_span::after{
    position: absolute;
    display: block;
    content: "";
    width: 100%;
    height: 2px;
    background-color:#BFE224;
    top: 50px;
    left: 0;
}

/* 서브 메뉴바 select option box */
.sub_menu_wrap{
    width: 100%;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    box-sizing: border-box;
}
.sub_select_wrap{
    width: 1080px;
    height: 60px;
    margin: 0 auto;
    display: flex;
    justify-content: flex-start;
}
.select_container{
    width: 100%;
    height: 60px;
    display: flex;
    justify-content: flex-start;
}
.selectBox{
    width: 222px;
}
.select{
    width: 222px;
    height: 60px;
    box-sizing: border-box;
    border-right: 1px solid #ccc;
    text-align: center;
    padding: 20px 0;
    cursor: pointer;
}
.select>img{
    margin-left: 6px;
}
.option_ul{
    display: none;
    position: relative;
    width: 222px;
    height: auto;
    box-sizing: border-box;
    padding-bottom: 10px;
    border: 1px solid #ccc;
    border-top: none;
    top: 0px;
    left: 0px;
    background: #fff;
    text-align: center;
    z-index: 10;
    border-collapse: collapse;
}

.option{
    width: 100%;
}
.option:hover>a{
    color: #FF4D0F;
}
.option>a{
    width: 100%;
    display: block;
    padding: 10px 0;
    font-size: 16px;
    font-weight: 400;
    color: #333;
}

.select>img.active{
    transform: rotate(180deg);
    transition: .4s;
}





/* cate01/page01-대표인사말*/
.sub_container{
    width: 100%;
    margin: 0 auto;
    box-sizing: border-box;
    padding: 90px 0 0px;
}
.sub_containe2{
    width: 100%;
    margin: 0 auto;
    box-sizing: border-box;
}
.sub_tit{
    font-size: 30px;
    font-weight: 600;
    color: #333;
    position: relative;
    margin-bottom: 40px;
}
.sub_tit::after{
    position: absolute;
    content: "";
    width: 100px;
    height: 2px;
    background-color: #FF4D0F;
    left: 0;
    top: -10px;
}
.greet_tit{
    font-size: 24px;
    font-weight: 600;
    color: #333;
    position: relative;
    margin-bottom: 35px;
}
.greet_tit::after{
    position: absolute;
    content: "";
    width: 420px;
    height: 2px;
    background-color: #BFE224;
    left: 0;
    bottom: -10px;
}
.greeting_wrap{
    width: 100%;
    height: 1060px;
    background: url("/web/images/sub/text_greet_bg1.png") no-repeat;
}
.greet_s_tit{
    font-size: 20px;
    font-weight: 600;
    color: #333;
    margin-bottom: 20px;
}
.txt_greet_wrap{
    width: 100%;
    height: 398px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.greet_s_tit>span{
    color: #FF4D0F;
    display: inline-block;
    vertical-align: baseline;
}
.greet_text{
    font-size: 15px;
    font-weight: 400;
    color: #333;
    line-height: 1.5;
}
.greet_text>span{
    font-weight: 600;
    display: inline-block;
    vertical-align: baseline;
}
.sign_wrap{
    margin-top: 18px;
}
.sign_wrap>p{
    font-size: 15px;
    font-weight: 400;
    color: #484848;
    line-height: 1.2;
}
.sign_wrap>p>span{
    font-size: 34px;
    display: inline-block;
    vertical-align: baseline;
    position: relative;
}
.sign_wrap>p>span::after{
    position: absolute;
    content: "";
    display: block;
    width: 60px;
    height: 1px;
    background-color: #FF4D0F;
    left: 0;
    bottom: 4px;
}
/* cate01/page01-대표인사말//////////end//////////*/



/* cate01/page02-연혁 */
.history_wrap{
    width: 1080px;
}
.history_logo{
    display: flex;
    justify-content: center;
    margin-bottom: 40px;
}
.history_img{
    display: flex;
    justify-content: flex-end;
    margin-bottom: 60px;
    margin-left:-300px;
}




/* cate01/page03-조직도 */
.chart{
    margin-bottom: 50px;
}




/* cate01/page04-찾아오시는길 */
.adress_wrap{
    width: 1080px;
    height: 530px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 80px;
}
.adress_text_container{
    width: 479px;
    height: 326px;
    padding: 0 0 0 40px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.adress_text_container ul{
    font-size: 16px;
    font-weight: 500;
    color: #666;
}
.adress_text_container li{
    line-height: 1.5;
}
.adress_text_span{
    font-size: 20px;
    font-weight: 600;
    display: relative;
    margin-bottom: 3px;
}
.adress_icon1, .adress_icon2, .adress_icon3{
    position: relative;
}
.adress_icon1::after{
    position: absolute;
    content: "";
    display: inline-block;
    width: 32px;
    height: 32px;
    background: url("/web/images/sub/adress_01.png") no-repeat;
    left: -34px;
    top: 0;
}
.adress_icon2::after{
    position: absolute;
    content: "";
    display: inline-block;
    width: 32px;
    height: 32px;
    background: url("/web/images/sub/adress_02.png") no-repeat;
    left: -34px;
    top: 0;
}
.adress_icon3::after{
    position: absolute;
    content: "";
    display: inline-block;
    width: 32px;
    height: 32px;
    background: url("/web/images/sub/adress_03.png") no-repeat;
    left: -34px;
    top: 0;
}
/* cate01/page04-찾아오시는길////end///// */



/* cate02/page01-장애인 자립생활 지원사업*/
.project_01_bg{
    width: 1080px;
    height: 185px;
    background: url("/web/images/sub/sub_ban1.jpg") no-repeat;
}
.project_01_bg>p{
    font-size: 26px;
    font-weight: 500;
    color: #fff;
    text-align: center;
    padding-top: 80px;
    box-sizing: border-box;
}
.projectWrap{
    margin-bottom: 80px;
}
.projectWrap ul{
    font-size: 15px;
    font-weight: 400;
    color: #666;
    box-sizing: border-box;
    padding: 40px 0 25px 10px;
    border-bottom: 1px solid #ccc;
}
.projectWrap li{
    line-height: 1.4;
}
.projNum{
    font-size: 20px;
    font-weight: 600;
    color: #FF4D0F;
    display: block;
}

.proj_icon{
    margin-bottom: 20px;
    position: relative;
}
.proj_icon::after{
    position: absolute;
    content: "";
    display: inline-block;
    width: 31px;
    height: 77px;
    left: -15px;
    bottom: -14px;
}
.proj_icon1::after{
    background: url("/web/images/sub/proj1.png") no-repeat;
}
.proj_icon2::after{
    background: url("/web/images/sub/proj2.png") no-repeat;
}
.proj_icon3::after{
    background: url("/web/images/sub/proj3.png") no-repeat;
}
.proj_icon4::after{
    background: url("/web/images/sub/proj4.png") no-repeat;
}


/* cate02/page01-장애인 자립생활 지원사업///////end///////*/










/* cate02/page02-활동지원서비스 사업*/
.projectContainer{
    width: 1080px;
    margin-bottom: 80px;
}
.service_bg1{
    width: 1200px;
    height: 425px;
    background: url("/web/images/sub/service01.png") no-repeat;
    background-position: left top;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.service_txt{
    width: 747px;
    padding: 0px 0 0px 10px;
    box-sizing: border-box;
    height: auto;
    background-color: #fff;
}
.svc_tit{
    display: inline-block;
    font-size: 24px;
    font-weight: 600;
    color: #FF4D0F;
    position: relative;
    margin-bottom: 15px;
}
.svc_tit::after{
    position: absolute;
    content: "";
    display: inline-block;
    width: 60px;
    height: 1px;
    background-color: #FF4D0F;
    right: -80px;
    top: 12px;
}
.svc_txt{
    font-size: 18px;
    font-weight: 400;
    color: #666;
    line-height: 1.4;
}
.svc_txt>span{
    font-weight: 500;
    color: #333;
    vertical-align: baseline;
}
/* cate02/page02-활동지원서비스 사업////////////end/////////////*/



/* cate02/page03-거주시설 연계사업*/
.service_bg2{
    width: 1080px;
    height: 425px;
    background: url("/web/images/sub/service02.png") no-repeat;
    background-position: left top;
    display: flex;
    justify-content: space-between;
    align-items: center;
}


/* cate02/page04-응급안전알림서비스 사업*/
.service_bg3{
    width: 1080px;
    height: 425px;
    background: url("/web/images/sub/service03.png") no-repeat;
    background-position: left top;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.guide{
    margin-top: 20px;
}
.guide h3{
    font-size: 18px;
    font-weight: 400;
    color: #333;
    margin-bottom: 14px;
}
.org{
    color: #FF4D0F;
    font-weight: 500;
    vertical-align: baseline;
    display: inline-block;
    margin-bottom: 10px;
}
.lgray{
    color: #666;
    vertical-align: baseline;
    margin:0 3px 0px 5px;
    display: inline-block;
}


/* cate02/page05-찾아가는 세탁서비스 사업*/
.service_bg4{
    width: 1080px;
    height: 425px;
    background: url("/web/images/sub/service04.png") no-repeat;
    background-position: left top;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.smallgray{
    font-size: 13px;
    font-weight: 400;
    color: #666;
    vertical-align: baseline;
}


/* cate02/page05-보조기기 수리사업*/
.service_bg5{
    width: 1080px;
    height: 425px;
    background: url("/web/images/sub/service05.png") no-repeat;
    background-position: left top;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.guide>h4{
    font-size: 18px;
    font-weight: 400;
    color: #333;
    margin: 0 0 14px 47px;
}
.lineh{
    line-height: 22px;
}




























/* cate04/page06-후원안내*/

.sub_spon_tit{
    display: inline-block;
    font-size: 30px;
    font-weight: 600;
    color: #333;
    position: relative;
    margin-bottom: 40px;
    text-align: center;
    left: 50%;
}
.sub_spon_tit::after{
    position: absolute;
    display: block;
    content: "";
    width: 100px;
    height: 2px;
    background-color: #FF4D0F;
    left: 0;
    top: -10px;
}
.sub_spon_contentWrap{
    width: 854px;
    height: 276px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 70px;
}
.sub_sponCon1{
    width: 430px;
    height: 276px;
}
.sub_sponCon2{
    width: 344px;
    height: 255px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
}
.subSponText{
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    width: 315px;
    height: 144px;
}
.subSponText>p{
    font-size: 15px;
    font-weight: 400;
    color: #555;
    line-height: 1.6;
    position: relative;
}
.subSponText>p::after{ 
    position: absolute;
    content: "";
    display: block;
    width: 8px;
    height: 22px;
    background: url("/web/images/sub/str.png") no-repeat;
    left: -10px;
    top: 0;
}
.sponForm{
    font-size: 15px;
    font-weight: 500;
    color: #fff;
    display: block;
    text-align: center;
    box-sizing: border-box;
    width: 148px;
    height: 39px;
    padding: 12px 14px;
    background: #FF4D0F;
}



/* 게시판 이미지 크기 */

.view_con img{
    width: 100%;
}


/* 연혁작업_250727 */

.history ul{
    background: url('') no-repeat center;
    background-size: cover; position: relative; height: 3250px;
}
.history ul > li{position: absolute; box-sizing: border-box;}
.history ul > li:not(:last-of-type){
    background-image: url('../images/sub/history_icon.png');
    background-repeat: no-repeat; z-index: 1;
}
.history ul > li:nth-of-type(odd):not(:last-of-type)::before,
/*.history ul > li:nth-of-type(even)::after{
    content: ''; display: inline-block; width: 40px; height: 1px; background-color: #cdcdcd;
    position: absolute;
} */
.history ul > li:nth-of-type(odd):not(:last-of-type){background-position: left top+5px; padding-left: 70px;}
.history ul > li:nth-of-type(even):not(:last-of-type){background-position: left top+5px; padding-left: 70px;}
.history ul > li:last-of-type{top: 0; left: 237px;}
.history ul > li:last-of-type::after{
    content: ''; margin-top:13px; width: 2px; height: 3080px; background-color: #cdcdcd;
    display: inline-block;
}
.history2006{top: 0px; left: 228px;}
.history2006::after{top: 14px; right: 18px;}
.history2007{top: 170px; left: 228px;}
.history2007::after{top: 14px; left: 18px;}
.history2008{top: 510px; left: 228px;}
.history2008::after{top: 14px; left: 18px;}
.history2009{top: 660px; left: 228px;}
.history2009::after{top: 14px; left: 18px;}
.history2010{top: 900px; left: 228px;}
.history2010::after{top: 14px; left: 18px;}
.history2011{top: 1100px; left: 228px;}
.history2011::after{top: 14px; left: 18px;}
.history2012{top: 1340px; left: 228px;}
.history2012::after{top: 14px; left: 18px;}
.history2013{top: 1500px; left: 228px;}
.history2013::after{top: 14px; left: 18px;}
.history2014{top: 1700px; left: 228px;}
.history2014::after{top: 14px; left: 18px;}
.history2016{top: 1850px; left: 228px;}
.history2016::after{top: 14px; left: 18px;}
.history2017{top: 2000px; left: 228px;}
.history2017::after{top: 14px; left: 18px;}
.history2019{top: 2150px; left: 228px;}
.history2019::after{top: 14px; left: 18px;}
.history2021{top: 2350px; left: 228px;}
.history2021::after{top: 14px; left: 18px;}
.history2022{top: 2500px; left: 228px;}
.history2022::after{top: 14px; left: 18px;}
.history2023{top: 2650px; left: 228px;}
.history2023::after{top: 14px; left: 18px;}
.history2024{top: 2920px; left: 228px;}
.history2024::after{top: 14px; left: 18px;}
.history2025{top: 3070px; left: 228px;}
.history2025::after{top: 14px; left: 18px;}



.ver_super{vertical-align: super;}

.history ul > li:nth-of-type(odd) ol{margin-left: 25px;}
.history ul > li:nth-of-type(even) ol{margin-left: 25px;}
.history ul > li:nth-of-type(even) ol li span{margin-right: 5px;}
.history ul > li:nth-of-type(odd) ol li span{margin-right: 5px;}
.history ul li span{font-weight: 500; font-family: 'Roboto';}
.history ul > li > span{
    font-size: 32px; color: #8f39f3; margin-bottom: 30px; display: block;
}
.history ul li ol li{margin-bottom: 15px;}
.history ul li ol li span{font-size: 22px; color: #111; display: inline-block;}
.history ul li ol li p{
    font-size: 16px; font-weight: 200; color: #111; display: inline-block;
    line-height: 24px;
}
/* .history ul > li:nth-of-type(even){text-align: right;} */