@media screen and (max-width:1400px){
/* header */
	.header .back {height:246px;}
	.header .inner {height:100px;}
	.header .logo {line-height:100px; height:100%;}
	.header .logo img {height:calc(100% - 10px);}
	.header .gnb li > a {font-size:18px; line-height:100px; padding:0 30px;}
	.header .snb a {font-size:17px; line-height:36px;}
/* footer */
	.fbanner,
	.footer {padding:40px 0;}
	.fbanner .fbanner_slide {padding:0 22px;}
	.fbanner .fbanner_slide .slick-slide {padding:0 10px;}
	.footer .inner {padding:0 160px 0 220px; background-size:180px;}
	.footer .address {gap:10px; font-size:15px;}
	.footer .address dl {gap:10px;}
	.footer .copy {font-size:14px; margin-top:8px;}
	.footer .btn_privacy_policy {font-size:15px; line-height:38px; height:40px; width:120px;}
/* 공통 */
	.container {margin-top:100px; font-size:16px;}
	.container p {line-height:30px;}
/* main */
	.mc01 {padding:70px 0 50px;}
	.mc01 .tit {font-size:35px;}
	.mc_top {gap:10px;}
	.mc_top > * {width:calc((100% - 20px)/3);}
	.mc_top .links {gap:10px;}
	.mc_top .links a {width:calc(50% - 5px); height:calc(50% - 5px); padding:20px 0 10px;}
	.mc_top .links a:before {width:6vw; margin-bottom:10px;}
	.mc_top .links p {font-size:20px; line-height:24px;}
	.mc_top .bg {background-size:contain;}
	.mc01 .info {margin-top:20px;}
	.mc01 .info li {height:100px; padding-left:70px; gap:8px;}
	.mc01 .info li:before {left:20px; width:40px;}
	.mc01 .info li + li:after {height:60px;}
	.mc01 .info span {font-size:16px;}
	.mc01 .info strong {font-size:18px;}
	.mc01 .info p {font-size:14px; line-height:1.2;}
	.mc01 .info .i1 a {padding-left:70px; font-size:20px;}
	.mc02 {padding:90px 0 90px;}
	.mc02 .tit {font-size:32px; margin-bottom:48px;}
	.mc02 ul {gap:20px;}
	.mc02 li {width:calc((100% - 40px)/3); padding:20px 40px;}
	.mc02 li:before {height:130px;}
	.mc02 li p {font-size:20px; padding-top:20px; margin-top:15px;}
/* sub */
	#subContent {padding-bottom:120px;}
	.svisual {height:180px; margin-bottom:100px;}
	.svisual h2 {font-size:40px;}
	.svisual .location {font-size:16px;}
	.aside {bottom:-34px;}
	.aside a {font-size:18px; line-height:68px;}

	.stitle {font-size:36px; margin-bottom:70px;}
	.stitle.s {font-size:36px;}
	.stitle.mt {margin-top:140px;}
	.stitle.mb6 {margin-bottom:50px;}
	.stit {font-size:24px; padding-left:24px; margin:70px 0 20px;}
	.stit:before {width:12px;}

/** 사업안내 **/
/* 상담 */
	.use_step .gbox {padding:25px 30px;}
	.use_step .tit {width:16%; font-size:18px;}
	.use_step .con {width:84%; gap:80px;}
	.use_step .con li {width:calc((100% - 160px)/3);}
	.use_step .con li:before {height:60px; background-size:contain;}
	.use_step .con li + li:after {left:-81px; width:80px;}
/* 노인통합돌봄 */
	.use_step.set6 .con {gap:20px;}
	.use_step.set6 .con li {width:calc((100% - 100px)/6);}
	.use_step.set6 .con li + li:after {left:-21px; width:20px;}
/* 노년사회화교육 */
	.img_flex {gap:20px; margin-top:40px;}
	.img_flex li {width:calc((100% - 40px)/3);}
	.img_flex li p {margin-top:20px;}
	.use_step.set4 .con {gap:20px;}
	.use_step.set4 .con li {width:calc((100% - 60px)/4);}
	.use_step.set4 .con li + li:after {left:-21px; width:20px;}
/* 특화 */
	.use_step.set3 .con {gap:40px;}
	.use_step.set3 .con li {width:calc((100% - 80px)/3);}
	.use_step.set3 .con li + li:after {left:-41px; width:40px;}

/** 자원봉사/후원 **/
/* 자원봉사 안내 */
	.info_top {height:220px; padding:30px 40% 30px 30px; font-size:26px;}
	.info_step {padding:30px;}
	.info_step dd {padding:0 20px;}
	.use_step.set5 .con {gap:40px;}
	.use_step.set5 .con li {width:calc((100% - 160px)/5);}
	.use_step.set5 .con li + li:after {left:-41px; width:40px;}
/* 후원 안내 */
	.info_step .bank li {padding:16px;}
	.info_step .bank .num {gap:10px; font-size:18px;}

/** 복지관 소개 **/
/* 인사말 */
	.greeting .txt {width:60%;}
	.greeting .tit {font-size:26px; line-height:44px; margin-bottom:30px;}
	.greeting p {line-height:24px;}
	.greeting p + p {margin-top:25px;}
	.greeting .img {width:40%;}
/* 운영이념 */
	.mission_vision .de {padding:50px 50px 70px;}
	.mission_vision .de dt,
	.mission_vision .de dd {font-size:18px;}
	.ideal_talent {gap:30px;}
	.ideal_talent li {width:calc((100% - 90px)/4); padding:50px 35px;}
	.ideal_talent li:before {height:45px;}
	.ideal_talent li strong {font-size:20px; padding-top:25px; margin:30px 0 15px;}
/* 조직도 */
	.organization .chart .box {font-size:18px; line-height:32px; width:180px; padding:15px;}
	.organization .chart .box_side:after {width:200px;}
	.organization .chart .box_side .c1 {margin-left:-380px;}
	.organization .chart .flex {margin-top:50px; padding-top:40px; gap:20px;}
	.organization .chart .flex:before {top:-50px; height:50px;}
	.organization .chart .flex .left {flex-basis:calc(((100% - 80px)/5) * 2 + 20px);}
	.organization .chart .flex .right {flex-basis:calc(((100% - 80px)/5) * 3 + 40px);}
	.organization .chart .flex > * > .box:before {top:-40px; height:130px;}
	.organization .chart .flex > * > .box:after {top:-40px;}
	.organization .chart .btm {gap:20px;}
/* 찾아오시는 길 */
	.map_text {padding:50px 40px;}
	.map_text .tit {font-size:24px; line-height:34px;}
	.map_text .con li {padding-left:90px; font-size:18px;}
	.map_text .con li strong {padding-left:30px;}
	.map_text .con .links {margin-top:36px; gap:14px;}
}

