@charset "utf-8";

/* ************************ 공통 ************************ */
/* ***** 설정 ***** */
.dp-i {display:inline;}
.dp-ib {display:inline-block;}
.dp-b {display:block;}

/* ***** 컬러 ***** */
.c_orange {color:#ff9d02;}
.c_green1 {color:#009476;}
.c_green2 {color:#65b187;}
.c_blue {color:#1f3349;}
.c_pink {color:#ff8484;}
.c_black {color:#000;}
.c_empa {color:blue;}

/* ***** 폼 ***** */
button {display:inline-block; cursor:pointer; background-color:transparent;}


/* ***** 탭 ***** */
.tabWrap {}
/* 탭::type1 */
/* 탭::type1은 pc와 mobile 달라서 min-width:992에 있음*/

/* 탭::type1 */
/* 탭::type2 */
.tabWrap.type2 {padding-bottom:45px;}
.tabWrap.type2 ul {overflow:hidden;}
.tabWrap.type2 ul li {float:left; width:calc((100% - 40px)/3); margin-left:20px;}
.tabWrap.type2 ul li:nth-child(3n+1) {margin-left:0;}
.tabWrap.type2 ul li a {display:block; width:100%; position:relative; padding-bottom:25px; color:#000; font-size:20px; font-weight:500; line-height:1; font-family:'paybooc'; white-space:nowrap; text-align:center;}
.tabWrap.type2 ul li a:after {content:''; display:block; width:100%; height:5px; background:#e5e5e5; position:absolute; left:0; bottom:0; border-radius:200px;}
.tabWrap.type2 ul li.on a {color:#ff8484;}
.tabWrap.type2 ul li.on a:after {background:#ff8484;}

/* 탭::type3 */
.tabWrap.type3 {padding-bottom:45px;}
.tabWrap.type3 ul {overflow:hidden;}
.tabWrap.type3 ul li {float:left; width:calc((100% - 20px)/2); margin-left:20px;}
.tabWrap.type3 ul li:nth-child(3n+1) {margin-left:0;}
.tabWrap.type3 ul li a {display:block; width:100%; position:relative; padding-bottom:25px; color:#000; font-size:20px; font-weight:500; line-height:1; font-family:'paybooc'; white-space:nowrap; text-align:center;}
.tabWrap.type3 ul li a:after {content:''; display:block; width:100%; height:5px; background:#e5e5e5; position:absolute; left:0; bottom:0; border-radius:200px;}
.tabWrap.type3 ul li.on a {color:#ff8484;}
.tabWrap.type3 ul li.on a:after {background:#ff8484;}


/* 탭::tabInner */
.tabInner {}
.tabInner>ul {}
.tabInner>ul>li {display:none;}
.tabInner>ul>li.on {display:block;}



/* ***** 테이블 ***** */
.tableWrap {}
.tableWrap table tr td.borderL {border-left:1px solid #e1e0d9; color:#666 !important;}
/* 테이블::type1 */
.tableWrap.type1 table {text-align:center; }
.tableWrap.type1 table thead {border-top:1px solid #e1e0d9; background:#f9f9f9;}
.tableWrap.type1 table tr {}
.tableWrap.type1 table tr>* {border-left:1px solid #e1e0d9; padding:12px 18px; border-bottom:1px solid #e1e0d9;}
.tableWrap.type1 table tr>*:first-child { color:#000;}
.tableWrap.type1 table tr>*:last-child {border-right:1px solid #e1e0e9;}
.tableWrap.type1 table tr:nth-child(2) {width:300px;}
.tableWrap.type1 table tr th {color:#000; font-weight:400;}
.tableWrap.type1 table tr td.left {text-align:left; color:#666;}
.tableWrap.type1 table tr td.img {padding:20px;}

.tableWrap.type1 table tr td.colorB {color:#666;}
.tableWrap.type1 .bx thead {border-top: none;}
.tableWrap.type1 .bx th { width: 15%; }

/* 테이블::type2 */
.tableWrap.type2 table {text-align:center;}
.tableWrap.type2 table thead {border-top:1px solid #e1e0d9; background:#1f3349;}
.tableWrap.type2 table tr {border-bottom:1px solid #e1e0d9;}
.tableWrap.type2 table tbody tr {}
.tableWrap.type2 table tbody tr:hover {background:#f9f9f9; cursor:pointer;}
.tableWrap.type2 table tr>* {border-left:1px solid #e1e0d9; padding:12px 18px;}
.tableWrap.type2 table tr>*:first-child {border:0;}
.tableWrap.type2 table tr th {color:#fff; font-weight:400;}
.tableWrap.type2 table tr td.left {text-align:left;}
.tableWrap.type2 table tr td.state span {display:block; padding:5px 20px; border-radius:100px; white-space:nowrap; color:#fff;}
.tableWrap.type2 table tr td.state span.ing {background:#ff9d02;}
.tableWrap.type2 table tr td.state span.wait {background:#009476;}
.tableWrap.type2 table tr td.state span.end {background:#999;}

/* 테이블::type3 */
.tableWrap.type3 {}
.tableWrap.type3 table {}
.tableWrap.type3 table tr {}
.tableWrap.type3 table tr>* {font-size:16px; padding:12px 20px; border-bottom:1px solid #e5e5e5;}
.tableWrap.type3 table th {background:#f9f9f9; font-weight:400; color:#000;}
.tableWrap.type3 table td {}

/* 테이블::type4 */
.tableWrap.type4 {}
.tableWrap.type4 table {border-top:1px solid #e5e5e5;}
.tableWrap.type4 table tr {}
.tableWrap.type4 table tr>* {font-size:16px; padding:12px 20px; border-bottom:1px solid #e5e5e5;}
.tableWrap.type4 table th {background:#f9f9f9; font-weight:400; color:#000;}
.tableWrap.type4 table td {}


/* ***** 디자인 ***** */
.borderBox {border:1px solid #e5e5e5; border-radius:10px; overflow:hidden;}
.paddingBox {padding:70px; padding-bottom:30px;}
.paddingBox.type2 {padding:50px 65px;}
.paddingBox3 {padding:70px;}

.borderBoxInfo {padding:30px 70px; background:#f9f9f9; border-top:1px solid #e5e5e5;}
.borderBoxInfo ul {}
.borderBoxInfo ul li {float:left; padding-right:30px;}
.borderBoxInfo ul li dl {overflow:hidden;}
.borderBoxInfo ul li dl>* {float:left;}
.borderBoxInfo ul li dt {padding-left:25px;}
.borderBoxInfo ul li dd {padding-left:5px;color:#000; font-weight:400;}
.borderBoxInfo ul li.people {}
.borderBoxInfo ul li.people dt {background:url(../images/business/i-people.svg)0 center /19px no-repeat;}
.borderBoxInfo ul li.cal {}
.borderBoxInfo ul li.cal dt {padding-left:21px; background:url(../images/business/i-cal.svg)0 center /16px no-repeat;}
.borderBoxInfo ul li.mail {}
.borderBoxInfo ul li.mail dt {background:url(../images/business/i-mail.svg)0 center /20px no-repeat;}

.borderBoxInfo.solo {margin-top:20px; padding:22px 40px; border:1px solid #e5e5e5; border-radius:10px;}

.titleType1 {padding:0 0 40px; text-align:center; font-family:'paybooc';}
.titleType1 h4 {font-size:30px; color:#000; font-weight:300; line-height:1.47;}
.titleType1 h4 b {font-weight:700;}
.sub-title {position:relative; padding:0 0 20px 22px; font-size:24px; font-weight:700; font-family:'paybooc'; color:#000; line-height:1;}
.sub-title:before {content:''; display:block; width:14px; height:3px; background:#000; position:absolute; left:0; top:8px;}
.sub-title.boxIn {margin-top:30px;}

.boxList {}
.boxList ul {}
.boxList ul li {padding:20px 20px 40px; float:left; text-align:center;}
.boxList ul li+li {margin-left:30px;}
.boxList ul.li-2 li {width:calc((100% - 30px)/2);}
.boxList ul.li-3 li {width:calc((100% - 60px)/3);}
.boxList ul.li-4 li {width:calc((100% - 90px)/4);}
.boxList ul li .img {width:100px; height:110px; margin:0 auto; background-size:auto !important;}
.boxList ul li dt {padding-bottom:10px; font-size:20px; color:#f9971b; font-weight:400;}

.info-way.boxList {}
.info-way.boxList ul {padding-right:50px;}
.info-way.boxList ul li {padding:10px 10px 20px; width:100%;}
.info-way.boxList ul li+li {margin:10px 0 0;}
.info-way.boxList ul li .img {width:70px; height:80px; }
.info-way.boxList ul li dt {font-size:18px;padding-bottom:0;}

.ulType1 {}
.ulType1>li {position:relative; padding-left:12px;}
.ulType1>li:before {content:''; display:block; width:4px;height:4px; background:#000; position:absolute; left:0; top:11px;}
.ulType1>li+li {margin-top:5px;}

.ulType2 {}
.ulType2>li {padding-left:120px; position:relative; min-height:30px;}
.ulType2>li+li {margin-top:10px;}
.ulType2>li span {position:absolute; left:0; top:0; color:#fff; background:#68c6d4; border-radius:0 10px; font-family:'paybooc';}
.ulType2>li span {display:block; width:100px; font-size:14px; font-weight:700; line-height:30px; text-align:center;}


.communityApply-btn {padding:30px 0; text-align:center; border-top:1px solid #e5e5e5;}
.communityApply-btn a {display:inline-block; padding:0 70px 0 50px; line-height:70px; font-size:24px; font-weight:700; font-family:'paybooc'; color:#fff; background:#ff8484 url(../images/community/communityApply-arrow.png)right 40px center no-repeat; border-radius:200px;}

.business .communityApply-btn {margin-top:30px;}
.volunteer .communityApply-btn {padding:50px 0 0; text-align:center; border:0;}
.volunteer .communityApply-btn a {display:inline-block; padding:0 70px 0 50px; line-height:70px; font-size:24px; font-weight:700; font-family:'paybooc'; color:#fff; background:#ff8484 url(../images/community/communityApply-arrow.png)right 40px center no-repeat; border-radius:200px;}

.blankSpace {height:100px;}

/* ***** 레이어창 ***** */
.layerPop {display:none; z-index:9999999999; position:fixed; top:0; left:0; right:0; bottom:0;}
.layerPop.on {display:block;}
.layerPop .bg {position:fixed; top:0; left:0; right:0; bottom:0; background:rgba(0,0,0,.5);}
.layerPop-wrap {position:absolute; left:50%; top:50%; width:600px;transform:translate(-50%,-50%); background:#fff; border-radius:10px;}
.layerPop-tit {padding:15px 20px; min-height:50px; position:relative; padding-right:35px; border-bottom:1px solid #e5e5e5;}
.layerPop-tit h4 {font-size:19px; font-weight:700; font-family:'paybooc';color:#000;line-height:1;}
.layerPop-tit .close {position:absolute; right:0; top:0; width:50px; height:50px; border-left:1px solid #e5e5e5; background:url(../images/common/i-close.png) no-repeat center;}
.layerPop-inner {padding:40px; max-height:800px; overflow-y:auto;}
.layerPop-inner iframe {width:100%;}
.layerPop.youtube .layerPop-inner>p {font-size:18px; font-weight:400; color:#000;}
.layerPop.youtube .layerPop-inner iframe {height:315px;}

.applyConfirm {}
.applyConfirm table {}
.applyConfirm table td.apply {color:#ff9d02;}
.applyConfirm table td.wait {color:#009476;}
.applyConfirm table td.no {color:#f00;}
.applyConfirm input {border:0; display:inline-block; width:100% !important; color:inherit;}
.applyConfirm input:readonly {}
.applyConfirm input:focus {outline:0; border:0;}

.btnWrap {padding-top:30px; font-size:0; text-align:center;}
.btnWrap a {display:inline-block; width:200px; height:50px; line-height:50px; color:#fff; background:#ff9d02; font-size:16px; border-radius:10px;}


/* ************************ 사업안내 ************************ */
/* ***** 사업안내::공통 ***** */
.business-tit {padding-top:0; padding-bottom:30px;}
.business-tit>* {float:left;}
.business-tit .img {width:100px; height:100px; border-radius:50%; position:relative; overflow:visible !important;}
.business-tit .img:after {content:''; display:block; width:17px; height:23px; position:absolute; right:-10px; top:0; background:url(../images/business/tissue-tit-deco.png)center no-repeat;}
.business-tit-txt {padding-left:30px; width:calc(100% - 100px);}
.business-tit-txt h4 {font-size:30px; font-weight:700; color:#ff8484; font-family:'paybooc';}
.business-tit-txt h4 span {padding:0 30px; color:#fff; font-size:14px; line-height:30px; display:inline-block; margin-left:10px; border-radius:0 10px; background:#ffac43; vertical-align:top;}
.business-tit-txt p {padding:8px 0 18px; font-size:18px; font-family:'paybooc';}
.business-tit-txt-info {overflow:hidden;}
.business-tit-txt-info li {float:left;}
.business-tit-txt-info li dl {overflow:hidden;}
.business-tit-txt-info li dl>* {float:left; color:#000;}
.business-tit-txt-info li dt {padding:0 18px 0 40px; border:2px solid #8dcdaa; border-radius:50px; text-align:center; line-height:36px;}
.business-tit-txt-info li dd {max-width:310px; padding-top:8px; padding-left:10px;}
.business-tit-txt-info li.target {}
.business-tit-txt-info li.target dt {background:url(../images/business/i-target.svg)20px center /14px no-repeat;}
.business-tit-txt-info li.timing dt {background:url(../images/business/i-timing.svg)20px center /17px no-repeat;}
.business-tit-txt-info li.place dt {background:url(../images/business/i-place.png)20px center /15px no-repeat;}
.business-tit-txt-info li.timing {padding-left:75px;}
.business-tit-txt-info li.place {padding-left:75px;}
.business-tit-txt-info li.left {padding: 0;}
.business-tit-txt-info li.solo dd {max-width:100%;}

.business-img {padding-top:30px;}
.business-img ul {}
.business-img ul li {float:left; width:calc((100% - 60px)/3); height:280px; border-radius:10px;}
.business-img ul li+li {margin-left:30px;}


/* .business-table .btn {text-align:center;} */
/* .business-table .btn a {display:inline-block; border:2px solid; padding:16px 60px; font-size:18px; color:#ff8484; border-radius:100px; font-weight:500; } */
/* .business-table .btn a:hover {background:#ff8484;  color:#fff;} */



/* ************************ 교육문화 ************************ */
.use .paddingBox {padding:70px 70px 50px;}
.use-top {padding-bottom:70px;}
.use-top>div {float:left; width:50%;}
.use-top-txt {padding-right:40px;}
.use-top-txt>h4 {font-size:30px; color:#ff8484; font-weight:400}
.use-top-txt>p {padding:14px 0 40px;font-size:24px; color:#000; font-weight:300; line-height:1.2;}
.use-top-txt-list {}
.use-top-txt-list ul {}
.use-top-txt-list ul li {overflow:hidden;}
.use-top-txt-list ul li+li {padding-top:25px;}
.use-top-txt-list ul li>div {float:left;}
.use-top-txt-list-icon {width:60px; height:60px; border-radius:50%; background:#65b187 center no-repeat;}
.use-top-txt-list-info {width:calc(100% - 60px); padding-left:20px;}
.use-top-txt-list-info h5 {padding:7px 0 5px;font-size:18px; font-weight:400; color:#65b187;}
.use-top-txt-list-info p {}
.use-top-txt-list-info p span {color:#000;}

.use-top-txt-list ul li:nth-child(1) .use-top-txt-list-icon {background-image:url(../images/edu/i-use_01.png);}
.use-top-txt-list ul li:nth-child(2) .use-top-txt-list-icon {background-image:url(../images/edu/i-use_02.png);}
.use-top-txt-list ul li:nth-child(3) .use-top-txt-list-icon {background-image:url(../images/edu/i-use_03.png);}
.use-top-img {border-radius:10px; height:460px; background:url(../images/edu/use-top-img.jpg)center /cover no-repeat;}




/* ************************ 자원봉사 ************************ */
.info-item {}
.itemBox+.itemBox {padding-top:65px;}

.info-apply {}
.info-apply-box {}

.info-apply-box {padding:50px 0 50px 65px; float:left; width:50%; position:relative;}
.info-apply-box h5 {padding-left:90px; line-height:70px; font-size:24px; font-weight:700; color:#ff8484; font-family:'paybooc'; position:relative;}
.info-apply-box h5:before {content:''; display:block; width:70px; height:70px; background:#ff8484 url(../images/volunteer/i-personal.png)center no-repeat; border-radius:50%; position:absolute; left:0; top:0;}
.info-apply-box-list {margin-top:-5px;padding-left:15px;}
.info-apply-box-list-li {position:relative; padding-left:70px;margin-top:45px; min-height:50px;}
.info-apply-box-list-li .num {padding-bottom:17px; font-size:30px; font-weight:700; font-family:'paybooc'; color:#ff8484; line-height:1; border-bottom:2px solid #000; position:absolute; left:0; top:0;}
.info-apply-box-list-inner {line-height:30px;}
.info-apply-box-list-inner h6 {padding-bottom:7px; font-size:20px; font-weight:400; color:#000; line-height:1;}
.info-apply-box-list-inner p {}
.info-apply-box-list-inner-ul {}
.info-apply-box-list-inner-ul li {position:relative; padding-left:15px;}
.info-apply-box-list-inner-ul li:before {content:''; display:block; width:5px; height:5px; background:#000; position:absolute; left:0;top:13px;}
.info-apply-box-list-inner-ul li span {color:#000;}


.info-apply-box.group {border-left:1px solid #e5e5e5;}
.info-apply-box.group h5 {color:#65b187;}
.info-apply-box.group h5:before {background-color:#65b187; background-image:url(../images/volunteer/i-group.png);}
.info-apply-box.group .info-apply-box-list-li .num {color:#65b187;}
.info-apply-box-img {padding:0 60px; position:absolute; left:0;bottom:0; width:100%;}
.info-apply-box-img img {width:100%;}


.info-compensation {padding:50px; position:relative;}
.info-compensation-list {}
.info-compensation-desc {position:absolute; right:50px; bottom:50px; text-align:right;}
.info-compensation-desc span {display:inline-block; width:43px; height:40px; background:url(../images/volunteer/i-species.svg)center /43px no-repeat;}
.info-compensation-desc p {padding-top:25px; color:#55b6c4; font-size:18px; font-weight:500; font-family:'paybooc'; line-height:1.8;}

/* ***** 자원봉사::후원안내 ***** */
.sponInfo-precess {padding:50px ;}
.sponInfo-precess ul {}
.sponInfo-precess ul li {float:left; width:20%; padding:0 20px; text-align:center; position:relative;}
.sponInfo-precess ul li:after {content:''; display:block; width:15px; height:130px; position:absolute; right:-6px; top:0; background:url(../images/volunteer/spon-arrow.png)center no-repeat;}
.sponInfo-precess ul li:last-child:after {display:none;}
.sponInfo-precess ul li .img {width:130px; height:130px; display:inline-block; border-radius:50%; background:#ff8484 url(../images/volunteer/sponInfo-precess-01.png) center no-repeat;}
.sponInfo-precess ul li .txt {}
.sponInfo-precess ul li .txt .num {display:block; padding-bottom:4px; font-size:30px; font-weight:700; font-family:'paybooc'; color:#ff8484;}
.sponInfo-precess ul li .txt h5 {font-size:20px; font-weight:400; color:#000; line-height:1.25;}
.sponInfo-precess ul li .txt p {}

.sponInfo-precess ul li:nth-child(2) .txt .num {color:#f9b86b;}
.sponInfo-precess ul li:nth-child(3) .txt .num {color:#d8da49;}
.sponInfo-precess ul li:nth-child(4) .txt .num {color:#a7d67a;}
.sponInfo-precess ul li:nth-child(5) .txt .num {color:#90d6ca;}

.sponInfo-precess ul li:nth-child(2) .img {background-color:#f9b86b; background-image:url(../images/volunteer/sponInfo-precess-02.png);}
.sponInfo-precess ul li:nth-child(3) .img {background-color:#d8da49; background-image:url(../images/volunteer/sponInfo-precess-03.png);}
.sponInfo-precess ul li:nth-child(4) .img {background-color:#a7d67a; background-image:url(../images/volunteer/sponInfo-precess-04.png);}
.sponInfo-precess ul li:nth-child(5) .img {background-color:#90d6ca; background-image:url(../images/volunteer/sponInfo-precess-05.png);}

.sponInfo-kind {}
.sponInfo-kind>ul:first-child {margin-top:-20px;}
.sponInfo-kind>ul>li {padding:50px; float:left; width:calc((100% - 20px)/2); margin-top:20px; overflow:hidden;}
.sponInfo-kind>ul>li:nth-child(even) {margin-left:20px;}
.sponInfo-kind>ul>li>* {float:left;}
.sponInfo-kind>ul>li .tit {width:150px;}
.sponInfo-kind>ul>li .tit h5 {padding-bottom:15px; color:#f9971b; font-size:20px; font-weight:400;}
.sponInfo-kind>ul>li .tit .img {display:block;width:65px; height:40px; background:url(../images/volunteer/i-sponKind-01.png)center no-repeat;}

.sponInfo-kind>ul>li:nth-child(2) .img {background-image:url(../images/volunteer/i-sponKind-02.png)}
.sponInfo-kind>ul:last-child>li:nth-child(1) .img {background-image:url(../images/volunteer/i-sponKind-03.png)}
.sponInfo-kind>ul:last-child>li:nth-child(2) .img {width:85px; background-image:url(../images/volunteer/i-sponKind-04.png)}

.sponInfo-kind>ul>li ul {width:calc(100% - 150px);}

.sponInfo-howTo {}
.sponInfo-howTo>ul {}
.sponInfo-howTo>ul>li {width:calc((100% - 40px)/3); float:left; padding:55px 50px; background:#ff8484; color:#fff; border-radius:10px; overflow:hidden;}
.sponInfo-howTo>ul>li+li {margin-left:20px;}
.sponInfo-howTo>ul>li:nth-child(2) {background:#74aa41;}
.sponInfo-howTo>ul>li:nth-child(3) {background:#55aa9b;}

.sponInfo-howTo>ul>li>div {float:left;}
.sponInfo-howTo>ul>li .img {width:70px;}
.sponInfo-howTo>ul>li .img img {}
.sponInfo-howTo>ul>li .txt {width:calc(100% - 70px);}
.sponInfo-howTo>ul>li .txt h5 {padding-bottom:10px; font-size:20px; font-weight:400;}
.sponInfo-howTo>ul>li .txt ul {padding-top:20px;}
.sponInfo-howTo>ul>li .txt ul li:before {background:#fff;}

.sponUse {text-align:center; padding-top:100px;}
.sponUse>p {display:inline-block; padding:0 95px; font-size:30px; font-weight:500; font-family:'paybooc';position:relative; color:#000;}
.sponUse>p:before, .sponUse>p:after {content:''; display:block; width:70px; height:44px; position:absolute; top:0; background:url(../images/common/quotesBefore.png) center no-repeat;}
.sponUse>p:before {left:0; }
.sponUse>p:after {right:0; background-image:url(../images/common/quotesAfter.png);}
.sponUse>p span {}
.sponUse ul {padding-top:60px; text-align:left;}
.sponUse ul li {float:left; width:27%;}
.sponUse ul li+li {margin-left:50px;}
.sponUse ul li p {padding-left:50px; background:url(../images/volunteer/check-img.png)0 0 no-repeat;}
.sponUse ul li:nth-child(2) {width:calc(46% - 100px); padding:0 60px; border-style:solid; border-width:0 1px; border-color:#e5e5e5;}


/* ***** 자원봉사::봉사자모집 ***** */

/* 자원봉사::봉사자모집::리스트 */

/* 자원봉사::봉사자모집::뷰 */
.recruitView {}
.recruitView>div {float:left;}
.recruitView-img {width:600px;}
.recruitView-img img {max-width:100%;}
.recruitView-inner {width:calc(100% - 600px); padding-left:50px;}
.recruitView-inner h4 {padding:20px 0; font-size:24px; font-weight:500; font-family:'paybooc'; border-style:solid; border-width:1px 0; color:#000; line-height:1.4;}

.recruitApply {padding-top:50px;margin-top:50px; border-top:1px solid #e5e5e5;}




/* ************************ 커뮤니티 ************************ */
.communityApply {}
.communityApply-info {padding:50px;}
.communityApply-info>div {float:left;}
.communityApply-info-img {width:400px; height:270px; border-radius:10px;}
.communityApply-info-txt {width:calc(100% - 400px); padding-left:50px;}
.communityApply-info-txt-list {}
.communityApply-info-txt-list>li {position:relative; min-height:40px; overflow:hidden; padding-bottom:36.5px;}
.communityApply-info-txt-list>li:last-child {padding-bottom:0;}
.communityApply-info-txt-list>li+li {padding-top:10px;}
.communityApply-info-txt-list>li>* {float:left;}
.communityApply-info-txt-list>li>span {width:130px; line-height:40px; background:#55aa9b; font-weight:400; text-align:center; border-radius:100px; color:#fff;}
.communityApply-info-txt-list>li>span+* {width:calc(100% - 130px); padding:7px 0 0 20px;}
.communityApply-info-txt-list>li>p {}
.communityApply-info-txt-list>li .process {padding-bottom:10px; font-size:0;}
.communityApply-info-txt-list>li .process li {padding-right:10px; display:inline-block; font-size:16px; font-weight:400; color:#000;}
.communityApply-info-txt-list>li .process li+li {padding-left:14px; background:url(../images/community/process_arrow.png)0 50% no-repeat;}
.communityApply-info-txt-list>li .process li:last-child {padding-right:0;}
.communityApply-info-txt-list>li .process+span {color:#55aa9b; font-weight:400;}
.communityApply-info-txt-list>li .precautions {}
.communityApply-info-txt-list>li .precautions li {position:relative; padding-left:15px;}
.communityApply-info-txt-list>li .precautions li:before {content:''; display:block; width:3px; height:3px; background:#000; position:absolute; left:4px; top:10px;}

.communityApply-table {padding-top:20px; width:100%;}
.communityApply-table .borderR {border-right:1px solid #e5e5e5;}


.communityApply-img {width:100%;}
.communityApply-img ul {margin-top:5px;}
.communityApply-img ul li {position:relative; float:left; width:calc((100% - 40px)/3); height:280px; border-radius:10px; margin-top:20px;}
.communityApply-img ul li+li {margin-left:20px;}
.communityApply-img ul li:nth-child(3n+1) {margin-left:0}
.communityApply-img ul li span{position:absolute; bottom:10px; right:10px; padding:1px 18px; color:#fff; font-weight:400; background:#ff9d02; border-radius:20px;}


/* ***** 커뮤니티::출간자료 ***** */
.publication .search_box {}
.publication .search_box:after {clear:both; content:''; display:block;}
.publication .search_box .col-xs-9 {padding-left:0px; margin-left:-1px;}
.publication .search_box select {width:100%; height:40px; padding:8px; font-size:14px; color:#999; border:1px solid #e5e5e5; margin-bottom:-1px; background:url(/img/common_responsive/select.png) no-repeat right 8px center !important}
.publication .search_box input {width:100%; height:40px; padding:8px; font-size:14px; color:#999; border:1px solid #e5e5e5;margin-bottom:-1px}
.publication .search_box .search {width:50px; height:40px; position:absolute; right:0; top:0; border:none; border-left:1px solid #e5e5e5}
.publication .search_box .search a {display:block; width:100%; height:100%; background:url(/img/common_responsive/icon_search_fix.png) no-repeat 50% 50% transparent !important}

.publication .list_total {padding:12px 0; font-size:15px; border-bottom:1px solid #e1e1e1; font-weight:400}
.publication .list_gallery {padding:30px 0 ; border-bottom:1px solid #e1e1e1}
.publication .list_gallery ul {margin-top:-20px;}
.publication .list_gallery ul li {float:left; width:calc((100% - 80px)/5); margin-left:20px; margin-top:20px;}
.publication .list_gallery ul li:nth-child(5n+1) {margin-left:0;}
.publication .list_gallery ul li a {display:block; width:100%; border:1px solid #e1e1e1}
.publication .list_gallery ul li a .img {background:#f5f5f5; overflow:hidden; border-bottom:1px solid #e1e1e1}
.publication .list_gallery ul li a .img img {width:100%;}
.publication .list_gallery ul li a .subject {padding:12px 20px; font-size:16px; color:#000; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.publication .list_gallery ul li a .subject p {}
.publication .list_gallery ul li .btn {margin-top:5px;}
.publication .list_gallery ul li .btn a {float:left; width:calc((100% - 5px)/2); display:block; padding:10px 20px; font-size:14px; color:#fff; border:0; font-weight:400; transition:all .2s;}
.publication .list_gallery ul li .btn a.view {background:#ff8484   url(../images/common/file_view.svg)calc(100% - 16px) center /20px no-repeat;}
.publication .list_gallery ul li .btn a.down {margin-left:5px; background:#65b187 url(../images/common/file_down.svg)calc(100% - 16px) center /20px no-repeat;}
.publication .list_gallery ul li a:hover {box-shadow:0px 0px 10px rgba(0,0,0,.15) !important}





/* ************************ 복지관소개 ************************ */

/* ***** 복지관소개::인사말 ***** */
.greeting {text-align:center;}
.greeting-tit {}
.greeting-tit h4 {font-size:24px; font-weight:500; font-family:'paybooc'; color:#000;}
.greeting-tit h4 span {display:block; padding-bottom:20px;}
.greeting-tit h4 em {font-size:48px; font-weight:900;}
.greeting-tit h4 em.green {color:#65b187;}
.greeting-tit h4 em.orange {color:#ffac43;}
.greeting-img {padding:60px 0;}
.greeting-img img {max-width:100%;}
.greeting-txt {}
.greeting-txt p {font-size:18px; line-height:1.95;}
.greeting-txt p+p {padding-top:40px;}
.greeting-txt p.everyone {color:#000; font-weight:400;}




/* ***** 복지관소개::미션 및 비전 ***** */
.vision .mission {}
.vision .vision-tit {text-align:center; padding-bottom:40px;}
.vision .vision-tit h4 {display:inline-block; padding:0 30px; font-size:24px; color:#000; font-weight:700; font-family:'paybooc'; position:relative;}
/* .vision .vision-tit h4:before, */
/* .vision .vision-tit h4:after {content:''; display:block; width:14px; height:2px; background:#000; position:absolute; top:10px;} */
.vision .vision-tit h4:before {left:0;}
.vision .vision-tit h4:after {right:0;}
.vision .missionWrap {padding-bottom:80px; text-align:center; position:relative;}
.vision .missionWrap p {display:inline-block; padding:0 80px; font-size:48px; font-weight:700; font-family:'paybooc'; color:#65b187; line-height:1.35; background:#fff;}
.vision .missionWrap p {position:absolute; left:50%; top:-25px; transform:translateX(-50%); white-space:nowrap;}
.vision .missionWrap .img {height:335px; background:url(../images/intro/mission-img.jpg)50% 100% no-repeat;}
.vision .visionWrap {overflow:hidden; text-align:center;}
.vision .vision-arrow {padding-bottom:80px; text-align:center;}
.vision .vision-arrow img {width:50px;}
.vision .vision-vision {}
.vision .vision-value {padding-top:80px;}
.vision .vision-value .vision-tit {}
.vision .value-img {}
.vision img {max-width:100%;}



/* ***** 복지관소개::연혁 ***** */
.history {}
.history-item {overflow:hidden;}
.history-item+.history-item {padding-top:50px; margin-top:50px; border-top:1px solid #f0f0f0}
.history-item>div {float:left;}
.history-item-year {width:290px;}
.history-item-year h4 {width:180px; height:65px; line-height:65px; font-size:24px; font-weight:900; font-family:'paybooc'; border-radius:100px; background:#90d6ca; color:#fff; text-align:center;}
.history-item-list {width:calc(100% - 290px);}
.history-item-list dl {margin-top:-15px; position:relative;}
.history-item-list dl>*+* {margin-top:15px;}
.history-item-list dt {color:#000; font-weight:400; position:absolute; left:0;}
.history-item-list dd {position:relative; padding-left:15px; margin-left:80px; width:calc(100% - 80px);}
.history-item-list dd:before {content:''; display:block; width:4px; height:4px; background:#000; position:absolute; left:0; top:10px;}
.history-item-list dd+dd {margin-top:3px;}
.history-item-list dt.icon:before {content:''; display:block; width:30px; height:30px; position:absolute; left:-40px; top:-3px; background:url(../images/intro/i-history.svg)0 center /100% no-repeat;}



/* ***** 복지관소개::조직도 ***** */
.organ .organ-img {position:relative; padding:0 10px;}
.organ .organ-img img {position:absolute; left:0; top:0; width:100%; height:auto;  padding:0 10px;}
.organ .organ-img ul.organ-img-btn {position:relative; overflow:hidden; z-index:99; width:100%;}
.organ .organ-img ul.organ-img-btn li {float:left; width:calc((100% - 25%)/3); margin-right:4.2%;}
.organ .organ-img ul.organ-img-btn li a {width:100%; height:100%; display:block; text-indent:-999px; overflow:hidden;}
.organ .organ-img ul.btn1 {padding-left:39.3%;}
.organ .organ-img ul.btn1 li {width:calc((100% - 30%)/2); margin-right:29.6%;}
.organ .organ-img ul.btn1 li:nth-of-type(2) {margin-right:0;}
.organ .organ-img ul.btn1 li a {padding:13% 10%;}
.organ .organ-img ul.btn1 li a:nth-of-type(2) {margin-top:5%;}
.organ .organ-img ul.btn2 {padding-top:1%;}
.organ .organ-img ul.btn2 li {width:calc((100% - 57.1%)/2);}
.organ .organ-img ul.btn2 li:first-child {margin-right:31%; }
.organ .organ-img ul.btn2 li a { padding:13% 10%;}
.organ .organ-img ul.btn3 {width:100%; padding-bottom:15%; padding-top:7.1%;}
.organ .organ-img ul.btn3 li {width:calc((100% - 14.4%)/4); margin-right:4.8%;}
.organ .organ-img ul.btn3 li:last-child {margin-right:0;}
.organ .organ-img ul.btn3 li a { padding:13% 10%;}


/* ***** 복지관소개::시설안내 ***** */
.facility {}
.fac-info {padding:70px;}
.fac-info>div {float:left;}
.fac-info-list {width:calc(100% - 550px); margin-left:50px;}
.fac-info-img {width:500px;}
.fac-info-img .img {border-radius:10px;}

.sub_go_center {position:relative; padding:100px 70px; background:#f6f3ee; overflow:hidden;}
.go_center_mi {width: 100%;position: absolute;text-align: center; left:0;}
.go_center_left {width: 40%;float: left;margin-right: 20%;position: relative;z-index: 111;}
.go_center_right {width: 40%;float: left;position: relative;z-index: 111;}
.go_center_box_t {box-shadow: 1px 1px 2px #ddd;border: 1px solid #ddd;padding: 17.5px;text-align: center;border-radius: 19px;margin-bottom: 24px;background-repeat: repeat-x;background-position: center top -7px;float: left;width: 100%;z-index: 2147483647;}
.go_center_box {box-shadow: 1px 1px 2px #ddd;border: 1px solid #ddd;padding: 17.5px;text-align: center;border-radius: 19px;margin-bottom: 24px;background-repeat: repeat-x;background-position: center top -7px;float: left;width: 100%;background-size: 100% 100%;}
.go_center_ti {font-size: 2em;font-family: "NanumBarunGothicotf", sans-serif;color: #3d3214;float: left;width: 12%;font-weight: 600;margin-top: 5px}
.go_center_co {text-align: left; line-height: 154%;font-size: 17px;}
.go_center_co span {float: left;width: 100%;color: #aaa;}

/* 2021-12-24수정 */
.sub_go_center {background:#fff; padding:70px 100px;}
.sub_go_center .by_floor {overflow:hidden;}
.sub_go_center .by_floor .go_box {display:inline-block; float:left;}
.sub_go_center .by_floor .go_box.left {width:60%; overflow:hidden; display:inline-block; float:left;}
.sub_go_center .by_floor .go_box.left .left_con { overflow:hidden;}
.sub_go_center .by_floor .go_box.left .left_con img {float:left;}
.sub_go_center .by_floor .go_box.left .left_con p {font-size:16px; padding-left:135px;}
.sub_go_center .by_floor .go_box.left .left_con .left_t1 {color:#ff81a6; margin-top:28px;}
.sub_go_center .by_floor .go_box.left .left_con .left_t2 {color:#f88642; margin-top:65px;}
.sub_go_center .by_floor .go_box.left .left_con .left_t3 {color:#f6b73d; margin-top:57px;}
.sub_go_center .by_floor .go_box.left .left_con .left_t4 {color:#41aea9; margin-top:63px;}
.sub_go_center .by_floor .go_box.left .left_con .left_t5 {color:#53b5e9; margin-top:78px;}
.sub_go_center .by_floor .go_box.right {margin-right:0; width:40%;}
.sub_go_center .by_floor .go_box.right img {margin-top:115px; width:100%;}

/* 2021-12-28수정 */
.contents .facility .sub_go_center .none {background:none; box-shadow: none; border: none; padding:0;}
.contents .facility .sub_go_center .go_center_ti { border-radius:50%; width:88px; padding: 12px 10px 10px; text-align: center; background:#fff;}
.contents .facility .sub_go_center .go_center_ti.color1 {border:6px solid #e87c00;}
.contents .facility .sub_go_center .go_center_co.padding33 {padding:33px 0 33px 60px;}
.contents .facility .sub_go_center .go_center_ti.color2 {border:6px solid #f8bb44;}
.contents .facility .sub_go_center .go_center_ti.color3 {border:6px solid #f79b31;}
.contents .facility .sub_go_center .go_center_ti.color4 {border:6px solid #f8d444;}
.contents .facility .sub_go_center .go_center_ti.color5 {border:6px solid #9cc556;}
.contents .facility .sub_go_center .go_center_co {background: #fff; box-shadow: 1px 1px 2px #ddd; border: 1px solid #ddd; border-radius: 19px; padding:20px 0 20px 60px; margin-left:35px;}


/* 공통 */
.sub_go_center .by_floor .go_box.left ul {}
.sub_go_center .by_floor .go_box.left ul li {position:relative; margin-top:25px; overflow:hidden;}
.sub_go_center .by_floor .go_box.left ul li article {float:left; display:inline-block;}
.sub_go_center .by_floor .go_box.left ul li span {font-size:17px;}
.sub_go_center .by_floor .go_box.left ul li img {display:inline-block; float:left; padding:35px 20px;}

/* 4F */
.sub_go_center .by_floor .go_box.left ul li.left_t1 {color:#ff81a6;}
.sub_go_center .by_floor .go_box.left ul li.left_t1 article p {display:inline-block; float:left; font-size:33px; font-weight:600; border:6px solid #ff9ab9; border-radius:50%; width:88px; height:88px; text-align:center; padding-top:10px;}
.sub_go_center .by_floor .go_box.left ul li.left_t1 p {padding-top:30px;}

/* 3F */
.sub_go_center .by_floor .go_box.left ul li.left_t2 {color:#f88642;}
.sub_go_center .by_floor .go_box.left ul li.left_t2 article p {display:inline-block; float:left; font-size:33px; font-weight:600; border:6px solid #f88642; border-radius:50%; width:88px; height:88px; text-align:center; padding-top:10px;}
.sub_go_center .by_floor .go_box.left ul li.left_t2 p {padding-top:30px;}

/* 2F */
.sub_go_center .by_floor .go_box.left ul li.left_t3 {color:#f6b73d;}
.sub_go_center .by_floor .go_box.left ul li.left_t3 article p {display:inline-block; float:left; font-size:33px; font-weight:600; border:6px solid #f6b73d; border-radius:50%; width:88px; height:88px; text-align:center; padding-top:10px;}
.sub_go_center .by_floor .go_box.left ul li.left_t3 p {padding-top:15px;}

/* 1F */
.sub_go_center .by_floor .go_box.left ul li.left_t4 {color:#41aea9;}
.sub_go_center .by_floor .go_box.left ul li.left_t4 article p {display:inline-block; float:left; font-size:33px; font-weight:600; border:6px solid #41aea9; border-radius:50%; width:88px; height:88px; text-align:center; padding-top:10px;}
.sub_go_center .by_floor .go_box.left ul li.left_t4 p {padding-top:30px;}

/* B1F */
.sub_go_center .by_floor .go_box.left ul li.left_t5 {color:#53b5e9;}
.sub_go_center .by_floor .go_box.left ul li.left_t5 article p {display:inline-block; float:left; font-size:33px; font-weight:600; border:6px solid #53b5e9; border-radius:50%; width:88px; height:88px; text-align:center; padding-top:10px;}
.sub_go_center .by_floor .go_box.left ul li.left_t5 p {padding-top:30px;}











/* ***** 복지관소개::법인소개 ***** */
.cor-state {padding:50px 70px; overflow:hidden; background:url(../images/intro/facility-bg.jpg)100% 100% no-repeat;}
.cor-state>div {float:left;}
.cor-state-tit {width:510px;}
.cor-state-tit h5 {font-size:16px; color:#000; font-weight:400;}
.cor-state-tit h5 span {padding:15px 0; color:#ff8484; font-size:36px; font-weight:700; font-family:'paybooc'; display:block;}
.cor-state-tit a {display:inline-block; padding:10px 25px 10px 68px; border:2px solid #ff8484; border-radius:100px; font-size:14px; color:#000; font-weight:400; background:url(../images/intro/i-homepage.svg)20px center /40px no-repeat;}
.cor-state-list {width:calc(100% - 510px);}
.cor-state-list ul {}
.cor-state-list ul li {padding-left:14px;}
.cor-state-list ul li:before {width:3px; height:3px; top:;}
.cor-state-list ul li span {display:inline-block; width:62px; color:#000; font-weight:400;}
.cor-state-list ul li+li {margin-top:15px;}

.cor-build {padding:50px 100px; overflow:hidden;}
.cor-build>li {float:left; }
.cor-build>li+li {padding-left:80px; margin-left:80px; border-left:1px solid #e5e5e5;}
.cor-build>li>div {padding-left:50px;position:relative;}
.cor-build>li>div:before {content:''; display:block; width:40px; height:35px; background:url(../images/intro/i-fac-build-02.png)center no-repeat; position:absolute; left:0; top:0;}
.cor-build>li:nth-child(2)>div:before {background-image:url(../images/intro/i-fac-build-01.png);}
.cor-build>li:nth-child(3)>div:before {background-image:url(../images/intro/i-fac-build-03.png);}
.cor-build>li h5 {padding-bottom:15px; font-size:20px; color:#65b187; font-weight:700; font-family:'paybooc'; position:relative;}
.cor-build>li p {}

.cor-type {text-align:center;}
.cor-type li {margin-left:40px; float:left; width:calc((100% - 120px)/4); border-radius:20px; overflow:hidden;border:1px solid #e5e5e5; border-top:0;}
.cor-type li:nth-child(5n+1){margin-left:0;}
.cor-type li .img {}
.cor-type li p {padding:23px 0; border-top:1px solid #e5e5e5; font-size:18px; color:#000; font-weight:500; font-family:'paybooc';}



/* ***** 복지관소개::찾아오시는길 ***** */
.location {}
.location .location-map {border-radius:10px; border:1px solid #ddd; overflow:hidden;}
.location .location-map .root_daum_roughmap {width:100%;}
.location .location-map .hide {display:none;}
.location .location-map .map_border {display:none}

.location .location-map dl {padding:30px; margin-top:-5px;}
.location .location-map dl>* {display:inline-block; padding-right:20px; color:#000}
.location .location-map dl dt {font-weight:400; }

.location .location-info {margin-top:50px;}
.location .location-info .sub-title {margin-bottom:25px;}
.location .location-info ul li {margin-bottom:30px;}
.location .location-info ul li:last-child {margin-bottom:0}
.location .location-info ul li:after {clear:both; content:''; display:block;}
.location .location-info ul li .icon {float:left; width:130px; text-align:center;}
.location .location-info ul li .icon i {display:inline-block; width:70px; height:70px; border-radius:100%; border:1px solid #ebecf0; }
.location .location-info ul li dl {float:left; width:calc(100% - 130px);}
.location .location-info ul li dl dt {font-size:18px; font-weight:400;}
.location .location-info ul li dl dd {position:relative; padding-left:20px; line-height:1.8}
.location .location-info ul li dl dd:before {position:absolute; left:0; top:11px; content:''; width:8px; height:8px; display:block; border-radius:50%;}
.location .location-info ul li dl dd.notice {padding-left:0}
.location .location-info ul li dl dd.notice:before {display:none;}
.location .location-info ul li dl dd.green1:before {background:#1e8449;}
.location .location-info ul li dl dd.green2:before {background:#f1c40f;}
.location .location-info ul li dl dd.purple:before {background:#7d3c98;}
.location .location-info ul li dl dd.navy:before {background:#0054a1;}
.location .location-info ul li dl dd.blue:before {background:#3498db;}

.location .location-info ul li:nth-child(1) i {background: #f9f9f9 url(../images/intro/location-icon01.png) no-repeat center;} 
.location .location-info ul li:nth-child(1) dl {padding-top:7px;}
.location .location-info ul li:nth-child(1) dt {color:#4bc9d0}
.location .location-info ul li:nth-child(1) dd {padding-left:0}
.location .location-info ul li:nth-child(1) dd:before {display:none;}

.location .location-info ul li:nth-child(2) i {background: #f9f9f9 url(../images/intro/location-icon02.png) no-repeat center;} 
.location .location-info ul li:nth-child(2) dt {color:#3aa7e3}



/* ************************ 함께하는 법인가족 ************************ */
.together {}
/* 백송노인주간보호센터 */
.center {}
.center-useInfo {padding:70px;}
.center-useInfo>div {}
.center-useInfo-img {float:left; width:344px;}
.center-useInfo-img .img {height:234px; border-radius:10px;}
.center-useInfo-txt {float:left; width:calc(100% - 344px); padding-left:50px;}
.center-useInfo-txt h5 {padding-bottom:6px; color:#000; font-size:18px; font-weight:700; font-family:'paybooc';}
.center-useInfo-txt h5+ul {padding-top:5px; }
.center-useInfo-txt ul+h5 {padding-top:40px;}
.center-useInfo-txt ul {}
.center-useInfo-txt ul li {position:relative; padding-left:120px; min-height:30px;}
.center-useInfo-txt ul li+li {margin-top:10px;}
.center-useInfo-txt ul li:nth-of-type(2) {margin-top:14px;}
.center-useInfo-txt ul li span {display:block; width:110px; position:absolute; left:0; border-radius:100px; background:#55aa9b; color:#fff; line-height:30px; text-align:center;}
.center-useInfo-txt ul li span.blog {background:url(../images/intro/i-homepage.svg)10px center/30px no-repeat; border:2px solid #55aa9b;}
.center-useInfo-txt ul li .blog a {display:block; width:110px; color:#000; padding-left:30px;}
.center-useInfo-txt ul li p {padding-top:3px;}

.center-entrance {padding:70px; text-align:center;}
.center-entrance>p {padding-bottom:15px; color:#000; font-weight:500; font-size:18px; font-family:'paybooc';}
.center-entrance ul li {float:left; width:215px; height:215px; margin-top:30px; margin-right:45px; background:#ffcece; border-radius:50%; position:relative;}
.center-entrance ul li:after {content:'';display:block; width:22px; height:215px; background:url(../images/together/center-arrow.png)center no-repeat; position:absolute; right:-34px; top:0;}
.center-entrance ul li:last-child {margin-right:0;}
.center-entrance ul li:last-child:after {display:none;}
.center-entrance ul li span {padding:65px 0 0; display:block;}
.center-entrance ul li p {padding:15px 0 0; font-size:18px; color:#000; font-weight:500; font-family:'paybooc';}

.center-entrance ul li:nth-child(2) {background-color:#fde3c4;}
.center-entrance ul li:nth-child(3) {background-color:#f9f1ad;}
.center-entrance ul li:nth-child(4) {background-color:#dcefca;}
.center-entrance ul li:nth-child(5) {background-color:#bbddd7;}


/* 성모어린이집 */
.kinder .kinder-top {padding-bottom:50px;}
.kinder .center-useInfo-img {width:400px;}
.kinder .center-useInfo-txt {width:calc(100% - 400px);}

.kinder-detail {}
.kinder-detail ul {margin-top:-10px;}
.kinder-detail ul li {margin-top:10px; padding:50px;}
.kinder-detail ul li>div {float:left;}
.kinder-detail-icon {width:90px;}
.kinder-detail-icon span {display:block; width:90px; height:90px; border:1px solid #ebecf0; background:#f9f9f9; border-radius:50%;}
.kinder-detail-txt {width:calc(100% - 90px); padding-left:40px;}
.kinder-detail-txt h5 {padding-bottom:15px; font-size:20px; color:#000; font-weight:500; font-family:'paybooc'; line-height:30px;}
.kinder-detail-txt h5 span {padding:0 30px; color:#fff; font-size:14px; line-height:30px; display:inline-block; margin-left:10px; border-radius:0 10px; background:#ffac43; vertical-align:top;}
.kinder-detail-txt h5 em {margin-top:5px; padding-left:10px; display:block; color:#55aa9b; font-size:16px; font-weight:400; border-left:2px solid;line-height:1;}
.kinder-detail-txt p span {font-weight:400; color:#000;}



/******* 법적고지, 이용약관, 개인정보처리방침 *******/
.privacy {}
.privacy .pre-wrap {}
.privacy .pre-wrap>div {padding:30px; border-radius:10px; border:1px solid #ddd; background:#f9f9f9; }
.privacy .pre-wrap pre {padding:0; background:none; font-size:15px;  font-family:'NotoSansKR' !important; line-height:1.7; border:none; word-break:keep-all; color:#333}
.privacy .pre-wrap pre table {border-collapse:collapse; border:1px solid #ddd; border-top:1px solid #000; text-align:center;}
.privacy .pre-wrap pre table tr>* {padding:5px; border-right:1px solid #ddd; color:#000}
.privacy .pre-wrap pre table tr>*:last-child {border-right:none;}
.privacy .pre-wrap pre table tr {border-bottom:1px solid #ddd}
.privacy .pre-wrap pre table tr th {background:#f5f5f5; color:#000; font-weight:400}


/* ************************ PC만 해당 (~991) ************************ */
@media screen and (min-width: 992px) {

	/* ************************ 공통 ************************ */

	/* ***** 탭 ***** */
	.tabWrap {}
	/* 탭::type1 */
	.tabWrap.type1 {padding-bottom:45px;}
	.tabWrap.type1 ul {font-size:0; text-align:center; margin-top:-20px;}
	.tabWrap.type1 ul li {display:inline-block; margin:20px 5px 0; font-size:16px;}
	/* .tabWrap.type1 ul li {width:176px;} */
	.tabWrap.type1 ul li button {width:100%; position:relative; padding-bottom:25px; color:#000; font-size:20px; font-weight:500; line-height:1; font-family:'paybooc'; white-space:nowrap;}
	.tabWrap.type1 ul li button:after {content:''; display:block; width:100%; height:5px; background:#e5e5e5; position:absolute; left:0; bottom:0; border-radius:200px;}
	.tabWrap.type1 ul li.on button {color:#ff8484;}
	.tabWrap.type1 ul li.on button:after {background:#ff8484;}
	
	


}


/* ************************ 태블릿 이하(~991) ************************ */
@media screen and (max-width: 991px) {
	/* ************************ 공통 ************************ */

	/* ***** 탭 ***** */
	.tabWrap {}
	/* 탭::type1 */
	.tabWrap.type1 {padding-bottom:30px; position:relative; z-index:9;}
	.tabWrap.type1>button {padding:16px 30px; width:100%; text-align:left; position:relative; color:#fff; font-size:20px; font-weight:500; line-height:1.4; font-family:'paybooc';}
	.tabWrap.type1>button {border-radius:10px; background:#ff8484 url(../images/business/list_arrow_down.svg)right 30px center /16px no-repeat;}
	.tabWrap.type1>button.on {background-image:url(../images/business/list_arrow_up.svg);}
	/* .tabWrap.type1>button:after {content:''; display:block; width:100%; height:5px; background:#ff8484; position:absolute; left:0; bottom:0; border-radius:200px;} */
	.tabWrap.type1 ul {position:absolute; left:0; top:60px; width:100%;text-align:center; background:#fff; box-shadow:0 0 10px rgba(0,0,0,.2); border-radius:10px;}
	.tabWrap.type1 ul li {border-bottom:1px solid #e5e5e5;}
	.tabWrap.type1 ul li button {padding:12px 30px; width:100%; color:#000; font-size:16px; font-weight:500; font-family:'paybooc';text-align:left;}
	.tabWrap.type1 ul li.on button {color:#ff8484; background:#f9f9f9;}

	/* 탭::type2 */
	.tabWrap.type2 {}
	
	
	/* 탭::type3 */
	.tabWrap.type3 {}
	.tabWrap.type3 ul {}
	.tabWrap.type3 ul li {}
	.tabWrap.type3 ul li a {font-size:18px; padding-bottom:20px;}
	.tabWrap.type3 ul li a:after {height:4px;}
	
	/* 탭::tabInner */


	/* ***** 테이블 ***** */
	.tableWrap {}
	/* 테이블::type1 */
	.tableWrap.type1 {}
	
	/* 테이블::type2 */
	.tableWrap.type2 {}
	.tableWrap.type2 * {display:block; width:100%; text-align:left;}
	.tableWrap.type2 table {border-top:1px solid #000;}
	.tableWrap.type2 table thead {display:none;}
	.tableWrap.type2 table tr {padding:10px 0; border-color:#000;}
	.tableWrap.type2 table tr+tr {}
	.tableWrap.type2 table tr>* {border:0; padding:4px 0;}
	.tableWrap.type2 table td {padding-left:90px; position:relative;}
	.tableWrap.type2 table td+td {}
	.tableWrap.type2 table td:first-child {padding-left:0; color:#000; font-size:17px; font-weight:400;}
	.tableWrap.type2 table td:nth-child() {}
	.tableWrap.type2 table td span.mobile {display:inline-block; padding-left:7px; width:90px; position:absolute; left:0; color:#000;}
	.tableWrap.type2 table td span.mobile:before {content:'';display:block; width:2px; height:2px; background:#666; position:absolute; left:0; top:11px; border-radius:50%;}
	.tableWrap.type2 table tr td.state {padding-left:0; }
	.tableWrap.type2 table tr td.state span {display:inline-block; width:130px; text-align:center;}


	/* ***** 디자인 ***** */
	.borderBox {}
	.paddingBox {padding:40px !important; padding-bottom:25px;}
	
	.titleType1 {padding:0 0 30px;}
	.titleType1 h4 {font-size:27px;}

	.sub-title {font-size:21px;}
	.sub-title:before {top:7px;}
	
	.boxList ul li {padding:15px 20px 30px; width:calc((100% - 20px)/2) !important;}
	.boxList ul li:nth-child(2n+1) {margin-left:0;}
	.boxList ul li:nth-child(2)~li {margin-top:20px;}
	.boxList ul li .img {height:90px;}
	.boxList ul li+li {margin-left:20px;}
	.boxList ul li dt {font-size:18px; padding-bottom:5px;}
	.boxList ul li dd {}
	
	.info-way.boxList {}
	.info-way.boxList ul {padding:0;}
	.info-way.boxList ul li {width:100% !important;}
	.info-way.boxList ul li+li {margin:10px 0 0;}*/
	
	.communityApply-btn {padding:25px 0;}
	.communityApply-btn a {font-size:21px;padding:0 65px 0 35px; background-position:right 35px center;}
	.volunteer .communityApply-btn {padding:40px 0 0;}
	
	.blankSpace {height:70px;}
	
	/* ***** 레이어창 ***** */
	.layerPop {}
	.layerPop-wrap {padding:0; width:calc(100% - 40px);}
	.layerPop-inner {padding:30px;}
	.layerPop.youtube .layerPop-inner>p {font-size:17px;}
	.layerPop.youtube .layerPop-inner iframe {height:48vw;}
	
	/* ************************ 사업안내 ************************ */
	/* ***** 사업안내::공통 ***** */
	.business-tit {padding-bottom:25px;}
	.business-tit-txt h4 {font-size:27px;}
	.business-tit-txt h4 span {}
	.business-tit-txt p {font-size:17px; padding:6px 0 16px;}
	.business-tit-txt-info li.timing {padding-left:30px;}

	.business-img {padding-top:25px;}
	.business-img ul li {width:calc((100% - 20px)/3); height:18vw;}
	.business-img ul li+li {margin-left:10px;}

	.borderBoxInfo {padding:25px 50px;}


	/* ************************ 교육문화 ************************ */
	.use-top {padding-bottom:40px;}
	.use-top>div {width:100%;}
	.use-top-txt {padding:0 0 30px 0;}
	.use-top-txt>h4 {font-size:27px;}
	.use-top-txt>p {font-size:21px; padding:10px 0 30px;}
	.use-top-txt-list-info h5 {font-size:17px;}
	.use-top-img {height:45vw;}


	/* ************************ 자원봉사 ************************ */
	.itemBox+.itemBox {padding-top:50px;}
	.info-apply-box {float:none; width:100%; padding:40px; min-height: auto !important;}
	.info-apply-box h5 {padding-left:80px; font-size:21px; line-height:65px;}
	.info-apply-box h5:before {width:65px; height:65px;}
	.info-apply-box-list {}
	.info-apply-box-list-li {margin-top:35px; padding-left:65px;}
	.info-apply-box-list-li .num {padding-bottom:15px; font-size:27px;}
	
	.info-apply-box.group {border:0; border-top:1px solid #e5e5e5;}
	.info-apply-box-img {padding:0; position:static;}
	
	.info-compensation {padding:40px;}
	.info-compensation-desc {padding-top:40px; position:static; text-align:left;}
	.info-compensation-desc p {padding-top:20px;}

	/* ***** 자원봉사::후원안내 ***** */
	.sponInfo-precess {padding:40px;}
	.sponInfo-precess ul {margin-top:-40px;}
	.sponInfo-precess ul li {width:calc((100% - 120px)/3); padding:0;margin-top:40px;margin-right:40px;}
	.sponInfo-precess ul li:last-child {margin-right:0;}
	.sponInfo-precess ul li:after {right:-25px;}
	.sponInfo-precess ul li:nth-child(4n) {clear:both;}
	.sponInfo-precess ul li:nth-child(3n)~li {}
	.sponInfo-precess ul li .txt .num {font-size:27px;}
	.sponInfo-precess ul li .txt h5 {font-size:19px;}
	
	.sponInfo-kind>ul>li {padding:40px;}
	.sponInfo-kind>ul>li .tit {width:120px;}
	.sponInfo-kind>ul>li ul {width:calc(100% - 120px);}
	
	.sponInfo-howTo>ul {margin-top:-20px;}
	.sponInfo-howTo>ul>li {width:100%; padding:45px 40px; margin:20px 0 0; min-height:auto !important;}
	.sponInfo-howTo>ul>li+li {margin-left:0;}
	
	.sponUse {padding-top:80px;}
	.sponUse>p {font-size:27px; padding:;}
	.sponUse>p:before, .sponUse>p:after {width:65px; background-size:100%;}
	.sponUse ul {padding-top:50px;}
	.sponUse ul li {width:100%;}
	.sponUse ul li+li {margin:0;}
	.sponUse ul li:nth-child(2) {margin:30px 0; padding:30px 0; width:100%; border-width:1px 0;}
	.sponUse ul li p { min-height:40px; }
	
	
	/* ***** 자원봉사::봉사자모집 ***** */
	
	/* 자원봉사::봉사자모집::리스트 */
	
	
	/* 자원봉사::봉사자모집::뷰 */
	.recruitView {}
	.recruitView>div {float:none; width:100%;}
	.recruitView-img {}
	.recruitView-inner { padding:40px 0 0;}
	.recruitView-inner h4 {font-size:21px;}
	
	.recruitApply {padding-top:40px;margin-top:40px;}


	
	/* ************************ 커뮤니티 ************************ */
	.communityApply-info {padding:40px;}
	.communityApply-info>div {float:none; width:100%;}
	.communityApply-info-img {width:100%;}
	.communityApply-info-txt {padding:30px 0 0;}
	.communityApply-img {padding-top:25px;}
	.communityApply-img ul {margin-top:-20px;}
    .communityApply-img ul li {width:calc((100% - 20px)/3); margin-top:10px}
    .communityApply-img ul li+li {margin-left:10px;}
    .communityApply-img ul li span{}

	

	
	/* ***** 커뮤니티::출간자료 ***** */
	.publication .search_box {}
	
	.publication .list_total {}
	.publication .list_gallery {}
	.publication .list_gallery ul {}
	.publication .list_gallery ul li {width:calc((100% - 20px)/2); margin-left:20px; margin-top:20px;}
	.publication .list_gallery ul li:nth-child(5n+1) {margin-left:20px;}
	.publication .list_gallery ul li:nth-child(2n+1) {margin-left:0;}
	.publication .list_gallery ul li .btn a {padding:7px 12px; font-weight:300; background-position:calc(100% - 12px) center !important; background-size:16px !important;}
	
	
	
	
	
	
	/* ************************ 복지관소개 ************************ */

	/* ***** 복지관소개::인사말 ***** */
	.greeting-tit h4 {font-size:21px;}
	.greeting-tit h4 span {padding-bottom:18px;}
	.greeting-tit h4 em {font-size:36px;}
	.greeting-img {padding:50px 0;}
	.greeting-txt p {}
	.greeting-txt p+p {padding-top:30px;}
	
	
	
	
	/* ***** 복지관소개::미션 및 비전 ***** */
	.vision .mission { text-align:center;}
	.vision .missionWrap {padding-bottom:60px;}
	.vision .missionWrap p {font-size:36px;}
	.vision .missionWrap .img {height:35vw; background-size:100%;}
	.vision .visionWrap>div {width:100%;}
	
	.vision .visionWrap {text-align:center;}
	.vision .vision-tit {}
	.vision .vision-tit h4 {font-size:21px;}
	.vision .vision-tit h4:before, .vision .vision-tit h4:after {top:8px;}
	.vision .vision-img {}
	.vision .vision-arrow {padding-bottom:60px;}
	.vision .vision-arrow img {width:40px;}
	.vision .value-img {text-align:center;}
	.vision .vision-value {}
	.vision .vision-value .vision-tit {padding-left:0;}
				
	/* 21-12-29 수정	 */
	.vision-value .vision-img.mobile img{padding-top:40px;}
	.vision .vision-img.mobile img {margin-top:0;}
	.vision .vision-vision .vision-tit h4 {display:none !important;}
	.vision .vision-value .vision-tit. h4{display:none !important;}
	.vision .mission .vision-tit h4 {width:200px; background:url(../images/intro/mission-tit_img_mo.png) 50% 100% no-repeat; background-color:#fff;}
	.vision .vision-value .vision-tit {display:none !important;}
	
	/* ***** 복지관소개::연혁 ***** */
	.history {}
	.history-item {}
	.history-item+.history-item {padding-top:40px; margin-top:40px;}
	.history-item>div {float:none; width:100%;}
	.history-item-year h4 {font-size:21px; height:60px; line-height:60px;}
	.history-item-list {padding:30px 0 0 20px;}
	.history-item-list dt.icon:before {display:none;}
	
	
	/* ***** 복지관소개::조직도 ***** */
	.organ .organ-img ul.btn2 {padding-top:1%;}
	.organ .organ-img ul.btn3 {padding-top:6.8%;}
	
	
	/* ***** 복지관소개::시설안내 ***** */
	.facility {}
	.communityApply-info-txt-list>li {padding-bottom:0;}
    .sub_go_center .by_floor .go_box.left {width:100%;}
	.sub_go_center .by_floor .go_box.right {width:100%;}
	
	.contents .facility .sub_go_center .go_center_left {width:100%;}
	.contents .facility .sub_go_center .go_center_right {width:100%;}
	
	
	/* 2021-12-27수정 */
	
	.sub_go_center .by_floor .go_box.left ul li.left_t1 article p {font-size:30px; font-weight:500; border:6px solid #ff9ab9; width:80px; height:80px;}
	.sub_go_center .by_floor .go_box.left ul li.left_t2 article p {font-size:30px; font-weight:500; border:6px solid #f88642; width:80px; height:80px;}
	.sub_go_center .by_floor .go_box.left ul li.left_t3 article p {font-size:30px; font-weight:500; border:6px solid #f6b73d; width:80px; height:80px;}
	.sub_go_center .by_floor .go_box.left ul li.left_t4 article p {font-size:30px; font-weight:500; border:6px solid #41aea9; width:80px; height:80px;}
	.sub_go_center .by_floor .go_box.left ul li.left_t5 article p {font-size:30px; font-weight:500; border:6px solid #53b5e9; width:80px; height:80px;}
	.fac-info {padding:40px;}
	.fac-info>div {width:100%; float: none; margin-left: 0;}
	.communityApply-info-txt-list {padding-top:30px;}
	
	/* 2021-12-28수정 */
	.contents .facility .sub_go_center .go_center_mi {position:relative;}
	.contents .facility .sub_go_center .go_center_mi img{width:100%; padding: 0 30px 30px;}

	
	/* ***** 복지관소개::법인소개 ***** */
	.cor-state {padding:40px 50px;}
	.cor-state>div {float:none; width:100%;}
	.cor-state-tit {}
	.cor-state-tit h5 span {font-size:32px;}
	.cor-state-tit a {padding:8px 25px 8px 65px;}
	.cor-state-list {padding-top:20px;}
	.cor-state-list ul li+li {margin-top:12px;}
	
	.cor-build {padding:40px 0;}
	.cor-build>li {padding:0 50px; float:none; min-height:auto !important;}
	.cor-build>li+li {padding:40px 50px 0; margin:40px 0 0; border-left:0; border-top:1px solid #e5e5e5;}
	
	.cor-type {margin-top:-30px;}
	.cor-type li {width:calc((100% - 60px)/3); margin-left:30px; margin-top:30px;}
	.cor-type li:nth-child(5n+1) {margin-left:30px;}
	.cor-type li:nth-child(3n+1) {margin-left:0;}
	.cor-type li p {padding:20px 0;}
	
	
	/* ***** 복지관소개::찾아오시는길 ***** */
	.location .location-map dl {padding:20px; margin-top:-5px;}
	.location .location-info .sub-title {margin-bottom:0;}
	.location .location-info ul li {margin-bottom:25px;}
	
	
	
	/* ************************ 함께하는 법인가족 ************************ */
	.together {}
	
	/* 백송노인주간보호센터 */
	.center-useInfo {padding:50px;}
	.center-useInfo-txt {padding-left:40px;}
	
	.center-entrance {padding:50px;}
	.center-entrance>p {padding-bottom:10px;}
	.center-entrance ul li {width:200px; height:200px; margin-top:20px;}
	.center-entrance ul li p {}
	
	/* 성모어린이집 */
	.kinder .kinder-top {padding-bottom:30px}
	.kinder .center-useInfo-img {width:300px;}
	.kinder .center-useInfo-img .img {}
	.kinder .center-useInfo-txt {width:calc(100% - 300px);}
	
	.kinder-detail ul li {padding:40px;}
	.kinder-detail-txt {padding-left:30px;}
	
	/******* 법적고지, 이용약관, 개인정보처리방침 *******/
	.privacy .pre-wrap {padding:0;}
	
	



}







/* ************************ 모바일 (0~767) ************************ */
@media screen and (max-width: 767px) {



	/* ************************ 공통 ************************ */

	/* ***** 탭 ***** */
	.tabWrap {}
	/* 탭::type1 */
	.tabWrap.type1 {padding-bottom:20px;}
	.tabWrap.type1>button {padding:12px 20px; font-size:16px;}
	.tabWrap.type1 ul {top:46px;}
	.tabWrap.type1 ul li button {padding:10px 20px;font-size:15px;}
	
	/* 탭::type2 */
	.tabWrap.type3 {}
	.tabWrap.type3 ul {}
	.tabWrap.type3 ul li {}
	.tabWrap.type3 ul li a {font-size:17px; padding-bottom:15px;}
	.tabWrap.type3 ul li a:after {height:3px;}
	
	/* 탭::type3 */
	.tabWrap.type3 {}
	.tabWrap.type3 ul {}
	.tabWrap.type3 ul li {}
	.tabWrap.type3 ul li a {font-size:17px; padding-bottom:15px;}
	.tabWrap.type3 ul li a:after {height:3px;}
	


	/* 탭::tabInner */


	/* ***** 테이블 ***** */
	.tableWrap {}
	/* 테이블::type1 */
	.tableWrap.type1 {overflow-x:auto;}
	.tableWrap.type1 table {min-width:700px;}
	
	
	/* 테이블::type2 */
	.tableWrap.type2 {}
	.tableWrap.type2 table tr>* {padding:2px 0;}
	.tableWrap.type2 table td {padding-left:85px;}
	.tableWrap.type2 table td span.mobile {width:85px;}
	
	/* 테이블::type3 */
	.tableWrap.type3 * {display:block;}
	.tableWrap.type3 table tr>* {padding:7px 10px;}
	.tableWrap.type3 table th {text-align:left;}
	.tableWrap.type3 table th {}
	
	
	

	/* ***** 디자인 ***** */
	.borderBox {}
	.paddingBox {padding:20px !important;}
	.borderBoxInfo {padding:20px;}
	.borderBoxInfo ul li {width:100%; padding-right:0;}
	.borderBoxInfo ul li+li {margin-top:5px;}
	.borderBoxInfo.solo {margin-top:10px; padding:15px 30px;}
	
	.titleType1 {padding:0 0 20px;}
	.titleType1 h4 {font-size:24px;}
	.sub-title {font-size:19px; padding:0 0 15px 20px;}
	.sub-title:before {width:10px; height:2px;}
	
	.boxList ul li {padding:10px 10px 20px; width:calc((100% - 10px)/2) !important;}
	.boxList ul li:nth-child(2)~li {margin-top:10px;}
	.boxList ul li+li {margin-left:10px;}
	.boxList ul li .img {height:70px;}
	.boxList ul li dt {font-size:17px; padding-bottom:3px;}
	.boxList ul li dd {line-height:1.4;}
	
	.info-way.boxList {}
	.info-way.boxList ul {padding:0;}
	.info-way.boxList ul li {width:100% !important;}
	.info-way.boxList ul li+li {margin:10px 0 0;}
	.info-way.boxList ul li .img {width:50px; height:60px; background-size: 50px !important;}
	.info-way.boxList ul li dt {font-size:17px;}
	
	.ulType2 li {padding:30px 0 0;}
	.ulType2 li span {line-height:28px;}
	
	.communityApply-btn {padding:20px 0;}
	.communityApply-btn a {font-size:19px; line-height:60px; padding:0 55px 0 30px; background-position:right 30px center; background-size:12px;}
	.volunteer .communityApply-btn {padding:30px 0 0;}
	.volunteer .communityApply-btn a {font-size:19px; line-height:60px; padding:0 55px 0 30px; background-position:right 30px center; background-size:12px;}
	
	.blankSpace {height:40px;}
	
	/* ***** 레이어창 ***** */
	.layerPop-tit {padding:11px 20px; min-height:40px;}
	.layerPop-tit h4 {font-size:18px;}
	.layerPop-tit .close {width:40px; height:40px; background-size:20px;}
	.layerPop-inner {padding:20px;}
	.layerPop.youtube .layerPop-inner>p {font-size:15px;}
	
	/* ************************ 사업안내 ************************ */
	/* ***** 사업안내::공통 ***** */
	.business-tit {padding-bottom:15px;}
	.business-tit-txt {width:100%; padding:15px 0 0;}
	.business-tit-txt h4 {font-size:24px;}
	.business-tit-txt h4 span {padding:0 20px; font-size:13px;}
	.business-tit-txt p {padding:5px 0 0; font-size:16px;}
	.business-tit-txt-info {padding-top:15px;}
	.business-tit-txt-info li {width:100%;}
	.business-tit-txt-info li.timing {padding:10px 0 0;}
	.business-tit-txt-info li.place {padding:10px 0 0;}
	.business-img {padding-top:15px;}
	.business-img ul li {width:100%; height:50vw;}
	.business-img ul li+li {margin:15px 0 0;}

	

	/* ************************ 교육문화 ************************ */
	.use .paddingBox {}
	.use-top-txt>h4 {font-size:24px;}
	.use-top-txt>p {font-size:18px; padding:7px 0 20px;}
	.use-top-txt-list ul li+li {padding-top:20px;}
	.use-top-txt-list-info {padding-left:10px;}
	.use-top-txt-list-info h5 {font-size:16px; padding:;}
	.use-top-txt-list-icon {width:55px; height:55px;}
	
	
	
	
	/* ************************ 자원봉사 ************************ */
	.itemBox+.itemBox {padding-top:30px;}
	.info-apply-box {padding:30px;}
	.info-apply-box h5 {padding-left:70px; font-size:18px; line-height:60px;}
	.info-apply-box h5:before {width:60px; height:60px;}
	
	.info-apply-box-list {padding-left:0; margin-top:0;}
	.info-apply-box-list-li {margin-top:20px;padding-left:0;}
	.info-apply-box-list-li .num {font-size:24px;padding-bottom:5px; border-width:1px;}
	.info-apply-box-list-inner {line-height:1.8;}
	.info-apply-box-list-inner h6 {padding:3px 0 15px 40px;font-size:19px;}
	.info-apply-box-list-inner-ul li {padding-left:10px;}
	.info-apply-box-list-inner-ul li:before {width:3px; height:3px; top:12px;}
	
	.info-compensation {padding:30px;}
	.info-compensation-desc {padding-top:20px;}
	.info-compensation-desc span {height:37px; background-size:38px;}
	.info-compensation-desc p {padding-top:10px; font-size:17px; line-height:1.7;}
	
	
	/* ***** 자원봉사::후원안내 ***** */
	.sponInfo-precess {padding:30px;}
	.sponInfo-precess ul { margin-top:-60px;}
	.sponInfo-precess ul li {width:100%; margin-right:0; margin-top:60px;}
	.sponInfo-precess ul li:after {height:26px; transform:rotate(90deg); right:calc(50% - 7.5px); top:calc(100% + 15px);}
	.sponInfo-precess ul li .img {width:110px; height:110px;}
	.sponInfo-precess ul li .txt .num {font-size:24px;}
	.sponInfo-precess ul li .txt h5 {font-size:18px;}
	
	.sponInfo-kind>ul:first-child {margin-top:-10px;}
	.sponInfo-kind>ul>li {width:100%; padding:30px; margin-top:10px; min-height:auto !important;}
	.sponInfo-kind>ul>li:nth-child(even) {margin-left:0;}
	
	.sponInfo-howTo>ul {margin-top:-10px;}
	.sponInfo-howTo>ul>li {margin:10px 0 0; padding:35px 30px;}
	.sponInfo-howTo>ul>li .txt h5 {padding-bottom:5px; font-size:19px;}
	.sponInfo-howTo>ul>li .txt ul {padding-top:12px;}
	
	.sponUse {padding-top:60px;}
	.sponUse>p {font-size:24px; padding:60px 0;}
	.sponUse>p:before, .sponUse>p:after {width:50px;}
	.sponUse>p:before {left:calc(50% - 25px);}
	.sponUse>p:after {right:calc(50% - 25px); top:auto; bottom:0;}
	.sponUse ul {padding-top:40px;}
	.sponUse ul li:nth-child(2) {margin:20px 0; padding:20px 0;}
	
	/* ***** 자원봉사::봉사자모집 ***** */
	
	/* 자원봉사::봉사자모집::리스트 */
	
	/* 자원봉사::봉사자모집::뷰 */
	.recruitView-inner {padding:30px 0 0;}
	.recruitView-inner h4 {font-size:19px;padding:12px 0;}
	
	.recruitApply {padding-top:30px;margin-top:30px;}
	
	
	
	/* ************************ 커뮤니티 ************************ */
	.communityApply-info {padding:30px}
	.communityApply-info-txt-list>li>span {font-size:14px; line-height:35px;}
	.communityApply-info-txt-list>li>span+* {width:100%; padding:5px 0 0;}
	
	.communityApply-info-txt-list>li .process li {font-size:15px;}
	.communityApply-img {padding-top:30px;}
	.communityApply-img ul {margin-top:-5px;}
	.communityApply-img ul li {width:100%; height:50vw; margin-top:-10px}
	.communityApply-img ul li+li {margin:15px 0 0;}
    .communityApply-img ul li span{padding:1px 18px;}
	
	
	/* ***** 커뮤니티::출간자료 ***** */
	.publication .search_box {}
	
	.publication .list_total {}
	.publication .list_gallery {}
	.publication .list_gallery ul {margin-top:-10px;}
	.publication .list_gallery ul li {width:calc((100% - 10px)/2); margin-left:10px; margin-top:10px;}
	.publication .list_gallery ul li:nth-child(5n+1) {margin-left:10px;}
	.publication .list_gallery ul li:nth-child(3n+1) {margin-left:10px;}
	.publication .list_gallery ul li:nth-child(2n+1) {margin-left:0; clear:both;}
	.publication .list_gallery ul li .btn {margint-top:3px;}
	.publication .list_gallery ul li .btn a {width:100%; margin:3px 0 0 !important;}
	
	
	/* ************************ 복지관소개 ************************ */

	/* ***** 복지관소개::인사말 ***** */
	.greeting-tit h4 {font-size:19px;}
	.greeting-tit h4 span {}
	.greeting-tit h4>* {padding-bottom:10px !important;}
	.greeting-tit h4 em {font-size:27px; display:block; font-weight:700;}
	.greeting-img {padding:30px 0;}
	.greeting-txt p {font-size:16px; line-height:1.8;}
	.greeting-txt p+p {padding-top:20px;}
	
	/* ***** 복지관소개::미션 및 비전 ***** */
	.vision .missionWrap {padding-bottom:40px;}
	.vision .missionWrap p {font-size:27px; padding:0 40px; top:-15px;}
	.vision .vision-tit {}
	.vision .vision-tit h4 {font-size:19px; padding:0 20px;}
	.vision .vision-tit h4:before, .vision .vision-tit h4:after {width:10px; top:6px;}
	.vision .vision-arrow {padding-bottom:40px;}
	.vision .vision-arrow img {width:35px;}

	
	
	/* ***** 복지관소개::연혁 ***** */
	.history {}
	.history-item {}
	.history-item+.history-item {padding-top:30px; margin-top:30px;}
	.history-item-year h4 {width:100%; font-size:19px; height:50px; line-height:50px;}
	.history-item-list {padding:20px 0 0;}
	.history-item-list dl {margin-top:-10px;}
	.history-item-list dl>*+* {margin-top:10px;}
	.history-item-list dd {margin-left:70px; width:calc(100% - 70px);}
		
	/* ***** 복지관소개::조직도 ***** */
	.organ .organ-img ul.btn2 {padding-top:1%;}
	.organ .organ-img ul.btn3 {padding-top:6.7%;}
	
	
	/* ***** 복지관소개::시설안내 ***** */
	.facility {}
	.sub_go_center .by_floor .go_box.left ul li img {display:none;}
	.sub_go_center .by_floor .go_box.left ul li {border-bottom: 1px solid #eaeaea; padding-top:30px; padding-bottom:10px;}
	.sub_go_center .by_floor .go_box.left ul li:first-child {padding-top:0;}
	.sub_go_center .by_floor .go_box.left ul li.left_t1 p {padding-top:100px;}
	.sub_go_center .by_floor .go_box.left ul li.left_t2 p {padding-top:100px;}
	.sub_go_center .by_floor .go_box.left ul li.left_t3 p {padding-top:100px;}
	.sub_go_center .by_floor .go_box.left ul li.left_t4 p {padding-top:100px;}
	.sub_go_center .by_floor .go_box.left ul li.left_t5 p {padding-top:100px;}
	
	/* 2021-12-24수정 */
	.sub_go_center {padding:30px;}
	.sub_go_center .by_floor .go_box.left .left_con {width:100%;}
	.contents .facility .sub_go_center .go_center_co {border:none; box-shadow:none; padding-left:80px; padding-top:0; padding-bottom:0;}
	.contents .facility .sub_go_center .go_center_co.padding33 {padding-left:80px; padding-bottom:0;}
	.contents .facility .sub_go_center .go_center_co.mo_paddingT0 {padding-top:0;}
	.contents .facility .sub_go_center .go_center_co.mo_paddingT20 {padding-top:20px;}

	
	
	/* ***** 복지관소개::법인소개 ***** */
	.cor-state {padding:20px 30px; background-size:70%;}
	.cor-state-tit h5 {font-size:15px;}
	.cor-state-tit h5 span {padding:10px 0; font-size:24px;}
	.cor-state-tit a {padding:5px 20px 5px 55px; background-size:30px; background-position:18px center;}
	.cor-state-list ul li {position:relative; padding-left:60px}
	.cor-state-list ul li span {position:absolute; left:12px;}
	.cor-state-list ul li+li {margin-top:7px;}
	
	.cor-build {padding:30px 0;}
	.cor-build>li {padding:0 30px;}
	.cor-build>li+li {padding:20px 30px 0; margin:20px 0 0;}
	.cor-build>li h5 {padding-bottom:10px; font-size:18px;}
	
	.cor-type {margin-top:-20px;}
	.cor-type li {width:calc((100% - 20px)/2); margin-left:20px; margin-top:20px; border-radius:10px;}
	.cor-type li:nth-child(5n+1) {margin-left:20px;}
	.cor-type li:nth-child(3n+1) {margin-left:20px;}
	.cor-type li:nth-child(2n+1) {margin-left:0;}
	.cor-type li p {padding:12px 0; font-size:16px;}
	
	/* ***** 복지관소개::찾아오시는길 ***** */
	.location .location-map .root_daum_roughmap .wrap_map {height:250px !important}
	.location .location-map dl dt {display:block; padding-right:0; margin-bottom:5px;}
	.location .location-info {margin-top:30px;}
	.location .location-info .sub-title {margin-bottom:0;}
	.location .location-info ul li {margin-bottom:20px;}
	.location .location-info ul li .icon {display:none;}
	.location .location-info ul li dl {width:100%}
	.location .location-info ul li:nth-child(1) dl {padding-top:0}
	
	
	/* ************************ 함께하는 법인가족 ************************ */
	.together {}
	
	/* 백송노인주간보호센터 */
	.center-useInfo {padding:30px;}
	.center-useInfo-img {width:100%; }
	.center-useInfo-img .img {height:47vw;}
	.center-useInfo-txt {width:100%; padding:20px 0 0;}
	.center-useInfo-txt ul+h5 {padding-top:30px;}
	.center-useInfo-txt h5 {font-size:17px; padding-bottom:5px;}
	
	.center-entrance {padding:30px;}
	.center-entrance>p {font-size:17px; padding-bottom:0;}
	.center-entrance ul li {float:none; width:180px; height:180px; margin:40px auto 0 !important;}
	.center-entrance ul li:after {right:calc(50% - 11px); top:94px; transform:rotate(90deg);}
	.center-entrance ul li span {padding:50px 0 0;}
	.center-entrance ul li p {font-size:17px;}
	
	
	/* 성모어린이집 */
	.kinder .kinder-top {padding-bottom:20px}
	.kinder .center-useInfo-img {width:100%;}
	.kinder .center-useInfo-txt {width:100%;}
	
	.kinder-detail ul li {padding:30px;}
	.kinder-detail-txt h5 {font-size:18px; padding-bottom:10px;}
	.kinder-detail-txt h5 span {font-size:13px; padding:0 20px;}
	.kinder-detail-txt h5 em {font-size:15px;}
	
	
	
	
	/******* 법적고지, 이용약관, 개인정보처리방침 *******/
	.privacy .pre-wrap>div {padding:20px;}
	.privacy .pre-wrap pre {font-size:14px; line-height:1.6;}
	
	
	
	



}

/* ************************ 작은모바일 (0~500) ************************ */
@media screen and (max-width: 500px) {
	
	/* ************************ 복지관소개 ************************ */

	/* ***** 복지관소개::인사말 ***** */
	
	
	
	/* ***** 복지관소개::미션 및 비전 ***** */
	.vision .missionWrap p {font-size:24px;}
	.vision .mission .vision-tit h4 {}
	.vision .mission .missionWrap .img {height:350px;}
	/* ***** 복지관소개::조직도 ***** */
	.organ .organ-img ul.btn2 {padding-top:1%;}
	.organ .organ-img ul.btn3 {padding-top:6.3%;}
	.vision .mission .vision-tit h4 {}
	
	/* 시설안내 */

	.sub_go_center .by_floor .go_box.right img {margin-top:70px;}
	
	
	
	
	/* ************************ 자원봉사 ************************ */
	
	/* ***** 자원봉사::후원안내 ***** */
	.sponInfo-kind>ul>li .tit {width:100%;}
	.sponInfo-kind>ul>li ul {width:100%; padding-top:20px;}
	
	
	.sponInfo-howTo>ul {}
	.sponInfo-howTo>ul>li {padding:30px;}
	.sponInfo-howTo>ul>li>div {float:none;}
	.sponInfo-howTo>ul>li .img {}
	.sponInfo-howTo>ul>li .txt {width:100%; padding-top:15px;}
	
	.sponUse>p {padding:50px 0;}
	
	
	
	
	/* ************************ 함께하는 법인가족 ************************ */
	.center-useInfo-txt ul li {padding:30px 0 0;}
	.center-useInfo-txt ul li span {top:0;}
	
	
	/* 성모어린이집 */
	.kinder-detail ul li>div {float:none;}
	.kinder-detail-icon {}
	.kinder-detail-icon span {width:80px; height:80px;}
	.kinder-detail-icon span img {width:100%;}
	.kinder-detail-txt {width:100%; padding-top:10px; padding-left:0;}
	
	
}

/* 캘린더 */
.formCal {box-shadow:0 0 20px rgba(0,0,0,0.1);}
.formCal>table {}
.formCal-tit {position:relative;border-bottom:1px solid #e5e5e5; }
.formCal-tit * {vertical-align:middle; font-size:15px;}
.formCal-tit select {padding:0 15px; line-height:50px; border:0; cursor:pointer;}
.formCal-tit select:focus {border:0 !important; outline:0 !important;}
.formCal-tit select[name="date_year"] {}
.formCal-tit select[name="date_mon"] {border-left:1px solid #e5e5e5;}
.formCal-tit select[name="date_mon"]:focus {border-left:1px solid #e5e5e5 !important;}
.formCal-tit a.close {border-left:1px solid #e5e5e5; background:#fff url(../images/common/i-close.svg)center /10px no-repeat; display:inline-block; width:50px; height:50px;}
.formCal-date #cursorData td {width:calc(100%/7); background-position:center !important; font-size:13px;}