@charset "utf-8";

/* th 속임수 */
.table td.th_bg{background:#e9ecf3;color:#121212;font-weight:500;}
.table.type02{border-bottom:2px solid #48546d;}

/* content 페이지 공통 컬러 */
.cont_red{color:#A45B3C;}

/* icon_listA안에 txt-check쓸 경우 */
.bodo_icon_list > ul > li p.txt-check{color:#dc132c;}

/* 공통 */
/* photoD 스타일에 p태그 없는 경우  */
.border_bottom1.photo_wrap2{margin-top:30px;}
.border_bottom1.photo_wrap2.typeD .thumb2 ul li span{border-bottom:1px solid #ddd;}

/* photoC 스타일에 이미지가 100%일 경우  */
.s_img100 img{width:100%;}
/* 공통 End */

/* sub01_01 인사말 */
@media(max-width:460px){
    .s0101 .greeting-a .inner .ui-greeting__box .ui-greeting__title strong span{display:inline;}
}
/* sub01_01 인사말 End */

/* sub01_02 연혁 */
.s0102 .timeline-f .timeline__body{background:url(/images/welfare/sub01/sub01_02_01.png) no-repeat 95% 50px;}
@media(max-width:767px){
    .s0102 .timeline-f .timeline__body{background:none;}
}
/* sub01_02 연혁 End */

/* sub01_05 시설현황 */
.s0105 .bodo_icon_list.typeB > ul.col3 > li{min-height:285px;text-align:center;}
.s0105 table tbody tr td:last-child{text-align:left;}
@media (max-width:767px){
    .s0105 .bodo_icon_list.typeB > ul.col3 > li{min-height:260px;}
}
@media (max-width:640px){
    .s0105 .bodo_icon_list.typeB > ul.col3 > li{min-height:auto;}
}
/* sub01_05 시설현황 End */

/* 찾아오시는길 sub01_06 */
.s0106 .direct-e__type .inner .ui-local{padding:40px 30px 20px;}
.s0106 .direct-e__type .inner .ui-local strong{position:relative;padding-left:40px;}
.s0106 .direct-e__type .inner .ui-local strong span{position:absolute; left:0;}

@media (max-width:767px){
    .s0106 .direct-e__type .inner .ui-local{padding:30px;}
}
/* 찾아오시는길 sub01_06 End */


.photo_wrap .list-1st.type01 li{padding-left:54px;}
.photo_wrap .list-1st.type01 li b{position: absolute;left:10px;top:0;}
.photo_wrap .list-1st.type01 li b em{font-weight: 300;}


/* 사업안내 sub02_01_01 */
.s020101 .bodo_icon_list.typeB > ul{display:flex;flex-wrap:wrap;}
.s020101 .ui-process1 .ui-process.type7 > li .inner {min-height: 290px;padding: 40px 15px 14px;}
.s020101 .ui-process1 .ui-process.type7-2 > li .inner {min-height: 265px;padding: 30px 15px 14px;display: flex;flex-wrap: wrap;text-align: center;/* align-items: center; *//* margin-bottom: -50px; */}
.s020101 .ui-process1 .ui-process.type7-2 > li .inner .item {width: 100%;/* padding-bottom: 50px; */}

.photo_wrap .list-1st.type02 li{padding-left:100px;}
.photo_wrap .list-1st.type02 li b{position: absolute;left:10px;top:0;}
.photo_wrap .list-1st.type02 li b em{font-weight: 300;}

@media(max-width:1200px){
    .s020101 .ui-process1 .ui-process.type7-2 > li .inner {min-height:360px;}
}

@media(max-width:1023px){
    .photo_wrap.typeB .thumb {text-align: center; margin: 0 auto 20px 0;/* align-items: center; */}
    .photo_wrap.typeB .info_box {width:100%;}
    .s020101 .ui-process1 .ui-process.type7-2 > li .inner {min-height: 240px;padding: 40px 15px 14px; display: flex;flex-wrap: wrap;text-align: center;}
}
@media(max-width:618px){
    .s020101 .ui-process1 .ui-process.type7-2 > li .inner {min-height: 240px;padding: 20px 15px 14px; display: flex;flex-wrap: wrap;text-align: center;}
}
@media(max-width:500px){
    .s020101 .ui-process1 .ui-process.type7-2 > li .inner {min-height: 240px;padding: 30px 0px 0px; display: flex;flex-wrap: wrap;text-align: center;}
    .s020101 .ui-process1 .ui-process.type7-2 > li .inner .item .ui-process__text2{padding:0 10px}
}


/* 사업안내 sub02_01_01 End */

/* 지역조직화 sub020202 */
.photo_wrap.fix_gongju{position: relative;padding:40px 40px 55px 40px;}
.photo_wrap.fix_gongju::after{content: "";position: absolute;right:15px;bottom:10px;width: 92px;height:61px;background: url(/images/welfare/sub02/fix_gongju.png) no-repeat;}
/* 지역조직화 sub020202 End  */


/* sub0203 서비스제공 se16a */
.sub0203 .se16a_type{text-align: center;padding:0 53px;position:relative;z-index: 1;margin-bottom: 60px;}
.sub0203 .se16a_type::before{background: #f7c75d;width:100%;height: 230px;border-radius: 40px 40px 0 0;content: "";position: absolute;left:0;top:0;z-index: -1;}
.sub0203 .se16a_type .inner .main_title{font-size: 30px;color: #604919;font-weight: bold;padding: 75px 0 55px;display:block;position: relative;line-height: 1.2;}
.sub0203 .se16a_type .inner .main_title::before{content: "";position: absolute;left: 10px;top: 40px;background: url(/images/welfare/sub02/sub0203_bg1.png) no-repeat;width:56px;height:54px;z-index: -1;}
.sub0203 .se16a_type .inner .main_title::after{content: "";position: absolute;right: -30px;bottom: -90px;background: url(/images/welfare/sub02/sub0203_bg2.png) no-repeat;width:189px;height:189px;z-index: -1;}
.sub0203 .se16a_type .inner .main_title span{font-weight:bold;font-family: inherit;color: #be4100;line-height: 1.2;}
.sub0203 .se16a_type .inner .txtwrap{background: #fff;box-shadow: 0px 5px 10px rgb(0 0 0 / 7%);border-radius: 5px;padding: 55px 20px 45px;}
.sub0203 .se16a_type .inner .txtwrap:before{content: "";position: absolute;left: 110px;top: 48px;background: url(/images/welfare/sub02/sub020301_top1.png) no-repeat;width: 109px;height: 130px;z-index: -1;}
.sub0203 .se16a_type .inner .txtwrap:after{content: "";position: absolute;right: 70px;top: 60px;background: url(/images/welfare/sub02/sub020301_top2.png) no-repeat;width: 169px;height: 147px;z-index: 1;}
.sub02_03_02 .sub0203 .se16a_type .inner .txtwrap:before{background: url(/images/welfare/sub02/sub020302_top1.png) no-repeat;width: 136px;height: 97px;left: 110px;top: 77px;}
.sub02_03_02 .sub0203 .se16a_type .inner .txtwrap:after{background: url(/images/welfare/sub02/sub020302_top2.png) no-repeat;width: 186px;height: 158px;right: 90px;top: 60px;}
.sub02_03_03 .sub0203 .se16a_type .inner .txtwrap:before{background: url(/images/welfare/sub02/sub020303_top1.png) no-repeat;width: 109px;height: 125px;left: 110px;top: 61px;}
.sub02_03_03 .sub0203 .se16a_type .inner .txtwrap:after{background: url(/images/welfare/sub02/sub020303_top2.png) no-repeat;width: 183px;height: 177px;right: 90px;top: 50px;}
.sub02_03_04 .sub0203 .se16a_type .inner .txtwrap:before{background: url(/images/welfare/sub02/sub020304_top1.png) no-repeat;width: 98px;height: 126px;left: 140px;top: 44px;}
.sub02_03_04 .sub0203 .se16a_type .inner .txtwrap:after{background: url(/images/welfare/sub02/sub020304_top2.png) no-repeat;width: 189px;height: 150px;right: 70px;top: 50px;}
.sub02_03_05 .sub0203 .se16a_type .inner .txtwrap:before{background: url(/images/welfare/sub02/sub020305_top1.png) no-repeat;width: 132px;height: 124px;left: 120px;top: 56px;}
.sub02_03_05 .sub0203 .se16a_type .inner .txtwrap:after{background: url(/images/welfare/sub02/sub020305_top2.png) no-repeat;width: 195px;height: 193px;right: 80px;top: 37px;}
.sub02_03_06 .sub0203 .se16a_type .inner .txtwrap:before{background: url(/images/welfare/sub02/sub020306_top1.png) no-repeat;width: 112px;height: 124px;left: 110px;top: 45px;}
.sub02_03_06 .sub0203 .se16a_type .inner .txtwrap:after{background: url(/images/welfare/sub02/sub020306_top2.png) no-repeat;width: 134px;height: 160px;right: 95px;top: 50px;}
.sub02_03_07 .sub0203 .se16a_type .inner .txtwrap:before{background: url(/images/welfare/sub02/sub020307_top1.png) no-repeat;width: 94px;height: 113px;left: 140px;top: 57px;}
.sub02_03_07 .sub0203 .se16a_type .inner .txtwrap:after{background: url(/images/welfare/sub02/sub020307_top2.png) no-repeat;width: 189px;height: 149px;right: 70px;top: 54px;}
.sub02_03_08 .sub0203 .se16a_type .inner .txtwrap:before{background: url(/images/welfare/sub02/sub020308_top1.png) no-repeat;width: 89px;height: 121px;left: 130px;top: 50px;}
.sub02_03_08 .sub0203 .se16a_type .inner .txtwrap:after{background: url(/images/welfare/sub02/sub020308_top2.png) no-repeat;width: 143px;height: 150px;right: 95px;top: 50px;}
.sub0203 .se16a_type .inner .txtwrap .icon{display:block;width:46px;height:43px;background: url(/pcms/dist/img/b01/se16a_type_center.png);margin:0 auto 8px;}
.sub0203 .se16a_type .inner .txtwrap .sub_title{color:#005598;font-size:21px;font-family: "score";margin-bottom:20px;display:inline-block;position: relative;}
.sub0203 .se16a_type .inner .txtwrap p{max-width:620px;margin:0 auto;color: #555;letter-spacing: -0.075em;font-size: 17px;}

@media(max-width:1280px){
   .sub0203 .se16a_type .inner .txtwrap:before{left: 70px;top: 48px;}
   .sub0203 .se16a_type .inner .txtwrap:after{right: 20px;top: 50px;}
   .sub02_03_05 .sub0203 .se16a_type .inner .txtwrap:before{left: 80px;top: 56px;}
   .sub02_03_05 .sub0203 .se16a_type .inner .txtwrap:after{right: 50px;top: 37px;}
   .sub02_03_06 .sub0203 .se16a_type .inner .txtwrap:before{left: 70px;top: 45px;}
   .sub02_03_06 .sub0203 .se16a_type .inner .txtwrap:after{right: 65px;top: 50px;}
   .sub02_03_08 .sub0203 .se16a_type .inner .txtwrap:before{left: 100px;top: 45px;}
   .sub02_03_08 .sub0203 .se16a_type .inner .txtwrap:after{right: 65px;top: 50px;}
}
@media(max-width:767px){
   .sub0203 .se16a_type{padding:0 30px;}
   .sub0203 .se16a_type .inner .main_title{font-size:30px;padding:50px 0 35px;}
   .sub0203 .se16a_type .inner .main_title br{display: none;}
   .sub0203 .se16a_type .inner .main_title::before,
   .sub0203 .se16a_type .inner .main_title::after{display: none;}
   .sub0203 .se16a_type .inner .txtwrap:before,
   .sub0203 .se16a_type .inner .txtwrap:after{display: none;}
   .sub0203 .se16a_type .inner .txtwrap .sub_title::before,
   .sub0203 .se16a_type .inner .txtwrap .sub_title::after{display: none;}
   .sub0203 .se16a_type .inner .txtwrap p{max-width:auto;}
   .sub0203 .se16a_type .inner .txtwrap p br{display: none;}
}
@media(max-width:500px){
   .sub0203 .se16a_type{padding:0 20px;}
}
/* sub0203 서비스제공 se16a End */s

/* 공간나눔 sub0303 */
.s0303 .thumb-photo .slider-for .slick-list .slick-track .slick-slide .box{border:0;}
.s0303 .thumb-photo .slider-for .slick-list .slick-track .slick-slide .box span{position: absolute;left:10px;bottom:10px;display: inline-block;padding:10px;min-width:100px;color:#222;font-size:16px;line-height:1;letter-spacing: -0.05em;text-align: center;border:1px solid #222;border-radius: 5px;background: #fff;}
/* 공간나눔 sub0303 End */

/* sub04_01 헬스장 ~ sub04_05 사랑방 */
.s0401 .photo_wrap.typeC .thumb2 ul{margin:0;}
.s0401 .photo_wrap.typeC .thumb2 ul li{width:48%; margin:0 1% 10px;}

.s0401 .photo_wrap.typeC .info_box2{padding:30px;display: flex;align-items: center;flex-wrap: wrap;}
.s0401 .photo_wrap.typeC .info_box2 strong{position: relative;left:auto;top:auto;margin:0 20px 0 0;}
.s0401 .photo_wrap.typeC .info_box2 p{display: inline-block;}

@media(max-width:767px){
    .s0401 .photo_wrap.typeC .info_box2{padding:20px;}
}

@media(max-width:640px){
    .s0401 .photo_wrap.typeC .thumb2 ul{margin:0 0 10px;}
    .s0401 .photo_wrap.typeC .thumb2 ul li{width:100%; margin:0;}
}
/* sub04_01 헬스장 ~ sub04_05 사랑방 End */