@charset "utf-8";
/* 당근고양이 'ㅅ' */

/* 초기화 */
@import url("default.css");
@font-face {
    font-family: 'SeoulNamsan';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_two@1.0/SeoulNamsanM.woff') format('woff');
    font-weight: normal;
    font-display: swap;
}
/* color */
	.green {color:#24c0b9 !important;}
	.red {color:#ff6b81 !important;}
	.red2 {color:#c93d3d !important;}
	.deep_red {color:#ca353b !important;}
	
/*font*/
	.namsan {font-family: 'SeoulNamsan'; !important;}

/* header */
	.header {position:fixed; top:0; left:0; width:100%; background:#fff; z-index:100; border-bottom:#ebebeb 1px solid; transition:.2s linear;}
	.header.fixed {box-shadow:rgba(0,0,0,.1) 0 0 10px;}
	.header .back {position:absolute; top:100%; left:0; width:100%; height:288px; background:#fff; border-top:#ebebeb 1px solid; display:none;}
	.header .inner {position:relative; height:110px;}
	.header .logo {position:absolute; top:0; left:20px; line-height:110px; font-size:0;}
	.header h1 {display:none;}
	.header .gnb {color:#222;}
	.header .gnb ul {display:flex; justify-content:center;}
	.header .gnb li {position:relative;}
	.header .gnb li > a {position:relative; display:block; font-size:22px; font-weight:700; line-height:110px; padding:0 36px;}
	.header .gnb li > a:after {content:""; position:absolute; bottom:0; left:50%; width:0; height:2px; background:#24c0b9; transform:translateX(-50%); transition:.2s linear;}
	.header .gnb li.on > a:after {width:100%;}
	.header .snb {position:absolute; top:100%; left:0; width:100%; text-align:center; padding:15px 0; display:none;}
	.header .snb a {display:block; font-size:19px; line-height:41px;}
	.header .snb a.on {color:#24c0b9; font-weight:700;}
/* footer */
	.fbanner,
	.footer {padding:45px 0; border-top:#ebebeb 1px solid;}
	.fbanner .fbanner_slide {position:relative; padding:0 26px;}
	.fbanner .fbanner_slide .slick-slide {padding:0 11px; font-size:0;}
	.fbanner .fbanner_slide .slick-slide a {border:#ebebeb 1px solid;}
	.fbanner .fbanner_slide .slick-arrow {position:absolute; top:0; width:20px; height:100%; background:url('/images/arrow_slide.png') no-repeat 50% 50%; font-size:0;}
	.fbanner .fbanner_slide .slick-prev {left:0;}
	.fbanner .fbanner_slide .slick-next {right:0; transform:scaleX(-1);}
	.footer .gotop {position:fixed; bottom:20px; right:20px; width:50px; height:50px; border-radius:50%; background:#24c0b9 url('/images/gotop.png') no-repeat 50% 50%; font-size:0;}	
	.footer .inner {position:relative; padding:0 180px 0 300px; background:url('/images/flogo.png') no-repeat 20px 50%;}
	.footer .address {display:flex; gap:30px; flex-wrap:wrap; font-size:17px;}
	.footer .address dl {display:flex; gap:12px 5px;}
	.footer .address dt {color:#222; font-weight:700;}
	.footer .address dd {color:#666;}
	.footer .copy {font-size:16px; color:#222; margin-top:10px;}
	.footer .btn_privacy_policy {position:absolute; top:50%; right:20px; font-size:16px; color:#888; line-height:42px; height:44px; width:140px; text-align:center; border:#e1e1e1 1px solid; border-radius:10px; transform:translateY(-50%);}
/* 공통 */
	.container {margin-top:72px; font-size:20px; color:#222; font-weight:500;}
	.container p {line-height:37px;}
/* main */
	.mc01 {background:url('/images/bg_mc01.jpg') no-repeat 50% 50% / cover; padding:85px 0 60px; }
	.mc01 .tit {font-size:39px; color:#002e4e; font-weight:700; line-height:55px; text-align:center; margin-bottom:50px;}
	.mc_top {gap:20px;}
	.mc_top > * {width:calc((100% - 40px)/3);}
	.mvisual {position:relative; border-radius:10px; overflow:hidden;}
	.mvisual .slick-list,
	.mvisual .slick-track,
	.mvisual .slick-slide,
	.mvisual .slick-slide > div {height:100%;}
	.mvisual .slick-slide img {width:100%; height:100%; object-fit:cover;}
	.mvisual .slick-dots {position:absolute; bottom:20px; left:0; width:100%; display:flex; justify-content:center; gap:4px;}
	.mvisual .slick-dots button {display:block; font-size:0; width:10px; height:10px; background:#fff9; border-radius:50%;}
	.mvisual .slick-dots .slick-active button {background:#24c0b9;}
	.mc_top .links {flex-wrap:wrap; gap:20px;}
	.mc_top .links a:hover {background:#eefffe;}
	.mc_top .links a {width:calc(50% - 10px); height:212px; background:#fff; border-radius:10px; padding:30px 0 10px;}
	.mc_top .links a:before {content:""; display:block; width:92px; aspect-ratio:1/1; border-radius:50%; background:#f5f5f5 no-repeat 50% 50% / contain; margin:0 auto 20px;}
	.mc_top .links p {font-size:22px; color:#222; font-weight:700; line-height:30px; text-align:center;}
	.mc_top .links .i1:before {background-image:url('/images/icon_mc01_01.png');}
	.mc_top .links .i2:before {background-image:url('/images/icon_mc01_02.png');}
	.mc_top .links .i3:before {background-image:url('/images/icon_mc01_03.png');}
	.mc_top .links .i4:before {background-image:url('/images/icon_mc01_04.png');}
	.mc_top .bg {background:url('/images/img_mc01.png') no-repeat 50% 100%;}
	.mc01 .info {margin-top:22px; background:#fff; border-radius:10px;}
	.mc01 .info li {position:relative; width:25%; height:110px; padding-left:100px; display:flex; flex-direction:column; justify-content:center; gap:10px; line-height:1;}
	.mc01 .info li:before {content:""; position:absolute; top:50%; left:30px; width:48px; aspect-ratio:1/1; border-radius:50%; background:#24c0b9 no-repeat 50% 50% / contain; transform:translateY(-50%);}
	.mc01 .info li + li:after {content:""; position:absolute; top:50%; left:0; height:74px; border-left:#d8d8d8 1px dashed; transform:translateY(-50%);}
	.mc01 .info span {font-size:18px; color:#777;}
	.mc01 .info strong {font-size:21px; color:#222; font-weight:600;}
	.mc01 .info p {font-size:16px; color:#4a4a4a; line-height:5px; }
	.mc01 .info .i1 {padding-left:0;}
	.mc01 .info .i1 a {padding-left:100px; font-size:22px; color:#222; font-weight:700;}
	.mc01 .info .i1:before {background-image:url('/images/icon_mc01_05.png');}
	.mc01 .info .i2:before {background-image:url('/images/icon_mc01_06.png');}
	.mc01 .info .i3:before {background-image:url('/images/icon_mc01_07.png');}
	.mc01 .info .i4:before {background-image:url('/images/icon_mc01_08.png');}

.mc02 {background:#f5f5f5; padding:110px 0 105px;}
.mc02 .tit {font-size:36px; color:#222; font-weight:700; line-height:1; margin-bottom:52px; text-align:center;}
.mc02 ul {display:flex; flex-wrap:wrap; gap:22px;}

.mc02 li {width:calc((100% - 44px)/3);}
.mc02 li a {
	display:block;
	background:#fff;
	border:4px solid #eefffe;
	border-radius:10px;
	padding:30px 58px;
	text-align:center;
	transition:all 0.3s ease;
}

.mc02 li a:before {
	content:"";
	display:block;
	width:100%;
	height:150px;
	background:no-repeat 50% 50%;
}

.mc02 li a span {
	display:block;
	font-size:22px;
	font-weight:700;
	line-height:1;
	padding-top:22px;
	border-top:1px solid #ebebeb;
	margin-top:20px;
	color:#222;
}

.mc02 li.i1 a:before {background-image:url('/images/icon_mc02_01.png');}
.mc02 li.i2 a:before {background-image:url('/images/icon_mc02_02.png');}
.mc02 li.i3 a:before {background-image:url('/images/icon_mc02_03.png');}
.mc02 li.i4 a:before {background-image:url('/images/icon_mc02_04.png');}
.mc02 li.i5 a:before {background-image:url('/images/icon_mc02_05.png');}
.mc02 li.i6 a:before {background-image:url('/images/icon_mc02_06.png');}

.mc02 li a:hover {
	background:#eefffe;
	border-color:#eefffe;
}


	
/* sub */
	#subContent {padding-bottom:170px;}
	.svisual {height:208px; background:url('/images/svisual.jpg') no-repeat 50% 50% / cover; z-index:20; margin-bottom:120px;}
	.svisual .inner {position:relative; height:100%; display:flex; justify-content:space-between; align-items:center;}
	.svisual h2 {font-size:46px; color:#222; font-weight:700;}
	.svisual .location {position:relative; display:flex; align-items:center; font-size:18px; z-index:2;}
	.svisual .location i {width:16px; height:18px; background:url('/images/icon_home.png') no-repeat 50% 50% / contain;}
	.svisual .location em {width:30px; height:20px; background:url('/images/arrow_location.png') no-repeat 50% 50%;}
	.svisual .location span {color:#9c9c9c;}
	.svisual .location dl {position:relative;}
	.svisual .location dt button {position:relative; color:#24c0b9; font-weight:500; padding-right:20px;}
	.svisual .location dt button:after {content:""; position:absolute; top:0; right:0; width:11px; height:100%; background:url('/images/arrow_location_dl.png') no-repeat 50% 50%;}
	.svisual .location dd {position:absolute; top:150%; right:0; background:#fff; padding:10px 20px; border:#ddd 1px solid; display:none;}
	.svisual .location dd a {display:block; font-size:15px; color:#666; font-weight:500; line-height:34px;}
	.svisual .location dd a.on {color:#24c0b9;}
	.aside {position:absolute; bottom:-37px; left:20px; width:calc(100% - 40px); z-index:1; border:#ebebeb 1px solid; border-radius:10px; background:#fff; overflow:hidden;}
	.aside .g,
	.aside .s dt {display:none;}
	.aside dd {display:flex;}
	.aside a {flex:1 1 calc(100%/6); font-size:20px; color:#222;font-weight:500; line-height:72px; text-align:center;}
	.aside a + a {border-left:#ebebeb 1px solid;}
	.aside a.on {color:#fff; font-weight:700; background:#24c0b9;}

	.stitle {font-size:40px; color:#222; font-weight:700; line-height:1; text-align:center; margin-bottom:80px;}
	.stitle.s {font-size:39px;}
	.stitle.mt {margin-top:155px;}
	.stitle.mb6 {margin-bottom:60px;}
	.stit {position:relative; font-size:26px; color:#222; font-weight:700; padding-left:25px; margin:75px 0 25px;}
	.stit:first-child {margin-top:0;}
	.stit:before {content:""; position:absolute; top:50%; left:0; width:14px; aspect-ratio:1/1; background:#24c0b9; border-radius:50%; transform:translateY(-50%);}

/* 테이블 */
	.tbl table {border-top:#24c0b9 1px solid;}
	.tbl th,
	.tbl td {border:#ddd 1px solid; border-top:0; padding:14px 24px; line-height:31px; height:80px;}
	.tbl th:first-child,
	.tbl td:first-child {border-left:0;}
	.tbl th:last-child,
	.tbl td:last-child {border-right:0;}
	.tbl th {color:#222; font-weight:600; background:#f5f5f5;}
	.tbl col.row {width:250px;}
	.tbl col.wth1 {width:70px;}
	.tbl col.wth2 {width:230px;}
	.tbl col.img {width:310px;}
	.tbl col.td_b {width:140px;}
	.tbl .flex_center .txt {width:calc(100% - 310px);}
	.tbl td.b {font-weight:600;}
	p.p_pl,
/*	.p_pl p {padding-left:10px; text-indent:-10px;}*/
	.p_mt p + p {margin-top:15px;}

/** 사업안내 **/
/* 상담 */
	.gbox {background:#f5f5f5;}
	.use_step .gbox {border-radius:10px; padding:36px 40px; display:flex; align-items:center;}
	.use_step .gbox + .gbox {margin-top:16px;}
	.use_step .tit {width:180px; padding-left:10px; font-size:21px; color:#222; font-weight:700;}
	.use_step .con {width:calc(100% - 220px); display:flex; gap:110px;}
	.use_step .con li {position:relative; width:calc((100% - 220px)/3); padding:20px; text-align:center; background:#fff; border:#ebebeb 1px solid; border-radius:4px;}
	.use_step .con li:before {content:""; display:block; width:100%; height:72px; background:no-repeat 50% 50%;}
	.use_step .con li + li:after {content:""; position:absolute; top:0; left:-111px; width:110px; height:100%; background:url('/images/arrow_step.png') no-repeat 50% 50%;}
	.use_step .con li span {display:block; font-size:16px; color:#36c5bf; font-weight:600; line-height:14px; padding:20px 0 10px; margin-bottom:12px; border-bottom:#f5f5f5 1px solid;}
	.use_step .con li strong {display:block; color:#222; font-weight:600; line-height:30px;}
	.g01.s01 .use_step .con li.step1:before {background-image:url('/images/icon_s0101_step01.png');}
	.g01.s01 .use_step .type1 .con li.step2:before {background-image:url('/images/icon_s0101_step02_a.png');}
	.g01.s01 .use_step .type1 .con li.step3:before {background-image:url('/images/icon_s0101_step03_a.png');}
	.g01.s01 .use_step .type2 .con li.step2:before {background-image:url('/images/icon_s0101_step02_b.png');}
	.g01.s01 .use_step .type2 .con li.step3:before {background-image:url('/images/icon_s0101_step03_b.png');}
/* 노인통합돌봄 */
	.use_step.set6 .con {gap:40px;}
	.use_step.set6 .con li {width:calc((100% - 200px)/6);}
	.use_step.set6 .con li + li:after {left:-41px; width:40px;}
	.g01.s02 .use_step .con li.step1:before {background-image:url('/images/icon_s0102_step01.png');}
	.g01.s02 .use_step .con li.step2:before {background-image:url('/images/icon_s0102_step02.png');}
	.g01.s02 .use_step .con li.step3:before {background-image:url('/images/icon_s0102_step03.png');}
	.g01.s02 .use_step .con li.step4:before {background-image:url('/images/icon_s0102_step04.png');}
	.g01.s02 .use_step .con li.step5:before {background-image:url('/images/icon_s0102_step05.png');}
	.g01.s02 .use_step .con li.step6:before {background-image:url('/images/icon_s0102_step06.png');}
/* 노년사회화교육 */
	.img_flex {display:flex; gap:34px; margin-top:45px;}
	.img_flex li {width:calc((100% - 68px)/3);}
	.img_flex li p {display:block; color:#222; font-weight:600; margin-top:25px; text-align:center;}
	.use_step.set4 .con {gap:40px;}
	.use_step.set4 .con li {width:calc((100% - 120px)/4);}
	.use_step.set4 .con li + li:after {left:-41px; width:40px;}
	.g01.s03 .use_step .con li.step1:before {background-image:url('/images/icon_s0103_step01.png');}
	.g01.s03 .use_step .con li.step2:before {background-image:url('/images/icon_s0103_step02.png');}
	.g01.s03 .use_step .con li.step3:before {background-image:url('/images/icon_s0103_step03.png');}
	.g01.s03 .use_step .con li.step4:before {background-image:url('/images/icon_s0103_step04.png');}
/* 기능회복 */
	.g01.s04 .use_step .con li.step1:before {background-image:url('/images/icon_s0102_step01.png');}
	.g01.s04 .use_step .type1 .con li.step2:before {background-image:url('/images/icon_s0101_step02_a.png');}
	.g01.s04 .use_step .type1 .con li.step3:before {background-image:url('/images/icon_s0104_step03_a.png');}
	.g01.s04 .use_step .type2 .con li.step2:before {background-image:url('/images/icon_s0104_step02_b.png');}
	.g01.s04 .use_step .type2 .con li.step3:before {background-image:url('/images/icon_s0103_step04.png');}
/* 특화 */
	.use_step.set3 .con {gap:45px;}
	.use_step.set3 .con li {width:calc((100% - 90px)/3);}
	.use_step.set3 .con li + li:after {left:-46px; width:45px;}
	.g01.s06 .use_step .con li.step1:before {background-image:url('/images/icon_s0102_step01.png');}
	.g01.s06 .use_step .con li.step2:before {background-image:url('/images/icon_s0104_step02_b.png');}
	.g01.s06 .use_step .con li.step3:before {background-image:url('/images/icon_s0103_step04.png');}

/* 갤러리 목록 */
	.gall_list {display:flex; flex-wrap:wrap; gap:55px 30px;}
	.gall_list li {width:calc((100% - 60px)/3);}
	.gall_list li a {display:block;}
	.gall_list li span {display:block;}
	.gall_list li i {display:block; width:100%; aspect-ratio:22/15; overflow:hidden;}
	.gall_list li i img {width:100%;}
	.gall_list li .txt {padding-top:20px; text-align:center;}
	.gall_list li p {display:block; font-size:20px; color:#222; font-weight:700; height:24px; line-height:24px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
	.gall_list li .date {font-size:14px; color:#525252; line-height:14px; margin-top:10px;}
/* 게시판 하단 */
	.board_bottom .btns {display:flex; justify-content:flex-end; gap:5px; margin-top:50px;}
	.board_bottom .btns .btn {width:150px; height:40px; line-height:40px; background:#4ebccd; font-size:15px; color:#fff; text-align:center; border:0; vertical-align:top;}
	.board_bottom .paging {display:flex; justify-content:center; gap:14px; margin-top:50px;}
	.board_bottom .paging a {width:42px; height:42px; line-height:40px; text-align:center; font-size:17px; color:#999; border:#fff 1px solid;}
	.board_bottom .paging a.on {color:#4ebccd; border-color:#4ebccd;}
	.board_bottom .paging .arrow {font-size:0;}
	.board_bottom .paging .prev {margin-right:10px;}
	.board_bottom .paging .next {margin-left:10px;}
	.board_bottom .search_wrap {text-align:center; font-size:0; margin-top:50px;}
	.board_bottom .search_wrap .text,
	.board_bottom .search_wrap .btn {display:inline-block; vertical-align:top; height:40px; line-height:38px; font-size:16px;}
	.board_bottom .search_wrap .text {padding:0 19px;}
	.board_bottom .search_wrap select.text {width:140px;}
	.board_bottom .search_wrap input.text {width:310px; margin:0 10px;}
	.board_bottom .search_wrap .btn {width:110px; border:0; color:#545454; background:#fff; font-weight:bold; text-align:center; border:#545454 1px solid;}
/* 게시판 목록 */
	.board_list {border-top:#ddd 2px solid;}
	.board_list th,
	.board_list td {height:62px; text-align:center; border-bottom:#ddd 1px solid;}
	.board_list th {font-size:18px; color:#222;}
	.board_list td {color:#525252;}
	.board_list td.tal a {position:relative; padding-left:60px; display:inline-block; vertical-align:top; max-width:100%; line-height:62px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
	.board_list .notice td.tal a:before {content:"공지"; position:absolute; top:50%; left:0; width:50px; height:35px; line-height:35px; text-align:center; font-size:15px; color:#fff; font-weight:500; background:#ef5c77; border-radius:5px; transform:translateY(-50%);}
	.board_list .w1 {width:90px;}
	.board_list .w2 {width:120px;}
	.board_list .w3 {width:170px;}
/* 게시판 상세 */
	.board_view {border-top:#273a58 2px solid;}
	.board_view .tit {position:relative; font-size:22px; color:#022; font-weight:700; line-height:30px; padding:30px 140px 30px 0; border-bottom:#e1e1e1 1px solid; word-break:break-word;}
	.board_view .tit .date {position:absolute; top:50%; right:0; font-size:16px; color:#999; font-weight:400; transform:translateY(-50%);}
	.board_view .con {padding:30px 0; border-bottom:#e1e1e1 1px solid; word-break:break-word;}
	.board_view .file {display:flex; border-bottom:#e1e1e1 1px solid; line-height:24px; padding:20px 0;}
	.board_view .file dt {width:90px; font-size:17px; color:#222; font-weight:500;}
	.board_view .file dd {width:calc(100% - 90px);}
	.board_view .file dd a {display:block; font-size:16px; color:#666; font-weight:500;}
	.prev_next a {position:relative; display:block; border-bottom:#e1e1e1 1px solid; height:70px; line-height:70px; padding-left:170px; font-size:17px; color:#777; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
	.prev_next a strong {position:absolute; top:0; left:0; width:170px; color:#222; padding-left:10px;}
	.prev_next a strong:after {content:""; position:absolute; top:0; right:20px; width:14px; height:100%; background:url('/images/arrow_page.png') no-repeat 50% 50% / contain;}
	.prev_next a.next strong:after {transform:scaleY(-1);}
	.board_view ~ .board_bottom .btns {position:relative; justify-content:flex-end;}
	.board_view ~ .board_bottom .btns .btn {font-size:16px; color:#9f9f9f; line-height:48px; height:50px; width:110px; text-align:center; border:#d7d7d7 1px solid; background:#fff;}
/* 게시판 쓰기 */
	.board_write {border-top:#222 1px solid;}
	.board_write th,
	.board_write td {border-bottom:#ddd 1px solid; font-size:17px; line-height:50px;}
	.board_write th {width:260px; padding:15px 25px; background:#f5f5f5;}
	.board_write td {padding:15px 20px;}
	.board_write .w1 {width:100%; max-width:600px;}
	.board_write select.text,
	.board_write input.text {height:50px;}
	.board_write textarea.text {height:150px;}
	.board_write .email {gap:8px;}
	.board_write .email .text {width:180px;}
	.board_write .email span {width:15px; line-height:50px; text-align:center;}
	.board_write .tel .text {width:140px;}
	.board_write .tel span {width:45px; line-height:50px; text-align:center;}
	.board_write .radios {gap:20px;}
	.board_write .w2 {width:170px;}
	.board_write .flex p {font-size:16px; color:#e50202; font-weight:500; padding-left:20px;}
	label.radio,
	label.check {position:relative; padding-left:30px; font-size:17px; color:#777; line-height:30px;}

	label.radio input,
	label.check input {display:none;}
	label.radio i,
	label.check i {position:absolute; top:50%; left:0; width:22px; height:22px; border:#e1e1e1 1px solid; transform:translateY(-50%); transition:.2s linear;}
	label.radio i {border-radius:50%;}
	label.check i {border-radius:4px;}
	label.radio i:before {content:""; position:absolute; top:50%; left:50%; width:0; height:0; background:#222; border-radius:50%; transform:translate(-50%,-50%); transition:.2s linear;}
	label.radio input:checked + i {border-color:#222;}
	label.radio input:checked + i:before {width:14px; height:14px;}
	label.check i:before {content:""; display:block; width:100%; height:100%; background:url('/images/btn_check.png') no-repeat 50% 50%; opacity:0; transition:.2s linear;}
	label.check input:checked + i {border-color:#222;}
	label.check input:checked + i:before {opacity:1;}
	label.check a {color:#222; font-weight:500; text-decoration:underline;}
	.write_check {padding:55px 0 50px;}
	.btns_tac .btn {display:block; color:#fff; font-weight:700; line-height:60px; height:60px; width:200px; background:#222;}
	.filebutton {position:relative; width:90px; height:34px; overflow:hidden;}
	.filebutton span {display:inline-block; vertical-align:top; width:90px; height:34px; line-height:34px; font-size:14px; color:#fff; background:#222; border:#222 1px solid; text-align:center;}
	.filebutton input {z-index:999; position:absolute; top:-2px; left:-700px; margin:0; padding:0; font-size:50px; line-height:0; opacity:0; filter:alpha(opacity = 0); -ms-filter:"alpha(opacity=0)"; cursor:pointer; _cursor:hand;}
	.filebox {float:left; width:calc(100% - 90px); height:34px; line-height:34px; padding:0 10px; overflow:hidden; color:#666; font-size:15px; white-space:nowrap;}

/** 자원봉사/후원 **/
/* 자원봉사 안내 */
	.info_top {height:234px; padding:30px 25% 30px 30px; border-radius:10px; display:flex; align-items:center; flex-wrap:wrap; align-content:center; gap:0 5px; font-size:28px; color:#222; font-weight:700; background:#e5f9f8 no-repeat right 15px bottom;}
	.g04.s01 .info_top {background-image:url('/images/icon_s0401_top.png');}
	.info_step {padding:40px 35px; border-radius:10px;}
	.info_step dl {display:flex; align-items:center; background:#fff; border:#ddd 1px solid; border-radius:4px; padding:25px 0;}
	.info_step dl + dl {margin-top:20px;}
	.info_step dt {width:260px; display:flex; flex-direction:column; justify-content:center; align-items:center; text-align:center; font-size:20px; color:#24c0b9; font-weight:700;}
	.info_step dt:before {content:""; display:block; width:100%; height:68px; background:no-repeat 50% 50% / contain; margin-bottom:12px;}
	.info_step dd {position:relative; width:calc(100% - 260px); color:#222; line-height:31px; padding:0 30px; height:100%; display:flex; flex-direction:column; justify-content:center;}
	.info_step dd:before {content:""; position:absolute; top:0; left:0; width:1px; height:100%; background:#ebebeb;}
	.info_step dd p span {color:#9f9f9f;}
	.g04.s01 .info_step .i1 dt:before {background-image:url('/images/icon_s0401_info01.png');}
	.g04.s01 .info_step .i2 dt:before {background-image:url('/images/icon_s0401_info02.png');}
	.g04.s01 .info_step .i3 dt:before {background-image:url('/images/icon_s0401_info03.png');}
	.g04.s01 .info_step .i4 dt:before {background-image:url('/images/icon_s0401_info04.png');}
	.g04.s01 .info_step .i5 dt:before {background-image:url('/images/icon_s0401_info05.png');}
	.use_step.set5 .con {gap:50px;}
	.use_step.set5 .con li {width:calc((100% - 200px)/5);}
	.use_step.set5 .con li + li:after {left:-50px; width:50px;}
	.use_step.set5 .con li strong {margin-top:35px;}
	.g04.s01 .use_step .con li.step1:before {background-image:url('/images/icon_s0401_step01.png');}
	.g04.s01 .use_step .con li.step2:before {background-image:url('/images/icon_s0401_step02.png');}
	.g04.s01 .use_step .con li.step3:before {background-image:url('/images/icon_s0401_step03.png');}
	.g04.s01 .use_step .con li.step4:before {background-image:url('/images/icon_s0401_step04.png');}
	.g04.s01 .use_step .con li.step5:before {background-image:url('/images/icon_s0401_step05.png');}
	.boon_area {padding:30px; border-radius:10px;}
	.boon_area .mt {margin-top:20px;}
/* 후원 안내 */
	.g04.s02 .info_top {background-image:url('/images/icon_s0402_top.png');}
	.g04.s02 .info_step dl {height:320px;}
	.btn_bean {display:block; width:134px; height:42px; line-height:40px; font-size:0; text-align:center; background:url('/images/btn_bean.jpg') no-repeat 50% 50%; border:#03c75a 1px solid; border-radius:10px; margin-top:10px;}
	.g04.s02 .info_step dt:before {height:64px;}
	.g04.s02 .info_step .i1 dt:before {background-image:url('/images/icon_s0402_info01.png');}
	.g04.s02 .info_step .i2 dt:before {background-image:url('/images/icon_s0402_info02.png');}
	.g04.s02 .info_step .i3 dt:before {background-image:url('/images/icon_s0402_info03.png');}
	.g04.s02 .info_step .i4 dt:before {background-image:url('/images/icon_s0402_info04.png');}
	.g04.s02 .info_step .i5 dt:before {background-image:url('/images/icon_s0402_info05.png');}
	.g04.s02 .info_step .i6 dt:before {background-image:url('/images/icon_s0402_info06.png');}
	.info_step .bank {display:flex; gap:20px; margin-top:20px;}
	.info_step .bank li {width:calc(50% - 10px); max-width:413px; border:#e1e1e1 1px solid; border-radius:5px; padding:23px; text-align:center;}
	.info_step .bank span {display:block; color:#fff; font-weight:700; line-height:40px; height:40px; width:150px; border-radius:20px; text-align:center; margin:0 auto;}
	.info_step .bank .num {display:flex; justify-content:center; align-items:center; gap:20px; margin:15px 0; font-size:20px; color:#222; font-weight:700;}
	.info_step .bank .num:before {content:""; display:block; width:102px; aspect-ratio:102/23; background:url('/images/icon_bank.jpg') no-repeat 50% 50% / contain;}
	.info_step .bank p {font-size:16px; color:#6d6d6d; font-weight:500; line-height:18px;}
	.info_step .bank .c1 span {background:#24c0b9;}
	.info_step .bank .c2 span {background:#24c066;}
	.g04.s02 .use_step .con li.step1:before {background-image:url('/images/icon_s0401_step01.png');}
	.g04.s02 .use_step .con li.step2:before {background-image:url('/images/icon_s0401_step02.png');}
	.g04.s02 .use_step .con li.step3:before {background-image:url('/images/icon_s0402_step03.png');}
	.g04.s02 .use_step .con li.step4:before {background-image:url('/images/icon_s0402_info02.png');}
	.g04.s02 .use_step .con li.step5:before {background-image:url('/images/icon_s0402_step05.png');}
	.btn_done {position:relative; display:block; font-size:23px; color:#24c0b9; font-weight:700; line-height:68px; height:72px; width:280px; background:#f7fefe; border:#24c0b9 2px solid; border-radius:36px; margin:55px auto 0; text-align:center;}
	.btn_done:after {content:""; position:absolute; bottom:-17px; right:0; width:45px; aspect-ratio:45/63; background:url('/images/btn_done.png') no-repeat 50% 50% / contain;}
/* 후원펀딩 */
	.done_box {display:block; padding:80px 20px 65px; text-align:center; background:no-repeat 50% 50% / cover; border-radius:10px;}
	.done_box i {display:block; width:289px; height:94px; line-height:92px; border:#f4f4f4 1px solid; background:#fff; border-radius:5px; text-align:center; margin:0 auto 15px;}
	.done_box p {font-size:16px; color:#969696;}
	.done_box.bg01 {background-image:url('/images/bg_done_box01.jpg');}
	.done_box.bg02 {background-image:url('/images/bg_done_box02.jpg');}
	.done_box.bg03 {background-image:url('/images/bg_done_box_kakao.jpg');}

/** 복지관 소개 **/
/* 인사말 */
	.greeting {display:flex; align-items:flex-start;}
	.greeting .txt {width:calc(100% - 615px);}
	.greeting .tit {font-size:30px; color:#222; font-weight:700; line-height:47px; margin-bottom:40px;}
	.greeting p {color:#222; line-height:35px;}
	.greeting p + p {margin-top:30px;}
	.greeting .name {font-weight:600;}
	.greeting .img {width:615px; border-radius:10px; overflow:hidden;}
/* 운영이념 */
	.mission_vision {display:flex; flex-wrap:wrap; gap:36px 44px;}
	.mission_vision .gbox {border-radius:10px; text-align:center;}
	.mission_vision .iset {padding:30px 40px; width:calc(50% - 22px);}
	.mission_vision .iset:before {content:""; display:block; width:82px; aspect-ratio:1/1; background:#fff no-repeat 50% 50%; border-radius:50%; margin:0 auto 20px;}
	.mission_vision .iset .tt {display:block; font-size:23px; color:#222;}
	.mission_vision .iset p {font-size:21px; color:#222; line-height:1.2; padding-top:25px; margin-top:30px; border-top:#ebebeb 1px solid;}
	.mission_vision .mission:before {background-image:url('/images/icon_mission.png');}
	.mission_vision .vision:before {background-image:url('/images/icon_vision.png');}
	.mission_vision .de {padding:60px 100px 96px; background-image:url('/images/bg_mission_vision.png'); background-repeat:no-repeat; background-position:50% 50%;}
	.mission_vision .de .tit {font-size:23px; color:#222; font-weight:700; margin-bottom:30px;}
	.mission_vision .de dl {position:relative; display:flex; flex-wrap:wrap; justify-content:space-between; align-items:stretch; gap:104px;}
	.mission_vision .de dt,
	.mission_vision .de dd {border-radius:10px; height:104px; width:calc((100% - 52px)/3); display:flex; justify-content:center; align-items:center;}
	.mission_vision .de dt {position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); font-size:22px; color:#fff; font-weight:700; background:#24c0b9; box-shadow:#4ccbc6cc 0 0 9px;}
	.mission_vision .de dt:before {content:""; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:calc(100% - 16px); height:calc(100% - 16px); border-radius:inherit; border:#fff 1px dashed; opacity:.44;}
	.mission_vision .de dd {background:#fff; border:#24c0b9 1px solid; font-size:20px; color:#222;}
	.ideal_talent {display:flex; gap:45px;}
	.ideal_talent li {width:calc((100% - 135px)/4); border:#ebebeb 3px solid; border-radius:10px; padding:55px 40px; text-align:center;}
	.ideal_talent li:before {content:""; display:block; width:100%; height:49px; background:no-repeat 50% 50% / contain;}
	.ideal_talent li strong {display:block; font-size:22px; color:#222; padding-top:29px; margin:35px 0 20px; border-top:#ebebeb 1px solid;}
	.ideal_talent li p {color:#666; line-height:29px;}
	.ideal_talent li.i1:before {background-image:url('/images/icon_ideal_talent01.png');}
	.ideal_talent li.i2:before {background-image:url('/images/icon_ideal_talent02.png');}
	.ideal_talent li.i3:before {background-image:url('/images/icon_ideal_talent03.png');}
	.ideal_talent li.i4:before {background-image:url('/images/icon_ideal_talent04.png');}
	.vision_area {display:flex; justify-content:center; gap:74px;}
	.vision_area li {position:relative; width:288px; aspect-ratio:1/1; border-radius:50%; text-align:center; border:1px dotted; padding:13px; background:#fff;}
	.vision_area li i {position:absolute; top:50%; left:-32px; width:calc(100% + 64px); height:1px; z-index:-1;}
	.vision_area li:before,
	.vision_area li:after {content:""; position:absolute; top:50%; width:12px; aspect-ratio:1/1; border-radius:50%; border:transparent 2px solid; transform:rotate(46deg);}
	.vision_area li:before {left:-44px; margin-top:-5px;}
	.vision_area li:after {right:-44px; margin-top:-5px;}
	.vision_area li .box {display:flex; flex-direction:column; justify-content:center; align-items:center; border-radius:50%; width:100%; height:100%; color:#fff;}
	.vision_area li strong {display:block; font-size:32px; padding-bottom:24px; margin-bottom:20px; width:140px; border-bottom:#fff3 1px solid;}
	.vision_area li p {font-size:18px; font-weight:600; line-height:28px; height:84px; display:flex; flex-direction:column; justify-content:center; align-items:center;}
	.vision_area li.c1 {border-color:#24c0b9;}
	.vision_area li.c2 {border-color:#f29c6b;}
	.vision_area li.c3 {border-color:#7bbfa0;}
	.vision_area li.c1 i {background:#24c0b9; left:calc(50% + 32px); width:50%;}
	.vision_area li.c2 i {background:#f29c6b;}
	.vision_area li.c3 i {background:#7bbfa0; width:50%;}
	.vision_area li.c1 .box {background:#24c0b9;}
	.vision_area li.c2 .box {background:#f29c6b;}
	.vision_area li.c3 .box {background:#7bbfa0;}
	.vision_area li.c1:after {border-bottom-color:#24c0b9; border-left-color:#24c0b9;}
	.vision_area li.c2:before {border-top-color:#f29c6b; border-right-color:#f29c6b;}
	.vision_area li.c2:after {border-bottom-color:#f29c6b; border-left-color:#f29c6b;}
	.vision_area li.c3:before {border-top-color:#7bbfa0; border-right-color:#7bbfa0;}
	.mission_area {padding:30px; text-align:center; border-radius:10px;}
	.mission_area:before {content:""; display:block; width:82px; aspect-ratio:1/1; background:#fff url('/images/icon_mission.png') no-repeat 50% 50%; border-radius:50%; margin:0 auto;}
	.mission_area strong {display:block; font-size:23px; color:#222; padding:22px 0 28px; margin-bottom:25px; border-bottom:#ebebeb 1px solid;}
	.mission_area p {font-size:21px; color:#222; font-weight:600;}
/* 시설현황/연혁 */
	.history {position:relative; border-top:#ebebeb 1px solid; padding-top:85px;}
	.history:before {content:""; position:absolute; top:0; left:270px; width:1px; height:calc(100% + 170px); background:#ebebeb;}
	.history dl {display:flex;}
	.history dl + dl {margin-top:65px;}
	.history dt {width:270px; font-size:47px; color:#24c0b9; font-weight:700; line-height:1;}
	.history dd {position:relative; width:calc(100% - 270px); padding:3px 0 0 35px;}
	.history dd:before {content:""; position:absolute; top:19px; left:-5px; width:9px; height:9px; background:#24c0b9; border-radius:50%;}
	.history dd p {position:relative; font-size:18px; color:#222; line-height:30px; padding:5px 0 5px 170px;}
	.history dd strong {position:absolute; top:5px; left:0; color:#222; font-weight:700;}
/* 조직도 */
	.organization .tit {font-size:28px; color:#222; font-weight:500; line-height:38px; padding:20px; border-top:#ebebeb 1px solid; border-bottom:#ebebeb 1px solid; text-align:center; margin-bottom:55px;}
	.organization .chart {display:flex; flex-direction:column; align-items:center;}
	.organization .chart .box_side:before,
	.organization .chart .box_side:after,
	.organization .chart .flex > * > .box:before,
	.organization .chart .flex > * > .box:after,
	.organization .chart .btm .boxs:before,
	.organization .chart .btm .boxs:after {content:""; position:absolute; background:#ebebeb; z-index:-1;}
	.organization .chart .box {position:relative; font-size:20px; color:#fff; font-weight:700; line-height:34px; width:260px; max-width:100%; padding:20px; text-align:center; border-radius:10px;}
	.organization .chart .box_side {position:relative; margin:105px 0 85px;}
	.organization .chart .box_side:before {top:-105px; left:50%; width:1px; height:calc(100% + 190px);}
	.organization .chart .box_side:after {top:50%; right:50%; width:220px; height:1px;}
	.organization .chart .box_side .c1 {position:absolute; top:0; left:50%; margin-left:-480px;}
	.organization .chart .boxs .box {border-radius:10px 10px 0 0;}
	.organization .chart .boxs dd {background:#f0f0f0; padding:20px; border-radius:0 0 10px 10px; height:190px;}
	.organization .chart .boxs dd p {position:relative; font-size:18px; color:#222; line-height:30px; padding-left:13px;}
	.organization .chart .boxs dd p:before {content:""; position:absolute; top:13px; left:0; width:4px; height:4px; background:#4f81bd; border-radius:50%;}
	.organization .chart .boxs dd p + p {margin-top:10px;}
	.organization .chart .flex {position:relative; margin-top:55px; padding-top:50px; gap:25px; width:100%;}
	.organization .chart .flex:before {content:""; position:absolute; top:-55px; left:50%; width:1px; height:55px; background:#ebebeb;}
	.organization .chart .flex .left {flex:1 1 calc(((100% - 100px)/5) * 2 + 25px);}
	.organization .chart .flex .right {flex:1 1 calc(((100% - 100px)/5) * 3 + 50px);}
	.organization .chart .flex > * > .box {margin:0 auto;}
	.organization .chart .flex > * > .box:before {top:-50px; left:50%; width:1px; height:150px;}
	.organization .chart .flex > * > .box:after {top:-50px; width:200%; height:1px;}
	.organization .chart .flex .left .box:after {left:50%;}
	.organization .chart .flex .right .box:after {right:50%;}
	.organization .chart .btm {position:relative; display:flex; gap:25px; padding-top:26px; margin-top:26px;}
	.organization .chart .btm .boxs {position:relative; flex:1 1 calc((100% - 50px)/3);}
	.organization .chart .btm .boxs:before {top:-26px; left:50%; width:100%; height:1px;}
	.organization .chart .btm .boxs + .boxs:before {left:0;}
	.organization .chart .btm .boxs:last-child:before {left:auto; right:50%;}
	.organization .chart .btm .boxs:after {top:-26px; left:50%; width:1px; height:26px;}
	.organization .chart .box.c1 {background:#34accc;}
	.organization .chart .box.c2 {background:#46b29d;}
	.organization .chart .box.c3 {background:#4f81bd;}
	.organization .chart .box.c4 {background:#948a54;}
/* 이용안내 */
	.use_info {display:flex; gap:28px;}
	.use_info li {width:calc((100% - 56px)/3); border-radius:10px; background:#f5f5f5; padding:25px 20px 35px;}
	.use_info li:before {content:""; display:block; width:98px; aspect-ratio:1/1; background:#fff no-repeat 50% 50%; border-radius:50%; margin:0 auto;}
	.use_info strong {display:block; font-size:25px; color:#222; padding:25px 0 15px; margin-bottom:15px; border-bottom:#e1e1e1 1px solid;}
	.use_info p {position:relative; color:#575757; font-weight:500; line-height:20px; padding-left:18px;}
	.use_info p:before {content:""; position:absolute; top:6px; left:0; width:8px; height:8px; background:#575757; border-radius:50%;}
	.use_info li.i1:before {background-image:url('/images/icon_use_info01.png');}
	.use_info li.i2:before {background-image:url('/images/icon_use_info02.png');}
	.use_info li.i3:before {background-image:url('/images/icon_use_info03.png');}
	.g05.s05 .use_step {margin-top:20px;}
	.g05.s05 .use_step .con li:before {margin-bottom:20px;}
	.g05.s05 .use_step .con li.step1:before {background-image:url('/images/icon_s0505_step01.png');}
	.g05.s05 .use_step .con li.step2:before {background-image:url('/images/icon_s0505_step02.png');}
	.g05.s05 .use_step .con li.step3:before {background-image:url('/images/icon_s0101_step03_b.png');}
/* 찾아오시는 길 */
	.root_daum_roughmap .cont {display:none;}
	.map_area .root_daum_roughmap {max-width:100%;}
	.map_text {display:flex; align-items:center; padding:70px 50px;}
	.map_text > * {width:50%;}
	.map_text .tit {font-size:28px; color:#222; font-weight:700; line-height:40px;}
	.map_text .con li {position:relative; padding-left:110px; font-size:20px; color:#666;}
	.map_text .con li + li {margin-top:20px;}
	.map_text .con li strong {position:absolute; top:0; left:0; color:#000; font-weight:700; padding-left:35px; background:no-repeat 0 50%;}
	.map_text .con li.addr strong {background-image:url('/images/icon_map_text01.png');}
	.map_text .con li.tel strong {background-image:url('/images/icon_map_text02.png');}
	.map_text .con .links {margin-top:38px; display:flex; gap:16px;}
	.map_text .con .links a {width:195px; height:54px; line-height:54px; padding:0 20px; font-size:16px; font-weight:500; background:no-repeat right 20px center; border-radius:27px;}
	.map_text .con .links .kakao {color:#371c1d; background-color:#fedd0d; background-image:url('/images/icon_kakao.png');}
	.map_text .con .links .naver {color:#fff; background-color:#10d265; background-image:url('/images/icon_naver.png');}
	.transportation {border-top:#ebebeb 1px solid;}
	.transportation > div {border-bottom:#ebebeb 1px solid; padding:45px 0; display:flex;}
	.transportation > div > div {display:flex; flex-direction:column; justify-content:center;}
	.transportation .icon {width:270px; align-items:center;}
	.transportation .icon:before {content:""; display:block; width:154px; aspect-ratio:1/1; background:#f5f5f5 no-repeat 50% 50%; border-radius:50%;}
	.transportation .subway .icon:before {background-image:url('/images/icon_subway.png');}
	.transportation .bus .icon:before {background-image:url('/images/icon_bus.png');}
	.transportation .txt {position:relative; width:calc(100% - 270px); min-height:226px; padding-left:53px; border-left:#ebebeb 1px solid;}
	.transportation .tit {font-size:20px; color:#222; font-weight:700; margin-bottom:30px;}
	.transportation li + li {margin-top:30px;}
	.transportation li .line {display:flex; align-items:center; gap:5px; margin-bottom:5px;}
	.transportation li span {display:block; font-size:15px; color:#fff; font-weight:500; line-height:30px; height:30px; width:60px; border-radius:15px; background:#697215; text-align:center;}
	.transportation li strong {color:#222; font-weight:500;}
	.transportation li p {color:#5b5b5b;}
	
/*약관*/
/*.yak_area { padding:20px; line-height:25px; border:1px solid #f5f5f5; line-height:30px;}*/
textarea {width:100%; height:615px; padding:20px; line-height:25px; border:1px solid #f5f5f5; line-height:30px;}