@charset "utf-8";

/* 
* content CSS Document
* KOWEB
*/

/* sub visual */
.subVisual{ overflow: hidden; display: flex; align-items: center; justify-content: center; position:relative; height:450rem; text-align:center; color: #fff; }
.subVisual .inr {margin: 160rem 0 0;}
.subVisual::before{ content: ''; position: absolute; inset: 0; background: 50% / cover; }
.subVisual.about::before{ background-image:url('/images/content/sub_visual01.jpg'); }
.subVisual.business::before{ background-image:url('/images/content/sub_visual02.jpg'); }
.subVisual.sponsor::before{ background-image:url('/images/content/sub_visual03.jpg'); }
.subVisual.board::before{ background-image:url('/images/content/sub_visual04.jpg'); }
.subVisual.common::before{ background-image:url('/images/content/sub_visual.jpg'); }
.subVisual h2{ font-size: var(--fs40); text-align: left; margin-bottom: 10rem;}
.subVisual p {text-align: left;}

.area_breadcrumb{ position: relative; top: -1rem; left: 8px; display: flex; gap: 45rem; color: #fff; opacity: 0.6; }
.area_breadcrumb .home{ position: relative; top: 3rem; right: 3rem; width: 18rem; height: 16rem; background: url('/images/content/icon_home.png') no-repeat 50% / contain; }
.area_breadcrumb p + p{ position: relative; }
.area_breadcrumb p + p::before{ content: ''; position: absolute; top: 6rem; left: -24rem; width: 7rem; height: 11rem; background: url('/images/content/icon_gt.png') no-repeat 50% / contain; }
.area_breadcrumb [data-menu-snb]:empty{ display: none; }

@media(prefers-reduced-motion:no-preference){
	.subVisual::before{ animation: subVisual_bg 1.8s both; }
	@keyframes subVisual_bg {
		0%{ transform: scale(1.05); }
		100%{ transform: scale(1); }
	}
	.subVisual .inr > *{ opacity: 0; animation: subVisualText .6s .2s both; }
	.subVisual .inr > *:nth-child(2){ animation-delay: .4s; }
	@keyframes subVisualText {
		0%{ transform: translateY(40rem); opacity: 0; }
		100%{ transform: translateY(0); opacity: 1; }
	}
}

/* lnb */
.lnb_wrap{ background: #fffaf6; border-bottom: 1px solid #ededed; text-align:center; font-size:18rem; font-weight: 500; color: #aaa; z-index:10; }
.lnb {z-index: 9;}
.lnb ul{ margin: 0 auto; display: flex;}
.lnb li{display:inline-block;}
.lnb a{ position: relative; display: flex; align-items: center; height: 4.0625em; font-weight: bold;  padding: 0 40rem; }
.lnb a:hover,
.lnb a.on{ color: var(--primary); }
.lnb a.on::before{ content: ''; position: absolute; inset: 0; border-bottom: 4px solid currentColor; }
.lnb .sub_menu2 {opacity: 0;display: none; transition: .3s; position: absolute; z-index: 9; flex-direction: column;}
.lnb .sub_menu > li:hover .sub_menu2 {opacity: 1; display: flex;}
.sub_menu2 li {border: 1px solid #ededed; background: #fff;}
.sub_menu2 a.on::before {display: none;}
@media(max-width:767px){
	.lnb{ overflow: auto clip; white-space:nowrap; }
	.lnb ul{ display:table; margin:0 auto; table-layout:auto; overflow-y: hidden;}
	.lnb li{ display:table-cell; }
}

/* common content */
#content{ contain: content; min-height:300px; padding: 90rem 0; }
.sub_title{ margin-bottom: 3.75em;}
.sub_title h2{ position: relative; text-align:center; font-size:var(--fs35); z-index: 5; }
.sub_title p {font-size: 24rem; text-align: center; margin-top: 20rem;}
.cont_inr {position: relative; margin: 0 auto; max-width: calc(var(--inr) * 1rem); height: 100%; box-sizing: border-box; z-index: 2;}
.common_h2 {font-size: 28rem; font-family: 'NexonLv1Gothic'; font-weight: 700; margin-bottom: 40rem;}
.common_h2::before {content: ''; width: 60rem; height: 3px; background: #008281; margin-bottom: 20rem; display: block;}
.common_h2 + .common_subTitle{ margin-top: -14rem; }
.common_subTitle{ position: relative; font-size: 20rem; font-weight: 500; }
.common_subTitle::before{ content: ''; position: relative; top: -3rem; margin-right: 14rem; display: inline-block; width: 10rem; height: 10rem; background: var(--primary); border-radius: 50%; }
.common_table{ text-align: center; }
.common_table th { background: #008281; color: #fff; font-size: 20rem; font-weight: 600;}
.common_table td {font-size: 18rem; font-weight: 500;}
.common_table :is(th, td){ padding: 14rem 1em 12rem; border: 2rem solid #ededed; }
.common_table :is(th, td):first-child{ border-left: 0; }
.common_table :is(th, td):last-child{ border-right: 0; }
.common_table :is(thead, tfoot){ background: #008281; font-size: 17rem; font-weight: 500; }
.tbody-td-gray tbody th{ background: #f5f5f5; font-size: 18rem; font-weight: 500; color: #000; }
.td-left td{ text-align: left; }

/* 인사말 */
.font_tvn {font-family: 'OTEnjoystoriesBA';}
.sub_about01 .cont_inr {display: flex; gap: 80rem;}
.sub_about01__con {display: flex; align-items: center; position: relative;}
.sub_about01__con::before {content: url(/images/content/about01_bg.png); position: absolute; top: 0; right: 0;}
.sub_about01__head p {font-size: 18rem; color: #8db55d; font-weight: 500;}
.sub_about01__head p b {color: #469fc3;font-weight: 500;}
.sub_about01__head h2 {font-size: 62rem; line-height: 1;}
.sub_about01__head::after {content: ''; height: 1px; width: 60rem; background: #000; display: block; margin: 40rem 0 80rem;}
.sub_about01__txt p {margin-bottom: 30rem;}
.sub_about01__txt p:last-child {margin-top: 55rem; margin-bottom: 0; text-align: right;}
.sub_about01__txt p:last-child b {font-size: 38rem;}

@media(max-width:1080px){
	.sub_about01 .cont_inr {flex-direction: column;}
	.sub_about01__pic figure {    width: 100%;height: 500rem;overflow: hidden;display: flex;align-items: center;}
	.sub_about01__pic figure img {width: 100%;}
	.sub_about01__con::before {opacity: 0.4;}
}

/* 조직현황 */
.sub_about02__con img {width: 100%;}
.sub_about02__con > div { margin-bottom: 80rem;}
.sub_about02__con .common_table col:is(:nth-of-type(1), :nth-of-type(2)){ width: 25%; }

/* 위치 안내 */
.sub_about03__con .common_table {margin-bottom: 80rem;}
.sub_about03__con .common_table col:nth-of-type(1){ width: 8%; }
.map > p {font-size: 16rem;color: #666; text-align: right; margin: 20rem 0 40rem;}
.root_daum_roughmap {max-height: 420px;width: 100% !important;}
.map ul {display: flex; border: 1px solid #ccc; box-sizing: border-box; padding: 40rem 0 60rem; margin-bottom: 80rem;}
.map ul li {width: calc(100%/3); display: flex; flex-direction: column; align-items: center; position: relative;}
.map ul li::before {content: ''; display: block; width: 1px; height: 80rem; background: #ccc; position: absolute; left: 0; top: 50%;    transform: translateY(-50%);}
.map ul li:first-child:before {display: none;}
.map ul li h2 {margin: 20rem 0 10rem;}
#content .root_daum_roughmap .wrap_map {height: 480rem;}
.traffic {display: flex;}
.traffic li {display: flex; width: 50%; align-items: center; gap: 20rem;}
.traffic li figure {width: 21%;}
.traffic li figure img {width: 100%;}
.traffic li figcaption { border: 1px solid #ededed; width: 70%; padding: 40rem;}
.traffic li figcaption h2 {font-size: 22rem; display: flex; align-items: center; gap: 10rem; margin-bottom: 20rem;}
.traffic li figcaption h2::before {content: ''; display: flex; width: 8rem; height: 8rem; background: #8fc8f2; border-radius: 50%;}
.traffic li:nth-child(2) figcaption h2::before {background: #9a9af4;}

@media(max-width:767px){
	.map ul {flex-direction: column; gap: 40rem;}
	.map ul li {width: 100%;}
	.map ul li::before {top: -10%; left: 50%; transform: translate(-50%,0); width: 20%; height: 1px;}
	.traffic {flex-direction: column;}
	.traffic li {width: 100%;}
	.traffic li:nth-child(2) {flex-direction: row-reverse; margin-top: 20rem;}
}

/* 공통 고객지원 */
.subCs{ margin-top: 40rem; display: grid; gap: 20rem 40rem; }
.subCs > *{ min-height: 100rem; }
.subCs__info{ padding: 19rem clamp(20rem, calc( 48 / var(--inr) * 100vw ), 48rem); border: 2px solid var(--primary); }
.subCs__info-grid{ display: grid; align-items: center; padding-inline: 0; }
.subCs__info-grid .subCs__title{ text-align: center; }
.subCs__title{ position: relative; font-size: 24rem; font-weight: 700; line-height: 1.16666667; color: var(--primary); }
.subCs__p{ margin-top: 3px; font-size: 18rem; font-weight: 500; color: #000000bb; }
.subCs__ul{ position: relative; display: grid; gap: 3rem; padding: 0 2.4em 0 3.4em; font-size: 18rem; font-weight: 500; color: #222; }
.subCs__ul::before{ content: ''; position: absolute; inset: 0; margin: auto; background: var(--primary); }
.subCs__a{ display: flex; align-items: center; justify-content: center; gap: 8rem 18rem; padding: 20rem; background: var(--primary); border: 2px solid var(--primary); font-size: 24rem; font-weight: 700; color: #fff; }
.subCs__a-gray{ margin: 60rem auto 0; max-width: 680rem; background: #ededed; color: #055a59; }
.subCs__newTab{ width: 20rem; fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2px;}
.subCs__tel{ display: inline-flex; gap: 10rem; padding: 8rem 27rem; background: #fff; border-radius: 20rem; color: var(--primary); }
.subCs__phone{ width: 23rem; fill:none; stroke:currentColor; stroke-linecap:round; stroke-linejoin:round; stroke-width:2px; }
@media(min-width:768px){
	.subCs__info-grid{ grid-template-columns: 1.09fr 2fr; }
	.subCs__ul::before{ inset: 0; margin-left: 0; width: 3rem; height: 40rem; }
	.subCs__tel{ margin-left: 9rem; }
}
@media(min-width:1280px){
	.subCs{ grid-template-columns: repeat(2, 1fr); }
}
@media(max-width:767px){
	.subCs__ul{ margin-top: 20rem; padding: 20rem 30rem 0; }
	.subCs__ul::before{ inset: 0 0 auto; width: 40rem; height: 3rem; }
	.mo-flex-col{ flex-direction: column; }
}

/* 주요산업 공통 */
#content:has(.subBiz) [data-menu-snb="3"]{ display: none; }
.subBiz section + section{ margin-top: 100rem; }
.text-primary{ color: var(--primary); }
.text-gray{ display: inline-block; color: rgba(0, 0, 0, .6); line-height: 1.8; }
.text-yellow{ color: #ff9600; }

/* 주요산업 테이블 */
.subBiz .common_table{ margin-top: 60rem; }
.subBiz .common_table :is(th, td){ padding-block: 20rem; border-width: 1px; }
.subBiz .common_table col:nth-child(1){ width: clamp(0rem, calc( 240 / var(--inr) * 100vw ), 240rem); }
.subBiz .common_table col:nth-child(2){ width: auto; }
.subBiz .common_table th{ width: 11ch; }
.subBiz .common_table td{ padding-inline: 30rem; font-size: 16rem; }
.subBiz__bullet > li{ display: flex; gap: .4ch; }
.subBiz__bullet > li::before{ content: '-'; }

/* 주요산업 타이틀 */
.subBizTitle__img{ height: 280rem; background: no-repeat 50% / cover; }
.subBizTitle__img.i1{ background-image: url('/images/content/biz1.jpg'); }
.subBizTitle__img.i2{ background-image: url('/images/content/biz2.jpg'); }
.subBizTitle__img.i3{ background-image: url('/images/content/biz3.jpg'); }
.subBizTitle__img.i4{ background-image: url('/images/content/biz4.jpg'); }
.subBizTitle__img.i5{ background-image: url('/images/content/biz5.jpg'); }
.subBizTitle__img.i6{ background-image: url('/images/content/biz6.jpg'); }
.subBizTitle__box{ position: relative; margin: -100rem 0 0; width: min(640rem, 80%); padding: clamp(30rem, calc( 50 / var(--inr) * 100vw ), 50rem) clamp(25rem, calc( 50 / var(--inr) * 100vw ), 50rem) clamp(30rem, calc( 48 / var(--inr) * 100vw ), 48rem); background: #fff; box-shadow: 5rem 9rem 16rem 4rem rgba(0, 0, 0, 0.05); }
.subBizTitle__box-right{  margin-left: auto; }
.subBizTitle .common_h2{ margin-bottom: 16rem; }
.subBizTitle__p{ font-size: 18rem; font-weight: 500; }

/* 주요산업 진행 절차 */
.subBizProcess{ margin-top: 33rem; display: flex; flex-wrap: wrap; gap: 13rem 27rem; padding: 38rem; border: 2px solid #ededed; text-align: center; font-size: 20rem; font-weight: 700; line-height: 1.1; }
.subBizProcess > li{ display: flex; align-items: center; }
.subBizProcess__li{ flex: 1 auto; justify-content: center; padding: 27rem 14rem; border: 1px solid var(--primary); border-radius: 20rem; }
.subBizProcess__li-bgGray{ background: #ededed; }
.subBizProcess__arrow{ width: 8rem; height: 14rem; fill:none;stroke:#df9935;stroke-linecap:round;stroke-linejoin:round;stroke-width:2px; }
@media(max-width:767px){
	.subBizProcess > li{ flex: 1 100%; }
	.subBizProcess [aria-hidden="true"]{ justify-content: center; }
	.subBizProcess__arrow{ transform: rotate(90deg); }
}

.subaddress {margin-top: 80rem;}
.subaddress ul {display: flex; flex-direction: column; gap: 40rem;}
.subaddress ul li .li_wrap {display: flex;align-items: center; border: 1px solid #ededed; box-sizing: border-box; justify-content: center;}
.subaddress ul li h3 {width: 30%; font-size: 20rem; background: var(--primary); height: 100%; display: flex; align-items: center; justify-content: center; color: #fff; height: 80rem; }
.subaddress ul li p {width: 70%; background: #fafafa; color: var(--primary); height: 100%; display: flex; align-items: center; justify-content: center; font-size: 19rem; height: 80rem; }
.subaddress .common_subTitle::before {background: #df9935;}

@media(max-width:767px){
	.subaddress ul li .li_wrap {flex-direction: column; height: auto;}
	.subaddress ul li h3 {width: 100%; padding: 10rem;}
	.subaddress ul li p {width: 100%; padding: 20rem;}
}

/* 발달장애인 운동재활센터 */
.subBizRehab{ margin-top: 66rem; display: grid; gap: 40rem; }
.subBizRehab__li{ padding: 38rem 38rem 115rem; background: no-repeat 100% 100% / 300rem auto; border: 2px solid #ededed; border-radius: 20rem; }
.subBizRehab__li.l1{ background-image: url('/images/content/rehab1.png'); }
.subBizRehab__li.l2{ background-image: url('/images/content/rehab2.png'); }
.subBizRehab__li.l3{ background-image: url('/images/content/rehab3.png'); }
.subBizRehab__li.l4{ background-image: url('/images/content/rehab4.png'); }
.subBizRehab__p{ margin-top: -22rem; line-height: 1.375; }
@media(min-width:768px){
	.subBizRehab{ grid-template-columns: repeat(2, 1fr); }
}

/* 후원 공통 */
.subSpon section + section{ margin-top: 69rem; }
.subSpon .common_table{ margin-top: 23rem; }
.subSpon col:nth-child(1){ width: 17.2%; }

/* 후원 공통 타이틀 */
.subSponTitle{ position: relative; margin-bottom: 70rem; font-size: 30rem; }
.subSponTitle__img{ background: no-repeat 50% / contain; z-index: -1; }
.subSponTitle__img.i1{ background-image: url('/images/content/spon1.jpg'); }
.subSponTitle__img.i2{ background-image: url('/images/content/spon2.jpg'); }
@media(min-width:768px){
	.subSponTitle__img{ position: absolute; top: 103rem; right: -80%; transform: translate(-50%,-50%); aspect-ratio: 963/985; width: min(963rem, 100%); }
}
@media(min-width:1280px){
	.subSponTitle__img{ right: -51.4%; }
}
@media(max-width:767px){
	.subSponTitle__img{ margin-inline: -20vw; height: 300rem; background-size: cover; }
}

/* 후원 안내 */
.subSponGoods{ margin-top: 12rem; display: flex; align-items: center; gap: 10rem; padding: 30rem 38rem; border: 2px solid #ededed; font-size: 20rem; font-weight: 500; }
.subSponGoods::before{ content: ''; display: inline-block; width: 40rem; height: 36rem; background: url('/images/content/head.png') no-repeat 50% / contain; }
.subSpon__notice{ margin-top: 35rem; text-align: center; font-weight: 700; opacity: .7; }
.subSpon .subCs{ margin-top: 57rem; }
.subCs__apply{ width: 31rem; fill:currentColor; stroke-width:0px; }
.sub_menu .koweb_online_sponsor {display: none;}
.sub_menu .koweb_online_volunteer {display: none;}
/* 후원 안내 방법 */
.subSponWay{ margin-top: 51rem; display: grid; gap: 20rem clamp(10rem, calc( 40 / var(--inr) * 100vw ), 40rem); }
.subSponWay__li{ display: grid; grid-template-rows: auto auto 1fr; min-height: 320rem; padding: 32rem clamp(30rem, calc( 39 / var(--inr) * 100vw ), 39rem) 39rem; border: 1px solid #cef0a5; border-radius: 20rem; box-shadow: 5rem 9rem 16rem 4rem rgba(0, 0, 0, 0.05); }
.subSponWay__p{ margin-top: 31rem; font-size: 18rem; font-weight: 500; line-height: 1.33333333; } 
.subSponWay__btns{ align-self: end; margin-top: 26rem; display: grid; gap: 10rem; font-size: 18rem; font-weight: 700; color: #055a59; }
.subSponWay__btns.grid-col-2{ grid-template-columns: repeat(2, 1fr); }
.subSponWay__a{ display: flex; align-items: center; justify-content: center; gap: 0 14rem; min-height: 60rem; padding: 10rem; background: #ededed; }
.subSponWay__a:has(img){ padding: 1px; }
.subSponWay__a.flex-col{ flex-direction: column; }
.subSponWay__wrapIconTel{ display: flex; align-items: center; justify-content: center; width: 42rem; height: 42rem; background: #fff; border-radius: 50%; }
.subSponWay__img{ width: 100%; height: 100%; background: #fff; object-fit: contain; }
.subSponWay__iconTel{ width: 21rem; fill: currentColor; }
.subSponWay__iconForm{ width: 30rem; fill: currentColor; }
@media(min-width:768px){
	.subSponWay{ grid-template-columns: repeat(3, 1fr); }
}
@media(max-width:1279px) and (min-width:768px){
	.subSponWay br,
	.subSponWay__number{ display: none; }
}

/* 지원봉사 분야 */
.subVolSector{ margin-top: 52rem; display: grid; gap: clamp(10rem, calc( 40 / var(--inr) * 100vw ), 40rem); }
.subVolSector__li{ display: flex; align-items: center; justify-content: center; padding: 33rem clamp(15rem, calc( 25 / var(--inr) * 100vw ), 25rem); background: #fff; border: 2px solid #ededed; border-radius: 20rem; }
.subVolSector__li-last{ background: #008281 url('/images/content/head.png') no-repeat 50% / 40rem auto; }
.subVolSector__li .common_subTitle{ display: flex; align-items: baseline; justify-content: center; }
.subVolSector__li .common_subTitle::before{ flex-shrink: 0; }
.subVolApply{ margin: 52rem -14rem 0; display: grid; gap: 40rem 0; text-align: center; font-weight: 700; line-height: 1.11111111; }
.subVolApply__li{ aspect-ratio: 238/209; padding-top: 24%; background: no-repeat 50% / contain; }
.subVolApply__img{ height: 2.88888889em; }
.subVolApply__p{ margin-top: 1.33333333em; }
.subVolApply__light{ font-size: .88888889em; font-weight: 400; }
.subVolApply__notice{ margin-top: 36rem; text-align: right; font-size: 18rem; }
@media(min-width:768px){
	.subVolSector{ grid-template-columns: repeat(3, 1fr); }
	.subVolApply{ grid-template-columns: repeat(3, 1fr); }
	.subVolApply__li{ background-image: url('/images/content/volBg2.png'); }
	.subVolApply__li:nth-child(3n+1){ background-image: url('/images/content/volBg1.png'); }
	.subVolApply__li:nth-child(3n+3){ background-image: url('/images/content/volBg3.png'); }
	@media(max-width:1279px){
		.subVolApply{ font-size: 24rem; }
	}
}
@media(min-width:1280px){
	.subVolApply{ grid-template-columns: repeat(6, 1fr); font-size: 18rem; }
	.subVolApply__li:first-child{ background-image: url('/images/content/volBg1.png'); }
	.subVolApply__li:last-child{ background-image: url('/images/content/volBg3.png'); }
}
@media(max-width:767px){
	.subVolSector__li-last{ display: none; }
	.subVolApply{ grid-template-columns: repeat(2, 1fr); font-size: 17rem; }
	.subVolApply__li:nth-child(2n+1){ background-image: url('/images/content/volBg1.png'); }
	.subVolApply__li:nth-child(2n+2){ background-image: url('/images/content/volBg3.png'); }
}


/* 단체소개 > 연혁 */
/*===============================================================================
    TIMELINE Start
=================================================================================*/
.kontainer-timeline { display: flex; justify-content: center; --color-line: #CEEFA5; --color-dot:#88D9FA; --color-title:#008281; --color-teks: #111111; --color-date: #111111; }
.timeline { line-height: 1.4em; list-style: none; margin: 0; padding: 0; width: 100%; }
.timeline h3 { margin-top: 0; font-size: 24px; font-weight: 300; line-height: 1.5; color: var(--color-teks); }
/*----- TIMELINE ITEM -----*/
.timeline-item { padding-left:40px; position:relative }
.timeline-item:last-child { padding-bottom:0 }
/*----- TIMELINE INFO -----*/
.timeline-info { font-size: 12px; font-weight: 700; letter-spacing: 3px; margin: 0 0 0.5em 0; text-transform: uppercase; white-space: nowrap; color: var(--color-date); }
/*----- TIMELINE MARKER -----*/
.timeline-marker { position: absolute; top: 0; bottom: 0; left: 0; width: 15px; }
.timeline-marker:before { background: var(--color-dot); border: 3px solid transparent; border-radius: 100%; content: ""; display: block; height: 12px; position: absolute; top: 6px; left: 2px; width: 12px; }
.timeline-marker:after { content: ""; width: 3px; /* background: #CCD5DB; */
    background: var(--color-line); display: block; position: absolute; top: 24px; bottom: 0; left: 6px; }
.timeline-item:last-child .timeline-marker:after { content:none }
/*----- TIMELINE CONTENT -----*/
.timeline-content { padding-bottom:40px }
.timeline-content p:last-child { margin-bottom:0 }
/*----- TIMELINE PERIOD -----*/
.period { padding:0 }
.period .timeline-info { display:none }
.period .timeline-marker:before { background: transparent; content: ""; width: 15px; height: auto; border: none; border-radius: 0; top: 0; left: 0px; bottom: 30px; position: absolute; border-top: 3px solid var(--color-line); border-bottom: 3px solid var(--color-line); }
.period .timeline-marker.top:before { border-top:none }
.period .timeline-marker:after { content:""; height:32px; top:auto }
.period .timeline-content { padding:40px 0 70px }
.period .timeline-title { margin: 0; font-size: 64px; font-weight: 500; color: var(--color-title); }
/*----------------------------------------------
    responsive
----------------------------------------------*/
@media (min-width: 768px) {
 .timeline-split .timeline,
    .timeline-centered .timeline { display: table; }
.timeline-split .timeline-item,
    .timeline-centered .timeline-item { display: table-row; padding: 0; }
.timeline-split .timeline-info,
    .timeline-centered .timeline-info,
    .timeline-split .timeline-marker,
    .timeline-centered .timeline-marker,
    .timeline-split .timeline-content,
    .timeline-centered .timeline-content,
    .timeline-split .period .timeline-info { display: table-cell; vertical-align: top; }
.timeline-split .timeline-marker,
    .timeline-centered .timeline-marker { position: relative; }
.timeline-split .timeline-content,
    .timeline-centered .timeline-content { padding-left: 30px; }
.timeline-split .timeline-info,
    .timeline-centered .timeline-info { padding-right: 30px; }
.timeline-split .period .timeline-title,
    .timeline-centered .period .timeline-title { position: relative; left: -93px; }
 }
/*== TIMELINE End ================================================*/

/*===================================================================
    Override 2024-12-09, add pages : 02_business > sub04, sub05
=====================================================================*/
main.subBiz.icare-srvce .cont_inr,
main.subBiz.person-activity .cont_inr { height: auto; }
main.subBiz.icare-srvce ul.subBizRehab__p { display:flex; flex-direction:column; gap:5rem }
main.subBiz.icare-srvce ul.subBizRehab__p>li { display:flex; align-items:flex-start }
main.subBiz.icare-srvce .subBizRehab__p li::before { content: ''; position: relative; top: 5rem; margin-right: 14rem; display: inline-block; width: 10rem; height: 10rem; background: var(--primary); border-radius: 50%; aspect-ratio: 1 / 1; }
main.subBiz.icare-srvce .subBizRehab__li.l1 { background-image:url(/images/content/icare-srvce1.png) }
main.subBiz.icare-srvce .subBizRehab__li.l2 { background-image:url(/images/content/icare-srvce2.png) }
main.subBiz.icare-srvce .subBizRehab__li.l3 { background-image:url(/images/content/icare-srvce3.png) }
main.subBiz.icare-srvce .subBizRehab__li.l4 { background-image:url(/images/content/icare-srvce4.png) }
main.subBiz.person-activity .subSponWay__li { display:flex; min-height:auto; height:auto; border:1px solid #ededed }
main.subBiz.person-activity .subSponWay__li .subSponWay__p { margin-top:10rem }
main.subBiz.person-activity .subSponWay__li .subSponWay__p span { color:#888; display: block; font-weight: 300; }
@media (min-width: 1280px) {
 main.subBiz.person-activity .subCs { grid-template-columns:1fr }
 }

main.subBiz.icare-srvce .subaddress ul .wrapped { margin-bottom: 40rem; }
@media (max-width: 767px) {
    main.subBiz.icare-srvce .subaddress ul .wrapped .subCs__ul {
        text-align: center;
    }
}