/*챔피언스 라이프*/
.sub_life .life_list > li { display:flex; align-items:flex-end; justify-content:space-between;}
.sub_life .life_list > li ~ li { margin-top: 10.4167vw;}
.sub_life .life_list > li:nth-child(even) { flex-direction:row-reverse;}
.sub_life .life_list .img_wrap { overflow:hidden; width:60.7143%; opacity:0; transition:0.6s;}
.sub_life .life_list .img_wrap.gra_lef { padding-right: 10px; background:url(../images/gra-img-bg.jpg) no-repeat right center/cover;}
.sub_life .life_list .img_wrap.gra_rig { padding-left: 10px; background:url(../images/gra-img-bg2.jpg) no-repeat right center/cover;}
.sub_life .life_list .img_wrap.gra_lef img { transform:translate(-40px,0); transition:0.8s;}
.sub_life .life_list .img_wrap.gra_rig img { transform:translate(40px,0); transition:0.8s;}
.sub_life .life_list .txt_wrap {width:31.4286%;}
.sub_life .life_list .txt_wrap span { display:inline-block; transform:translateY(100%); opacity:0; transition:1.2s;}
.sub_life .life_list .txt_wrap .tit {position:relative; padding-bottom: 1.3021vw; font-family:'ControlUpright'; font-size:0.8333vw; color:#000; font-weight:500;}
.sub_life .life_list .txt_wrap .tit::after {content:''; position:absolute; left:0; bottom:0; width:0; height:1px; background:#cccccc; transition:0.8s;}
.sub_life .life_list .txt_wrap .tit span { position:relative; display:inline-block; padding-right: 10px; line-height:1;}
.sub_life .life_list .txt_wrap .tit span::after { content:''; position:absolute; right:0; bottom:3px; width:6px; height:6px; border-radius:50%; background:#b42800;}
.sub_life .life_list .txt_wrap .txt { margin-top: 3.9063vw;}
.sub_life .life_list .txt_wrap .txt dl { margin-bottom:3.125vw;}
.sub_life .life_list .txt_wrap .txt dl dt { overflow:hidden; font-size:2.0833vw; color:#b42800; font-weight:300;}
.sub_life .life_list .txt_wrap .txt dl dt b { font-weight:500;}
.sub_life .life_list .txt_wrap .txt dl dd { overflow:hidden; margin-top: 1.5625vw; font-size:1.5625vw; color:#000; font-weight:700; line-height:1.3; letter-spacing: -0.05em;}
.sub_life .life_list .txt_wrap .txt ul { transform:translateY(20%); opacity:0; transition:0.8s;}
.sub_life .life_list .txt_wrap .txt ul li { display:flex; align-items:baseline; gap:10px; font-size:1.0417vw; color:#555; line-height:1.6; letter-spacing: -0.075em;}
.sub_life .life_list .txt_wrap .txt ul li::before {content:'▪';}
.sub_life .life_list .txt_wrap .txt ul li em{font-size:0.8333vw;}

.sub_life .life_list .active .txt_wrap .tit::after { width:100%;}
.sub_life .life_list .active .img_wrap,
.sub_life .life_list .active .img_wrap.gra_lef img,
.sub_life .life_list .active .img_wrap.gra_rig img,
.sub_life .life_list .active .txt_wrap span,
.sub_life .life_list .active .txt_wrap .txt ul { transform:none; opacity:1;}
.sub_life .life_list .active .txt_wrap dt span { transition-delay:0.2s;}
.sub_life .life_list .active .txt_wrap dd span { transition-delay:0.4s;}
.sub_life .life_list .active .txt_wrap ul { transition-delay:0.5s;}

@media all and (max-width: 1024px){
	.sub_life .life_list .txt_wrap { width:35%;}
	.sub_life .life_list .txt_wrap .tit { font-size:1.5vw;}
	.sub_life .life_list .txt_wrap .tit span::after {bottom:2px; width:4px; height:4px;}
	.sub_life .life_list .txt_wrap .txt dl dt { font-size:3.5833vw;}
	.sub_life .life_list .txt_wrap .txt dl dd { font-size:2.0625vw;}
	.sub_life .life_list .txt_wrap .txt ul li { font-size:1.5vw;}
	.sub_life .life_list .txt_wrap .txt ul li em{font-size:1.2vw;}
}

@media all and (max-width: 768px){
	.sub_life .life_list > li,
	.sub_life .life_list > li:nth-child(even) { flex-direction:column;}
	.sub_life .life_list > li ~ li { margin-top: 20vw;}
	.sub_life .life_list .img_wrap { width:100%;}
	.sub_life .life_list .txt_wrap { width:100%;padding-top: 6vw;}
	.sub_life .life_list .txt_wrap .tit { padding-bottom: 4vw; font-size:3vw;}
	.sub_life .life_list .txt_wrap .tit span { padding-right: 6px;}
	.sub_life .life_list .txt_wrap .tit span::after {bottom:1px; width:3px; height:3px;}
	.sub_life .life_list .txt_wrap .txt dl { margin-bottom: 6vw;}
	.sub_life .life_list .txt_wrap .txt dl dt { font-size:7.5833vw;}
	.sub_life .life_list .txt_wrap .txt dl dd { margin-top: 3vw; font-size:4.5625vw;}
	.sub_life .life_list .txt_wrap .txt ul li { font-size:3.5vw;}
	.sub_life .life_list .txt_wrap .txt ul li em{font-size:2.7vw;}
}

/*단지설계*/
.sub_complex_plan .con ~ .con { margin-top: 10.0521vw;}
.sub_complex_plan .img_wrap { display:flex; gap:5px;}
.sub_complex_plan .flex02 { display:flex; gap:5px; flex-direction:column;}
.sub_complex_plan .img_wrap .img { overflow:hidden; flex:auto;}
.sub_complex_plan .img_wrap .img img { opacity: 0; transform: scale(1.2); transition: 1s;}
.sub_complex_plan .txt_wrap {margin-top: 3.3854vw/*65px*/;}
.sub_complex_plan .txt_wrap .tit { margin-bottom: 3.125vw/*60px*/;}
.sub_complex_plan .txt_wrap .tit strong { display:block; overflow:hidden; font-size:1.5625vw; color:#000; line-height:1.3; font-weight:700; letter-spacing:-0.05em;}
.sub_complex_plan .txt_wrap .tit span { display:inline-block; opacity:0; transform:translateY(100%); transition:0.8s;}
.sub_complex_plan .txt_wrap .txt { display:flex; align-items:flex-start; justify-content:space-between;}
.sub_complex_plan .txt_wrap .txt li { flex:auto;}
.sub_complex_plan .txt_wrap .txt li strong {font-size:1.0417vw; color:#000; line-height:1.2; font-weight:700; letter-spacing:-0.075em;}
.sub_complex_plan .txt_wrap .txt li strong span { display:inline-block; transform:translateY(100%); opacity:0; transition:0.8s;}
.sub_complex_plan .txt_wrap .txt li strong em { font-weight:400;}
.sub_complex_plan .txt_wrap .txt li p { margin-top: 1.25vw; font-size:0.9375vw; color:#555555; line-height:1.6; letter-spacing:-0.075em; transform:translateY(20%); opacity:0; transition:0.8s;}

.sub_complex_plan .txt_wrap.active .tit span,
.sub_complex_plan .txt_wrap.active .txt li strong span,
.sub_complex_plan .txt_wrap.active .txt li p,
.sub_complex_plan .active .img_wrap .img img { transform:none; opacity:1;}
.sub_complex_plan .txt_wrap.active .txt li strong span {transition-delay:0.2s;}
.sub_complex_plan .txt_wrap.active .txt li p {transition-delay:0.4s;}

@media all and (max-width: 1024px){
	.sub_complex_plan .con ~ .con { margin-top: 15vw;}
	.sub_complex_plan .txt_wrap { margin-top: 6vw;}
	.sub_complex_plan .txt_wrap .tit { margin-bottom: 6vw;}
	.sub_complex_plan .txt_wrap .tit strong { font-size:3vw}
	.sub_complex_plan .txt_wrap .txt { flex-wrap:wrap; gap:4vw;}
	.sub_complex_plan .txt_wrap .txt li { flex:none; width:calc(50% - 2vw);}
	.sub_complex_plan .txt_wrap .txt li strong { font-size:2.4vw;}
	.sub_complex_plan .txt_wrap .txt li p { font-size:2.1vw;}
}
@media all and (max-width: 768px){
	.sub_complex_plan .con ~ .con { margin-top: 20vw;}
	.sub_complex_plan .flex02 { display:flex; gap:5px; flex-direction:column;}
	/*.sub_complex_plan .img_wrap { display:flex; flex-direction:column; gap:5px;}
	.sub_complex_plan .txt_wrap { margin-top: 10vw;}
	.sub_complex_plan .txt_wrap .tit { margin-bottom: 8vw;}
	.sub_complex_plan .txt_wrap .tit strong { font-size:6vw}
	.sub_complex_plan .txt_wrap .txt { flex-wrap:wrap; gap:8vw;}
	.sub_complex_plan .txt_wrap .txt li { width:100%;}
	.sub_complex_plan .txt_wrap .txt li strong { font-size:4.4vw;}
	.sub_complex_plan .txt_wrap .txt li p { font-size:4.1vw;}*/
	.sub_complex_plan .txt_wrap { margin-top: 8vw;}
	.sub_complex_plan .txt_wrap .tit { margin-bottom: 6vw;}
	.sub_complex_plan .txt_wrap .tit strong { font-size:4.5vw}
	.sub_complex_plan .txt_wrap .txt { flex-wrap:wrap; gap:6vw 3vw;}
	.sub_complex_plan .txt_wrap .txt li { width:calc(50% - 1.5vw);}
	.sub_complex_plan .txt_wrap .txt li strong { font-size:3.4vw;}
	.sub_complex_plan .txt_wrap .txt li p { font-size:3.1vw;}
	.sub_complex_plan .txt_wrap .txt li p br { display:none;}
}

/*단지안내 공통*/
.complex_img_box ul { display:flex; flex-wrap:wrap; gap:1.0417vw;}
.complex_img_box ul li { width:calc((100% - 3.125vw)/4);}
.complex_img_box ul li .img { overflow:hidden;}
.complex_img_box ul li .img img { opacity: 0; transform: scale(1.2); transition: 1s;}
.complex_img_box ul li p { margin-top: 1.0417vw; font-size:1.0417vw; color:#000; opacity:0; transform:translateY(50%); transition:1s .2s;}
.complex_img_box.active ul li .img img,
.complex_img_box.active ul li p { transform:none; opacity:1;}

@media all and (max-width: 1024px){
	.complex_img_box ul { display:flex; flex-wrap:wrap; gap:1.5vw;}
	.complex_img_box ul li { width:calc((100% - 4.5vw)/4);}
	.complex_img_box ul li p { margin-top: 1.5vw; font-size:1.5vw;}
}

@media all and (max-width: 768px){
	.complex_img_box ul { gap:2.5vw;}
	.complex_img_box ul li { width:calc((100% - 2.5vw)/2);}
	.complex_img_box ul li p { margin-top: 2.5vw; font-size:2.5vw;}
}

/*단지배치도*/
.sub_complex_chart .mobile { display:none;}
.sub_complex_chart .con ~ .con { margin-top: 10.4167vw;}
.sub_complex_chart .con01 { display:flex; flex-direction:column; gap:3.6458vw;} 
.sub_complex_chart .con02 { display:flex; flex-direction:column; gap:8.6458vw;}
.sub_complex_chart .img { overflow:hidden; width:100%;}
.sub_complex_chart .complex_img_box .img img { opacity: 0; transform: scale(1.2); transition: 1s;}
.sub_complex_chart .img img { opacity: 0; transform: translateY(20%); transition: 1s;}
.sub_complex_chart .active .img img,
.sub_complex_chart .img.active img { opacity:1; ;transform:none;}

@media all and (max-width: 768px){
	.sub_complex_chart .top_tit dt { line-height:1.2;}
	.sub_complex_chart .mobile { display:block;}
	.sub_complex_chart .con ~ .con { margin-top: 20vw;}
	.sub_complex_chart .con01 { gap:6vw;}
	.sub_complex_chart .con02 { gap:12vw;}
}

/*커뮤니티*/
.sub_complex_community .mobile { display:none;}
.sub_complex_community .con ~ .con { margin-top: 10.4167vw;}
.sub_complex_community .img.mo { overflow:hidden;}
.sub_complex_community .img.mo img { transform:translateY(10%); opacity:0; transition:1.2s;}
.sub_complex_community .complex_img_box { margin-top: 3.6458vw;}
.sub_complex_community .img.active img { transform:none; opacity:1;}

@media all and (max-width: 768px){
	.sub_complex_community .top_tit dt { line-height:1.2;}
	.sub_complex_community .mobile { display:block;}
	.sub_complex_community .con ~ .con { margin-top: 20vw;}
	.sub_complex_community .complex_img_box { margin-top: 7vw;}
}

/*시스템*/
.sub_complex_system .mobile { display:none;}
.sub_complex_system .con_flex { display:flex; gap:5px;}
.sub_complex_system .con_flex ~ .con_flex { margin-top: 5.2083vw;}
.sub_complex_system .con_flex .box { flex:auto;}
.sub_complex_system .con_flex .img { overflow:hidden; position:relative;}
.sub_complex_system .con_flex .img img { opacity: 0; transform: scale(1.2); transition: 1s;}
.sub_complex_system .con_flex .img span { position:absolute; right:1.9792vw; bottom:1.0417vw; font-size:0.8333vw; color:rgba(255,255,255,0.8);}
.sub_complex_system .con_flex .txt {overflow:hidden; margin-top: 2.6042vw;}
.sub_complex_system .con_flex .txt strong { display:block; font-size:1.0417vw; color:#000; font-weight:700; letter-spacing:-0.075em; transform:translateY(100%); opacity:0; transition:0.8s;}
.sub_complex_system .con_flex .txt p { margin-top: 1.25vw; font-size:0.9375vw; color:#555; letter-spacing:-0.075em; line-height:1.6; transform:translateY(50%); opacity:0; transition:0.8s;}
.sub_complex_system .con_flex .box .txt.active strong,
.sub_complex_system .con_flex .box .txt.active p,
.sub_complex_system .con_flex .box.active .img img { transform:none; opacity:1;}
.sub_complex_system .con { margin-top: 10.4167vw;}
.sub_complex_system .sub_tit { margin-bottom: 2.6042vw;}
.sub_complex_system .sub_tit span { display:inline-block; opacity:0; transform:translateY(100%); transition:0.8s;}
.sub_complex_system .sub_tit dl dt { overflow:hidden; font-size:1.5625vw; color:#000; font-weight:700; letter-spacing:-0.05em;}
.sub_complex_system .sub_tit dl dd { overflow:hidden; margin-top: 1.0417vw; font-size:1.0417vw; color:#000; letter-spacing:-0.05em;}
.sub_complex_system .sub_tit.active span { transform:none; opacity:1;}
.sub_complex_system .con .img { overflow:hidden;}
.sub_complex_system .con .img img { opacity: 0; transform: translateY(10%); transition: 1s;}
.sub_complex_system .con .txt_wrap { display:flex; margin-top: 2.6042vw;}
.sub_complex_system .con .txt_list { flex:1;}
.sub_complex_system .con .txt_list li { overflow:hidden; display:flex; align-items:baseline; font-size:0.9375vw; color:#000; letter-spacing:-0.075em; line-height:1.6; opacity:0; transform:translateY(40%); transition:0.8s;}
.sub_complex_system .con .txt_list li ~ li { margin-top: 0.9375vw;}
.sub_complex_system .con .txt_list li strong { display:flex; align-items:center; gap:0 0.8333vw; width:max-content; font-weight:700;}
.sub_complex_system .con .txt_list li strong::after { content:'|'; margin-right: 0.8333vw;}
.sub_complex_system .con .txt_list li p { flex:1;}
.sub_complex_system .con .img.active img,
.sub_complex_system .con .txt_wrap.active li { transform:none; opacity:1;}
.sub_complex_system .con .txt_wrap.active li:nth-child(2) { transition-delay:0.1s}
.sub_complex_system .con .txt_wrap.active li:nth-child(3) { transition-delay:0.2s}
.sub_complex_system .con .txt_wrap.active li:nth-child(4) { transition-delay:0.3s}
.sub_complex_system .con .txt_wrap.active li:nth-child(5) { transition-delay:0.4s}
.sub_complex_system .con .txt_wrap.active li:nth-child(6) { transition-delay:0.5s}
.sub_complex_system .con .txt_wrap.active li:nth-child(7) { transition-delay:0.6s}

@media all and (max-width: 1024px){
	.sub_complex_system .con_flex ~ .con_flex { margin-top: 10vw;}
	.sub_complex_system .con_flex .img span { font-size:1.2vw;}
	.sub_complex_system .con_flex .txt {margin-top: 4.2vw;}
	.sub_complex_system .con_flex .txt strong {font-size:2.2vw;}
	.sub_complex_system .con_flex .txt p { margin-top: 2.5vw; font-size:1.4vw;}
	.sub_complex_system .con { margin-top: 20vw;}
	.sub_complex_system .sub_tit dl dt { font-size:3vw;}
	.sub_complex_system .sub_tit dl dd { font-size:2.5vw;}
	.sub_complex_system .con .txt_list li { flex-wrap:wrap; font-size:1.6vw;}
	.sub_complex_system .con .txt_list li strong::after { display:none;}
	.sub_complex_system .con .txt_list li p { flex:none; width:100%;}
}

@media all and (max-width: 768px){
	.sub_complex_system .mobile { display:block;}
	.sub_complex_system .con_flex { flex-direction:column; gap:8vw;}
	.sub_complex_system .con_flex ~ .con_flex { margin-top: 15vw;}
	.sub_complex_system .con_flex .box { flex:none; width:100%;}
	.sub_complex_system .con_flex .img span { bottom:1.9792vw; font-size:2.5vw;}
	.sub_complex_system .con_flex .txt {margin-top: 5vw;}
	.sub_complex_system .con_flex .txt strong {font-size:4.4vw;}
	.sub_complex_system .con_flex .txt p { margin-top: 3.5vw; font-size:3.2vw;}
	.sub_complex_system .con { margin-top: 25vw;}
	.sub_complex_system .sub_tit { margin-bottom: 5.2vw;}
	.sub_complex_system .sub_tit dl dt { font-size:4.8vw; line-height:1.2;}
	.sub_complex_system .sub_tit dl dd { margin-top: 3vw; font-size:4vw; line-height:1.2;}
	.sub_complex_system .con .txt_wrap { display:block; margin-top: 5.2vw;}
	.sub_complex_system .con .txt_list ~ .txt_list {margin-top: 1.4vw;}
	.sub_complex_system .con .txt_list li { flex-wrap:wrap; font-size:3.2vw; gap:0.8vw;}
	.sub_complex_system .con .txt_list li ~ li { margin-top: 1.4vw;}
	.sub_complex_system .con .txt_list li strong::after { display:none;}
	.sub_complex_system .con .txt_list li p { flex:none; width:100%;}
	
	.sub_complex_system .con .txt_wrap.active .txt_list:nth-child(2) li:nth-child(1) { transition-delay:0.6s}
	.sub_complex_system .con .txt_wrap.active .txt_list:nth-child(2) li:nth-child(2) { transition-delay:0.7s}
	.sub_complex_system .con .txt_wrap.active .txt_list:nth-child(2) li:nth-child(3) { transition-delay:0.8s}
	.sub_complex_system .con .txt_wrap.active .txt_list:nth-child(2) li:nth-child(4) { transition-delay:0.9s}
	.sub_complex_system .con .txt_wrap.active .txt_list:nth-child(2) li:nth-child(5) { transition-delay:1s}
	.sub_complex_system .con .txt_wrap.active .txt_list:nth-child(2) li:nth-child(6) { transition-delay:1.1s}
	.sub_complex_system .con .txt_wrap.active .txt_list:nth-child(2) li:nth-child(7) { transition-delay:1.2s}
}