@charset "UTF-8";
/* 인사말 */
.greeting { display: flex; background: linear-gradient(0deg, rgba(255, 255, 255, 0.60) 0%, rgba(255, 255, 255, 0.00) 100%), linear-gradient(0deg, rgba(237, 232, 207, 0.20) 0%, rgba(237, 232, 207, 0.20) 100%), lightgray 50% / cover no-repeat; mix-blend-mode: multiply; border-radius: 2.4rem; overflow: hidden; }
.greeting .greeting-bg { width:42.2rem; }
.greeting .greeting-bg img { width:100%; height:100%; object-fit: cover; }
.greeting .greeting-content { padding:8rem 12rem 6.4rem 10rem; }
.greeting .greeting-content-title { color: #222; font-family: "GangwonEduAll"; font-size: 3.2rem; font-weight: 400;  margin-bottom:3.8rem; display: block; line-height: 5.12rem; }
.greeting .greeting-content-title span { background: linear-gradient(91deg, #2F9F49 -18.52%, #00C8FF 99.71%); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; display: inline-block; }
.greeting .greeting-content-text { display: flex; flex-direction: column; gap:1.6rem; margin-bottom:2.4rem; } 
.greeting .greeting-content-text p { color: #424242; font-size: 1.8rem; font-weight: 400; line-height:2.88rem;letter-spacing: -0.018rem; }
.greeting .greeting-content-sign { display: flex; justify-content: flex-end; }
.greeting .greeting-content-sign b { color: #424242; font-size: 2rem;font-weight: 600;line-height: 3.2rem;
letter-spacing: -0.02rem; }

/* 원격연수 */
.step-list ul { display: flex; padding-top:1.6rem; }
.step-list ul li { position: relative; }
.step-list ul li:before { content:"\ea6c"; font-family: "remixicon"; font-size:2rem; color:#222; top:50%; transform: translateY(-50%); position: absolute; }
.step-list ul li:first-of-type:before { display: none; }
.step-list.col3 ul { gap:5rem; }
.step-list.col3 ul li { width:calc(33.3% - 3.3rem); }
.step-list.col3 ul li:before { left:-3.5rem; }
.step-list.col3 ul li .step-list-item { position: relative; padding:2.4rem 1rem; border:1px solid #BDBDBD; min-height: 13rem; display: flex; align-items: center; justify-content: center; border-radius: 1.2rem; height: 100%; }
.step-list.col3 ul li .step-list-item-number { background: linear-gradient(112deg, #2F9F49 0%, #00C8FF 120.03%), #F3F9F6; border-radius: 36rem; position: absolute; top: -1.8rem; left:50%; transform: translateX(-50%); height:3.5rem; display: flex; align-items: center; justify-content: center; padding:0 1.6rem; font-size:1.6rem; font-weight: 700; letter-spacing: -0.016rem;color:#fff; }
.step-list.col3 ul li .step-list-item-desc { display: flex; flex-direction: column; gap:1.25rem; align-items: center; justify-content: center; }
.step-list.col3 ul li .step-list-item-desc .step-list-item-title { color: #222; font-size: 1.8rem;font-weight: 400; line-height: 2.7rem;letter-spacing: -0.018rem; display: flex; gap: .8rem; align-items: center; justify-content: center; text-align: center; }
.step-list.col3 ul li .step-list-item-desc .step-list-item-link { display: flex; gap:.6rem; align-items: center; justify-content: center; }
.step-list.col3 ul li .step-list-item-desc .step-list-item-link span { color: #757575; font-size: 1.6rem; font-weight: 400;line-height: normal; letter-spacing: -0.016rem; text-align: center; }
.step-list.col3 ul li .step-list-item-desc .step-list-item-link i { color:#757575; font-size:2rem; }
@media (max-width:767px){
.step-list.col3 ul li .step-list-item-desc .step-list-item-title { flex-direction: column; }
.step-list.col3 ul li .step-list-item .step-list-item-desc .step-list-item-title i { transform: rotate(90deg); }
} 
@media (max-width:640px){
.step-list.col3 ul { flex-direction: column; gap:6.5rem; }
.step-list.col3 ul li { width:100%; }
.step-list.col3 ul li:before { left:50%; transform: translateX(-50%) rotate(90deg); top:-5rem; } 
}    

/* 마음건강검사 소개 */
.content-thumb-list>ul { display: flex; flex-direction: column; gap:2.4rem; }
.content-thumb-list>ul>li .content-thumb-list-item { display: flex; padding:4rem 6.4rem; border:1px solid #BDBDBD; border-radius: 1.2rem; gap:6.4rem; }       
.content-thumb-list>ul>li .content-thumb-list-item-img { padding:2rem 3.1rem; width:34.2%; background: #f6f8f9; border-radius: 1.2rem; display: flex; justify-content: center; align-items: center; } 
.content-thumb-list>ul>li .content-thumb-list-item-desc { display: flex; flex-direction: column; justify-content: center; width:calc(100% - 34.2% - 6.4rem); }
.content-thumb-list>ul>li .content-thumb-list-item-desc strong { color: #222; font-size: 2.4rem; font-weight: 600; line-height: 3.84rem; letter-spacing: -0.024rem;display: block;margin-bottom:1rem; }
.content-thumb-list>ul>li .content-thumb-list-item-desc p { color: #616161; font-size: 1.8rem; font-weight: 400; line-height: 2.88rem; letter-spacing: -0.018rem; }
.content-thumb-list>ul>li .content-thumb-list-item-desc .content-thumb-util { display: flex; gap:4rem; } 
.content-thumb-list>ul>li .content-thumb-list-item-desc .content-thumb-util li { color:#757575; font-size: 1.7rem; font-weight: 400; position: relative; display: flex; gap:1rem; }    
.content-thumb-list>ul>li .content-thumb-list-item-desc .content-thumb-util li span { overflow: hidden; color:#616161; font-size: 1.7rem; font-weight: 400; line-height: 2.38rem; letter-spacing: -0.017rem; } 
.content-thumb-list>ul>li .content-thumb-list-item-desc .content-thumb-util li span:has(i) { display: flex; min-width: 7.5rem; flex-shrink: 0; color:#616161; font-size: 1.7rem; font-weight: 500; line-height: 2.38rem; letter-spacing: -0.017rem; gap:.6rem; } 
.content-thumb-list>ul>li .content-thumb-list-item-desc .content-thumb-util span i { font-size:1.6rem; color:#bdbdbd; }    

/* type2 */      
.content-thumb-list.type2>ul>li .content-thumb-list-item-img { padding:0; background: none; }
@media (max-width:1024px){
.content-thumb-list>ul>li .content-thumb-list-item { gap:4rem; padding:4rem; }
.content-thumb-list>ul>li .content-thumb-list-item-desc { width:calc(100% - 34.2% - 4rem); }
}
@media (max-width:767px){
.content-thumb-list>ul>li .content-thumb-list-item { flex-direction: column; }
.content-thumb-list>ul>li .content-thumb-list-item-img { width:100%; height: 24rem; }
.content-thumb-list>ul>li .content-thumb-list-item-desc { width:100%; }
/* type2 */
.content-thumb-list.type2>ul>li .content-thumb-list-item-img { height: auto; }
}
@media (max-width:640px){
.content-thumb-list>ul>li .content-thumb-list-item-desc .content-thumb-util { flex-direction: column; gap:1rem; }
}
@media (max-width:420px){
.content-thumb-list>ul>li .content-thumb-list-item-desc .common-btn { flex-direction: column; }
}

/* 마음이 소개 */
.ci-top { display: flex; padding:6.4rem 12rem; border-radius: 2.4rem; background: #F3F9F6; gap:12rem; }
.ci-top .ci-top-img { flex-shrink: 0; display: flex; flex-direction: column; align-items: center; gap:2.4rem; } 
.ci-top .ci-top-img p { color:#9E9E9E;font-size: 1.4rem;font-weight: 400;
line-height: 2.072rem; }
.ci-top .ci-top-desc .content-title2 { margin-bottom:.8rem; font-size:2rem; font-weight: 600; line-height: 2.8rem; }
.ci-top .ci-top-desc .content-title2:first-of-type { font-size: 3.2rem; font-weight: 600; line-height: 4.48rem; background: linear-gradient(112deg, #2F9F49 0%, #00C8FF 50%), rgba(0, 0, 0, 0.20);background-clip: text;-webkit-background-clip: text;-webkit-text-fill-color: transparent; } 
.ci-top .ci-top-desc p { color: #616161; font-size: 1.8rem;font-weight: 400; line-height: 2.7rem; }
.img-box.ci { border:0; gap:6.4rem;padding:0; }
.ci-img-list { display: flex; flex-wrap: wrap; }
.ci-img-list li { width:20%; display: flex; flex-direction: column; align-items: center; text-align: center; gap:1.2rem; padding:0 2rem; justify-content: flex-end; }
.ci-img-list li div { display: flex; align-items: flex-end; }
.ci-img-list.expression li div { aspect-ratio: 146/139; }
.ci-img-list.pose { gap:2rem 0; }  
.ci-img-list.pose li div { height:18rem; } 
.ci-img-list.pose li div img { flex-shrink: 0; }
@media (max-width:1024px){
.ci-top { padding:4rem 8rem; gap:8rem; }
}
@media (max-width:767px){
.ci-top { flex-direction: column; padding:4rem; gap:2.4rem; }
.ci-top .ci-top-img { width:100%; text-align: center; }
.img-box.ci { gap:4rem; }
.ci-img-list li { width:25%; }
}
@media (max-width:640px){
.ci-img-list li { width:33.333%; }
.img-box.ci { margin-top:2rem !important; }
.img-box:has(.ci-img-list) { margin-top:2rem !important; }
}   
@media (max-width:480px){
.ci-img-list li { width:50%; }
}
@media (max-width:420px){
.ci-img-list.expression { gap:2rem 0; }
.ci-img-list.expression li div { aspect-ratio: auto; }
.ci-img-list li { width:50%; }
.ci-img-list.pose li div { height: auto; }
}

/* 사이트 맵 */  
.sitemap .sitemap-list { display:flex; flex-wrap:wrap; gap:6.4rem; }
.sitemap .sitemap-list > li { width:calc(25% - 4.8rem); display: flex; flex-direction: column; gap:2.4rem; } 
.sitemap .sitemap-list-title { display:block; border-bottom:1px solid #E0E0E0; padding-bottom:.4rem; }       
.sitemap .sitemap-list-title span { font-size: 2.4rem;font-weight: 600; line-height: 3.36rem;letter-spacing: -0.024rem;background: linear-gradient(112deg, #2F9F49 0%, #00C8FF 120.03%), rgba(0, 0, 0, 0.20);background-clip: text;-webkit-background-clip: text;-webkit-text-fill-color: transparent;display: inline-block; }
.sitemap .sitemap-list-sub { display:flex; flex-direction:column; gap:1.2rem; }
.sitemap .sitemap-list-sub li a { display:flex; align-items:center; justify-content:space-between; color:#666; font-size:1.6rem; }
.sitemap .sitemap-list-sub li a span { font-size:1.8rem; color:#616161; font-weight: 500; line-height: 2.16rem; letter-spacing: -0.018rem; }
.sitemap .sitemap-list-sub li a:after { content:"\ea70"; font-family: "remixicon"; font-size:2rem; color:#9e9e9e; opacity: .5; }    
.sitemap .sitemap-list-sub li a:hover span { color:#222; text-decoration: underline; text-underline-offset: .4rem; }
.sitemap .sitemap-list-sub li a:hover:after { color:#222; opacity: 1; }      
@media (max-width:1024px) {
.sitemap .sitemap-list { gap:4rem; }
.sitemap .sitemap-list > li { width:calc(25% - 3rem); }
}
@media(max-width:767px){
.sitemap .sitemap-list { gap:2.4rem; }
.sitemap .sitemap-list > li { width:calc(33.333% - 1.666rem); }
.content-satisfaction .content-satisfaction-btn:before { display: none; }
}
@media(max-width:640px){
.sitemap .sitemap-list > li { width:calc(50% - 1.2rem); }
.sitemap .sitemap-list-title span { font-size:2.2rem; }
}

/* 오시는 길 */
.location { display: flex; flex-direction: column; border-radius: 1.2rem; overflow: hidden; } 
.location .location-map { height:64rem; }   
.location .location-map>div { width:100%;height: 100%; }  
.location .location-map .root_daum_roughmap .wrap_map { height:100%; } 
.location .location-info { padding:3.2rem 6.4rem; display: flex; justify-content: space-between; align-items: center; }
.location .location-info ul { display: flex; gap:8rem; align-items: center; } 
.location .location-info ul li { display: flex; gap:2.4rem; position: relative; }
.location .location-info ul li:before { content:""; position: absolute; top:50%; left:-4rem; transform: translateY(-50%); width:1px; height: 2.4rem; background: #E0E0E0; opacity: .5; } 
.location .location-info ul li:first-of-type:before { display: none; }
.location .location-info ul li .location-info-title { display: flex; gap:.8rem; font-size:2rem; font-weight: 600; line-height: 2.8rem; letter-spacing: -0.02rem; color:#fff;  }
.location .location-info ul li .location-info-title i { font-size:2.4rem; color:#fff; }
.location .location-info ul li .location-info-desc { color:#fff; font-size: 2rem; font-weight: 500;line-height: 2.8rem; letter-spacing: -0.02rem; }   
.location .location-info .btn { background: none; border: 1px solid rgba(255, 255, 255, 0.60); padding:0 2.4rem 0 2rem; height: 4.8rem; border-radius: 36rem; gap:.8rem; }
.location .location-info .btn span { color: #FFF;font-size: 1.8rem;font-weight: 600;letter-spacing: -0.018rem; }
.location .location-info .btn i { font-size:2rem; color:#fff; opacity: .8; }      
@media (max-width:1024px){
.location .location-info ul { flex-direction: column; gap:2rem; align-items: flex-start; } 
.location .location-info ul li:before { display: none; } 
}    
@media (max-width:640px){
.location .location-info { flex-direction: column; align-items: flex-start; gap:2rem; padding:2.4rem 4rem; }
.location .location-info ul li .location-info-title { min-width:10rem; }
}

/* 임시페이지 */  
#main:has(.img-page1) .sub-visual { height: auto; background: none; }  
#main:has(.img-page1) .sub-visual .layout { padding:8rem 2rem 10rem 2rem; }
#main:has(.img-page1) .sub-visual:before { display: none; }
#main:has(.img-page1) .sub-visual .layout .content-navigation,
#main:has(.img-page1) .sub-visual .layout .sub-visual-container h2, 
#main:has(.img-page1) .content-share,
#main:has(.img-page1) .content-title,
#main:has(.img-page1) .content-title1 { display: none; }                
.img-page1 { position: relative; z-index: 0; } 
.img-page1 img { position: relative; z-index: 1; }   
.img-page1 .img-page-section { position: relative; }
.img-page1 .img-page-section-bg { position: absolute; top:-40rem; left:50%; margin-left:-50vw; width:100vw; height:calc(100% + 40rem); }         
.img-page1 .img-page-section-bg img { width:100%; height: 100%; object-fit: cover; }   
.img-page1 .img-page-section.section1 { padding-bottom:12rem; }
.img-page1 .img-page-section.section2 { padding:12rem 0; }   
 
/* 기관별 종합 현황 */
.total-circle-wrap { position: relative; width: 100%; max-width: 120rem; height: clamp(30rem, 45vw, 55rem); margin: 0 auto; padding: clamp(2rem, 3vw, 4rem); margin-bottom:1.2rem; }
 
/* 공통 아이템 */
.total-circle-item { position: absolute; opacity: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; border-radius: 50%; transition: transform 0.3s ease; }

/* 공통 텍스트 */
.total-circle-item span { color: #FFF; text-align: center; font-family: Freesentation; font-size: clamp(1.2rem, 1.5vw, 1.6rem); font-weight: 700; line-height: 140%; letter-spacing: -0.016rem; position: relative; }
.total-circle-item strong { color: #FFF; text-align: center; font-family: "SFPro"; font-weight: 700; line-height: 100%; position: relative; z-index: 1; }

/* 공통 배경 효과 */
.total-circle-item:before { content: ""; display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; border-radius: 50%; opacity: 0.8; filter: blur(6px); }

/* 16 - 연한 청록 (왼쪽) */
.total-circle-item-small1 { width: clamp(11rem, 17vw, 21rem); height: clamp(11rem, 17vw, 21rem); left: 8%; top: clamp(12rem, 20vw, 24.7rem); z-index: 1; }
.total-circle-item-small1:before { background: linear-gradient(180deg, #66BDC6 0%, #66C5E8 100%); }
.total-circle-item-small1 strong { font-size: clamp(3rem, 5.2vw, 6.4rem); letter-spacing: -0.064rem; }

/* 9407 - 초록색 (중앙 왼쪽) */
.total-circle-item-large { width: clamp(20rem, 32vw, 39rem); height: clamp(20rem, 32vw, 39rem); left: 21.5%; top: clamp(2rem, 3.6vw, 4.4rem); z-index: 2; }
.total-circle-item-large:before { background: linear-gradient(112deg, #2F9F49 0%, #00C8FF 120.03%); border-radius: 50%; }
.total-circle-item-large strong { font-size: clamp(4rem, 6.8vw, 8.4rem); letter-spacing: -0.084rem; }

/* 207 - 파란색 (중앙) */
.total-circle-item-medium { width: clamp(16rem, 25vw, 30.9rem); height: clamp(16rem, 25vw, 30.9rem); left: 64%; top: clamp(8rem, 13vw, 15.6rem); transform: translateX(-50%); z-index: 3; }
.total-circle-item-medium:before { background: linear-gradient(180deg, #0273C9 0%, #C5D0ED 100%); }
.total-circle-item-medium strong { font-size: clamp(3.6rem, 6.2vw, 7.6rem); letter-spacing: -0.076rem; }

/* 19 - 주황색 (오른쪽 위) */
.total-circle-item-small2 { width: clamp(11rem, 17vw, 22rem); height: clamp(11rem, 17vw, 22rem); right: 15%; top: clamp(2rem, 3.3vw, 4rem); z-index: 2; }
.total-circle-item-small2:before { background: linear-gradient(180deg, #FF8C9E 0%, #D99DCB 100%); }
.total-circle-item-small2 strong { font-size: clamp(3rem, 5.2vw, 6.4rem); letter-spacing: -0.064rem; }

/* 17 - 연두색 (오른쪽 아래) */
.total-circle-item-small3 { width: clamp(10.5rem, 16vw, 20rem); height: clamp(10.5rem, 16vw, 20rem); right: 9%; top: clamp(11rem, 18.2vw, 21.9rem); z-index: 1; }
.total-circle-item-small3:before { background: linear-gradient(180deg, #FFDE4D 0%, #8CCD1A 100%); }
.total-circle-item-small3 strong { font-size: clamp(3rem, 5.2vw, 6.4rem); letter-spacing: -0.064rem; }

/* 480px 이하 - 전체적으로 더 작게 */
@media (max-width: 480px) {
.total-circle-wrap { padding:0; height: 25rem; }
/* 공통 텍스트 줄이기 */
.total-circle-item span { font-size: 1rem; }
/* 16 - 연한 청록 (왼쪽) */
.total-circle-item-small1 { top: 10rem; left:0; width:9rem;height: 9rem; } 
.total-circle-item-small1 strong { font-size: 2.4rem; }
/* 9407 - 초록색 (중앙 왼쪽) */
.total-circle-item-large { top: 1.6rem; left:17%; width:18rem; height: 18rem; }
.total-circle-item-large strong { font-size: 3.2rem; }
/* 207 - 파란색 (중앙) */
.total-circle-item-medium { top: 6rem; left:65%; width:14rem; height: 14rem; }
.total-circle-item-medium strong { font-size: 2.8rem; }
/* 19 - 주황색 (오른쪽 위) */ 
.total-circle-item-small2 { top: 1.6rem; right:8%; width:9rem; height:9rem; }
.total-circle-item-small2 strong { font-size: 2.4rem; }
/* 17 - 연두색 (오른쪽 아래) */  
.total-circle-item-small3 { top: 9rem; right:0; width:8.5rem; height: 8.5rem; }  
.total-circle-item-small3 strong { font-size: 2.4rem; }
}

/* 토탈 리스트 */
.total-circle-list { display: flex; gap:1rem 1.2rem; flex-wrap: wrap; }
.total-circle-list .total-circle-list-item { width:calc(20% - 0.9666rem); padding:2.4rem 4rem; border-radius: 1.2rem; border: 1px solid #E0E0E0;display: flex; flex-direction: column; }
.total-circle-list .total-circle-list-item .value { display: flex; margin-bottom:1.2rem;color: #222; font-size: 1.8rem; font-weight: 400; line-height:2rem; letter-spacing: -0.018rem;gap:.8rem; }
.total-circle-list .total-circle-list-item .value:before { display: block; width:1.2rem; height: 1.2rem; border-radius: 50%; content:""; transform: translateY(.3rem); flex-shrink: 0; }
.total-circle-list.type2 .total-circle-list-item { padding:1.2rem 2.4rem; width: auto; border-radius: .4rem; background: #eee; border:1px solid #E0E0E0; justify-content: center; }
.total-circle-list.type2 .total-circle-list-item.active { background: #fff; border:1px solid #E0E0E0; }
.total-circle-list.type2 .total-circle-list-item .value { margin-bottom:0; color:#bdbdbd; }
.total-circle-list.type2 .total-circle-list-item.active .value { color:#222; } 
.total-circle-list .total-circle-list-item.item1 .value:before { background: #30AF3F; }
.total-circle-list .total-circle-list-item.item2 .value:before { background: #2D419A; }
.total-circle-list .total-circle-list-item.item3 .value:before { background: #66BDC6; }
.total-circle-list .total-circle-list-item.item4 .value:before { background: #FF8C9E; }
.total-circle-list .total-circle-list-item.item5 .value:before { background: #FFDE4D; }
.total-circle-list.type2 .total-circle-list-item.item1 .value:before { background: #BDBDBD; }
.total-circle-list.type2 .total-circle-list-item.item2 .value:before { background: #BDBDBD; }
.total-circle-list.type2 .total-circle-list-item.item3 .value:before { background: #BDBDBD; }
.total-circle-list.type2 .total-circle-list-item.item4 .value:before { background: #BDBDBD; }
.total-circle-list.type2 .total-circle-list-item.item5 .value:before { background: #BDBDBD; }
.total-circle-list.type2 .total-circle-list-item.active.item1 .value:before { background: #30AF3F; }
.total-circle-list.type2 .total-circle-list-item.item2.active .value:before { background: #2D419A; }
.total-circle-list.type2 .total-circle-list-item.item3.active .value:before { background: #66BDC6; }
.total-circle-list.type2 .total-circle-list-item.item4.active .value:before { background: #FF8C9E; }
.total-circle-list.type2 .total-circle-list-item.item5.active .value:before { background: #FFDE4D; }
.total-circle-list.type3 .total-circle-list-item { padding:0; width:100%; border:0; }
.total-circle-list.type3 .total-circle-list-item .value { margin:0; }
.total-circle-list.type3 .total-circle-list-item .desc { justify-content: center; }
.total-circle-list .total-circle-list-item .data { color: #222; font-size: 4rem;font-weight: 700;line-height: 4rem; letter-spacing: -0.04rem; display: block;margin-bottom:.4rem; } 
.total-circle-list .total-circle-list-item .desc { display: flex; gap:.4rem; }
.total-circle-list .total-circle-list-item .desc .percent { font-size: 1.4rem;font-weight: 600;line-height: 1.96rem;letter-spacing: -0.014rem;display: flex; gap:.4rem; }
.total-circle-list .total-circle-list-item .desc .percent i { font-size: 1.2rem; }
.total-circle-list .total-circle-list-item .desc .percent.percent-up { color:#D43333 }
.total-circle-list .total-circle-list-item .desc .percent.percent-down { color:#275BAB; }
.total-circle-list .total-circle-list-item .desc .percent.percent-none { color:#9E9E9E; } 
.total-circle-list .total-circle-list-item .desc .year { font-size: 1.4rem;font-weight: 400;line-height: 1.96rem;letter-spacing: -0.014rem;color:#757575; }
@media (max-width:1024px){
.total-circle-list .total-circle-list item { padding:2.4rem; }
}
@media (max-width:900px){
.total-circle-list .total-circle-list-item { width:calc(33.333% - 0.8rem); }
}
@media (max-width:640px){
.total-circle-list .total-circle-list-item { width:calc(50% - 0.6rem); }
.total-circle-list.type2 .total-circle-list-item { width:calc(50% - .6rem); padding:1rem 1.6rem;}
}
@media (max-width:480px){ 
.total-circle-list .total-circle-list-item { width:100%; padding:2.4rem; }
.total-circle-list.type2 { gap:.5rem; }  
.total-circle-list.type2 .total-circle-list-item { width:calc(50% - .25rem); }   
.total-circle-list.type2 .total-circle-list-item .value { font-size:1.6rem; }
.total-circle-list.type2 .total-circle-list-item .value:before { width:1rem;height: 1rem; transform: translateY(.4rem); }
}

/* 차트 테이블 */
.table.table-chart th:first-child,
.table.table-chart td:first-child { position: sticky;left: 0; z-index: 3;}
.table.table-chart th:last-child,
.table.table-chart td:last-child { position: sticky; right:0; z-index: 3; }
.table-wrap:has(.table.table-chart):after { content:"";display: block;width:2px;height:calc(100% - 4.7rem); position: absolute; right:0; top:0; background: #fff; z-index: 3; }
@media (max-width:480px){
    .table.table-chart th:last-child, .table.table-chart td:last-child { position: relative; right:auto; }
}

/* 공통 탭 */
.common-tab .common-tab-content>ul>li { display:none; }
.common-tab .common-tab-content>ul>li.active { display: block; }

/* 콘텐츠 탭 */
.content-tab { position: relative; }
.content-tab-btn { position: absolute; top:-5rem; right:0; }
.content-tab-btn ul { display: flex; gap:1rem; padding:.4rem; border-radius: 1.2rem; background: #EEE; }
.content-tab-btn ul li button { padding:.8rem 1.2rem; display: flex; align-items: center; justify-content: center; gap:.3rem; border-radius: .8rem; }
.content-tab-btn ul li button span { font-size:1.6rem; color:#757575; font-weight: 400; letter-spacing: -0.016rem;}
.content-tab-btn ul li button i { font-size:1.6rem; color:#757575; }
.content-tab-btn ul li button.active { background: #fff; }
.content-tab-btn ul li button.active span { font-weight: 600; letter-spacing: -0.016rem; font-size:1.6rem; color:#222; }
.content-tab-btn ul li button.active i { color:#222; }

/* 콘텐츠 이너 탭 */
.content-inner-tab-content-item { display: flex; flex-direction: column; gap:2.4rem; padding:4.8rem; border: 1px solid #E0E0E0; border-radius: 2.4rem; overflow: hidden; }
.content-inner-tab-content-item .title { display: block; color:#222; font-size: 2rem; font-weight: 600; line-height: 2.8rem; }
.content-inner-tab-content-item .total-graph canvas { width:100% !important; height: 40rem !important; }   
@media (max-width:1024px){
.content-inner-tab .content-inner-tab-content ul li .content-inner-tab-content-item { padding:4rem; }
.content-inner-tab .content-inner-tab-content ul li .content-inner-tab-content-item .total-graph canvas { height: 32rem !important; }  
}
@media (max-width:640px){
.content-inner-tab .content-inner-tab-content ul li .content-inner-tab-content-item { padding:2.8rem; }
.content-inner-tab .content-inner-tab-title ul li a span { font-size:1.5rem; }
}  

/* 그래프 */
.total-graph-wrap { position: relative; overflow-x:auto; }        
.total-graph-wrap::-webkit-scrollbar { height: 8px; }      
.total-graph-wrap::-webkit-scrollbar-thumb { background-color: #ddd; } 
.total-graph-wrap::-webkit-scrollbar-track { background-color: transparent; } 
.total-graph { padding:4rem;background: #FAFAFA;border-radius: 1.2rem; min-width: 600px; }
#chartjs-custom-tooltip {position: absolute;pointer-events: none;transition: all 0.1s ease;z-index: 9999;opacity: 0;}
#chartjs-custom-tooltip .tooltip-content { background: #fff; border-radius: 1.2rem; box-shadow: 4px 4px 16px 0 rgba(0, 0, 0, 0.12);padding: 2.4rem 2rem; }
#chartjs-custom-tooltip .tooltip-arrow { position: absolute; top: 50%; transform: translateY(-50%);width: 0;
height: 0;border-top: .8rem solid transparent;border-bottom: .8rem solid transparent;}
@media (max-width:1024px){
.total-graph { padding:4rem 1rem; }
}

/* 그래프 기간설정 */
.period-filter .period-filter-inner { display: flex; gap:2.4rem; align-items: center; }      
.period-filter .period-filter-inner .period-label { display: flex; align-items: center; gap:.6rem; color: #222; font-size: 2rem; font-weight: 600; line-height:2.8rem; }
.period-filter .period-filter-inner .period-label i { font-size:1.5rem; font-weight: 400; color:#757575; }
.period-filter .period-filter-inner .period-select-wrap span { font-size:1.6rem; color:#757575; }
.period-filter .period-filter-inner .period-select-wrap select { background-color: #fff; border:1px solid #E0E0E0; color:#222; background-image: url(/template/mps/images/common/select-arr3.png); background-size: .9rem; }                
@media (max-width:420px){
    .period-filter .period-filter-inner { flex-direction: column; gap: 1rem;align-items: flex-start; }
}

/* 사업소개 */
body:has(.introduction) .header.menu-all .header-container .header-util .header-util-popup .header-util-popup-btn i { color:#fff; }
body:has(.introduction) .header.menu-all .header-logo a img { transform: translateY(-3.9rem); } 
body:has(.introduction) .sub-visual { height: 30rem; }
body:has(.introduction) .sub-visual:before,
body:has(.introduction) .sub-visual:after { display: none; }
body:has(.introduction) .sub-visual .layout { padding:0 2rem; }
body:has(.introduction) .sub-visual .layout .sub-visual-container .content-navigation { display: none; }
body:has(.introduction) .sub-visual .layout .sub-visual-container h2 { display: none; }
body:has(.introduction) #content { padding:0 0 16rem 0; }        
body:has(.introduction) .content-title { display: none; }
body:has(.introduction) .content-area .content-share { display: none; }
@keyframes scrollBounce {
0%, 100% { transform: translateY(0); }     
50% { transform: translateY(2rem); }
}
body:has(.introduction) { opacity: 0; }            
body:has(.introduction.on) { opacity: 1; }                                 
.introduction { position: relative; }
.introduction .introduction-visual { position: relative; }
.introduction .introduction-visual .introduction-bg { position: absolute; width:100vw; left:50%; transform: translateX(-50%); height:calc(100% + 30rem); top:-30rem; }
.introduction .introduction-visual .introduction-bg video { width:100%; height: 100%; object-fit: cover; }
.introduction .introduction-visual .introduction-bg:after { content:""; width:100vw; height:100%; position: absolute; top:0; left:0; display: block; background: linear-gradient(0deg, rgba(209, 237, 240, 0.20) 0%, rgba(209, 237, 240, 0.20) 100%); background-blend-mode: overlay; }
.introduction .introduction-visual .introduction-section1 { position: relative;z-index: 1; padding:4rem 0; text-align: center; height: calc(100dvh - 30rem); }
.introduction .introduction-visual .introduction-section1 .introduction-section-container { height: 100%; display: flex; flex-direction: column; }
.introduction .introduction-visual .introduction-section1 .introduction-section-container .title { margin:auto; }
.introduction .introduction-visual .introduction-section1 .introduction-section-container .title p { overflow: hidden; }  
.introduction .introduction-visual .introduction-section1 .introduction-section-container .title p span { color: #FFF;text-align: center;font-family: "GangwonEduAll";font-size: 6.4rem;font-style: normal;font-weight: 600;line-height:  8.96rem; display: inline-block; }
.introduction .introduction-visual .introduction-section1 .introduction-section-container  .scroll { margin-top: auto; display: flex; flex-direction: column; align-items: center; gap:3.7rem; }
.introduction .introduction-visual .introduction-section1 .introduction-section-container .scroll span { color: #FFF; text-align: center;font-size: 1.6rem;font-style: normal;font-weight: 500;
line-height: 2.24rem; text-transform: uppercase; }
.introduction .introduction-visual .introduction-section1 .introduction-section-container .scroll img { animation: scrollBounce 1.5s ease-in-out infinite; }
.introduction .introduction-visual .introduction-section2 { height: 100dvh; display: flex; align-items: center; position: relative; justify-content: center; } 
.introduction .introduction-visual .introduction-section2 .introduction-section-container { display: flex; flex-direction: column; align-items: center; justify-content: center; gap:6.4rem; width:100%; }
.introduction .introduction-visual .introduction-section2 .introduction-section-container .title strong { color: #FFF;text-align: center;font-size: 2.4rem;font-weight: 700;line-height: 2.4rem; letter-spacing: -0.024rem; }
.introduction .introduction-visual .introduction-section2 .introduction-section-container .circle { display: flex; width: 100%; justify-content: center; align-items: center; gap:8rem; } 
.introduction .introduction-visual .introduction-section2 .introduction-section-container .circle .circle-item { width: clamp(7rem, 28vw, 48rem); height: clamp(7rem, 28vw, 48rem); border-radius: 50%; border: 1px solid #FFF; background: rgba(255, 255, 255, 0.10); backdrop-filter: blur(12px); display: flex; align-items: center; justify-content: center; flex-direction: column; flex-shrink: 0; transition: all .8s; }
.introduction .introduction-visual .introduction-section2 .introduction-section-container .circle .circle-item strong { position: absolute; top:45%; left:50%; transform: translate(-50%, -50%); display: block; height:4.03rem; width:100%; text-align: center; }
.introduction .introduction-visual .introduction-section2 .introduction-section-container .circle .circle-item strong span { color: #FFF;font-family: "Montserrat";font-size: 4rem; font-weight: 700; line-height: 4rem; letter-spacing: -0.04rem; transition: all .8s; }
.introduction .introduction-visual .introduction-section2 .introduction-section-container .circle .circle-item em { color: #fff; font-size: clamp(1.4rem, 1.5vw, 1.8rem); font-weight: 500; line-height: clamp(2.24rem, 2.4vw, 2.88rem); position: absolute; top:55%;left:50%;transform: translate(-50%, -50%); transition: all .8s; }
.introduction .introduction-visual .introduction-section2 .introduction-section-container .desc p { color: #266EA6;text-align: center;font-size: 1.8rem;font-style: normal;font-weight: 500;line-height: 2.88rem; } 
.introduction .introduction-visual .introduction-section2 .introduction-section-container .circle .circle-add i { font-size:3.2rem; color:#fff; }
.introduction .introduction-visual .introduction-section2 .introduction-section-container .circle .circle-item.item2:before { content:"\f4b2"; font-family: "remixicon"; font-size:3.2rem; color:#fff; position: absolute; top:50%; transform: translateY(-50%); left:-5.5rem; transition: all .8s;}
.introduction .introduction-visual .introduction-section2 .introduction-section-container .circle .circle-item.item2:after { content:"\f4b2"; font-family: "remixicon"; font-size:3.2rem; color:#fff; position: absolute; top:50%; transform: translateY(-50%); right:-5.5rem; transition: all .8s;}
@media (min-width:1024.1px) {
.introduction .introduction-visual .introduction-section2 .introduction-section-container .circle:hover .circle-item.item2 { margin: 0 -13rem; } 
.introduction .introduction-visual .introduction-section2 .introduction-section-container .circle:hover .circle-item:before { opacity: 0; } 
.introduction .introduction-visual .introduction-section2 .introduction-section-container .circle .circle-item strong span { display: inline-block; transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1); }
.introduction .introduction-visual .introduction-section2 .introduction-section-container .circle:hover .circle-item strong span:first-child { transform: scale(3); }
.introduction .introduction-visual .introduction-section2 .introduction-section-container .circle:hover .circle-item.item1 strong span:first-child { transform: scale(3) translateX(9%); }
.introduction .introduction-visual .introduction-section2 .introduction-section-container .circle:hover .circle-item.item2 strong span:first-child { transform: scale(3) translateX(113%); }    
.introduction .introduction-visual .introduction-section2 .introduction-section-container .circle:hover .circle-item.item3 strong span:first-child { transform: scale(3) translateX(92%); }    
.introduction .introduction-visual .introduction-section2 .introduction-section-container .circle:hover .circle-item strong span:nth-child(2) { transform: translateX(-3rem);  opacity: 0; }
.introduction .introduction-visual .introduction-section2 .introduction-section-container .circle:hover .circle-item em { transform: translate(-50%, 20%); }
}

/* introduction intro */
.introduction-intro { position: fixed;z-index: 2; width: 100%; height: 100dvh; left: 0; top: 0; }
.introduction-intro-bg { position: relative;width: 100%;height: 100vh; }
.introduction-intro-bg svg {  display: block;}
.introduction-intro-bg .wee-click-area { position: absolute; top:50%; left:50%; transform: translate(-50%, -50%); cursor: none; z-index: 1; }
.introduction-intro-bg .wee-click-area .cursor { display: flex; width: 16rem;height: 16rem;transform: rotate(-12.548deg); border-radius: 36rem; background: linear-gradient(112deg, rgba(47, 159, 73, 0.50) 0%, rgba(0, 200, 255, 0.50) 120.03%); backdrop-filter: blur(60px);transition: transform 0.1s ease; position: absolute; display: none; align-items: center; justify-content: center; color:#fff; font-size:2rem; font-weight: 500; }
.introduction-intro-text { position: absolute; left: 50%; transform: translateX(-50%); color: #616161; text-align: center; font-family: GangwonEduAll; font-size: 3.2rem; font-weight: 400;line-height: 4.48rem;width:100%; }
.introduction-intro-text span { display: inline-block; background: linear-gradient(112deg, #2F9F49 0%, #00C8FF 120.03%), rgba(0, 0, 0, 0.20); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
@media (max-width:1024px){
.introduction .introduction-visual .introduction-section1 .introduction-section-container .title p span { font-size:5.4rem; line-height: 7.96rem; }
.introduction .introduction-visual .introduction-section2 .introduction-section-container .circle .circle-item.item2:before { left:-3.1rem; font-size:2rem; }
.introduction .introduction-visual .introduction-section2 .introduction-section-container .circle .circle-item.item2:after { right:-3.1rem; font-size:2rem; }
.introduction .introduction-visual .introduction-section2 .introduction-section-container .circle { gap:4rem; }
.introduction .introduction-visual .introduction-section2 .introduction-section-container .circle .circle-item strong { position: relative; left:auto; top:auto; transform: none; }
.introduction .introduction-visual .introduction-section2 .introduction-section-container .circle .circle-item strong span { font-size:3rem; }
.introduction .introduction-visual .introduction-section2 .introduction-section-container .circle .circle-item em { position: relative;top:auto; left:auto; transform: none; }
} 
@media (max-width:640px){
.introduction .introduction-visual .introduction-section2 .introduction-section-container .circle .circle-item strong span { font-size:2.4rem; }
.introduction .introduction-visual .introduction-section1 .introduction-section-container .title p span { font-size:4.4rem; line-height: 6.96rem; }
.introduction .introduction-visual .introduction-section1 .introduction-section-container .scroll { gap:2rem; }
.introduction-intro-text { font-size:2.2rem; line-height: 3.48rem; } 
.introduction-intro-bg .wee-click-area .cursor { display: flex; width: clamp(8rem, 8vw + 2rem, 10rem); height: clamp(8rem, 8vw + 2rem, 10rem);top: clamp(-3rem, -2vw, -2rem);right: clamp(-3rem, -2vw, -2rem); font-size: clamp(1.4rem, 1.2vw + 0.4rem, 1.6rem); }
}  
@media (max-width:540px){
.introduction .introduction-visual .introduction-section1 .introduction-section-container .title p span { font-size: 3.4rem; line-height: 5.96rem; }
.introduction .introduction-visual .introduction-section2 .introduction-section-container .desc p { font-size:1.6rem; }
.introduction .introduction-visual .introduction-section2 .introduction-section-container .desc p br { display: none; }
.introduction .introduction-visual .introduction-section2 .introduction-section-container .circle .circle-item strong span { font-size:2rem; }
}
@media (max-width:420px){
.introduction .introduction-visual .introduction-section1 .introduction-section-container .title p span { font-size: 2.8rem; line-height: 5.4rem; }
.introduction-intro-text { font-size:2rem; line-height: 3.2rem; } 
}   
.business { padding:16rem 0 0 0; } 
.business .business-title { display: flex; flex-direction: column; gap:2.4rem; align-items: center; margin-bottom:6.4rem; }
.business .business-title>span { background: linear-gradient(91deg, #2F9F49 -18.52%, #00C8FF 99.71%); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; color: #222;font-size: 2.4rem;font-weight: 600;line-height: 3.36rem;letter-spacing: -0.024rem; }
.business .business-title strong { display: block; text-align: center; font-size: 4.8rem;
font-weight: 600;line-height: 6.72rem;letter-spacing: -0.048rem; }
.business .business-title strong span { background: linear-gradient(91deg, #2F9F49 -18.52%, #00C8FF 99.71%); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.business .business-content { text-align: center; }
.business .business-content .img-mobile-list { display: none; }
.business .business-content .img-mobile-list>strong { font-size:3.2rem; font-family: "Montserrat"; font-weight: 700; display: block; margin-bottom: 1.6rem; color:#424242; }
.business .business-content .img-mobile-list>p { font-size:2rem;line-height: 2.8rem; color:#424242; }
.business .business-content .img-mobile-list ul { display: flex; flex-direction: column; }
.business .business-content .img-mobile-list ul li { display: flex; gap:2rem; }
.business .business-content .img-mobile-list ul li .desc { display: flex; flex-direction: column; justify-content: center; gap:.8rem; width:100%; align-items: flex-start; }
.business .business-content .img-mobile-list ul li .desc strong { color:#424242;
font-size: 2.5871rem;font-weight: 700; }
.business .business-content .img-mobile-list ul li .desc p { color: #616161;font-size: 1.8rem;
font-weight: 400;line-height: 2.52rem;letter-spacing: -0.018rem;text-transform: capitalize; }
@media (max-width:1024px){
.business { padding:12rem 0; }
.business .business-title { margin-bottom:4rem; }
.business .business-title { gap:2rem; }
.business .business-title>span { font-size:2.2rem; line-height: 3rem; }
.business .business-title strong { font-size:3.8rem; line-height: 5.72rem; }
}
@media (max-width:767px){
.business { padding:8rem 0; }
.business .business-title>span { font-size:2rem; line-height: 2.8rem; }
.business .business-title strong { font-size:2.8rem; line-height: 4.72rem; }
.business .business-title strong br { display: none; }
}
@media (max-width:640px){
.business .business-title>span { font-size:1.8rem; line-height: 2.6rem; }
.business .business-title strong { font-size:2.4rem; line-height: 4rem; }
.business .business-content>img {display: none; }
.business .business-content .img-mobile-list { display: block; margin-bottom:6.4rem; }
.business .business-content .img-mobile-list ul { margin-top:2rem;gap:2rem; }
.business .business-content .img-mobile-list>strong { font-size:2.8rem; }
.business .business-content .img-mobile-list>p { font-size:1.8rem; line-height: 2.4rem; }  
.business .business-content .img-mobile-list ul li .desc strong { font-size:2rem; }
.business .business-content .img-mobile-list ul li .desc p { font-size:1.6rem; line-height: 2.2rem; }
}
@media (max-width:480px){
.business .business-content .img-mobile-list ul li { flex-direction: column; }
.business .business-content .img-mobile-list ul li .img { text-align: center; }
.business .business-content .img-mobile-list ul li .desc { align-items: center; gap:.5rem; }
.business .content-title2 { text-align: center; } 

}
/* project list */
.project-title strong { color: #222;font-size: 4.8rem;font-weight: 400;line-height: 140%;letter-spacing: -0.048rem; display: block; text-align: center; }
.project-title span { font-weight: 700; }
.project-list { width:100%; max-width:1300px; margin:4rem auto 0; }
.project-list ul { display: flex; flex-direction: column;gap:2.4rem; }
.project-list ul li { display: flex; padding:3.2rem 4rem; border-radius: 2.4rem; background: #F5F5F5; gap:4.8rem; position: relative; overflow: hidden; } 
.project-list ul li:hover { background: linear-gradient(112deg, #2F9F49 0%, #00C8FF 120.03%); }
.project-list ul li:hover:before { content:""; display:block; position: absolute; top: 0.3rem;; left:.3rem; width:calc(100% - .6rem); height: calc(100% - .6rem); background: #fff; border-radius: 2.1rem; }
.project-list ul li .img { width:16rem; min-height: 16rem; border-radius: 36rem; flex-shrink: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; gap:.4rem; height:auto; position: relative; }
.project-list ul li .img span { color: #FFF;font-size: 2.4rem; font-weight: 800; line-height: 2.88rem; }
.project-list ul li .desc { display: flex; flex-direction: column; justify-content: center;position: relative; }
.project-list ul li .desc strong { display: block; margin:2.4rem 0 .4rem 0; color: #222; font-size: 2.8rem; font-weight: 700; line-height:3.92rem; }
.project-list ul li .desc strong:first-of-type { margin-top:0; }
.project-list ul li .desc p { color: #616161; font-size: 2rem;font-weight: 400;line-height: 3.2rem; } 
.project-list ul li.level1 .img { background: #2F9F49; }
.project-list ul li.level2 .img { background: #18B39E; }
.project-list ul li.level3 .img { background: #18A9B3; }
.project-desc { margin-top:6.4rem; padding:2.4rem 4rem; border-radius: 2.4rem; background: #F5F5F5; }
.project-desc p { display: flex; gap:.4rem; color: #616161;font-size: 1.8rem;font-weight: 400;line-height: 2.88rem; }
@media (max-width:640px){
    .project-title strong { font-size:2.4rem; line-height: 4rem; }
    .project-list ul li .img { margin:0 auto; }
    .project-list ul li { flex-direction: column; }
    .project-list ul li .img span { font-size:2.2rem; }
    .project-list ul li .desc strong { font-size:2rem; }
    .project-list ul li .desc p { font-size:1.8rem; }
}


/* related link */
.related-link-title { display: flex; gap:1.2rem; color: #1E2939;font-size: 2.4rem;font-weight: 600;line-height: 3.36rem;letter-spacing: -0.024rem; align-items: center; margin:6.4rem 0 1.2rem 0; }
.related-link-title:first-of-type { margin-top:0; }
.related-link-title img { flex-shrink: 0; }
.related-link-list ul { display: flex; gap:1.2rem; width: 100%; flex-wrap: wrap; }
.related-link-list ul li { width:calc(33.333% - .8rem); }
.related-link-list ul li a { padding: 2.1rem 2.4rem; display: flex; flex-direction: column; gap:.4rem; background: #F5F5F5; border-radius: 1.2rem;height:100%; position: relative; }
.related-link-list ul li a strong { color: #424242; font-size: 2rem; font-weight: 700; line-height: 2.8rem; position: relative;}
.related-link-list ul li a span { color: #6A7282; font-size: 1.6rem; font-weight: 400;line-height: 2.24rem; letter-spacing: -0.016rem; margin-top:auto; position: relative; display: flex; align-items: baseline; gap:.6rem; }
.related-link-list ul li a span:after { content:"\ecaf"; font-family: "remixicon"; font-size: 1.6rem; color: #616161; opacity: 0; }
.related-link-list ul li a:hover { background: linear-gradient(112deg, #2F9F49 0%, #00C8FF 120.03%); }
.related-link-list ul li a:hover:before { content:""; width:calc(100% - .6rem); height:calc(100% - .6rem); position: absolute; top:.3rem; left:.3rem; background: #fff; border-radius: .8rem; }
.related-link-list ul li a:hover span:after { opacity: 1; }
@media (max-width:640px){
    .related-link-list ul li { width:calc(50% - .6rem) }
}
@media (max-width:420px){
    .related-link-list ul li { width:100%; }
}

/* history */
.history { padding:4rem 7.2rem; }
.history>ul{ display: flex; flex-direction: column; }
.history>ul>li { display: flex; gap:4rem; border-bottom:1px solid #E0E0E0; }
.history>ul>li:last-of-type { border-bottom: none; }
.history>ul>li .history-year { padding:2.4rem 0; min-width:16rem; position: relative; }
.history>ul>li .history-year:before { content:""; width:100%; height: 1px; background: #07A477; position: absolute; bottom:-1px; left:0;}
.history>ul>li:last-of-type .history-year:before { display: none; }
.history>ul>li .history-year strong { display: block; background: linear-gradient(112deg, #2F9F49 0%, #00C8FF 50%);background-clip: text;-webkit-background-clip: text;-webkit-text-fill-color: transparent;font-size:2.4rem;font-weight: 700;line-height: 3.36rem;letter-spacing: -0.024rem; }
.history>ul>li .history-month { padding:2.4rem 0; }
.history>ul>li .history-month .text-list { margin-top:0; }
.history>ul>li .history-month .text-list li { font-size:2rem; padding-left:1.6rem; }
.history>ul>li .history-month .text-list li:before { width: .6rem;height: .6rem; background: #E0E0E0; }
@media (max-width:640px){
    .history { padding:4rem 0; }
    .history>ul>li { gap:2rem; }
    .history>ul>li .history-year { min-width: 12rem; }
}
@media (max-width:480px){
    .history>ul { gap:2rem; }
    .history>ul>li { flex-direction: column; gap:0; border-bottom:0; }
    .history>ul>li:last-of-type .history-year:before { display: block; }
}

/* faq */
/* faq */
.faq-container { display: flex; flex-direction: column; gap: .8rem; }
.faq-item { background-color: #fff; border: 1px solid #E0E0E0; border-radius: 1.2rem; overflow: hidden; transition: background-color 0.3s ease, border-color 0.3s ease; }
.faq-item.active { background: linear-gradient(#fff, #fff) padding-box, linear-gradient(135deg, #2F9F49, #00C8FF) border-box; border: 3px solid transparent; }
.faq-item.active .faq-question { background: #EBF1ED; }
.faq-item.active .faq-toggle { transform: rotate(180deg); }
.faq-item.active .faq-toggle i { color: #222; }
.faq-item.active .faq-icon { background: #fff; }
.faq-item.active .faq-answer { transition: max-height 0.4s ease-in; }
.faq-question { display: flex; gap: 2.4rem; padding: 3.2rem 4rem; cursor: pointer; position: relative; }
.faq-question-text { overflow: hidden; color: #222; text-overflow: ellipsis; font-family: Freesentation; font-size: 2.2rem; font-style: normal; font-weight: 500; line-height: 3.52rem; letter-spacing: -0.022rem; flex: 1;align-items: center; display: flex; }
.faq-icon { width: 4.8rem; height: 4.8rem; background-color: #EBF1ED; border-radius: 1.2rem; display: flex; align-items: center; justify-content: center; font-weight: bold; color: #5cb5a8; font-size: 2.2rem; flex-shrink: 0; font-weight: 800; }
.faq-toggle { position: relative; flex-shrink: 0; transition: transform 0.3s ease, color 0.3s ease; display: flex; align-items: center; }
.faq-toggle i { color: #9E9E9E; font-size: 2.4rem; }
.faq-answer { max-height: 0; overflow: hidden; transition: max-height 0.4s ease-out; }
.faq-answer-inner { padding: 3.2rem 4rem 3.2rem 4rem; display: flex; gap: 2rem; }
.faq-answer-badge { display: flex; align-items: center; justify-content: center; width: 4.8rem; height: 4.8rem; background: linear-gradient(112deg, #2F9F49 0%, #00C8FF 120.03%), #F5F5F5; color: #fff; border-radius: 1.2rem; text-align: center; font-size: 2.2rem; font-weight: 800; flex-shrink: 0; }
.faq-answer-content p { color: #424242; font-size: 1.8rem; font-weight: 400; line-height: 2.88rem; letter-spacing: -0.018rem; }
.faq-answer-content ol { padding-left: 0; list-style: none; counter-reset: faq-counter; }
.faq-answer-content ol li { padding-left: 2.4rem; position: relative; counter-increment: faq-counter; color: #424242; }
.faq-answer-content ol li::before { content: counter(faq-counter) ". "; position: absolute; left: 0; }
@media (max-width:640px){
    .faq-question { padding:2.4rem; }
    .faq-answer-inner{ padding:2.4rem; }
    .faq-icon { width:4.2rem; height: 4.2rem; }
    .faq-question { gap:2rem; }
    .faq-question-text { font-size:2rem;line-height: 3.2rem; }
    .faq-answer-badge { width:4.2rem; height: 4.2rem; }
}