/* hover */
@media screen and (min-width:1024px){
	.header .gnb li:hover > a:after {width:100%;}
	.header .snb a:hover {color:#24c0b9; font-weight:700;}
	.header.hover .back,
	.header.hover .snb {display:block;}
	.svisual .location dd a:hover {color:#24c0b9;}
	.aside a:hover {color:#fff; font-weight:700; background:#24c0b9;}
	.board_bottom .btns .btn:hover {color:#4ebccd; border-color:#4ebccd;}
	.board_bottom .paging a:hover {color:#4ebccd; border-color:#4ebccd;}
}

/* tablet */
@media screen and (max-width:1023px){
/* header */
	.header .back {display:none;}
	.header .inner {height:80px;}
	.header .logo {line-height:80px;}
	.header .logo img {height:calc(100% - 8px);}
	.header .gnb,
	.header .gnb .black {position:fixed; top:0; width:100%; height:100%; opacity:0; transition:.2s linear;}
	.header .gnb {right:-100%; padding-left:20%;}
	.header .gnb .black {left:-100%; background:#00000080;}
	.header.on .gnb {right:0; opacity:1;}
	.header.on .gnb .black {left:0; opacity:1;}
	.header .gnb ul {position:relative; width:100%; height:100%; background:#fff; padding-top:80px; flex-direction:column; justify-content:flex-start;}
	.header .gnb li > a {font-size:16px; line-height:50px; padding:0 20px;}
	.header .gnb li > a.pc_vw {display:none !important;}
	.header .gnb li > a.mo_vw {display:block !important;}
	.header .gnb li.on > a,
	.header .gnb li.open > a {color:#24c0b9;}
	.header .gnb li.on.open > a {color:#222;}
	.header .gnb li > a:after {top:0; left:auto; right:20px; width:20px; height:100%; background:#222; mask:url('/images/arrow_sitemap.png') no-repeat 50% 50% / contain; -webkit-mask:url('/images/arrow_sitemap.png') no-repeat 50% 50% / contain; transform:rotate(0deg);}
	.header .gnb li.on > a:after,
	.header .gnb li.open > a:after {background:#24c0b9; transform:rotate(180deg); width:20px;}
	.header .gnb li.on.open > a:after {background:#222; transform:rotate(0deg); width:20px;}
	.header .snb {position:relative; top:0; left:0; transform:none; padding:15px 20px; background:#e7f8f7; text-align:left;}
	.header .on .snb {display:block;}
	.header .snb a {font-size:16px; line-height:32px;}
	.header .btn_menu {position:absolute; top:0; right:20px; width:28px; height:100%; z-index:20;}
	.header .btn_menu p {position:absolute; top:50%; left:50%; width:28px; height:2px; background:#333; margin-left:-14px; transition:.2s linear;}
	.header .btn_menu .t {margin-top:-9px;}
	.header .btn_menu .m {margin-top:-1px;}
	.header .btn_menu .b {margin-top:7px;}
	.header.on .btn_menu .t {margin-top:-1px; transform:rotate(135deg);}
	.header.on .btn_menu .m {width:0;}
	.header.on .btn_menu .b {margin-top:-1px; transform:rotate(-135deg);}
/* footer */
	.fbanner,
	.footer {padding:30px 0;}
	.fbanner .fbanner_slide {padding:0 18px;}
	.fbanner .fbanner_slide .slick-slide {padding:0 8px;}
/* 공통 */
	.container {margin-top:80px; font-size:15px;}
	.container p {line-height:26px;}
/* main */
	.mc01 {padding:30px 0 50px;}
	.mc01 .tit {font-size:24px; line-height:46px; margin-bottom:40px;}
	.mc_top {gap:8px;}
	.mc_top > * {width:calc((100% - 16px)/3);}
	.mvisual .slick-dots {bottom:15px;}
	.mc_top .links a {padding:15px 0 10px;}
	.mc_top .links p {font-size:16px; line-height:20px;}
	.mc01 .info {position:relative; flex-wrap:wrap;;}
	.mc01 .info:before {content:""; position:absolute; top:50%; left:0; width:100%; border-bottom:#ddd 1px dashed;}
	.mc01 .info li {width:50%; padding-left:70px; gap:8px;}
	.mc01 .info li:nth-child(3):after {display:none;}
	.mc02 {padding:70px 0;}
	.mc02 .tit {font-size:28px; margin-bottom:36px;}
	.mc02 li:before {height:80px; background-size:contain;}
	.mc02 li p {font-size:18px;}
/* sub */
	#subContent {padding-bottom:100px;}
	.svisual {margin-bottom:80px;}
	.svisual h2 {font-size:30px;}
	.svisual .location {font-size:14px;}
	.aside {bottom:-30px;}
	.aside a {font-size:16px; line-height:60px;}

	.stitle {font-size:30px; margin-bottom:50px;}
	.stitle.s {font-size:28px;}
	.stitle.mt {margin-top:100px;}
	.stitle.mb6 {margin-bottom:40px;}
	.stit {font-size:22px; padding-left:22px; margin:60px 0 15px;}
	.stit:before {width:10px;}

/* 테이블 */
	.tbl th,
	.tbl td {padding:12px 20px; line-height:26px; height:60px;}
	.tbl col.row {width:180px;}
	.tbl col.wth1 {width:60px;}
	.tbl col.wth2 {width:200px;}
	.tbl col.img {width:160px;}

/** 사업안내 **/
/* 상담 */
	.use_step .gbox {padding:20px;}
	.use_step .tit {font-size:15px; padding-left:0;}
	.use_step .con {gap:20px;}
	.use_step .con li {width:calc((100% - 40px)/3); padding:16px;}
	.use_step .con li:before {height:50px;}
	.use_step .con li + li:after {left:-21px; width:20px;}

/* 갤러리 목록 */
	.gall_list {gap:40px 20px;}
	.gall_list li {width:calc((100% - 40px)/3);}
	.gall_list li .txt {padding-top:15px;}
	.gall_list li p {font-size:17px;}
	.gall_list li .date {font-size:13px;}
/* 게시판 목록 */
	.board_list th,
	.board_list td {height:56px;}
	.board_list th {font-size:16px;}
	.board_list td.tal a {padding-left:50px; line-height:50px;}
	.board_list .notice td.tal a:before {width:40px; height:30px; line-height:30px; font-size:14px;}
	.board_list .w1 {width:60px;}
	.board_list .w2 {width:80px;}
	.board_list .w3 {width:120px;}
/* 게시판 상세 */
	.board_view .tit {font-size:20px; line-height:28px; padding:20px 120px 20px 0;}
	.board_view .tit .date {font-size:14px;}
	.board_view .con {padding:20px 0;}
	.board_view .file dt {width:80px; font-size:16px;}
	.board_view .file dd {width:calc(100% - 80px);}
	.board_view .file dd a {font-size:15px;}
	.board_view ~ .board_bottom .btns .btn {font-size:15px; line-height:44px; height:46px; width:100px;}
/* 게시판 쓰기 */
	.board_write th {width:200px;}

/** 자원봉사/후원 **/
/* 자원봉사 안내 */
	.info_top {height:200px; padding:25px 40% 25px 25px; font-size:24px; background-size:40%;}
	.info_step {padding:20px;}
	.info_step dl {padding:20px 0;}
	.info_step dl + dl {margin-top:15px;}
	.info_step dt {width:200px; font-size:17px;}
	.info_step dt:before {height:60px; margin-bottom:10px;}
	.info_step dd {width:calc(100% - 200px); line-height:28px; padding:0 15px;}
	.use_step.set5 .con {gap:20px;}
	.use_step.set5 .con li {width:calc((100% - 80px)/5);}
	.use_step.set5 .con li + li:after {left:-21px; width:20px;}
	.use_step.set5 .con li strong {margin-top:25px;}
	.boon_area {padding:20px;}
	.boon_area .mt {margin-top:15px;}
/* 후원 안내 */
	.info_step .bank .num {gap:8px; flex-direction:column; margin:10px 0; font-size:16px;}
	.btn_done {font-size:20px; line-height:60px; height:64px; width:200px; margin-top:45px;}
	.btn_done:after {bottom:-16px; width:36px;}
/* 후원펀딩 */
	.done_box {padding:60px 20px;}
	.done_box i {width:260px; height:80px; line-height:78px; margin-bottom:10px;}
	.done_box p {font-size:15px;}

/** 복지관 소개 **/
/* 인사말 */
	.greeting .tit {font-size:22px; line-height:36px; margin-bottom:20px;}
	.greeting p {line-height:22px;}
	.greeting p + p {margin-top:20px;}
/* 운영이념 */
	.mission_vision {gap:26px 20px;}
	.mission_vision .iset {padding:20px 30px; width:calc(50% - 10px);}
	.mission_vision .iset:before {width:70px; margin-bottom:15px;}
	.mission_vision .iset .tt {font-size:20px;}
	.mission_vision .iset p {font-size:18px; padding-top:20px; margin-top:20px;}
	.mission_vision .de {padding:30px 20px;}
	.mission_vision .de .tit {font-size:20px; margin-bottom:20px;}
	.mission_vision .de dl {gap:90px;}
	.mission_vision .de dt,
	.mission_vision .de dd {height:90px; width:calc((100% - 20px)/3); font-size:14px; gap:5px;}
	.mission_vision .de dt:before {width:calc(100% - 10px); height:calc(100% - 10px);}
	.ideal_talent {gap:20px;}
	.ideal_talent li {width:calc((100% - 60px)/4); padding:40px 20px;}
	.ideal_talent li:before {height:40px;}
	.ideal_talent li strong {font-size:18px; padding-top:20px; margin:20px 0 10px;}
	.ideal_talent li p {line-height:26px;}
	.vision_area {gap:50px;}
	.vision_area li {width:260px; padding:12px;}
	.vision_area li i {left:-23px; width:calc(100% + 46px);}
	.vision_area li:before,
	.vision_area li:after {width:10px;}
	.vision_area li:before {left:-31px; margin-top:-4px;}
	.vision_area li:after {right:-31px; margin-top:-4px;}
	.vision_area li strong {font-size:26px; padding-bottom:15px; margin-bottom:15px; width:120px;}
	.vision_area li p {font-size:16px; line-height:24px; height:80px;}
	.vision_area li.c1 i {left:calc(50% + 23px);}
	.mission_area {padding:20px;}
	.mission_area:before {width:70px;}
	.mission_area strong {font-size:20px; padding:20px 0; margin-bottom:20px;}
	.mission_area p {font-size:15px;}
/* 시설현황/연혁 */
	.history {padding-top:70px;}
	.history:before {left:200px; height:calc(100% + 140px);}
	.history dl + dl {margin-top:50px;}
	.history dt {width:200px; font-size:36px;}
	.history dd {width:calc(100% - 200px); padding:3px 0 0 25px;}
	.history dd p {font-size:16px; line-height:26px; padding:5px 0 5px 100px;}
/* 조직도 */
	.organization .tit {font-size:18px; line-height:30px; padding:15px; margin-bottom:40px;}
	.organization .chart .box {font-size:15px; line-height:30px; width:160px; max-width:100%; padding:10px;}
	.organization .chart .box_side {margin:70px 0 60px;}
	.organization .chart .box_side:before {top:-70px; height:calc(100% + 160px);}
	.organization .chart .box_side:after {width:150px;}
	.organization .chart .box_side .c1 {margin-left:-310px;}
	.organization .chart .boxs dd {padding:15px; height:158px;}
	.organization .chart .boxs dd p {font-size:15px; line-height:26px; padding-left:10px;}
	.organization .chart .boxs dd p:before {top:11px;}
	.organization .chart .flex {margin-top:35px; padding-top:35px; gap:10px;}
	.organization .chart .flex:before {top:-35px; height:35px;}
	.organization .chart .flex .left {flex-basis:calc(((100% - 40px)/5) * 2 + 10px);}
	.organization .chart .flex .right {flex-basis:calc(((100% - 40px)/5) * 3 + 20px);}
	.organization .chart .flex > * > .box:before {top:-35px; height:105px;}
	.organization .chart .flex > * > .box:after {top:-35px;}
	.organization .chart .btm {gap:10px; padding-top:20px; margin-top:20px;}
	.organization .chart .btm .boxs {flex-basis:calc((100% - 20px)/3);}
	.organization .chart .btm .boxs .box {width:100%;}
	.organization .chart .btm .boxs:before {top:-20px;}
	.organization .chart .btm .boxs:after {top:-20px; height:20px;}
/* 이용안내 */
	.use_info {gap:20px;}
	.use_info li {width:calc((100% - 40px)/3); padding:20px 20px 30px;}
	.use_info li:before {width:80px;}
	.use_info strong {font-size:22px; padding:20px 0 10px; margin-bottom:10px;}
	.use_info p {padding-left:12px;}
	.use_info p:before {top:7px; width:6px; height:6px;}
/* 찾아오시는 길 */
	.root_daum_roughmap .wrap_map {height:360px !important;}
	.map_text {padding:40px 30px;}
	.map_text .tit {width:40%; font-size:22px; line-height:30px;}
	.map_text .con {width:60%;}
	.map_text .con li {padding-left:70px; font-size:16px;}
	.map_text .con li + li {margin-top:16px;}
	.map_text .con li strong {padding-left:26px;}
	.map_text .con .links {margin-top:30px; gap:12px;}
	.map_text .con .links a {height:50px; line-height:50px; font-size:15px;}
	.transportation > div {padding:35px 0;}
	.transportation .icon {width:200px;}
	.transportation .icon:before {width:130px;}
	.transportation .txt {width:calc(100% - 200px); min-height:180px; padding-left:40px;}
	.transportation .tit {font-size:18px; margin-bottom:25px;}
	.transportation li + li {margin-top:25px;}
	.transportation li span {font-size:14px;}
}

/* mobile */
@media screen and (max-width:767px){
/* header */
	.header .inner {height:50px;}
	.header .logo {line-height:50px; width:100px; text-align:center; left:50%; transform:translateX(-50%);}
	.header .logo img {height:calc(100% - 8px);}
	.header .gnb ul {padding-top:50px;}
	.header .gnb li > a {font-size:13px;}
	.header .gnb li > a:after {width:12px;}
	.header .gnb li.on > a:after,
	.header .gnb li.open > a:after,
	.header .gnb li.on.open > a:after {width:12px;}
	.header .snb {padding:10px 20px;}
	.header .snb a {font-size:13px; line-height:30px;}
	.header .btn_menu {right:10px; width:40px;}
	.header .btn_menu p {width:20px; margin-left:-10px;}
	.header .btn_menu .t {margin-top:-8px;}
	.header .btn_menu .b {margin-top:6px;}
/* footer */
	.fbanner,
	.footer {padding:25px 0;}
	.fbanner .fbanner_slide {padding:0 16px;}
	.fbanner .fbanner_slide .slick-slide {padding:0 12px;}
	.fbanner .fbanner_slide .slick-arrow {width:32px; background-size:12px;}
	.fbanner .fbanner_slide .slick-prev {left:-10px;}
	.fbanner .fbanner_slide .slick-next {right:-10px;}
	.footer .inner {padding:35px 20px 0; background-size:100px; background-position:20px 0;}
	.footer .address {gap:5px; font-size:11px;}
	.footer .address dl {gap:5px;}
	.footer .copy {font-size:11px; margin-top:10px;}
	.footer .btn_privacy_policy {top:-5px; font-size:11px; line-height:28px; height:30px; width:100px; border-radius:5px; transform:none;}
/* 공통 */
	.container {margin-top:50px; font-size:13px;}
	.container p {line-height:20px;}
	.pc_vw {display:none !important;}
	.mo_vw {display:block !important;}
/* main */
	.mc01 {padding:20px 0;}
	.mc01 .tit {font-size:17px; line-height:24px; margin-bottom:0;}
	.mc_top {gap:10px; flex-direction:column-reverse;;}
	.mc_top > * {width:100%;}
	.mvisual .slick-dots {bottom:10px;}
	.mvisual .slick-dots button {width:8px; height:8px;}
	.mc_top .links a {height:auto; padding:15px 10px;}
	.mc_top .links a:before {width:12vw; margin-bottom:15px;}
	.mc_top .links p {font-size:11px;}
	.mc_top .bg {width:100%; aspect-ratio:36/21; background-size:contain;}
	.mc01 .info {display:none;}
	.mc02 {padding:50px 0 25px;}
	.mc02 .tit {font-size:18px; margin-bottom:25px;}
	.mc02 ul {gap:10px;}
	.mc02 li {width:calc(50% - 5px); padding:25px 20px;}
	.mc02 li:before {height:55px;}
	.mc02 li p {font-size:12px; padding-top:10px; margin-top:10px;}
/* sub */
	#subContent {padding-bottom:50px;}
	.svisual {height:100px; margin-bottom:45px;}
	.svisual .inner {justify-content:center; padding-bottom:5px;}
	.svisual h2 {font-size:19px;}
	.svisual .location {display:none;}
	.aside {bottom:-20px; display:flex; overflow:visible;}
	.aside .g,
	.aside .s dt {display:block;}
	.aside dl {position:relative; width:50%;}
	.aside dl + dl {border-left:#ebebeb 1px solid;}
	.aside dt button {position:relative; display:block; font-size:12px; color:#777; font-weight:500; line-height:40px; width:100%; text-align:left; padding:0 15px;}
	.aside dt button:after {content:""; position:absolute; top:0; right:10px; width:10px; height:100%; background:#777; mask:url('/images/arrow_aside.png') no-repeat 50% 50% / contain; -webkit-mask:url('/images/arrow_aside.png') no-repeat 50% 50% / contain;}
	.aside .g dt button {border-radius:10px 0 0 0;}
	.aside .s dt button {border-radius:0 10px 0 0;}
	.aside dd {position:absolute; top:100%; left:-1px; width:calc(100% + 2px); background:#fff; display:block; border-radius:0 0 16px 16px; border:#ebebeb 1px solid; border-top:0; display:none;}
	.aside a {display:block; flex-basis:100%; font-size:13px; line-height:40px; text-align:left; padding:0 15px;}
	.aside a + a {border-left:0; border-top:#ebebeb 1px solid;}
	.aside .on dt button {color:#fff; background:#24c0b9;}
	.aside .on dt button:after {background:#fff;}
	.aside dd a.on {color:#24c0b9; font-weight:500; background:none;}

	.stitle {font-size:24px; margin-bottom:30px;}
	.stitle.s {font-size:22px;}
	.stitle.mt {margin-top:50px;}
	.stitle.mb6 {margin-bottom:30px;}
	.stit {font-size:18px; padding-left:16px; margin:40px 0 10px;}
	.stit:before {width:6px;}

/* 테이블 */
	.tbl th,
	.tbl td {padding:10px; line-height:20px; height:40px;}
	.tbl col.row {width:90px;}
	.tbl .flex_center .txt {width:100%;}
	.tbl td.b {background:#f8f8f8;}
	p.p_pl,
/*	.p_pl p {padding-left:8px; text-indent:-8px;}*/
	.p_mt p + p {margin-top:10px;}

	.mo_break colgroup {display:none;}
	.mo_break table,
	.mo_break tbody,
	.mo_break td {display:block;}
	.mo_break tr,
	.mo_break th {display:flex; flex-wrap:wrap;}
	.mo_break th,
	.mo_break td {width:100%; height:auto; border-left:0; border-right:0;}
	.mo_break th {justify-content:center; gap:5px;}
	.mo_break .img {text-align:center;}

/** 사업안내 **/
/* 상담 */
	.use_step .gbox {padding:20px; flex-direction:column; gap:20px;}
	.use_step .tit {width:100%;}
	.use_step .con {width:100%; flex-direction:column; gap:20px !important;}
	.use_step .con li {width:100% !important; padding:12px 12px 12px 80px; text-align:left;}
	.use_step .con li:before {position:absolute; top:50%; left:20px; width:40px; height:40px; transform:translateY(-50%);}
	.use_step .con li + li:after {top:-20px; left:50% !important; width:20px !important; height:20px; transform:translateX(-50%) rotate(90deg);}
	.use_step .con li span {font-size:11px; padding:10px 0 5px; margin-bottom:5px;}
	.use_step .con li strong {line-height:20px;}
/* 노인통합돌봄 */
/* 노년사회화교육 */
	.img_flex {gap:5px; margin-top:30px;}
	.img_flex li {width:calc((100% - 10px)/3);}
	.img_flex li p {margin-top:10px;}
/* 특화 */

/* 갤러리 목록 */
	.gall_list {gap:30px 10px;}
	.gall_list li {width:calc(50% - 5px);}
	.gall_list li .txt {padding-top:10px;}
	.gall_list li p {font-size:15px; height:22px; line-height:22px;}
	.gall_list li .date {font-size:12px; margin-top:5px;}
/* 게시판 하단 */
	.board_bottom .btns {gap:2px; margin-top:30px;}
	.board_bottom .btns .btn {width:100px; font-size:12px;}
	.board_bottom .paging {gap:2px; margin-top:30px;}
	.board_bottom .paging a {width:30px; height:30px; line-height:28px; font-size:13px;}
	.board_bottom .paging .prev {margin-right:4px;}
	.board_bottom .paging .next {margin-left:4px;}
	.board_bottom .search_wrap {margin-top:30px;}
	.board_bottom .search_wrap .text,
	.board_bottom .search_wrap .btn {height:40px; line-height:38px; font-size:12px;}
	.board_bottom .search_wrap .text {padding:0 10px;}
	.board_bottom .search_wrap select.text {width:80px;}
	.board_bottom .search_wrap input.text {width:calc(100% - 170px); margin:0 5px;}
	.board_bottom .search_wrap .btn {width:80px;}
/* 게시판 목록 */
	.board_list th,
	.board_list td {height:45px;}
	.board_list th {font-size:13px;}
	.board_list td.tal a {padding-left:0; line-height:40px;}
	.board_list .notice td.tal a {padding-left:40px;}
	.board_list .notice td.tal a:before {width:30px; height:20px; line-height:20px; font-size:12px;}
	.board_list .w2 {width:60px;}
	.board_list .w3 {width:80px;}
/* 게시판 상세 */
	.board_view .tit {font-size:16px; line-height:24px; padding:10px 0;}
	.board_view .tit .date {position:relative; display:block; font-size:12px; line-height:18px; transform:none; margin-top:5px;}
	.board_view .con {padding:10px 0;}
	.board_view .file {line-height:20px; padding:10px 0;}
	.board_view .file dt {width:60px; font-size:13px;}
	.board_view .file dd {width:calc(100% - 60px);}
	.board_view .file dd a {font-size:13px;}
	.prev_next a {height:50px; line-height:50px; padding-left:120px; font-size:13px;}
	.prev_next a strong {width:120px; padding-left:5px;}
	.board_view ~ .board_bottom .btns .btn {font-size:13px; line-height:38px; height:40px; width:80px;}
/* 게시판 쓰기 */
	.board_write colgroup {display:none;}
	.board_write table,
	.board_write tbody,
	.board_write td {display:block;}
	.board_write tr,
	.board_write th {display:flex; flex-wrap:wrap;}
	.board_write th,
	.board_write td {width:100%; height:auto; border-left:0; border-right:0; font-size:13px; line-height:20px; padding:10px;}
	.board_write th {justify-content:center; gap:5px;}
	.board_write select.text,
	.board_write input.text {height:40px;}
	.board_write textarea.text {height:100px;}

/** 자원봉사/후원 **/
/* 자원봉사 안내 */
	.info_top {height:auto; padding:20px 20px 100px; font-size:18px; background-size:auto 80px;}
	.info_step dl {padding:20px; flex-direction:column; gap:10px;}
	.info_step dl + dl {margin-top:10px;}
	.info_step dt {width:100%; font-size:14px;}
	.info_step dt:before {height:40px; margin-bottom:5px;}
	.info_step dd {width:100%; line-height:20px; padding:10px 0; border-top:#ebebeb 1px solid;}
	.info_step dd:before {display:none;}
	.use_step.set5 .con li {height:80px; display:flex; align-items:center;}
	.use_step.set5 .con li strong {margin-top:0;}
	.boon_area .mt {margin-top:10px;}
/* 후원 안내 */
	.g04.s02 .info_step dl {height:auto;}
	.btn_bean {width:100%;}
	.g04.s02 .info_step dt:before {height:40px;}
	.info_step .bank {flex-direction:column; margin-top:16px;}
	.info_step .bank li {padding:10px; width:100%;}
	.info_step .bank span {line-height:30px; height:30px; width:100%;}
	.info_step .bank .num {gap:4px; margin:8px 0; font-size:14px;}
	.info_step .bank .num:before {width:80px;}
	.info_step .bank p {font-size:14px; line-height:16px;}
	.btn_done {font-size:16px; line-height:40px; height:44px; width:160px; margin-top:30px;}
	.btn_done:after {bottom:-12px; width:30px;}
/* 후원펀딩 */
	.done_box {padding:40px 20px;}
	.done_box i {width:200px; height:60px; line-height:58px;}
	.done_box p {font-size:13px;}

/** 복지관 소개 **/
/* 인사말 */
	.greeting {flex-direction:column; gap:20px;}
	.greeting .txt {width:100%;}
	.greeting .tit {font-size:18px; line-height:30px; margin-bottom:15px;}
	.greeting p {line-height:20px;}
	.greeting p + p {margin-top:15px;}
	.greeting .img {width:100%;}
/* 운영이념 */
	.mission_vision {gap:10px;}
	.mission_vision .iset {padding:20px; width:calc(50% - 5px);}
	.mission_vision .iset:before {width:40px; margin-bottom:10px;}
	.mission_vision .iset .tt {font-size:15px;}
	.mission_vision .iset p {font-size:13px; padding-top:10px; margin-top:10px;}
	.mission_vision .de {padding:20px;}
	.mission_vision .de .tit {font-size:16px; margin-bottom:10px;}
	.mission_vision .de dl {gap:90px 10px;}
	.mission_vision .de dt,
	.mission_vision .de dd {height:70px; width:calc(50% - 5px); font-size:12px; gap:2px; padding:10px;}
	.mission_vision .de dt {width:60%;}
	.ideal_talent {gap:10px; flex-direction:column;}
	.ideal_talent li {position:relative; width:100%; padding:20px 10px 20px 80px; text-align:left;}
	.ideal_talent li:before {position:absolute; top:50%; left:20px; width:40px; transform:translateY(-50%);}
	.ideal_talent li strong {font-size:16px; padding:0 0 10px; margin:0 0 10px; border:0; border-bottom:#ebebeb 1px solid;}
	.ideal_talent li p {line-height:20px;}
	.vision_area {flex-direction:column; align-items:center;}
	.vision_area li {width:100%; max-width:260px; padding:10px;}
	.vision_area li i {top:-23px; left:50%; width:1px; height:calc(100% + 46px);}
	.vision_area li:before,
	.vision_area li:after {left:50%; margin:0 0 0 -5px; transform:rotate(135deg);}
	.vision_area li:before {top:-31px; margin-left:-4px;}
	.vision_area li:after {bottom:-31px; top:auto; margin-left:-4px;}
	.vision_area li strong {font-size:22px; padding-bottom:10px; margin-bottom:10px; width:100px;}
	.vision_area li p {font-size:13px; line-height:22px; height:60px;}
	.vision_area li.c1 i {top:calc(50% + 23px); left:50%; width:1px; height:50%;}
	.vision_area li.c3 i {width:1px; height:50%;}
	.mission_area {padding:16px;}
	.mission_area:before {width:50px;}
	.mission_area strong {font-size:16px; padding:16px 0; margin-bottom:16px;}
	.mission_area p {font-size:13px;}
/* 시설현황/연혁 */
	.history {padding-top:30px;}
	.history:before {left:5px; height:calc(100% + 50px);}
	.history dl {flex-direction:column;}
	.history dl + dl {margin-top:30px;}
	.history dt {position:relative; width:100%; font-size:24px; padding-left:20px;}
	.history dt:before {content:""; position:absolute; top:50%; left:2px; width:7px; height:7px; background:#24c0b9; border-radius:50%; transform:translateY(-50%);}
	.history dd {width:100%; padding:5px 0 0 20px;}
	.history dd:before {display:none;}
	.history dd p {font-size:13px; line-height:20px; padding:5px 0 5px 65px;}
/* 조직도 */
	.organization .tit {font-size:16px; padding:10px; margin-bottom:30px;}
	.organization .chart .box {font-size:11px; line-height:20px; width:120px;}
	.organization .chart .box_side {margin:40px 0 30px;}
	.organization .chart .box_side:before {top:-40px; height:calc(100% + 120px);}
	.organization .chart .box_side:after {width:120px;}
	.organization .chart .box_side .c1 {margin-left:-170px; width:80px;}
	.organization .chart .boxs dd {padding:15px 10px; height:128px;}
	.organization .chart .boxs dd p {font-size:11px; line-height:20px; padding-left:8px;}
	.organization .chart .boxs dd p:before {top:8px;}
	.organization .chart .boxs dd p + p {margin-top:6px;}
	.organization .chart .flex {margin-top:20px; padding-top:20px; gap:40px; flex-direction:column;}
	.organization .chart .flex:before {top:-20px; height:20px;}
	.organization .chart .flex .left,
	.organization .chart .flex .right {position:relative; flex-basis:100%; padding:0 20px;}
	.organization .chart .flex .left:before {content:""; position:absolute; top:-20px; left:0; width:1px; height:calc(100% + 40px); background:#ebebeb;}
	.organization .chart .flex > * > .box:before {top:-20px; height:80px;}
	.organization .chart .flex > * > .box:after {top:-20px; width:calc(50vw - 20px);}
	.organization .chart .flex .left .box:after {top:-20px; left:auto; right:50%; width:calc(50vw - 20px);}
	.organization .chart .btm {gap:5px;}
	.organization .chart .btm .boxs {flex-basis:calc((100% - 10px)/3);}
/* 이용안내 */
	.use_info {flex-direction:column; gap:10px;}
	.use_info li {width:100%; padding:20px;}
	.use_info li:before {width:60px; background-size:50%;}
	.use_info strong {font-size:18px; padding:10px 0 5px; margin-bottom:5px;}
	.use_info p {padding-left:10px;}
	.use_info p:before {top:8px; width:4px; height:4px;}
	.g05.s05 .use_step {margin-top:10px;}
	.g05.s05 .use_step .con li {height:60px; display:flex; align-items:center;}
/* 찾아오시는 길 */
	.root_daum_roughmap .wrap_map {height:280px !important;}
	.map_text {padding:20px; flex-direction:column; gap:20px;}
	.map_text .tit {width:100%; font-size:18px; line-height:24px;}
	.map_text .con {width:100%;}
	.map_text .con li {padding-left:60px; font-size:13px;}
	.map_text .con li + li {margin-top:12px;}
	.map_text .con li strong {padding-left:22px; background-size:14px;}
	.map_text .con .links {margin-top:20px; gap:6px;}
	.map_text .con .links a {width:calc(50% - 3px); height:40px; line-height:40px; padding:0 16px; font-size:13px; background-size:12px;}
	.transportation > div {padding:20px 0; flex-direction:column;}
	.transportation .icon {width:100%;}
	.transportation .icon:before {width:80px; background-size:50%;}
	.transportation .txt {width:100%; min-height:auto; padding:20px 0 0; margin-top:20px; border-left: 0; border-top:#ebebeb 1px solid;}
	.transportation .tit {font-size:16px; margin-bottom:15px;}
	.transportation li + li {margin-top:15px;}
	.transportation li span {font-size:13px; line-height:24px; height:24px; width:50px;}
}
@media screen and (max-width:440px){
	.hd_pops {top:100px !important; left:1% !important; max-width:98%;}
	.hd_pops_con {width:100% !important; height:auto !important;}
	.pg_wrap {font-size: 12px;}
	.pg_page, .pg_current {height:32px;line-height:30px; min-width:32px;}
    .stitle {
        font-size: 17px;
        margin-bottom: 20px;
    }}