@charset "utf-8";

/* 상단 소개 박스 스타일 */
.tatop-content-box {
    background: #fff;
    border: 1px solid #ddd;
    padding: 1px;
    margin-bottom: 1px;
    border-radius: 20px;
    box-shadow: 0 2px 15px rgba(0,0,0,0.03);
}


.bgtxt {background-color:var(--color-bg-green);padding:2rem;border-top:2px solid var(--color-main);border-radius: 0 0 2rem 2rem;text-align: center;font-size: 20px;}
.bgtxt strong {font-weight:600;color:var(--color-main);font-size: 22px;}
.spon_title {display:flex;align-items: center;justify-content: space-between;}
.title_img {width: 35%;position: relative;z-index: 0; padding-left:30px;}
.title_txt {width: 65%;position: relative;/* margin-left: 40%; *//* padding: 2rem 0; */text-align: left; font-size: 21.5px; color:#5d5d5d; padding-right:30px;}
.title_txt h3 {font-size: 35px;font-weight: 600;margin-bottom: 1rem;word-break: keep-all; color:#0D97EB;}
.title_txt h3 span {color:var(--color-main);}
.title_box {
    display: flex;
    justify-content: flex-start;
    margin-top: 3rem;
}
.title_box a {border-color:var(--color-main2);color: var(--color-main2);}
.title_box a:hover {background-color:var(--color-main2);}
.boxlist dd a {background-color:#10C838;color:#fff;font-size: 16px;padding: 3px 2rem;border-radius: 1rem;margin-top: 5px;display: inline-block;}

.spon_use {
    display: flex;
    justify-content: space-around;
}
.spon_use li {text-align: center;}
.spon_use li span {border: 4px solid #00898061;display:inline-flex;align-items: center;justify-content: center;border-radius: 50%;width: 140px;height: 140px;}
.spon_use li p {margin-top:1rem}
.step.li6 .icon {height:auto}

/* PC */ 
@media only screen and (min-width:1024px) and (max-width: 1400px)  {
    .title_img {width: 43%;height: auto;}
    .title_img img {object-fit: contain;}
    .title_box {flex-wrap:wrap;width: 80%;margin-top:1.5rem}
    .title_box a {padding:1rem;margin-left: 0;width: 100%;}
    .title_box dl {width:100%; margin-bottom:1rem}
    .spon_use {gap: 1.5rem;justify-content: center;}
}




/* 테블릿 가로, 테블릿 세로 (해상도 768px ~ 1023px)*/ 
@media all and (max-width:1023px) {
    .spon_title {flex-wrap:wrap;flex-direction: column-reverse;}
    .title_img, .title_txt {width:100%; margin-bottom: 2rem; padding: 0 15px;}
    .title_img {text-align: center;margin-bottom: 0;width: 70%;}
    .title_img img {
    object-fit: contain;
}
    .title_box {display:flex;margin-top: 1.5rem;}
    .spon_use {justify-content: center;gap: 2rem;display: flex;}
    .spon_use li span {
    width: 120px;
    height: 120px;
    border: 2px solid #00898061;
}
	.white_box .boxlist {gap: 1rem 0;justify-content: space-between;}
    .white_box .boxlist li {padding: 1.5rem;width: 32%;}
}
/* 모바일 가로, 모바일 세로 (해상도 480px ~ 767px)*/ 
@media all and (max-width:767px) {
    .title_img {width:100%}
    .title_txt h3 {font-size: clamp(1rem, 7.5vw, 2rem);}
    .title_txt p {font-size: 17px;}
    .title_box a {background-color:var(--color-main2); color:#fff;}
    .bgtxt, .bgtxt strong  {font-size: clamp(1rem, 5.5vw, 1.5rem);word-break:keep-all;}
    .spon_use {gap:1rem}
    .spon_use li span {width:90px; height:90px}
    .spon_use li span img {width:60%}
    .spon_use li p {margin-top:.5rem}
    .white_box .boxlist li {width:48%; padding:1rem}
}

/* 인사말 페이지 스타일 */
.tatitle_t3 {
    font-size: 28px;
    font-weight: 600;
    line-height: 1.6;
    text-align: center;
    word-break: keep-all;
}
.tatitle_t4 {
    font-size: 23px;
    font-weight: 500;
    line-height: 1.6;
    text-align: center;
    word-break: keep-all;
	color:#5d5d5d
}
@media only screen and (max-width:496px){
	.tatitle_t4 {
		font-size: 18px;
		line-height: 1.3;
		word-break: break-all;
	}
}



/*ta */
.tasm_iyong_step {display:flex;justify-content:space-between;width: 100%;flex-wrap: wrap; list-style:none; margin:0; padding:5px;}
.tasm_iyong_step li {width: 17%; text-align: center;}
.tasm_iyong_step .icon {position: relative;background-color:#fff;width: 100%;/* margin: 0 auto; */padding: 2rem .5rem;border-radius: 1rem; box-shadow:0px 0px 10px 0px rgba(0,0,0,0.06); -webkit-box-shadow:0px 0px 10px 0px rgba(0,0,0,0.06); -moz-box-shadow:0px 0px 10px 0px rgba(0,0,0,0.06);}
.tasm_iyong_step .icon:after {content:"";background-image:url(../images/arrow_right.png);position:absolute;right:0;top:50%;width: 8px;height: 14px;background-repeat: no-repeat;background-size: contain;transform: translateY(-50%);margin-right: -3.2rem;}
.tasm_iyong_step li:last-child .icon:after {display:none;}
.tasm_iyong_step .title {font-weight: 500;padding-top:1rem;word-break: keep-all;line-height: 1.3;}
.tasm_iyong_step .txt {margin-top:1.7rem;word-break: keep-all; font-size:1.7rem; line-height:1.4;}




.ci {max-width:950px; min-height:120px; margin:20px auto; padding:10px; background:#FFF; border:#E7E7E7 1px solid; border-radius:15px; display:flex; flex-wrap:wrap; align-items:center; justify-content:space-around;}
.ci span {width:100px; height:75px; background:#FB6A39; color:#FFF; display:flex; align-items:center; justify-content:center;}
.ci .tt {font-size:30px; font-weight:800; border-radius:20px;}
.ci .cc {width:inherit; background:#FFF; color:#333;}
.ci .dn {font-size:18px; border-radius:30px; height:30px;}
.ci a {color:#FFF;}
@media only screen and (max-width:496px){
	.ceo > .title_t3 {font-size:18px; line-height:normal;}
	.ceo > .title_t3 br {display:none;}
	.ceo .greeting-img {text-align:center;}
	.ceo .greeting-text span {font-size:22px; line-height:120%;}
	.ceo .greeting-text p {font-size:18px; line-height:120%;}
	.ceo .signature-area p {font-size:20px;}
}



/* 활동지원서비스 페이지 스타일 */
.service-cards {
    display: flex;
    justify-content: space-between;
    margin: 20px 0;
    gap: 20px;
}

@media only screen and (max-width:496px){
	.service-cards {
		flex-direction: column;
	}
}

.service-card {
    flex: 1;
    background: #fff;
    padding: 30px 20px;
    text-align: center;
    border-radius: 10px;
    box-shadow: 0 2px 10px rgba(0,0,0,0.1);
    margin-bottom: 0;
    font-size: 33px;
    color: #333;
font-weight:600;
}

.service-card .icon {
    width: 80px;
    height: 80px;
    margin: 0 auto 20px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.service-card:nth-child(1) .icon {
    background: #e8f5e9;
}

.service-card:nth-child(2) .icon {
    background: #e3f2fd;
}

.service-card:nth-child(3) .icon {
    background: #fce4ec;
}

.service-card h3 {
    font-size: 28px;
    margin-bottom: 15px;
    color: #333;
}

.service-card p {
    font-size: 28px;
    color: #ed5a27;
    line-height: 1.6;
}


.content_tabox04 {
    background: #ffffff;
    padding: 30px;
    border-radius: 15px;
    margin-bottom: 30px;
}