@charset "utf-8";

/* ------------ 공통 */
img {max-width:100%;}
ul.tabs {display:flex;justify-content: center;gap:10px;}
ul.tabs li {min-width:200px;text-align:center;}
ul.tabs li a {position:relative;display:block;width:100%;padding:0 30px;line-height:50px;font-size:1.15em;color:#222;border-radius:50px;border:1px solid #eee;background:#fff;}
ul.tabs li:is(:hover, :active, :focus) a {border-color:#6cb131;color: #6cb131;}
ul.tabs li.active a {color:#fff;background:#6cb131;border-color:#6cb131;}

p.strong {color:#6cb131;font-size:1.25em;font-weight:600;}
.s-tit {padding-left:30px;font-size:1.1em;margin-top:10px;}
.info_box {border:1px solid #ddd;border-radius:15px;padding:40px 30px;}
.info_box .list1 > li {color:#767676;}
.info_box .list1 > li > strong {color:#222;margin-bottom:5px;}
.gray_box {background:#f5f5f5;border-radius:15px;padding:30px 20px;}
.gray_box select,
.gray_box input {background-color:#fff;border-radius:5px;}
.border_box {border:1px solid #e4e4e4;padding:15px;}

/* step 박스 */
.v_step {display:flex;flex-wrap:wrap;gap:20px 60px;justify-content: center;margin:auto;}
.v_step > li {position:relative;text-align: center;width:180px;}
.v_step > li .icon {position:relative;width:160px;height:160px;border-radius:50%;border:1px solid #eee;display:flex;align-items: center;justify-content: center;margin:auto;}
.v_step > li:nth-of-type(n+2) .icon:before {content:'';position:absolute;left:-41px;top:0;bottom:0;margin:auto;background:url("/images/fs/common/next.png") no-repeat center;width:12px;height:auto;aspect-ratio: 17/29;background-size: contain;opacity: .3;}
.v_step > li .icon img {max-width:80px;width:100%;height:auto;}
.v_step > li .txt {margin-top:20px;text-wrap:balance;}
.v_step > li .txt .num {font-weight:bold;color:#6cb131;font-size:.9em;}
.v_step > li .txt p {color:#222;margin-top:10px;font-size:1.1em;}
@media only screen and (max-width:1199px){
	.v_step {gap:10px 30px;}
	.v_step > li:nth-of-type(n+2) .icon:before {left:-30px;}
}
@media only screen and (max-width:1023px){
	.v_step {gap:10px;}
	.v_step > li {flex:1;}
	.v_step > li .icon {width:140px;height:140px;}
	.v_step > li .icon:before {display: none;}
	.v_step > li .icon img {max-width:70px;}
}
@media only screen and (max-width:767px){
	.s-tit {padding-left:0;}
	.v_step {flex-direction:column;}
	.v_step > li {flex:unset;width:100%;border-radius:15px;border:1px solid #eee;display:flex;justify-content: flex-start;padding:20px 30px;}
	.v_step > li .icon {width:70px;height:auto;border-radius:unset;border:none;}
	.v_step > li .icon img {max-width:60px;}
	.v_step > li .txt {width:calc(100% - 70px);text-align: left;padding-left:30px;margin-top:0;}

	ul.tabs {gap:5px;}
	ul.tabs li {min-width:unset;flex: 1;}
	ul.tabs li a {padding:0 15px;font-size:1.1em;line-height:45px;}

	.info_box {padding:30px 20px;}
}

/* ------------ 01 복지관소개 */
/* 01_01 인사말 */
.greeting_wrp {}
.greeting_wrp .flexbox {flex-wrap:wrap;align-items:flex-start;}
.greeting_wrp .flexbox .imgbox {width:40%;min-width:400px;border-radius:15px;overflow:hidden;}
.greeting_wrp .flexbox .txtbox {padding:40px 0 0 80px ;width:55%;}
.greeting_wrp .flexbox .txtbox .tit {font-family:'MaruBuri';font-size:1.8em;color:#6cb131;font-weight:bold;}
.greeting_wrp .flexbox .txtbox .txt {line-height:2em;text-wrap:wrap;}
.greeting_wrp .flexbox .txtbox .txt p:nth-of-type(n+2) {margin-top:30px;}
.greeting_wrp .flexbox .txtbox .txt p.top {color:#000;font-family:'MaruBuri';font-weight:bold;font-size:1.1em;}
.greeting_wrp .flexbox .txtbox .txt p.top strong {font-family:inherit;}
@media only screen and (max-width:1023px){
	.greeting_wrp .flexbox {flex-direction: column;}
	.greeting_wrp .flexbox .imgbox {width:100%;max-width:560px;margin:auto;min-width:unset;}
	.greeting_wrp .flexbox .txtbox {padding:40px 0 0;width:100%;text-align: center;}
	.greeting_wrp .flexbox .txtbox .txt p:nth-of-type(n+2) {margin-top:20px;}
}

/* 01_02 운영법인 소개 */
.corpIntro_wrp .imgbox {display:flex;align-items:center;justify-content:center;position:relative;width:100%;height:400px;border-radius:20px;overflow:hidden;}
.corpIntro_wrp .imgbox p {position:absolute;left:0;right:0;top:50%;transform:translateY(-50%);text-align:center;font-size:1.7em;color:#fff;padding-top:10px;}
.corpIntro_wrp .vision {margin-top:60px;position:relative;}
.corpIntro_wrp .vision .titbox {text-align: center;background:#eef4ff;border:1px solid #88aaff;border-radius:15px;padding:52px 15px 28px;}
.corpIntro_wrp .vision .titbox .tit {display:inline-block;max-width:200px;background:#88aaff;font-size:1.25em;color:#fff;padding:16px 30px 11px;border-radius:40px;font-weight:600;position:absolute;left:0;right:0;top:-27.5px;margin:auto;}
.corpIntro_wrp .vision .titbox .tit em {display:inline-block;margin-left:5px;font-weight:normal;opacity: .6;}
.corpIntro_wrp .vision .titbox .txt {font-size:1.25em;color:#222;}
.corpIntro_wrp .vision .titbox .txt strong {display:block;}
.corpIntro_wrp .buss_list.width2_8 > li .th {width:120px;padding-right:0;}
.corpIntro_wrp .buss_list.width2_8 > li .td {width:calc(100% - 120px);padding-left:20px;}
@media only screen and (max-width:1023px){
	.corpIntro_wrp .imgbox {height:300px;padding:0 20px;}
	.corpIntro_wrp .imgbox img {transform:scale(2);}
	.corpIntro_wrp .buss_list.width2_8 > li .td {padding-left:0;margin-top:5px;}
}
@media only screen and (max-width:767px){
	.corpIntro_wrp .imgbox {height:200px;padding:0 15px;}
	.corpIntro_wrp .vision .titbox .txt {font-size:1.1em;}
}

/* 01_03 미션및비전 */
.mission_wrp {}
.mission_wrp .box1 {text-align: center;}
.mission_wrp .box1 .mission {position:relative;padding-bottom:240px;}
.mission_wrp .box1 .mission:after {content:'';position:absolute;left:0;right:0;margin:auto;bottom:0;background:url("/images/fs/content/sub01/mission_arrow.png") no-repeat center bottom;width:480px;height:auto;aspect-ratio: 480/331;opacity: .1;z-index: -2;}
.mission_wrp .box1 .mission .txt {position:relative;display: flex;flex-direction:column;align-items: center;justify-content: center;width:360px;height:auto;aspect-ratio:1/1;border-radius:50%;background:#6cb131;color:#fff;margin:auto;}
.mission_wrp .box1 .mission .txt:before {content:'';position:absolute;left:0;right:0;top:0;bottom:0;margin:-5%;width:110%;height:110%;border:1px solid #6cb131;background:#fff;z-index: -1;border-radius:50%;}
.mission_wrp .box1 .mission .txt:after {content:'';position:absolute;right:-25%;top:0;background:url("/images/fs/content/sub01/ci_bg.png") no-repeat center;width:320px;height:auto;aspect-ratio: 31/25;opacity:.1;background-size:contain;}
.mission_wrp .box1 .mission .txt .tit {display: block;font-weight:400;font-size:1.8em;position:relative;padding-bottom:22px;margin-bottom:30px;}
.mission_wrp .box1 .mission .txt .tit:after {content:'';position:absolute;left:0;right:0;bottom:0;margin:auto;background:url("/images/fs/content/sub01/mission_bullet.png") no-repeat center bottom;width:20px;height:12px;}
.mission_wrp .box1 .mission .txt p {line-height:1.2;font-size:1.8em;font-weight: 700;}
.mission_wrp .box1 .mission .txt p strong {display: block;}
.mission_wrp .box1 .vision {margin-top:60px;position:relative;}
.mission_wrp .box1 .vision .titbox {text-align: center;padding:50px 15px 30px;}
.mission_wrp .box1 .vision .titbox .tit {display:inline-block;max-width:200px;background:#88aaff;font-size:1.25em;color:#fff;padding:15px 30px 12px;border-radius:40px;font-weight:600;position:absolute;left:0;right:0;top:-27.5px;margin:auto;}
.mission_wrp .box1 .vision .titbox .tit em {display:inline-block;margin-left:5px;font-weight:normal;opacity: .6;}
.mission_wrp .box1 .vision .titbox ul {display:grid;grid-template-columns:repeat(3,1fr);gap:20px;text-align: left;margin:auto;font-size:1.1em;}
/*.mission_wrp .box1 .vision .titbox ul > li:nth-of-type(n+2) {margin-top:5px;}*/
.mission_wrp .box1 .vision .titbox ul > li {flex-grow:1;display:grid;place-items:center;margin-top:0;padding:32px 20px 28px;background:#eef4ff;border:1px solid #88aaff;border-radius:15px;text-align: center;}
.mission_wrp .box1 .vision .titbox ul > li:after {display: none;}
.mission_wrp .box2 {background:#f5f5f5;padding:80px 0;}
.mission_wrp .box2 ul {display:flex;flex-wrap:wrap;gap:30px;}
.mission_wrp .box2 ul > li {width:calc((100% - 60px)/3);text-align: center;background:#fff;border-radius:15px;border:1px solid #eee;padding:30px 10px;}
.mission_wrp .box2 ul > li .txtbox {margin-top:15px;}
.mission_wrp .box2 ul > li .txtbox .tit {font-size:1.5em;color:#000;margin-bottom:10px;}
.mission_wrp .box3 ul {display:flex;justify-content: space-between;margin-top:20px;}
.mission_wrp .box3 ul > li {text-align: center;width:30%;position:relative;height:140px;padding-top:10px;border-radius:200px;font-size:1.75em;font-weight:bold;display:flex;align-items: center;justify-content: center;}
.mission_wrp .box3 ul > li:nth-of-type(n+2) {margin-left:-5%;}
.mission_wrp .box3 ul > li:nth-of-type(1) {background: rgba(235, 157, 22, 0.2);border:1px solid #eb9d16;color:#eb9d16;}
.mission_wrp .box3 ul > li:nth-of-type(2) {background: rgba(227, 130, 148, 0.2);border:1px solid #e38294;color:#e38294;}
.mission_wrp .box3 ul > li:nth-of-type(3) {background: rgba(108, 177, 49, 0.2);border:1px solid #6cb131;color:#6cb131;}
.mission_wrp .box3 ul > li:nth-of-type(4) {background: rgba(49, 110, 117, 0.2);border:1px solid #316e75;color:#316e75;}

.mission_wrp .box4 {}
.mission_wrp .box4 .p1 {display: block;background: #6cb131;font-size: 2.4rem;color: #fff;padding: 30px 15px;border-radius: 40px 40px 0 0;font-weight: 400;margin-top:20px;text-align: center;}
.mission_wrp .box4 .p1 em {font-weight: 700;}
.mission_wrp .box4 ul {display: flex;border-radius: 0 0 40px 40px;padding:40px;border:1px solid #ddd;}
.mission_wrp .box4 ul li {padding:0 40px;}
.mission_wrp .box4 ul li:not(:last-child) {border-right: 1px solid #ddd;}
.mission_wrp .box4 ul li span svg {width:40px;color:#222;margin-bottom:15px;}
.mission_wrp .box4 ul li strong {font-size:24px;color:#222;display: block;margin-bottom:10px;}
.mission_wrp .box4 ul li p {line-height: 1.5;}
.mission_wrp .box4 ul li:nth-child(1) span svg {color:#eb9d16;}
.mission_wrp .box4 ul li:nth-child(1) strong em {color:#eb9d16;}
.mission_wrp .box4 ul li:nth-child(1) p em {color:#6d4500;box-shadow: inset 0 -7px 0 rgba(235,157,22,0.3);}
.mission_wrp .box4 ul li:nth-child(2) span svg {color:#316e75;}
.mission_wrp .box4 ul li:nth-child(2) strong em {color:#316e75;}
.mission_wrp .box4 ul li:nth-child(2) p em {color:#1a5d65;box-shadow: inset 0 -7px 0 rgba(49,110,117,0.3);}
.mission_wrp .box4 ul li:nth-child(3) span svg {color:#e38294;}
.mission_wrp .box4 ul li:nth-child(3) strong em {color:#e38294;}
.mission_wrp .box4 ul li:nth-child(3) p em {color:#c5324e;box-shadow: inset 0 -7px 0 rgba(227,130,148,0.3);}
@media only screen and (max-width:1023px){
	.mission_wrp .box1 .vision .titbox ul > li br {display: none;}

	.mission_wrp .box2 ul {gap:20px;}
	.mission_wrp .box2 ul > li {width:calc((100% - 40px)/3);}

	.mission_wrp .box4 ul {padding:40px 0;}
	.mission_wrp .box4 ul li p br {display: none;}
}
@media only screen and (max-width:767px){
	.mission_wrp .box1 .mission {padding-bottom:200px;}
	.mission_wrp .box1 .mission .txt {width:100%;max-width:300px;margin:auto;}
	.mission_wrp .box1 .mission:after {width: 100%;max-width:480px;background-size:contain;}

	.mission_wrp .box1 .vision .titbox ul {grid-template-columns:repeat(1,1fr);gap:10px;}
	.mission_wrp .box1 .vision .titbox ul > li {padding:15px 20px;}

	.mission_wrp .box2 ul > li {width:calc((100% - 20px)/2);}
	.mission_wrp .box2 ul > li img {max-width:80px;}

	.mission_wrp .box3 ul {flex-wrap:wrap;gap:10px;}
	.mission_wrp .box3 ul > li {width:calc((100% - 10px)/2);height:100px;}
	.mission_wrp .box3 ul > li:nth-of-type(n+2) {margin-left:0;}

	.mission_wrp .box4 ul {flex-direction: column;padding:0;}
	.mission_wrp .box4 ul li {padding:40px 40px;}
	.mission_wrp .box4 ul li:not(:last-child) {border-right:0;border-bottom: 1px solid #ddd;}
}
@media only screen and (max-width:560px){
	.mission_wrp .box2 ul {gap:10px;}
	.mission_wrp .box2 ul > li {width:100%;padding:20px 10px;}
	.mission_wrp .box2 ul > li img {max-width:60px;}
	.mission_wrp .box2 ul > li .txtbox .tit {margin-bottom:5px;}

	.mission_wrp .box3 ul {gap:5px 0;}
	.mission_wrp .box3 ul > li {flex:1 100%;height:80px;font-size:1.5em;}
	.mission_wrp .box3 ul > li:nth-of-type(2n) {margin-left:0;}
	/*.mission_wrp .box3 ul > li:nth-of-type(n+2) {margin-top:-2%;}*/
}

/* 01_04 조직조 직원소개 */
.org_wrp {}
.org_wrp .org_list {position:relative;font-size:1.2em;color:#222;}
.org_wrp .org_list:after {content:'';position:absolute;left:0;right:0;top:160px;margin:auto;width:1px;height:60%;background:#e4e4e4;z-index: -1;}
.org_wrp .org_list .o_item {position:relative;width:240px;height:65px;display: flex;align-items: center;justify-content: center;border-radius:10px;border:4px solid #e4e4e4;cursor:pointer;transition:all .3s;background:#fff;padding-top:7px;}
.org_wrp .org_list .line1 {text-align: center;}
.org_wrp .org_list .line1 .tit {position:relative;margin:auto;width:160px;height:auto;aspect-ratio:1/1;border-radius:50%;display:flex;align-items:center;justify-content: center;font-size:1.5em;border-color:#6cb131;color:#6cb131;}
.org_wrp .org_list .line1 .tit:is(:hover, :active, :focus),
.org_wrp .org_list .line1 li.on .tit {color:#fff;background-image:linear-gradient(120deg, rgb(160,234,97) 0%, rgb(102,173,42) 99%);border-color:#e4e4e4;}
.org_wrp .org_list .line2 ul {display:flex;justify-content:center;align-items: center;}
.org_wrp .org_list .line2 ul > li {position: relative;}
.org_wrp .org_list .line2 ul > li .o_item {pointer-events: none;}
.org_wrp .org_list .line2 ul > li:nth-of-type(1) {padding-right:10%;}
.org_wrp .org_list .line2 ul > li:nth-of-type(1):before {content:'';position:absolute;right:0;width:calc(100% - 270px);top:0;bottom:0;margin:auto;background:#e4e4e4;height:1px;z-index: -1;}
.org_wrp .org_list .line2 ul > li:nth-of-type(1):after {content:'';position:absolute;right:calc(100% - 270px);top:0;bottom:0;margin:auto;width:1px;height:56.5%;background:#e4e4e4;}
.org_wrp .org_list .line2 ul > li:nth-of-type(1) .o_item:after {content:'';position:absolute;top:0;bottom:0;right:-33px;margin:auto;background:#e4e4e4;width:33px;height:1px;z-index: -1;}
.org_wrp .org_list .line2 ul > li:nth-of-type(2) {padding-left:10%;}
.org_wrp .org_list .line2 ul > li:nth-of-type(2):before {content:'';position:absolute;left:0;width:calc(100% - 240px);top:0;bottom:0;margin:auto;background:#e4e4e4;height:1px;z-index: -1;}
.org_wrp .org_list .line3 {text-align: center;}
.org_wrp .org_list .line3 .o_item {margin:auto;border-color:#316e75;color: #316e75;}
.org_wrp .org_list .line3 li .o_item:is(:hover, :active, :focus),
.org_wrp .org_list .line3 li.on .o_item {background:#316e75;color: #fff;}
.org_wrp .org_list .line4 {}
.org_wrp .org_list .line4 ul {position:relative;display:flex;gap:10px;padding-top:30px;}
.org_wrp .org_list .line4 ul:after {content:'';position:absolute;left:0;right:0;top:0;margin:auto;width:86.4%;height:1px;background:#e4e4e4;}
.org_wrp .org_list .line4 ul li {flex:1;}
.org_wrp .org_list .line4 ul li .o_item {width:100%;}
.org_wrp .org_list .line4 ul li .o_item:after {content:'';position:absolute;left:0;right:0;margin:auto;top:-33px;width:1px;height:30px;background:#e4e4e4;}
.org_wrp .org_list .line4 ul li .o_item:is(:hover, :active, :focus),
.org_wrp .org_list .line4 ul li.on .o_item {background:#e4e4e4;}
.org_wrp .org_container .org_cont {overflow:hidden;visibility: hidden;opacity: 0;height:0;transition:all .6s;-webkit-transition:all .6s;position:relative;transform:translateY(80px);}
.org_wrp .org_container .org_cont.on {overflow: visible;visibility: visible;opacity: 1;height:auto;transform:translateY(0);}
.org_wrp .org_container .org_cont table {font-size:1.1em;}
@media only screen and (max-width:1023px){
	.org_wrp .org_list {font-size:1.1em;}
	.org_wrp .org_list:after {height:50%;}
	.org_wrp .org_list .o_item {height:60px;width:200px;}
	.org_wrp .org_list .line2 ul > li:nth-of-type(1):before {width:calc(100% - 230px);}
	.org_wrp .org_list .line2 ul > li:nth-of-type(1):after {right:calc(100% - 230px);}
	.org_wrp .org_list .line2 ul > li:nth-of-type(2):before {width:calc(100% - 200px);}
	.org_wrp .org_list .line4 {font-size:.9em;}
	.org_wrp .org_list .line4 ul {gap:10px;flex-wrap:wrap;}
	.org_wrp .org_list .line4 ul:after {width:76%;}
	.org_wrp .org_list .line4 ul li {flex:1 24%;}
	.org_wrp .org_list .line4 ul li .o_item:after {display: none;}
	.org_wrp .org_list .line4 ul li:nth-of-type(1) .o_item:after,
	.org_wrp .org_list .line4 ul li:nth-of-type(4) .o_item:after {display: block;}
	.org_wrp .org_container .org_cont table {font-size: 1em;}
}
@media only screen and (max-width:767px){
	.org_wrp .org_list .line4 ul {gap:10px;padding-top:0;}
	.org_wrp .org_list .line4 ul:after {display:none;}
	.org_wrp .org_list .line4 ul li:nth-of-type(1) .o_item:after,
	.org_wrp .org_list .line4 ul li:nth-of-type(4) .o_item:after {display:none;}
}
@media only screen and (max-width:560px){
	.org_wrp .org_list {font-size:1em;}
	.org_wrp .org_list:after {height:44%;top:140px;}
	.org_wrp .org_list .o_item {width:auto;padding:0 20px;height:50px;}
	.org_wrp .org_list .line1 .tit {width:140px;}
	.org_wrp .org_list .line2 ul > li:nth-of-type(1) {padding-right:30px;}
	.org_wrp .org_list .line2 ul > li:nth-of-type(1):before,
	.org_wrp .org_list .line2 ul > li:nth-of-type(1):after {display:none;}
	.org_wrp .org_list .line2 ul > li:nth-of-type(2) {padding-left:30px;}
	.org_wrp .org_list .line2 ul > li:nth-of-type(2):before {width:30px;}
	.org_wrp .org_list .line3 .o_item {max-width:300px;}
	.org_wrp .org_list .line4 ul li {flex:1 calc((100% - 10px)/2);}

	.org_wrp .org_container .org_cont table {word-break: break-all;}
	.org_wrp .org_container .org_cont .ov_table table {min-width:560px;}
}


/* 01_05 복지관 연혁 */
.history_wrp {}
.history_wrp .h_box {position: relative;}
.history_wrp .h_box:before {content:'';position:absolute;left:35rem;top:2.5rem;width:1px;height:100%;background:#eee;}
.history_wrp .h_box .history_list {display:flex;flex-wrap:wrap;margin-bottom:12rem;max-width:95%;}
.history_wrp .h_box .history_list:first-of-type .year {color:#6cb131;}
.history_wrp .h_box .history_list .year {width:30rem;font-size:4em;font-weight:bold;color:#bbb;}
.history_wrp .h_box .history_list ul.month_box {padding-left:12rem;padding-top:2rem;position:relative;width:calc(100% - 30rem);}
.history_wrp .h_box .history_list ul.month_box > li {display: flex;flex-wrap:wrap;font-size:1.1em;text-wrap:balance;align-items:flex-start;line-height:1.5;}
.history_wrp .h_box .history_list ul.month_box > li:nth-of-type(n+2) {margin-top:25px;}
.history_wrp .h_box .history_list ul.month_box > li .h_month {display:inline-block;width:80px;color:#999;}
.history_wrp .h_box .history_list ul.month_box > li .h_txt {position:relative;width:calc(100% - 80px);font-weight:normal;color:#222;padding-left:15px;}
.history_wrp .h_box .history_list ul.month_box > li .h_txt:before {content:'-';position:absolute;left:0;top:0px;}

.history_wrp .h_box .pin {position:absolute;top:22px;left:34.55rem;}
.history_wrp .h_box .pin i {display:block;position:relative;width:10px;height:10px;border:3px solid #6cb131;border-radius:20px;background:#fff;}
.history_wrp .h_box .pin span {position: absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:100%;height:100%;z-index: -1;}
.history_wrp .h_box .pin span:before {content:'';position:absolute;left:50%;top:50%;bottom:0;margin:-2.5em -2.5em;transform:translate(-50%,-50%);width:4.9em;height:4.9em;background: rgba(108, 177, 49, 0.3);z-index: -2;border-radius:50%;animation:pin 3s infinite;}
.history_wrp .h_box .pin span:after {content:'';position:absolute;left:50%;top:50%;bottom:0;margin:-1.5em -1.5em;transform:translate(-50%,-50%);width:2.9em;height:2.9em;background: rgba(108, 177, 49, 0.5);z-index: -1;border-radius:50%;animation:pin 3s infinite;}
@keyframes pin {
	0% {transform:scale(0);}
	50% {transform:scale(1);}
	100% {transform:scale(1);opacity:0;}
}

@media only screen and (max-width:1199px){
	.history_wrp .h_box:before {left:25rem;top:3rem;}

	.history_wrp .h_box .history_list .year {width:20rem;}
	.history_wrp .h_box .history_list ul.month_box {width:calc(100% - 20rem);}
	.history_wrp .h_box .pin {left:24.55rem;}
}
@media only screen and (max-width:1023px){
	.history_wrp .h_box:before {left:2.5rem;}
	.history_wrp .h_box .history_list {flex-direction: column;padding-left:8rem;}
	.history_wrp .h_box .history_list .year {width:100%;color:#333;}
	.history_wrp .h_box .history_list ul.month_box {width:100%;padding:0;margin-top:2rem;}
	.history_wrp .h_box .history_list ul.month_box > li:nth-of-type(n+2) {margin-top:15px;}

	.history_wrp .h_box .pin {left:2rem;top:30px;}
	.history_wrp .h_box .pin span:before {width:3em;height:3em;margin:-1.5em;}
	.history_wrp .h_box .pin span:after {width:1.5em;height:1.5em;margin:-.75em;}
}
@media only screen and (max-width:560px){
	.history_wrp .h_box:before {display:none;}
	.history_wrp .h_box .history_list {padding:0 0 4rem;width:100%;border-bottom:1px dashed #ddd;margin-bottom:4rem;}
	.history_wrp .h_box .history_list ul.month_box > li {flex-direction: column;}
	.history_wrp .h_box .history_list ul.month_box > li .h_month {width:100%;}
	.history_wrp .h_box .history_list ul.month_box > li .h_txt {width: 100%;margin-top:10px;}

	.history_wrp .h_box .pin {display: none;}
}


/* 01_06 CI */
.ci_wrp .grid_box {border:1px solid #e4e4e4;padding:60px 30px;border-radius:15px;background:url('/images/fs/content/sub01/grid_bg.png') center;}
.ci_wrp .grid_box .flexbox {flex-wrap:wrap;gap:30px;justify-content: center;}
.ci_wrp .grid_box .flexbox .imgbox {display: block;width:auto;text-align: center;flex:50%;}
.ci_wrp .grid_box .flexbox .imgbox img {max-width:400px;width:100%;}
.ci_wrp .grid_box .flexbox > li {display: flex;flex-direction: column;gap:30px 0;}
.ci_wrp .grid_box .flexbox > li span {display: block;width: 100%;}
.ci_wrp .gray_box {padding:40px 30px;}
.ci_wrp .gray_box .flexbox {align-items: center;justify-content: center;}
.ci_wrp .gray_box .flexbox .imgbox {display: block;width:240px;text-align: center;}
.ci_wrp .gray_box .flexbox .txtbox {width:calc(100% - 240px);color:#222;padding: 0 60px;text-wrap:balance;max-width:65%;font-size:1.1em;}
.ci_wrp .gray_box .flexbox .txtbox p:nth-of-type(n+2) {margin-top:15px;}
@media only screen and (max-width:1023px){
	.ci_wrp .grid_box .flexbox > li {align-items: center;flex-direction: row;}
	.ci_wrp .gray_box .flexbox .imgbox {width:200px;}
	.ci_wrp .gray_box .flexbox .txtbox {width:calc(100% - 200px);max-width:unset;padding:0 0 0 30px;}
}
@media only screen and (max-width:767px){
	.ci_wrp .gray_box {padding:30px 15px;}
	.ci_wrp .gray_box .flexbox {flex-direction: column;}
	.ci_wrp .gray_box .flexbox .txtbox {width:100%;text-align: center;margin-top:20px;padding:0;}
}
@media only screen and (max-width:560px){
	.ci_wrp .grid_box {padding:30px 15px;}
	.ci_wrp .grid_box .flexbox {gap:15px;}
	.ci_wrp .grid_box .flexbox > li {flex-direction:column;gap:15px;padding:20px 0;}
	.ci_wrp .grid_box .flexbox > li:nth-of-type(n+2) {border-top:2px dashed #ddd;}
}


/* 01_07 시설안내 */
.facility_wrp {}
.facility_wrp .box1 .info_box {display:flex;flex-wrap:wrap;align-items: center;}
.facility_wrp .box1 .info_box .imgbox {width:500px;border-radius:15px;overflow:hidden;display:flex;align-items: center;justify-content: center;}
.facility_wrp .box1 .info_box .txtbox {width:calc(100% - 500px);padding-left:60px;}
.facility_wrp .box1 .info_box .txtbox ul li {display: flex;}
.facility_wrp .box1 .info_box .txtbox ul li:nth-of-type(n+2) {margin-top:20px;}
.facility_wrp .box1 .info_box .txtbox ul li .th {width:80px;color:#222;}
.facility_wrp .box1 .info_box .txtbox ul li .td {width:calc(100% - 80px);}
.facility_wrp .box2 {background:#f5f5f5;padding:80px 0;}

.facility_wrp .tab_content .floor_img {display:flex;flex-wrap:wrap;flex-direction:row-reverse;max-width:1299px;margin:auto;}
.facility_wrp .tab_content .floor_img .tabs_box {width:400px;background:#fff;border-radius:15px;padding:30px 15px 15px;}
.facility_wrp .tab_content .floor_img .tabs_box .tit {text-align:center;font-size:2em;color:#222;margin-bottom:30px;}
.facility_wrp .tab_content .floor_img .tabs_box .f_tabs {height:calc(100% - 75px);overflow-y:auto;}
.facility_wrp .tab_content .floor_img .tabs_box .f_tabs li:nth-of-type(n+2) {margin-top:15px;}
.facility_wrp .tab_content .floor_img .tabs_box .f_tabs li a {height:55px;border:2px solid #ddd;border-radius:10px;display: flex;align-items: center;justify-content: center;}
.facility_wrp .tab_content .floor_img .tabs_box .f_tabs li.on a,
.facility_wrp .tab_content .floor_img .tabs_box .f_tabs li:is(:hover, :focus, :active) a {background:rgba(108, 177, 49, 0.1);border:2px solid #6cb131;color:#6cb131;}
.facility_wrp .tab_content .floor_img .f_container {width:calc(100% - 400px);padding-right:30px;}
.facility_wrp .tab_content .floor_img .f_container .f_cont .imgbox {width:100%;border-radius:15px;overflow:hidden;display: flex;align-items: center;justify-content: center;}
.facility_wrp .tab_content .floor_img .f_container .f_cont .imgbox img {}
@media only screen and (max-width:1199px){
	.facility_wrp ul.tabs li {min-width:unset;}
	.facility_wrp ul.tabs li a {padding:0 50px;}
}
@media only screen and (max-width:1023px){
	.facility_wrp .box1 .info_box .imgbox {width:50%;}
	.facility_wrp .box1 .info_box .txtbox {width:50%;padding-left:30px;}

	.facility_wrp .tab_content .floor_img {flex-direction: column-reverse;}
	.facility_wrp .tab_content .floor_img .tabs_box {width: 100%;margin-top:20px;}
	.facility_wrp .tab_content .floor_img .tabs_box .tit {font-size:1.25em;margin-bottom:15px;}
	.facility_wrp .tab_content .floor_img .tabs_box .f_tabs {display: flex;flex-wrap:wrap;gap:10px;}
	.facility_wrp .tab_content .floor_img .tabs_box .f_tabs li {flex:1 30%;max-width:calc((100% - 40px)/5);}
	.facility_wrp .tab_content .floor_img .tabs_box .f_tabs li:nth-of-type(n+2) {margin-top:0;}
	.facility_wrp .tab_content .floor_img .tabs_box .f_tabs li a {padding:0 10px;}
	.facility_wrp .tab_content .floor_img .f_container {width:100%;padding:0;}
}
@media only screen and (max-width:767px){
	.facility_wrp ul.tabs li a {padding:0;}

	.facility_wrp .box1 .info_box {flex-direction:column;}
	.facility_wrp .box1 .info_box .imgbox {width: 100%;}
	.facility_wrp .box1 .info_box .txtbox {width: 100%;padding:30px 0 0;}
	.facility_wrp .box1 .info_box .txtbox ul li:nth-of-type(n+2) {margin-top:10px;}

	.facility_wrp .tab_content .floor_img .tabs_box .f_tabs {overflow: visible;}
	.facility_wrp .tab_content .floor_img .tabs_box .f_tabs li {width:calc((100% - 30px)/4);max-width: unset;}
	.facility_wrp .tab_content .floor_img .tabs_box .f_tabs li a {height:40px;padding:0 10px;}
}
@media only screen and (max-width:560px){
	.facility_wrp .tab_content .floor_img .tabs_box .f_tabs li {flex:unset;width:calc((100% - 10px)/2);}
}


/* 01_08 셔틀버스 안내 */
.shuttle_wrp {}
.shuttle_wrp .flexbox {flex-wrap:wrap;gap:30px;}
.shuttle_wrp .flexbox .box {width: calc((100% - 30px)/2);height:100%;align-self: stretch;}
.shuttle_wrp .flexbox .box table {}
.shuttle_wrp .flexbox .box table tr.point {background: rgba(108, 177, 49, 0.1);}
.shuttle_wrp .flexbox .box table tr.point th {font-weight:bold;}
@media only screen and (max-width:1023px){
	.shuttle_wrp .flexbox {flex-direction: column;}
	.shuttle_wrp .flexbox .box {width:100%;}
}


/* 01_09 오시는길 */
.location_wrp .map_box {width:100%;height:450px;border-radius:10px;overflow:hidden;}
.location_wrp .map_box .root_daum_roughmap {width: 100%;height:100%;}
.location_wrp .map_box .root_daum_roughmap .wrap_map {height:100%;}
.location_wrp .map_box .root_daum_roughmap .map_border {display: none;}
.location_wrp .m_info {margin-top:20px;border-top:2px solid #222;}
.location_wrp .m_info > li {display:flex;flex-wrap:wrap;padding:20px 15px 18px;border-bottom:1px dashed #ddd;}
.location_wrp .m_info > li .th {width:120px;color:#000;position:relative;padding-left:30px;}
.location_wrp .m_info > li .th:before {content:'';position:absolute;left:0;top:-1px;bottom:0;margin:auto;background:url("/images/fs/content/sub01/map_address.png") no-repeat center;width:20px;height:20px;background-size:contain;opacity: .3;}
.location_wrp .m_info > li:nth-of-type(2) .th:before {background:url("/images/fs/content/sub01/map_tel.png") no-repeat center;background-size:contain;}
.location_wrp .m_info > li:nth-of-type(3) .th:before {background:url("/images/fs/content/sub01/map_fax.png") no-repeat center;background-size:contain;}
.location_wrp .m_info > li:nth-of-type(4) .th:before {background:url("/images/fs/content/sub01/map_mail.png") no-repeat center;background-size:contain;}
.location_wrp .m_info > li .td {width:calc(100% - 120px);}
@media only screen and (max-width:767px){
	.location_wrp .map_box {height:360px;}
	.location_wrp .m_info > li {flex-direction: column;}
	.location_wrp .m_info > li .th {width: 100%;margin-bottom:5px;padding:0;font-weight:bold;}
	.location_wrp .m_info > li .th:before {display:none;}
	.location_wrp .m_info > li .td {width: 100%;}
}

/* ------------ 02 사업안내 */

/* 02_01 이용절차 */
.procedure_wrp {}
.process_box {display:flex;width:100%;padding:40px 0;border:1px solid #e4e4e4;border-radius:15px;}
.process_box > li {flex:1;text-align: center;padding:0 30px;}
.process_box > li:nth-of-type(n+2) {border-left:1px dashed #ddd;}
.process_box > li strong {color:#000;font-size: 1.2em;}
.process_box > li p {color:#222;margin-top:10px;}

.procedure_wrp .step_box {background:#f5f5f5;padding:80px 0;}
.procedure_wrp .step_box ul.p_step {display:flex;flex-wrap:wrap;gap:40px 50px;}
.procedure_wrp .step_box ul.p_step > li {flex:1;text-align: center;}
.procedure_wrp .step_box ul.p_step > li .iconbox {position:relative;background:#fff;border-radius:10px;padding:20px 10px;}
.procedure_wrp .step_box ul.p_step > li:nth-of-type(n+2) .iconbox:before {content:'';position:absolute;left:-30px;top:0;bottom:0;margin:auto;background:url("/images/fs/common/next.png") no-repeat center;width:12px;height:auto;aspect-ratio: 17/29;background-size: contain;opacity: .3;}
.procedure_wrp .step_box ul.p_step > li .iconbox .tit {color:#000;margin-top:10px;}
.procedure_wrp .step_box ul.p_step > li .txt {text-align: left;margin-top:20px;font-size:.9em;}
.procedure_wrp .step_box ul.p_step > li .txt ul > li {color:#767676;}
@media only screen and (max-width:1299px){
	.procedure_wrp .step_box ul.p_step > li {flex:1 25%;}
	.procedure_wrp .step_box ul.p_step > li .txt {margin-top:20px;}
}
@media only screen and (max-width:767px){
	.process_box {flex-direction: column;padding:0 25px;}
	.process_box > li {padding:25px 0;text-align: left;}
	.process_box > li:nth-of-type(n+2) {border-top:1px dashed #ddd;border-left:0;}
	.process_box > li p  {margin-top:5px;}

	.procedure_wrp .step_box ul.p_step {flex-direction: column;gap:10px;}
	.procedure_wrp .step_box ul.p_step > li {flex:unset;width:100%;display:flex;flex-wrap:wrap;align-items:center;background:#fff;border-radius:10px;}
	.procedure_wrp .step_box ul.p_step > li .iconbox {width:200px;}
	.procedure_wrp .step_box ul.p_step > li .iconbox:before {display:none;}
	.procedure_wrp .step_box ul.p_step > li .iconbox img {max-width: 60px;}
	.procedure_wrp .step_box ul.p_step > li .txt {width:calc(100% - 200px);padding:0 30px;margin:0;}
}
@media only screen and (max-width:560px){
	.procedure_wrp .step_box ul.p_step > li {flex-direction: column;padding:20px ;}
	.procedure_wrp .step_box ul.p_step > li .iconbox {padding:0;}
	.procedure_wrp .step_box ul.p_step > li .txt {width: 100%;margin-top:15px;padding:0;}
}

/* 02_02 개인별 지원계획 */
/* 공통 */
[class^='business'] .tableA {min-width:767px;}
ul.buss_list {border-top:2px solid #222;}
ul.buss_list > li {display: flex;flex-wrap:wrap;padding:30px;border-bottom:1px dashed #ddd;}
ul.buss_list > li .th {width:35%;padding-right:40px;font-size:1.25em;color:#000;font-weight:bold;line-height: 1.5;text-wrap:balance;}
ul.buss_list > li .td {width:65%;}
ul.buss_list > li .td .tit {padding:15px 20px 12px;background:#f5f5f5;color:#222;font-size:1.1em;margin-bottom:20px;border-radius:5px;}
ul.buss_list > li .td ul.list1 > li {color:#767676;}
ul.buss_list > li .td ul.list1 > li:nth-of-type(n+2) {margin-top:5px;}

/* width 20%_80% */
ul.buss_list.width2_8 > li {align-items: center;}
ul.buss_list.width2_8 > li.fx_start {align-items:flex-start;}
ul.buss_list.width2_8 > li .th {width:20%;font-size:1.2em;}
ul.buss_list.width2_8 > li .td {width:80%;}

@media only screen and (max-width:1023px){
	ul.buss_list > li {padding:30px 15px;}
	ul.buss_list > li .th {width:100% !important;}
	ul.buss_list > li .td {width:100% !important;margin-top:20px;}
}
@media only screen and (max-width:767px){
	ul.buss_list > li {padding:20px 10px;}
	ul.buss_list > li .th br {display: none;}
	ul.buss_list > li .td {margin-top:10px;}
	ul.buss_list > li .td .tit {font-size:1.05em;}
}

/* 02_04 낮 활동 및 행동지원*/
.business04_wrp {}
.business04_wrp .tableA tbody {text-wrap:balance;}
.business04_wrp .tableA tbody tr th {font-size:1.25em;}

/* 02_11 장애인활동지원사업 */
.business11_wrp h5.tith5 {display: flex;align-items: center;gap:5px;}
.business11_wrp h5.tith5 .bullet {display:inline-block;margin-bottom:5px;font-size:10px;padding:5px 7px 3px;border-radius:50px;background:#222;color:#fff;font-weight:normal;}
@media only screen and (max-width:767px){
	.business11_wrp ul.tabs {flex-wrap: wrap;}
	.business11_wrp ul.tabs li {width:100%;flex:unset;}
}



/* ------------ 03 알림/소식 */

/* 03_03 대기자 정보 */
.waiting_wrp {}
.waiting_wrp .input_box .gray_box .flexbox {flex-wrap:wrap;gap:5px 10px;}
.waiting_wrp .input_box .gray_box .flexbox > * {flex:1;}
.waiting_wrp .input_box .gray_box .flexbox input:focus {color:inherit;}
.waiting_wrp .table_box {margin-top:40px;}
@media only screen and (max-width:1023px){
	.waiting_wrp .process_box {flex-wrap:wrap;padding:20px;}
	.waiting_wrp .process_box > li {flex:50%;padding:30px;}
	.waiting_wrp .process_box > li:nth-of-type(3n) {border-left:none;}
	.waiting_wrp .process_box > li:nth-of-type(n+3) {border-top:1px dashed #ddd;}
}
@media only screen and (max-width:767px){
	.waiting_wrp .process_box > li {padding:15px 0;}
}

/* 03_04 복지관 일정 */
.calendar_wrp {}
.calendar_wrp .flexbox {flex-wrap:wrap;align-items: stretch;}
.calendar_wrp .flexbox .table_box {width:60%;}
.calendar_wrp .flexbox .table_box .date_box {text-align: center;}
.calendar_wrp .flexbox .table_box .date_box .date {display:inline-block;position:relative;padding:0 60px;}
.calendar_wrp .flexbox .table_box .date_box .date p {font-size:1.4em;color:#000;line-height:43px;font-weight: lighter;}
.calendar_wrp .flexbox .table_box .date_box .date .ctrl_box button {position:absolute;top:0;width:40px;height:40px;border-radius:50%;font-size:0;opacity: .5;}
.calendar_wrp .flexbox .table_box .date_box .date .ctrl_box button:hover {opacity: 1;}
.calendar_wrp .flexbox .table_box .date_box .date .ctrl_box button:after {content:'';position:absolute;left:0;right:0;top:0;bottom:0;margin:auto;background:url("/images/fs/common/next.png") no-repeat center; width:12px;height:auto;aspect-ratio:17/29;background-size: contain;}
.calendar_wrp .flexbox .table_box .date_box .date .ctrl_box button.prev {left:0;}
.calendar_wrp .flexbox .table_box .date_box .date .ctrl_box button.prev:after {transform:rotate(180deg);}
.calendar_wrp .flexbox .table_box .date_box .date .ctrl_box button.next {right:0;}
.calendar_wrp .flexbox .table_box #calendar thead th {background: rgba(108, 177, 49, 0.1);}
.calendar_wrp .flexbox .table_box #calendar .sun,
.calendar_wrp .flexbox .table_box #calendar .hollyday {color:#D92D1E;}
.calendar_wrp .flexbox .table_box #calendar .sat {color:#4A84BC;}
.calendar_wrp .flexbox .table_box #calendar tbody td {height:70px;position:relative;cursor:pointer;transition:all .2s;-webkit-transition:all .2s;}
.calendar_wrp .flexbox .table_box #calendar tbody td:not(.today):hover {background:#f5f5f5;}
.calendar_wrp .flexbox .table_box #calendar tbody td.today {border:2px solid #6cb131;}
.calendar_wrp .flexbox .table_box #calendar tbody td.has_schedule .bullet {position:absolute;right:10px;bottom:10px;display:inline-block;width:10px;height:10px;border-radius:50px;background:#eb9d16;}
.calendar_wrp .flexbox .table_box #calendar tbody td .day {position:absolute;left:10px;top:10px;font-size:.9em;}
.calendar_wrp .flexbox .schedule_box {position:relative;width:40%;padding-left:30px;overflow:hidden;}
.calendar_wrp .flexbox .schedule_box:after {content:'';position:absolute;right:-10%;top:-10%;background:url("/images/fs/main/con2_bg.png") no-repeat center;width:300px;height:auto;opacity:.2;aspect-ratio: 36/29;background-size: contain;}
.calendar_wrp .flexbox .schedule_box .gray_box {display:block;height:100%;}
.calendar_wrp .flexbox .schedule_box .gray_box > * {position:relative;z-index: 1;}
.calendar_wrp .flexbox .schedule_box .gray_box .tit_box {text-align: center;}
.calendar_wrp .flexbox .schedule_box .gray_box .tit_box .tit {font-size:2em;color:#222;margin-bottom:5px;}
.calendar_wrp .flexbox .schedule_box .gray_box .txt_box {margin-top:30px;background:#fff;padding:20px;border-radius:0 0 10px 10px;height:calc(100% - 90px);}
.calendar_wrp .flexbox .schedule_box .gray_box .txt_box > ul > li:nth-of-type(n+2) {margin-top:15px;padding-top:15px;border-top:1px dashed #ddd;}
.calendar_wrp .flexbox .schedule_box .gray_box .txt_box .pname {color:#222;font-size:1.1em;}
.calendar_wrp .flexbox .schedule_box .gray_box .txt_box .txt {margin-top:10px;font-size:.9em;}

.calendar_wrp .all_schedule h4.tith4 {font-weight:normal;color:#767676;}
.calendar_wrp .all_schedule h4.tith4 em {font-weight:bold;color:#000;}
.calendar_wrp .all_schedule table thead th {background:#fff;}
.calendar_wrp .all_schedule table tbody tr {transition:all .3s;-webkit-transition:all .3s;}
.calendar_wrp .all_schedule table tbody tr:hover {background:#f5f5f5;}
.calendar_wrp .all_schedule table tbody tr td.title a {text-align: left;font-weight:500;color:#222;}
@media only screen and (max-width:1023px){
	.calendar_wrp .flexbox {flex-direction: column;gap:20px 0;}
	.calendar_wrp .flexbox .table_box {width:100%;}
	.calendar_wrp .flexbox .schedule_box {width:100%;padding:0;}
}
@media only screen and (max-width:767px){
	.calendar_wrp .all_schedule h4.tith4 {margin-bottom:20px;}
	.calendar_wrp .all_schedule h4.tith4 em {display: block;}
	.calendar_wrp .flexbox .schedule_box .gray_box {padding:30px 10px 10px;}
}

/* 03_08 오늘의 식단 */
.menu_wrp .info_box .list1 > li > strong {display:inline-block;width:90px;}
.menu_wrp .tab_content ul.menu_list {display:flex;flex-wrap:wrap;width:100%;border-top:2px solid #222;border-bottom:1px solid #e4e4e4;}
.menu_wrp .tab_content ul.menu_list > li {position:relative;flex:1;}
.menu_wrp .tab_content ul.menu_list > li.today {background: rgba(108, 177, 49, 0.05);}
.menu_wrp .tab_content ul.menu_list > li.today:after {content:'';position:absolute;left:0;top:0;width:100%;height:100%;border:2px solid #6cb131;}
.menu_wrp .tab_content ul.menu_list > li.today .day {background:none;}
.menu_wrp .tab_content ul.menu_list > li:nth-of-type(n+2) {border-left:1px solid #e4e4e4;}
.menu_wrp .tab_content ul.menu_list > li .day {padding:20px 10px 15px;border-bottom:1px solid #e4e4e4;background:#f5f5f5;}
.menu_wrp .tab_content ul.menu_list > li .day strong {color:#222;display:block;font-size:1.25em;margin-bottom:5px;}
.menu_wrp .tab_content ul.menu_list > li .day span.date {font-size:.9em;color:#999;}
.menu_wrp .tab_content ul.menu_list > li .menu {padding:20px 10px;color:#333;line-height:1.8em;}
@media only screen and (max-width:560px){
	.menu_wrp .info_box .list1 > li > strong {display:block;width:100%;}

	.menu_wrp .tab_content ul.menu_list {min-width:640px;}
	.menu_wrp .tab_content ul.menu_list > li .day {padding:15px 10px 10px;}
	.menu_wrp .tab_content ul.menu_list > li .menu {padding:15px 10px;}
}


/* ------------ 04 신청 */

/* ------------ 공통 */
/* 탭 내 갤러리 */
.tab_inner_gallery ul.gallery_list > li {width:calc((100% - 60px)/4);}
@media only screen and (max-width:1023px){
	.tab_inner_gallery ul.gallery_list > li {width:calc((100% - 20px)/2);}
}
@media only screen and (max-width:767px){
	.tab_inner_gallery ul.gallery_list > li {width:100%;}
}


/* 04_01 후원 */
/* 후원안내 */
.support_wrp {}
.support_wrp .support_info {background:#f5f5f5;padding:80px 0;}
.support_wrp .support_info .s_list {display:flex;gap:20px;flex-wrap:wrap;}
.support_wrp .support_info .s_list > li {flex:1 30%;text-align: center;background:#fff;border-radius:15px;padding:40px 20px;}
.support_wrp .support_info .s_list > li .iconbox {position:relative;display:inline-block;}
.support_wrp .support_info .s_list > li .iconbox:after {content:'';position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background: rgba(108, 177, 49, 0.1);width:140%;height:140%;border-radius:50%;}
.support_wrp .support_info .s_list > li .iconbox img {max-width:50px;position: relative;z-index: 1;}
.support_wrp .support_info .s_list > li .th {font-size:1.3em;color:#6cb131;font-weight:bold;margin:30px 0 10px;}
.support_wrp .support_info .s_list > li .td {text-wrap:balance;line-height:1.6;}
.support_wrp .support_info .s_list > li .td u {color:#222;}
.support_wrp .support_info .s_list > li .td .t_info {margin-top:20px;background:#fff;border-radius:10px;padding:20px 10px;border-top:1px dashed #ddd;}
.support_wrp .support_info .s_list > li .td .t_info p {color:#222;font-weight:bold;margin-bottom:5px;}
.support_wrp .support_info .s_list > li .td .t_info ul {display:inline-block;margin:auto;}
.support_wrp .support_info .s_list > li.tel .td strong {font-size:1.3em;color:#222;}
@media only screen and (max-width:1023px){
	.support_wrp .support_info .s_list {gap:15px;}
	.support_wrp .support_info .s_list > li {flex:unset;width:calc((100% - 30px)/3);}
}
@media only screen and (max-width:767px){
	.support_wrp .support_info .s_list > li {width:100%;padding:30px 15px;}
	.support_wrp .support_info .s_list > li .iconbox img {max-width:40px;}
	.support_wrp .support_info .s_list > li .th {margin: 15px 0 0;}
}


/* 04_02 자원봉사 */
.volunteer_wrp {}
.volunteer_wrp .volunteer_info .flexbox {flex-wrap:wrap;gap:20px;}
.volunteer_wrp .volunteer_info .flexbox [class^='box'] {border-radius:15px;flex:1;padding:60px 30px;display:flex;flex-wrap:wrap;align-items: center;justify-content: center;}
.volunteer_wrp .volunteer_info .flexbox [class^='box'] .icon {display:block;width:160px;height:auto;text-align: center;}
.volunteer_wrp .volunteer_info .flexbox [class^='box'] .txt {width:calc(100% - 160px);padding-left:40px;text-wrap:balance;font-size:1.05em;}
.volunteer_wrp .volunteer_info .flexbox [class^='box'] .txt strong {display: block;font-size:2em;margin-bottom:7px;}
.volunteer_wrp .volunteer_info .flexbox .box01 {background:#f9fff5;border:1px solid #6cb131;}
.volunteer_wrp .volunteer_info .flexbox .box01 .txt strong {color:#6cb131;}
.volunteer_wrp .volunteer_info .flexbox .box02 {background:#eef4ff;border:1px solid #88aaff;}
.volunteer_wrp .volunteer_info .flexbox .box02 .txt strong {color:#88aaff;}
.volunteer_wrp .volunteer_info .wrp2 .info_box ul > li {font-size:1.05em;}
.volunteer_wrp .volunteer_info .wrp2 .info_box strong {display:inline-block;width:180px;}
.volunteer_wrp .volunteer_info .wrp3 ul.list3 li a {color:#222;position:relative;}
.volunteer_wrp .volunteer_info .wrp3 ul.list3 li a:after {content:'';position:absolute;left:0;bottom:0;width:0;height:1px;background:#222;}
.volunteer_wrp .volunteer_info .wrp3 ul.list3 li a:hover:after {width:100%;}
.volunteer_wrp .volunteer_info .wrp3 .gray_box {padding:20px;text-align: center;}
.volunteer_wrp .volunteer_info .wrp3 .gray_box em {font-family:'MaruBuri';font-size:2em;font-weight:bold;color: #6cb131;}
@media only screen and (max-width:1199px){
	.volunteer_wrp .volunteer_info .flexbox [class^='box'] {border-radius:15px;flex:1;padding:40px 20px;display:flex;flex-wrap:wrap;align-items: center;justify-content: center;}
}
@media only screen and (max-width:1023px){
	.volunteer_wrp .volunteer_info .wrp2 .info_box strong {display: block;}
	.volunteer_wrp .volunteer_info .flexbox [class^='box'] {width:100%;flex:unset;}
}

/* 04_03 기관방문 */
.visit_wrp .v_step > li {flex:unset;}
@media only screen and (max-width:1023px){
	.visit_wrp .v_step > li .icon:before {display:block;}
}
@media only screen and (max-width:767px){
	.visit_wrp .v_step > li .icon:before {display:none;}
}
/* 04_05 사회복지 현장실습 */
.training_wrp {}
.training_wrp .v_step {gap:40px 0;flex-wrap: nowrap;}
.training_wrp .v_step > li {}
.training_wrp .v_step > li .icon {width:120px;height:120px;}
.training_wrp .v_step > li .icon img {max-width:70px;}
@media only screen and (max-width:1199px){
	.training_wrp .v_step {flex-wrap:wrap;}
	.training_wrp .v_step > li {flex:unset;}
}
@media only screen and (max-width:1023px){
	.training_wrp .v_step > li .icon:before {display:block;}
}
@media only screen and (max-width:767px){
	.training_wrp .v_step {gap:10px;}
	.training_wrp .v_step > li .icon {width:70px;height:auto;}
	.training_wrp .v_step > li .icon:before {display:none;}
}

/* 04_06 온라인 상담실 */
/* 상세 */
@media only screen and (max-width:767px){
	.online_consult_wrp .board_view .tit_info {flex-wrap:wrap;}
	.online_consult_wrp .board_view .tit_info > li:last-of-type {width: 100%;}
	.online_consult_wrp .board_view .tit_info > li:last-of-type:before {display: none;}
}


/* ------------ 05 이용약관 & 개인정보처리방침 */
/* 01 개인정보처리방침 */
.priv_wrp {line-height:1.5;}
.priv_wrp h4 {font-size:1.4em;}
.priv_wrp ul {line-height:1.4;}
.sfont {font-size:.95em;color:#888;}
.priv_wrp table {font-size: .9em;}
.priv_wrp .gray_box {padding:20px;}